UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 174 kB
var $c=Object.create;var gn=Object.defineProperty;var Xc=Object.getOwnPropertyDescriptor;var qc=Object.getOwnPropertyNames;var Wc=Object.getPrototypeOf,Jc=Object.prototype.hasOwnProperty;var Yc=(e,t)=>{for(var o in t)gn(e,o,{get:t[o],enumerable:!0})},Hi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of qc(t))!Jc.call(e,n)&&n!==o&&gn(e,n,{get:()=>t[n],enumerable:!(a=Xc(t,n))||a.enumerable});return e};var zi=(e,t,o)=>(o=e!=null?$c(Wc(e)):{},Hi(t||!e||!e.__esModule?gn(o,"default",{value:e,enumerable:!0}):o,e)),Zc=e=>Hi(gn({},"__esModule",{value:!0}),e);var LN={};Yc(LN,{ChatTextareaFile:()=>kN});module.exports=Zc(LN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),M=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:b,indeterminate:h,loading:N,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":b,"k-indeterminate":h&&!l,"k-loading":N,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,A)=>(A.startsWith("k-")?C[A]=y[A]:C[`k-${A}`]=y[A],C),{}))};function Nn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},wt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var cr={};function K(e){return cr[e]=(cr[e]||0)+1,`k-${e}-${cr[e]}`}var Da=require("react/jsx-runtime"),mr="k-font-icon",Qc=[],jc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},em={},Ha=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,Da.jsx)("span",{...l,className:r(e.className,mr,E(mr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):(0,Da.jsx)(Da.Fragment,{})};Ha.states=Qc;Ha.options=jc;Ha.className=mr;Ha.defaultOptions=em;var Ui=Ha;var Lo=require("react/jsx-runtime"),ur="k-svg-icon",tm=[],om={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[wt.outline,wt.solid,wt.duotone]},fr={viewBox:"0 0 24 24",variant:wt.outline},za=e=>{var N,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=fr.viewBox,variant:l=fr.variant,icon:c,...u}=e;if(!c)return(0,Lo.jsx)(Lo.Fragment,{});if(c==="none")return(0,Lo.jsx)("span",{...u,className:r(e.className,ur,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,h=typeof c=="object"?l&&((N=c.variants)==null?void 0:N[l])||((m=c.variants)==null?void 0:m.outline)||c.content:void 0;return(0,Lo.jsx)("span",{...u,className:r(e.className,ur,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,Lo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:c?void 0:e.children})})};za.states=tm;za.options=om;za.className=ur;za.defaultOptions=fr;var br=za;var hr=zi(require("@progress/kendo-svg-icons"));var Fi="icon",Gi="icons";var Xi=require("react");var Vi=require("react"),$i=(0,Vi.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),vn="k-icon",am=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),nm=[],rm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[wt.outline,wt.solid,wt.duotone]},kn={viewBox:"0 0 24 24",type:"svg",variant:wt.outline},v=e=>{let{iconsType:t}=(0,Xi.useContext)($i),{size:o,themeColor:a,icon:n,type:i=t||kn.type,rotate:l,flip:c,viewBox:u=kn.viewBox,variant:b=kn.variant,...h}=e;if(!n)return(0,qt.jsx)(qt.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,qt.jsx)(br,{...h,className:r(e.className,vn),icon:n,size:o,variant:b});let m=hr[n]?n:am(`${n}-icon`);return hr[m]?(0,qt.jsx)(br,{...h,className:r(e.className,vn),icon:hr[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(Ui,{...h,className:r(e.className,vn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=nm;v.options=rm;v.defaultOptions=kn;v.className=vn;v.moduleName=Fi;v.folderName=Gi;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var xr="button",qi=xr;var st=require("react/jsx-runtime"),Ua="k-button",sm=["icon-button"],im=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],lm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},gr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=gr.showArrow,arrowIconName:c=gr.arrowIconName,variant:u,hover:b,focus:h,active:N,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,iconSize:A,text:I,iconClassName:J,className:ye,..._e}=e,De=C!=null,He=e.children!==void 0;return(0,st.jsxs)(t,{className:r(ye,Ua,Nn(Ua,u),E(Ua,{size:o,rounded:a,fillMode:n,themeColor:i}),M(Ua,{hover:b,focus:h,active:N,disabled:L||y,selected:m}),{"k-icon-button":!I&&!He&&De}),"aria-pressed":k?m?"true":"false":void 0,..._e,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,st.jsx)(v,{className:r(J,"k-button-icon"),icon:C,size:A}),C&&typeof C!="string"&&(0,st.jsx)(st.Fragment,{children:C}),I?(0,st.jsxs)(st.Fragment,{children:[I&&(0,st.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,st.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,st.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,st.jsx)(v,{icon:c})})]})};p.states=im;p.options=lm;p.variants=sm;p.className=Ua;p.defaultOptions=gr;p.moduleName=xr;p.folderName=qi;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Wi=require("react/jsx-runtime"),ee=e=>(0,Wi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ji=require("react/jsx-runtime"),Fa=e=>(0,Ji.jsx)(p,{icon:"folder",children:"Button",...e});var Yi=require("react/jsx-runtime"),St=e=>(0,Yi.jsx)(p,{children:"Button",...e});var Ln=require("react/jsx-runtime"),pm=p.options,dm=p.states,cm={...p.defaultOptions,variant:"text"},mm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],um=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ln.jsx)(ee,{...o,icon:"star"});case"icon-and-text":return(0,Ln.jsx)(Fa,{...o,icon:"star",children:"Button"});default:return(0,Ln.jsx)(St,{...o,children:"Button"})}};Do.options=pm;Do.states=dm;Do.variants=mm;Do.defaultOptions=cm;Do.modifiers=um;Do.className=p.className;var Ga=require("react/jsx-runtime"),Mn="k-fab",hm=[s.hover,s.focus,s.active,s.selected,s.disabled],xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Zi={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Zi.type,position:c,hover:u,focus:b,active:h,selected:N,disabled:m,...L}=e;return(0,Ga.jsxs)("button",{...L,type:l,className:r(e.className,Mn,E(Mn,{size:t,rounded:o,themeColor:a}),M(Mn,{hover:u,focus:b,active:h,disabled:m,selected:N}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&(0,Ga.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,Ga.jsx)("span",{className:"k-fab-text",children:n})]})};ae.states=hm;ae.options=xm;ae.className=Mn;ae.defaultOptions=Zi;ae.moduleName="fab";ae.folderName="fab";ae.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var ji=require("react/jsx-runtime"),gm="k-fab-items",Qi=e=>{let{position:t,...o}=e;return(0,ji.jsx)("ul",{...o,className:r(e.className,gm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Va=require("react/jsx-runtime"),el="k-fab-item",Nm=[s.hover,s.focus,s.active,s.disabled],Nr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Va.jsxs)("li",{...u,className:r(e.className,el,{[`k-text-${a}`]:a},M(el,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Va.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Va.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};Nr.states=Nm;var vm=require("react/jsx-runtime");var ol=require("react/jsx-runtime"),tl=e=>(0,ol.jsx)(ae,{icon:"plus",...e});var km=require("react/jsx-runtime");var Lm=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),Mm=ae.options,Sm=ae.states,ym={...ae.defaultOptions,variant:"text"},Am=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cm=[{name:"opened",title:"Opened"}],Ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?(0,Wt.jsx)("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:(0,Wt.jsx)(Qi,{position:"bottom",children:(0,Wt.jsx)(Nr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,Wt.jsx)(ae,{...a,icon:"star"});break;case"icon-and-text":l=(0,Wt.jsx)(ae,{...a,icon:"star",text:"Action"});break;default:l=(0,Wt.jsx)(ae,{...a,text:"Action"});break}return(0,Wt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Ho.options=Mm;Ho.states=Sm;Ho.variants=Am;Ho.defaultOptions=ym;Ho.modifiers=Cm;Ho.className=ae.className;var al=require("react/jsx-runtime"),vr="k-input-inner",Em=[],Im={},Sn={type:"text",autocomplete:"off",value:"",placeholder:""},ze=e=>{let{value:t=Sn.value,type:o=Sn.type,placeholder:a=Sn.placeholder,autocomplete:n=Sn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,al.jsx)("input",{...c,type:o,className:r(e.className,vr,E(vr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ze.states=Em;ze.options=Im;ze.className=vr;var rl=require("react/jsx-runtime"),kr="k-input-inner",Tm=[],Om={},nl={value:"",placeholder:""},$a=e=>{let{value:t=nl.value,placeholder:o=nl.placeholder,rows:a,disabled:n,...i}=e;return(0,rl.jsx)("textarea",{...i,className:r(e.className,kr,E(kr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};$a.states=Tm;$a.options=Om;$a.className=kr;var Lr="prompt-box",sl=Lr;var Mr="speech-to-text-button",il=Mr;var dl=require("react/jsx-runtime"),ll="k-speech-to-text-button",pl={icon:"microphone"},Ze=e=>{let{listening:t=!1,icon:o=pl.icon,...a}=e;return(0,dl.jsx)(p,{...a,icon:t?"stop":o,className:r(e.className,ll,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ze.states=p.states;Ze.options=p.options;Ze.className=ll;Ze.defaultOptions=pl;Ze.moduleName=Mr;Ze.folderName=il;Ze.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};var Bm=require("react/jsx-runtime");var Pm=require("react/jsx-runtime");var ml=require("react/jsx-runtime"),wm=p.states,cl={...p.defaultOptions,variant:"normal"},Km={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Rm=[],_m=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],zo=e=>{let{variant:t,...o}={...cl,...e},a={};return t==="listening"&&(a.listening=!0),(0,ml.jsx)(Ze,{...o,...a})};zo.options=Km;zo.states=wm;zo.variants=_m;zo.defaultOptions=cl;zo.modifiers=Rm;zo.className=Ze.className;var yt=require("react/jsx-runtime"),Kt="k-prompt-box",Dm=[s.hover,s.focus,s.disabled],Hm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Sr={lineMode:"auto",isExpanded:!1},Ae=e=>{let{fillMode:t,lineMode:o=Sr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Sr.isExpanded,className:c,children:u,value:b,placeholder:h,generating:N,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"||o==="auto"&&l;return(0,yt.jsxs)("div",{...y,className:r(c,"k-input",Kt,{[`${Kt}-singleline`]:o==="single",[`${Kt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&(0,yt.jsx)("div",{className:`${Kt}-header`,children:i}),(0,yt.jsxs)("div",{className:`${Kt}-content`,children:[a&&(0,yt.jsx)("div",{className:`${Kt}-affix`,children:a}),o==="single"?(0,yt.jsx)(ze,{value:b,placeholder:h,className:`${Kt}-input`,type:"text","aria-label":"Prompt input"}):(0,yt.jsx)($a,{value:b,placeholder:h,className:`${Kt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,yt.jsxs)("div",{className:`${Kt}-affix`,children:[n,(0,yt.jsx)(Ze,{size:"small",fillMode:"flat",rounded:"full"}),(0,yt.jsx)(ee,{icon:N?"stop":"arrow-up",size:"small",rounded:"full",active:N,disabled:!b&&!N,className:r({"k-generating":N}),"aria-label":N?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Ae.states=Dm;Ae.options=Hm;Ae.className=Kt;Ae.defaultOptions=Sr;Ae.moduleName=Lr;Ae.folderName=sl;Ae.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};var zm=require("react/jsx-runtime");var Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var Ue=require("react/jsx-runtime"),$m=Ae.options,Xm=Ae.states,qm={...Ae.defaultOptions,variant:"Single"},Wm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Jm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],Uo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,Ue.jsx)(Ue.Fragment,{children:(0,Ue.jsx)(ee,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o||{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,Ue.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,Ue.jsxs)(Ue.Fragment,{children:[i,(0,Ue.jsx)(ee,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,Ue.jsx)(Ue.Fragment,{children:(0,Ue.jsx)(ee,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,Ue.jsx)(Ae,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,Ue.jsx)(Ae,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};Uo.options=$m;Uo.states=Xm;Uo.variants=Wm;Uo.defaultOptions=qm;Uo.modifiers=Jm;Uo.className=Ae.className;var yr="chat",ul=yr;var he=require("react/jsx-runtime"),fl="k-chat",Ym=[],Zm={},Qm=(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(ee,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,he.jsx)("div",{className:"k-spacer"})]}),bl={tools:Qm},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=bl.tools,value:b,empty:h,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return(0,he.jsxs)("div",{...k,className:r(fl,e.className),dir:o,children:[t,(0,he.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,he.jsx)("div",{className:r("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children}),N&&(0,he.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,he.jsx)(tl,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,he.jsx)("div",{className:"k-separator"}),(0,he.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,he.jsx)(Ae,{lineMode:"multi",placeholder:"Type a message",generating:c,value:b,header:n||l?(0,he.jsxs)(he.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=Ym;V.options=Zm;V.className=fl;V.defaultOptions=bl;V.moduleName=yr;V.folderName=ul;V.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var Ar="button",hl=Ar;var xl=require("react/jsx-runtime"),Xa="k-button-group",jm=[s.disabled],eu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},tu={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,xl.jsx)("div",{role:"group",...n,className:r(e.className,Xa,E(Xa,{fillMode:t}),M(Xa,{disabled:o}),{[`${Xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=jm;B.options=eu;B.className=Xa;B.defaultOptions=tu;B.moduleName=Ar;B.folderName=hl;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Cr=require("react/jsx-runtime");var Er=require("react/jsx-runtime");var Ir=require("react/jsx-runtime");var Tr=require("react/jsx-runtime");var Or=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),ou={...p.options,...B.options},au=p.states,nu={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},ru=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],su=[],Fo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Qe.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Qe.jsx)(p,{...a,icon:"star"}),(0,Qe.jsx)(p,{...a,icon:"star"}),(0,Qe.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Qe.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Qe.jsx)(p,{...a,icon:"star",children:"First"}),(0,Qe.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Qe.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Qe.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Qe.jsx)(p,{...a,children:"First"}),(0,Qe.jsx)(p,{...a,children:"Middle"}),(0,Qe.jsx)(p,{...a,children:"Last"})]})};Fo.options=ou;Fo.states=au;Fo.variants=ru;Fo.defaultOptions=nu;Fo.modifiers=su;Fo.className=B.className;var qa="input",An=qa;var gl=require("react/jsx-runtime"),Cn="k-input",iu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],lu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},pu={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:h,...N}=e;return(0,gl.jsx)("span",{...N,className:r(e.className,Cn,E(Cn,{size:u,rounded:b,fillMode:h}),M(Cn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};ne.states=iu;ne.options=lu;ne.className=Cn;ne.defaultOptions=pu;ne.moduleName=qa;ne.folderName=An;var Nl=require("react/jsx-runtime"),En="k-picker",du=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],cu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},mu={},Rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:h,...N}=e;return(0,Nl.jsx)("span",{...N,className:r(e.className,En,E(En,{size:u,rounded:b,fillMode:h}),M(En,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Rt.states=du;Rt.options=cu;Rt.className=En;Rt.defaultOptions=mu;Rt.moduleName=qa;Rt.folderName=An;var Go=require("react/jsx-runtime"),vl="k-clear-value",uu=[s.disabled,s.loading,s.readonly],fu={},it=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Go.jsx)(Go.Fragment,{}):(0,Go.jsx)("span",{className:r(e.className,vl),children:(0,Go.jsx)(v,{icon:"x"})})};it.states=uu;it.options=fu;it.className=vl;var Wa=require("react/jsx-runtime"),Pr="k-input-inner",bu=[],hu={},Mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Wa.jsxs)("span",{...l,className:r(e.className,Pr,E(Pr,e)),children:[n,!n&&i&&(0,Wa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Wa.jsx)("span",{className:"k-input-value-text",children:t})]})};Mo.states=bu;Mo.options=hu;Mo.className=Pr;var Ja=require("react/jsx-runtime"),kl="k-input-loading-icon",xu=[s.disabled,s.loading],je=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ja.jsx)(Ja.Fragment,{}):(0,Ja.jsx)("span",{className:r(e.className,kl,"k-icon k-i-loading")})};je.states=xu;je.className=kl;var Ya=require("react/jsx-runtime"),Ll="k-input-validation-icon",gu=[s.valid,s.invalid,s.disabled,s.loading],Nu={},Fe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Ya.jsx)(Ya.Fragment,{}):(0,Ya.jsx)(v,{className:r(Ll),icon:i})};Fe.states=gu;Fe.options=Nu;Fe.className=Ll;var Za=require("react/jsx-runtime"),vu="k-input-prefix",ku={direction:"horizontal"},ut=e=>{let{direction:t=ku.direction,...o}=e;return e.children?(0,Za.jsx)("span",{...o,className:r(vu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Za.jsx)(Za.Fragment,{})};var Qa=require("react/jsx-runtime"),Lu="k-input-suffix",Mu={direction:"horizontal"},ft=e=>{let{direction:t=Mu.direction,...o}=e;return e.children?(0,Qa.jsx)("span",{...o,className:r(Lu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Qa.jsx)(Qa.Fragment,{})};var Su=require("react/jsx-runtime");var Ml=require("react/jsx-runtime"),yu="k-input-suffix-text",wr=e=>{let{children:t,...o}=e;return(0,Ml.jsx)("span",{...o,className:r(yu,e.className),children:t})};var yl=require("react/jsx-runtime"),Sl="k-input-separator",Au={direction:"vertical"},bt=e=>{let{direction:t=Au.direction,...o}=e;return(0,yl.jsx)("span",{...o,className:r(Sl,e.className,{[`${Sl}-${t}`]:t})})};var ue=require("react/jsx-runtime"),Cu=ne.states,Eu=ne.defaultOptions,Iu=ne.options,Tu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ou=[],Vo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,h=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ue.jsxs)(ne,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(ut,{children:(0,ue.jsx)(v,{icon:"lock"})}),m&&(0,ue.jsx)(bt,{})]}),(0,ue.jsx)(ze,{placeholder:"Placeholder",value:"Value"}),N&&(0,ue.jsx)(Fe,{valid:o,invalid:a,loading:n,disabled:i}),(0,ue.jsx)(je,{loading:n,disabled:i}),h&&(0,ue.jsx)(it,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&(0,ue.jsxs)(ue.Fragment,{children:[m&&(0,ue.jsx)(bt,{}),(0,ue.jsx)(ft,{children:(0,ue.jsx)(St,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Vo.options=Iu;Vo.states=Cu;Vo.variants=Ou;Vo.defaultOptions=Eu;Vo.modifiers=Tu;Vo.className=ne.className;var ja=require("react/jsx-runtime"),Al="k-color-preview",Bu=[],Pu={},io=e=>{let{color:t,iconName:o,...a}=e;return(0,ja.jsxs)("span",{...a,className:r(e.className,Al,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ja.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,ja.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};io.states=Bu;io.options=Pu;io.className=Al;var Kr="popup",Cl=Kr;var _r=require("react/jsx-runtime"),El="k-animation-container",wu=[],Ku={},Rr={positionMode:"absolute",shown:!0},_t=e=>{let{positionMode:t=Rr.positionMode,shown:o=Rr.shown,animationStyle:a,offset:n,...i}=e;return(0,_r.jsx)("div",{...i,style:{...n,...e.style},className:r(e.className,El,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,_r.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};_t.states=wu;_t.options=Ku;_t.className=El;_t.defaultOptions=Rr;_t.moduleName=Kr;_t.folderName=Cl;var Dr="popup",Il=Dr;var Hr=require("react/jsx-runtime"),Tl="k-popup",Ru=[],_u={},Ol={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Ol.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Hr.jsx)(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Hr.jsx)("div",{...c,className:r(e.className,Tl),children:e.children})})};X.states=Ru;X.options=_u;X.className=Tl;X.defaultOptions=Ol;X.moduleName=Dr;X.folderName=Il;X.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var zr="action-buttons",Bl=zr;var wl=require("react/jsx-runtime"),In="k-actions",Du=[],Hu={},Ur={alignment:"start",orientation:"horizontal"},lt=e=>{let{alignment:t=Ur.alignment,orientation:o=Ur.orientation,...a}=e;return(0,wl.jsx)("div",{...a,className:r(In,{[`${In}-${t}`]:t,[`${In}-${o}`]:o},e.className),children:e.children})};lt.states=Du;lt.options=Hu;lt.className=In;lt.defaultOptions=Ur;lt.moduleName=zr;lt.folderName=Bl;var Pl=lt;var Rl=require("react/jsx-runtime"),zu="k-actionsheet-footer",Kl={alignment:"stretched",orientation:"horizontal"},lo=e=>{let{alignment:t=Kl.alignment,orientation:o=Kl.orientation,template:a,as:n=a?"div":lt,...i}=e;return(0,Rl.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,zu),children:e.children})};var Fr="searchbox",_l=Fr;var po=require("react/jsx-runtime"),Dl="k-searchbox",Uu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Fu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Gr={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:h,loading:N,disabled:m,showIcon:L=Gr.showIcon,icon:k=Gr.icon,"aria-label":y,...C}=e;return(0,po.jsxs)(ne,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:h,loading:N,disabled:m,className:r(e.className,Dl),children:[L&&(0,po.jsx)(v,{className:"k-input-icon",icon:k}),(0,po.jsx)(ze,{placeholder:o,value:t,"aria-label":y}),(0,po.jsx)(je,{...e}),(0,po.jsx)(Fe,{...e}),(0,po.jsx)(it,{...e})]})};ht.states=Uu;ht.options=Fu;ht.className=Dl;ht.defaultOptions=Gr;ht.moduleName=Fr;ht.folderName=_l;var Gu=require("react/jsx-runtime");var Vr="textbox",Hl=Vr;var Ce=require("react/jsx-runtime"),zl="k-textbox",Vu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],$u={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Tn={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Tn.separators,showClearButton:i=Tn.showClearButton,showValidationIcon:l=Tn.showValidationIcon,prefix:c,suffix:u,type:b,value:h,placeholder:N,hover:m,focus:L,valid:k,invalid:y,required:C,loading:A,disabled:I,readonly:J,id:ye,"aria-label":_e,"aria-describedby":De,...He}=e;return(0,Ce.jsxs)(ne,{...He,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:A,disabled:I,readonly:J,className:r(e.className,zl),children:[c&&(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(ut,{children:c}),n&&(0,Ce.jsx)(bt,{})]}),(0,Ce.jsx)(ze,{id:ye,placeholder:N,value:h,type:b,disabled:I,"aria-label":_e,"aria-describedby":De,"aria-invalid":y?"true":void 0}),l&&(0,Ce.jsx)(Fe,{valid:k,invalid:y,loading:A,disabled:I}),(0,Ce.jsx)(je,{loading:A,disabled:I}),i&&(0,Ce.jsx)(it,{loading:A,disabled:I,readonly:J,value:h}),u&&(0,Ce.jsxs)(Ce.Fragment,{children:[n&&(0,Ce.jsx)(bt,{}),(0,Ce.jsx)(ft,{children:u})]})]})};xe.states=Vu;xe.options=$u;xe.className=zl;xe.defaultOptions=Tn;xe.moduleName=Vr;xe.folderName=Hl;xe.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var en=xe;var Ul=require("react/jsx-runtime"),On=e=>(0,Ul.jsx)(en,{...e});var Fl=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var Xu=require("react/jsx-runtime");var Bn=require("react/jsx-runtime"),qu=xe.states,Wu=xe.defaultOptions,Ju=xe.options,Yu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Zu=[],$o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Bn.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Bn.jsx)(St,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,Bn.jsx)(On,{value:"Value",style:{width:300},...o,...a})};$o.options=Ju;$o.states=qu;$o.variants=Zu;$o.defaultOptions=Wu;$o.modifiers=Yu;$o.className=xe.className;var pt=require("react/jsx-runtime"),Vl="k-actionsheet-titlebar",Qu={},Ge=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:b,titleId:h,children:N,...m}=e;return(0,pt.jsxs)("div",{...m,className:r(e.className,Vl),children:[(0,pt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,pt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,pt.jsxs)("div",{className:"k-actionsheet-title",id:h,children:[t&&(0,pt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,pt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,pt.jsx)("div",{className:"k-actionsheet-title",id:h,children:N}),n&&(0,pt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&(0,pt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,pt.jsx)(xe,{value:c,placeholder:u,size:b?"large":"medium","aria-label":t||u||"Input"}):(0,pt.jsx)(ht,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ge.className=Vl;Ge.defaultOptions=Qu;var Xo=require("react/jsx-runtime"),$r="k-actionsheet-view",ju=[],ef={},tf={},qo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===Ge&&(0,Xo.jsx)(Ge,{adaptive:t,titleId:l,...n==null?void 0:n.props}),b=(i==null?void 0:i.type)===lo&&(0,Xo.jsx)(lo,{...i==null?void 0:i.props});return(0,Xo.jsxs)("div",{...c,className:r(e.className,$r,{[`${$r}-animated`]:o}),children:[u,(0,Xo.jsx)("div",{className:"k-actionsheet-content",children:a}),b]})};qo.states=ju;qo.options=ef;qo.className=$r;qo.defaultOptions=tf;var tn="action-sheet",Pn=tn;var Xr="overlay",$l=Xr;var ql=require("react/jsx-runtime"),Xl="k-overlay",of=[],af={},nf={},Dt=e=>{let{...t}=e;return(0,ql.jsx)("div",{...t,className:r(e.className,Xl),children:e.children})};Dt.states=of;Dt.options=af;Dt.className=Xl;Dt.defaultOptions=nf;Dt.moduleName=Xr;Dt.folderName=$l;var So=require("react/jsx-runtime"),Wl="k-actionsheet",rf=[],sf={},on={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=on.side,fullscreen:o=on.fullscreen,adaptive:a=on.adaptive,overlay:n=on.overlay,template:i,children:l,header:c,footer:u,id:b,...h}=e,N=b&&!i&&c?`${b}-title`:void 0;return(0,So.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,So.jsx)(Dt,{}),(0,So.jsx)(_t,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,So.jsx)("div",{...h,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,Wl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||(0,So.jsx)(qo,{header:c,footer:u,adaptive:a,titleId:N,...e,children:l})})})]})};te.states=rf;te.options=sf;te.className=Wl;te.defaultOptions=on;te.moduleName=tn;te.folderName=Pn;te.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var Yl=require("react/jsx-runtime"),Jl="k-actionsheet-container",lf=[],pf={},df={},Wo=e=>{let{children:t,...o}=e;return(0,Yl.jsx)("div",{...o,className:Jl,children:t})};Wo.states=lf;Wo.options=pf;Wo.className=Jl;Wo.defaultOptions=df;Wo.moduleName=tn;Wo.folderName=Pn;var Zl=require("react/jsx-runtime"),qr=e=>{let{...t}=e;return(0,Zl.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),Wr="k-actionsheet-item",cf=[s.hover,s.focus,s.selected,s.disabled],co=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,xt.jsxs)("span",{...u,className:r(e.className,Wr,M(Wr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};co.states=cf;co.className=Wr;var Ql=require("react/jsx-runtime");var mf=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),bf=te.options,hf=te.states,ep={...te.defaultOptions,variant:"normal"},xf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],gf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...ep,...e},n={},i=(0,Y.jsxs)(qr,{children:[(0,Y.jsx)(co,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(co,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(co,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(co,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Y.jsx)(te,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(Ge,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(lo,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Y.jsx)(te,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(Ge,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(lo,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Jo.options=bf;Jo.states=hf;Jo.variants=xf;Jo.defaultOptions=ep;Jo.modifiers=gf;Jo.className=te.className;var Jr="slider",tp=Jr;var At=require("react/jsx-runtime"),an="k-slider",Nf=[s.hover,s.focus,s.active,s.disabled,s.readonly],vf={},gt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=gt.type,orientation:o=gt.orientation,gradientType:a=gt.gradientType,readonly:n=gt.readonly,disabled:i=gt.disabled,handlePosition:l=gt.handlePosition,showButtons:c=gt.showButtons,showTicks:u=gt.showTicks,value:b=gt.value,min:h=gt.min,max:N=gt.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:A,dir:I,...J}=e,_e=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),De,He;return o==="horizontal"?(De=I==="rtl"?"chevron-left":"chevron-right",He=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(De="chevron-up",He="chevron-down"),(0,At.jsxs)("div",{...J,className:r(an,e.className,M(an,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,At.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:He,tabIndex:-1,title:"Decrease"}),(0,At.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,At.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,At.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,At.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,At.jsx)("span",{className:r("k-draghandle","k-draghandle-start",M(an,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??h,"aria-valuemin":h,"aria-valuemax":L??N,"aria-orientation":_e,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),(0,At.jsx)("span",{className:r("k-draghandle",`k-draghandle-${l}`,M(an,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??N:b,"aria-valuemin":t==="range"?m??h:h,"aria-valuemax":N,"aria-orientation":_e,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),c&&(0,At.jsx)(p,{className:"k-button-increase",rounded:"full",icon:De,tabIndex:-1,title:"Increase"})]})};$.states=Nf;$.options=vf;$.className=an;$.defaultOptions=gt;$.moduleName=Jr;$.folderName=tp;$.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Yr=require("react/jsx-runtime"),op="k-tick",kf=[],Lf={},ap={label:!1},T=e=>{let{style:t,label:o=ap.label,orientation:a,large:n,text:i,...l}=e;return(0,Yr.jsx)("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,op,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Yr.jsx)("span",{className:"k-label",children:i})})};T.states=kf;T.options=Lf;T.className=op;T.defaultOptions=ap;var ge=require("react/jsx-runtime"),np=e=>(0,ge.jsx)($,{"aria-label":e["aria-label"]||"Slider",children:(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{label:!0,large:!0,text:"5"}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{}),(0,ge.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ne=require("react/jsx-runtime"),rp=e=>(0,Ne.jsx)($,{children:(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{label:!0,large:!0,text:"5"}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{}),(0,Ne.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Zr=require("react/jsx-runtime");var Qr=require("react/jsx-runtime");var sp=require("react/jsx-runtime"),jr=e=>(0,sp.