UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 174 kB
var Xc=Object.create;var xn=Object.defineProperty;var qc=Object.getOwnPropertyDescriptor;var Wc=Object.getOwnPropertyNames;var Jc=Object.getPrototypeOf,Yc=Object.prototype.hasOwnProperty;var Zc=(e,t)=>{for(var o in t)xn(e,o,{get:t[o],enumerable:!0})},Hi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Wc(t))!Yc.call(e,n)&&n!==o&&xn(e,n,{get:()=>t[n],enumerable:!(a=qc(t,n))||a.enumerable});return e};var zi=(e,t,o)=>(o=e!=null?Xc(Jc(e)):{},Hi(t||!e||!e.__esModule?xn(o,"default",{value:e,enumerable:!0}):o,e)),Qc=e=>Hi(xn({},"__esModule",{value:!0}),e);var LN={};Zc(LN,{ChatEmpty:()=>kN});module.exports=Qc(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 gn(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"},Bt={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 dr={};function K(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}var _a=require("react/jsx-runtime"),cr="k-font-icon",jc=[],em={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]},tm={},Da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,_a.jsx)("span",{...l,className:r(e.className,cr,E(cr,{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,_a.jsx)(_a.Fragment,{})};Da.states=jc;Da.options=em;Da.className=cr;Da.defaultOptions=tm;var Ui=Da;var ko=require("react/jsx-runtime"),mr="k-svg-icon",om=[],am={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:[Bt.outline,Bt.solid,Bt.duotone]},ur={viewBox:"0 0 24 24",variant:Bt.outline},Ha=e=>{var N,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ur.viewBox,variant:l=ur.variant,icon:c,...u}=e;if(!c)return(0,ko.jsx)(ko.Fragment,{});if(c==="none")return(0,ko.jsx)("span",{...u,className:r(e.className,mr,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,ko.jsx)("span",{...u,className:r(e.className,mr,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,ko.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})})};Ha.states=om;Ha.options=am;Ha.className=mr;Ha.defaultOptions=ur;var fr=Ha;var br=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 Xt=require("react/jsx-runtime"),Nn="k-icon",nm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rm=[],sm={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:[Bt.outline,Bt.solid,Bt.duotone]},vn={viewBox:"0 0 24 24",type:"svg",variant:Bt.outline},v=e=>{let{iconsType:t}=(0,Xi.useContext)($i),{size:o,themeColor:a,icon:n,type:i=t||vn.type,rotate:l,flip:c,viewBox:u=vn.viewBox,variant:b=vn.variant,...h}=e;if(!n)return(0,Xt.jsx)(Xt.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,Xt.jsx)(fr,{...h,className:r(e.className,Nn),icon:n,size:o,variant:b});let m=br[n]?n:nm(`${n}-icon`);return br[m]?(0,Xt.jsx)(fr,{...h,className:r(e.className,Nn),icon:br[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.jsx)(Ui,{...h,className:r(e.className,Nn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=rm;v.options=sm;v.defaultOptions=vn;v.className=Nn;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 hr="button",qi=hr;var rt=require("react/jsx-runtime"),za="k-button",im=["icon-button"],lm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],pm={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]},xr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=xr.showArrow,arrowIconName:c=xr.arrowIconName,variant:u,hover:b,focus:h,active:N,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,iconSize:A,text:I,iconClassName:q,className:Se,...Re}=e,_e=C!=null,De=e.children!==void 0;return(0,rt.jsxs)(t,{className:r(Se,za,gn(za,u),E(za,{size:o,rounded:a,fillMode:n,themeColor:i}),M(za,{hover:b,focus:h,active:N,disabled:L||y,selected:m}),{"k-icon-button":!I&&!De&&_e}),"aria-pressed":k?m?"true":"false":void 0,...Re,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,rt.jsx)(v,{className:r(q,"k-button-icon"),icon:C,size:A}),C&&typeof C!="string"&&(0,rt.jsx)(rt.Fragment,{children:C}),I?(0,rt.jsxs)(rt.Fragment,{children:[I&&(0,rt.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,rt.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,rt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,rt.jsx)(v,{icon:c})})]})};p.states=lm;p.options=pm;p.variants=im;p.className=za;p.defaultOptions=xr;p.moduleName=hr;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"),Ua=e=>(0,Ji.jsx)(p,{icon:"folder",children:"Button",...e});var Yi=require("react/jsx-runtime"),Mt=e=>(0,Yi.jsx)(p,{children:"Button",...e});var kn=require("react/jsx-runtime"),dm=p.options,cm=p.states,mm={...p.defaultOptions,variant:"text"},um=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fm=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,kn.jsx)(ee,{...o,icon:"star"});case"icon-and-text":return(0,kn.jsx)(Ua,{...o,icon:"star",children:"Button"});default:return(0,kn.jsx)(Mt,{...o,children:"Button"})}};_o.options=dm;_o.states=cm;_o.variants=um;_o.defaultOptions=mm;_o.modifiers=fm;_o.className=p.className;var Fa=require("react/jsx-runtime"),Ln="k-fab",xm=[s.hover,s.focus,s.active,s.selected,s.disabled],gm={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,Fa.jsxs)("button",{...L,type:l,className:r(e.className,Ln,E(Ln,{size:t,rounded:o,themeColor:a}),M(Ln,{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,Fa.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,Fa.jsx)("span",{className:"k-fab-text",children:n})]})};ae.states=xm;ae.options=gm;ae.className=Ln;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"),Nm="k-fab-items",Qi=e=>{let{position:t,...o}=e;return(0,ji.jsx)("ul",{...o,className:r(e.className,Nm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Ga=require("react/jsx-runtime"),el="k-fab-item",vm=[s.hover,s.focus,s.active,s.disabled],gr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Ga.jsxs)("li",{...u,className:r(e.className,el,{[`k-text-${a}`]:a},M(el,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Ga.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Ga.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};gr.states=vm;var km=require("react/jsx-runtime");var ol=require("react/jsx-runtime"),tl=e=>(0,ol.jsx)(ae,{icon:"plus",...e});var Lm=require("react/jsx-runtime");var Mm=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),Sm=ae.options,ym=ae.states,Am={...ae.defaultOptions,variant:"text"},Cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Em=[{name:"opened",title:"Opened"}],Do=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?(0,qt.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,qt.jsx)(Qi,{position:"bottom",children:(0,qt.jsx)(gr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,qt.jsx)(ae,{...a,icon:"star"});break;case"icon-and-text":l=(0,qt.jsx)(ae,{...a,icon:"star",text:"Action"});break;default:l=(0,qt.jsx)(ae,{...a,text:"Action"});break}return(0,qt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=Sm;Do.states=ym;Do.variants=Cm;Do.defaultOptions=Am;Do.modifiers=Em;Do.className=ae.className;var al=require("react/jsx-runtime"),Nr="k-input-inner",Im=[],Tm={},Mn={type:"text",autocomplete:"off",value:"",placeholder:""},He=e=>{let{value:t=Mn.value,type:o=Mn.type,placeholder:a=Mn.placeholder,autocomplete:n=Mn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,al.jsx)("input",{...c,type:o,className:r(e.className,Nr,E(Nr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};He.states=Im;He.options=Tm;He.className=Nr;var rl=require("react/jsx-runtime"),vr="k-input-inner",Om=[],Bm={},nl={value:"",placeholder:""},Va=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,vr,E(vr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Va.states=Om;Va.options=Bm;Va.className=vr;var kr="prompt-box",sl=kr;var Lr="speech-to-text-button",il=Lr;var dl=require("react/jsx-runtime"),ll="k-speech-to-text-button",pl={icon:"microphone"},Ye=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"})};Ye.states=p.states;Ye.options=p.options;Ye.className=ll;Ye.defaultOptions=pl;Ye.moduleName=Lr;Ye.folderName=il;Ye.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 Pm=require("react/jsx-runtime");var wm=require("react/jsx-runtime");var ml=require("react/jsx-runtime"),Km=p.states,cl={...p.defaultOptions,variant:"normal"},Rm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},_m=[],Dm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...cl,...e},a={};return t==="listening"&&(a.listening=!0),(0,ml.jsx)(Ye,{...o,...a})};Ho.options=Rm;Ho.states=Km;Ho.variants=Dm;Ho.defaultOptions=cl;Ho.modifiers=_m;Ho.className=Ye.className;var St=require("react/jsx-runtime"),Pt="k-prompt-box",Hm=[s.hover,s.focus,s.disabled],zm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Mr={lineMode:"auto",isExpanded:!1},ye=e=>{let{fillMode:t,lineMode:o=Mr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Mr.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,St.jsxs)("div",{...y,className:r(c,"k-input",Pt,{[`${Pt}-singleline`]:o==="single",[`${Pt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&(0,St.jsx)("div",{className:`${Pt}-header`,children:i}),(0,St.jsxs)("div",{className:`${Pt}-content`,children:[a&&(0,St.jsx)("div",{className:`${Pt}-affix`,children:a}),o==="single"?(0,St.jsx)(He,{value:b,placeholder:h,className:`${Pt}-input`,type:"text","aria-label":"Prompt input"}):(0,St.jsx)(Va,{value:b,placeholder:h,className:`${Pt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,St.jsxs)("div",{className:`${Pt}-affix`,children:[n,(0,St.jsx)(Ye,{size:"small",fillMode:"flat",rounded:"full"}),(0,St.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]})};ye.states=Hm;ye.options=zm;ye.className=Pt;ye.defaultOptions=Mr;ye.moduleName=kr;ye.folderName=sl;ye.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 Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var $m=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),Xm=ye.options,qm=ye.states,Wm={...ye.defaultOptions,variant:"Single"},Jm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Ym=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],zo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,ze.jsx)(ze.Fragment,{children:(0,ze.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,ze.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,ze.jsxs)(ze.Fragment,{children:[i,(0,ze.jsx)(ee,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(ee,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,ze.jsx)(ye,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,ze.jsx)(ye,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};zo.options=Xm;zo.states=qm;zo.variants=Jm;zo.defaultOptions=Wm;zo.modifiers=Ym;zo.className=ye.className;var Sr="chat",ul=Sr;var be=require("react/jsx-runtime"),fl="k-chat",Zm=[],Qm={},jm=(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(ee,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,be.jsx)("div",{className:"k-spacer"})]}),bl={tools:jm},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,be.jsxs)("div",{...k,className:r(fl,e.className),dir:o,children:[t,(0,be.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,be.jsx)("div",{className:r("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children}),N&&(0,be.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,be.jsx)(tl,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,be.jsx)("div",{className:"k-separator"}),(0,be.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,be.jsx)(ye,{lineMode:"multi",placeholder:"Type a message",generating:c,value:b,header:n||l?(0,be.jsxs)(be.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=Zm;V.options=Qm;V.className=fl;V.defaultOptions=bl;V.moduleName=Sr;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 yr="button",hl=yr;var xl=require("react/jsx-runtime"),$a="k-button-group",eu=[s.disabled],tu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},ou={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,xl.jsx)("div",{role:"group",...n,className:r(e.className,$a,E($a,{fillMode:t}),M($a,{disabled:o}),{[`${$a}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=eu;B.options=tu;B.className=$a;B.defaultOptions=ou;B.moduleName=yr;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 Ar=require("react/jsx-runtime");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 Ze=require("react/jsx-runtime"),au={...p.options,...B.options},nu=p.states,ru={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},su=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],Uo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ze.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Ze.jsx)(p,{...a,icon:"star"}),(0,Ze.jsx)(p,{...a,icon:"star"}),(0,Ze.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ze.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Ze.jsx)(p,{...a,icon:"star",children:"First"}),(0,Ze.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Ze.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Ze.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Ze.jsx)(p,{...a,children:"First"}),(0,Ze.jsx)(p,{...a,children:"Middle"}),(0,Ze.jsx)(p,{...a,children:"Last"})]})};Uo.options=au;Uo.states=nu;Uo.variants=su;Uo.defaultOptions=ru;Uo.modifiers=iu;Uo.className=B.className;var Xa="input",yn=Xa;var gl=require("react/jsx-runtime"),An="k-input",lu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],pu={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]},du={},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,An,E(An,{size:u,rounded:b,fillMode:h}),M(An,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};ne.states=lu;ne.options=pu;ne.className=An;ne.defaultOptions=du;ne.moduleName=Xa;ne.folderName=yn;var Nl=require("react/jsx-runtime"),Cn="k-picker",cu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],mu={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]},uu={},wt=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,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})),children:e.children})};wt.states=cu;wt.options=mu;wt.className=Cn;wt.defaultOptions=uu;wt.moduleName=Xa;wt.folderName=yn;var Fo=require("react/jsx-runtime"),vl="k-clear-value",fu=[s.disabled,s.loading,s.readonly],bu={},st=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Fo.jsx)(Fo.Fragment,{}):(0,Fo.jsx)("span",{className:r(e.className,vl),children:(0,Fo.jsx)(v,{icon:"x"})})};st.states=fu;st.options=bu;st.className=vl;var qa=require("react/jsx-runtime"),Br="k-input-inner",hu=[],xu={},Lo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,qa.jsxs)("span",{...l,className:r(e.className,Br,E(Br,e)),children:[n,!n&&i&&(0,qa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,qa.jsx)("span",{className:"k-input-value-text",children:t})]})};Lo.states=hu;Lo.options=xu;Lo.className=Br;var Wa=require("react/jsx-runtime"),kl="k-input-loading-icon",gu=[s.disabled,s.loading],Qe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)("span",{className:r(e.className,kl,"k-icon k-i-loading")})};Qe.states=gu;Qe.className=kl;var Ja=require("react/jsx-runtime"),Ll="k-input-validation-icon",Nu=[s.valid,s.invalid,s.disabled,s.loading],vu={},Ue=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Ja.jsx)(Ja.Fragment,{}):(0,Ja.jsx)(v,{className:r(Ll),icon:i})};Ue.states=Nu;Ue.options=vu;Ue.className=Ll;var Ya=require("react/jsx-runtime"),ku="k-input-prefix",Lu={direction:"horizontal"},mt=e=>{let{direction:t=Lu.direction,...o}=e;return e.children?(0,Ya.jsx)("span",{...o,className:r(ku,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ya.jsx)(Ya.Fragment,{})};var Za=require("react/jsx-runtime"),Mu="k-input-suffix",Su={direction:"horizontal"},ut=e=>{let{direction:t=Su.direction,...o}=e;return e.children?(0,Za.jsx)("span",{...o,className:r(Mu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Za.jsx)(Za.Fragment,{})};var yu=require("react/jsx-runtime");var Ml=require("react/jsx-runtime"),Au="k-input-suffix-text",Pr=e=>{let{children:t,...o}=e;return(0,Ml.jsx)("span",{...o,className:r(Au,e.className),children:t})};var yl=require("react/jsx-runtime"),Sl="k-input-separator",Cu={direction:"vertical"},ft=e=>{let{direction:t=Cu.direction,...o}=e;return(0,yl.jsx)("span",{...o,className:r(Sl,e.className,{[`${Sl}-${t}`]:t})})};var me=require("react/jsx-runtime"),Eu=ne.states,Iu=ne.defaultOptions,Tu=ne.options,Ou=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Bu=[],Go=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,me.jsxs)(ne,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(mt,{children:(0,me.jsx)(v,{icon:"lock"})}),m&&(0,me.jsx)(ft,{})]}),(0,me.jsx)(He,{placeholder:"Placeholder",value:"Value"}),N&&(0,me.jsx)(Ue,{valid:o,invalid:a,loading:n,disabled:i}),(0,me.jsx)(Qe,{loading:n,disabled:i}),h&&(0,me.jsx)(st,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&(0,me.jsxs)(me.Fragment,{children:[m&&(0,me.jsx)(ft,{}),(0,me.jsx)(ut,{children:(0,me.jsx)(Mt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=Tu;Go.states=Eu;Go.variants=Bu;Go.defaultOptions=Iu;Go.modifiers=Ou;Go.className=ne.className;var Qa=require("react/jsx-runtime"),Al="k-color-preview",Pu=[],wu={},so=e=>{let{color:t,iconName:o,...a}=e;return(0,Qa.jsxs)("span",{...a,className:r(e.className,Al,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Qa.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Qa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};so.states=Pu;so.options=wu;so.className=Al;var wr="popup",Cl=wr;var Rr=require("react/jsx-runtime"),El="k-animation-container",Ku=[],Ru={},Kr={positionMode:"absolute",shown:!0},Kt=e=>{let{positionMode:t=Kr.positionMode,shown:o=Kr.shown,animationStyle:a,offset:n,...i}=e;return(0,Rr.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,Rr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Kt.states=Ku;Kt.options=Ru;Kt.className=El;Kt.defaultOptions=Kr;Kt.moduleName=wr;Kt.folderName=Cl;var _r="popup",Il=_r;var Dr=require("react/jsx-runtime"),Tl="k-popup",_u=[],Du={},Ol={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Ol.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Dr.jsx)(Kt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Dr.jsx)("div",{...c,className:r(e.className,Tl),children:e.children})})};X.states=_u;X.options=Du;X.className=Tl;X.defaultOptions=Ol;X.moduleName=_r;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 Hr="action-buttons",Bl=Hr;var wl=require("react/jsx-runtime"),En="k-actions",Hu=[],zu={},zr={alignment:"start",orientation:"horizontal"},it=e=>{let{alignment:t=zr.alignment,orientation:o=zr.orientation,...a}=e;return(0,wl.jsx)("div",{...a,className:r(En,{[`${En}-${t}`]:t,[`${En}-${o}`]:o},e.className),children:e.children})};it.states=Hu;it.options=zu;it.className=En;it.defaultOptions=zr;it.moduleName=Hr;it.folderName=Bl;var Pl=it;var Rl=require("react/jsx-runtime"),Uu="k-actionsheet-footer",Kl={alignment:"stretched",orientation:"horizontal"},io=e=>{let{alignment:t=Kl.alignment,orientation:o=Kl.orientation,template:a,as:n=a?"div":it,...i}=e;return(0,Rl.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Uu),children:e.children})};var Ur="searchbox",_l=Ur;var lo=require("react/jsx-runtime"),Dl="k-searchbox",Fu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Gu={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]},Fr={showIcon:!0,icon:"search"},bt=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=Fr.showIcon,icon:k=Fr.icon,"aria-label":y,...C}=e;return(0,lo.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,lo.jsx)(v,{className:"k-input-icon",icon:k}),(0,lo.jsx)(He,{placeholder:o,value:t,"aria-label":y}),(0,lo.jsx)(Qe,{...e}),(0,lo.jsx)(Ue,{...e}),(0,lo.jsx)(st,{...e})]})};bt.states=Fu;bt.options=Gu;bt.className=Dl;bt.defaultOptions=Fr;bt.moduleName=Ur;bt.folderName=_l;var Vu=require("react/jsx-runtime");var Gr="textbox",Hl=Gr;var Ae=require("react/jsx-runtime"),zl="k-textbox",$u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Xu={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]},In={showClearButton:!0,showValidationIcon:!0,separators:!0},he=e=>{let{size:t,rounded:o,fillMode:a,separators:n=In.separators,showClearButton:i=In.showClearButton,showValidationIcon:l=In.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:q,id:Se,"aria-label":Re,"aria-describedby":_e,...De}=e;return(0,Ae.jsxs)(ne,{...De,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:A,disabled:I,readonly:q,className:r(e.className,zl),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(mt,{children:c}),n&&(0,Ae.jsx)(ft,{})]}),(0,Ae.jsx)(He,{id:Se,placeholder:N,value:h,type:b,disabled:I,"aria-label":Re,"aria-describedby":_e,"aria-invalid":y?"true":void 0}),l&&(0,Ae.jsx)(Ue,{valid:k,invalid:y,loading:A,disabled:I}),(0,Ae.jsx)(Qe,{loading:A,disabled:I}),i&&(0,Ae.jsx)(st,{loading:A,disabled:I,readonly:q,value:h}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(ft,{}),(0,Ae.jsx)(ut,{children:u})]})]})};he.states=$u;he.options=Xu;he.className=zl;he.defaultOptions=In;he.moduleName=Gr;he.folderName=Hl;he.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 ja=he;var Ul=require("react/jsx-runtime"),Tn=e=>(0,Ul.jsx)(ja,{...e});var Fl=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var qu=require("react/jsx-runtime");var On=require("react/jsx-runtime"),Wu=he.states,Ju=he.defaultOptions,Yu=he.options,Zu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qu=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,On.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,On.jsx)(Mt,{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,On.jsx)(Tn,{value:"Value",style:{width:300},...o,...a})};Vo.options=Yu;Vo.states=Wu;Vo.variants=Qu;Vo.defaultOptions=Ju;Vo.modifiers=Zu;Vo.className=he.className;var lt=require("react/jsx-runtime"),Vl="k-actionsheet-titlebar",ju={},Fe=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,lt.jsxs)("div",{...m,className:r(e.className,Vl),children:[(0,lt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,lt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,lt.jsxs)("div",{className:"k-actionsheet-title",id:h,children:[t&&(0,lt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,lt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,lt.jsx)("div",{className:"k-actionsheet-title",id:h,children:N}),n&&(0,lt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&(0,lt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,lt.jsx)(he,{value:c,placeholder:u,size:b?"large":"medium","aria-label":t||u||"Input"}):(0,lt.jsx)(bt,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Fe.className=Vl;Fe.defaultOptions=ju;var $o=require("react/jsx-runtime"),Vr="k-actionsheet-view",ef=[],tf={},of={},Xo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===Fe&&(0,$o.jsx)(Fe,{adaptive:t,titleId:l,...n==null?void 0:n.props}),b=(i==null?void 0:i.type)===io&&(0,$o.jsx)(io,{...i==null?void 0:i.props});return(0,$o.jsxs)("div",{...c,className:r(e.className,Vr,{[`${Vr}-animated`]:o}),children:[u,(0,$o.jsx)("div",{className:"k-actionsheet-content",children:a}),b]})};Xo.states=ef;Xo.options=tf;Xo.className=Vr;Xo.defaultOptions=of;var en="action-sheet",Bn=en;var $r="overlay",$l=$r;var ql=require("react/jsx-runtime"),Xl="k-overlay",af=[],nf={},rf={},Rt=e=>{let{...t}=e;return(0,ql.jsx)("div",{...t,className:r(e.className,Xl),children:e.children})};Rt.states=af;Rt.options=nf;Rt.className=Xl;Rt.defaultOptions=rf;Rt.moduleName=$r;Rt.folderName=$l;var Mo=require("react/jsx-runtime"),Wl="k-actionsheet",sf=[],lf={},tn={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=tn.side,fullscreen:o=tn.fullscreen,adaptive:a=tn.adaptive,overlay:n=tn.overlay,template:i,children:l,header:c,footer:u,id:b,...h}=e,N=b&&!i&&c?`${b}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Mo.jsx)(Rt,{}),(0,Mo.jsx)(Kt,{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,Mo.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,Mo.jsx)(Xo,{header:c,footer:u,adaptive:a,titleId:N,...e,children:l})})})]})};te.states=sf;te.options=lf;te.className=Wl;te.defaultOptions=tn;te.moduleName=en;te.folderName=Bn;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",pf=[],df={},cf={},qo=e=>{let{children:t,...o}=e;return(0,Yl.jsx)("div",{...o,className:Jl,children:t})};qo.states=pf;qo.options=df;qo.className=Jl;qo.defaultOptions=cf;qo.moduleName=en;qo.folderName=Bn;var Zl=require("react/jsx-runtime"),Xr=e=>{let{...t}=e;return(0,Zl.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ht=require("react/jsx-runtime"),qr="k-actionsheet-item",mf=[s.hover,s.focus,s.selected,s.disabled],po=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,ht.jsxs)("span",{...u,className:r(e.className,qr,M(qr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ht.jsx)("span",{className:"k-icon-wrap",children:(0,ht.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ht.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ht.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ht.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};po.states=mf;po.className=qr;var Ql=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var W=require("react/jsx-runtime"),hf=te.options,xf=te.states,ep={...te.defaultOptions,variant:"normal"},gf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Nf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...ep,...e},n={},i=(0,W.jsxs)(Xr,{children:[(0,W.jsx)(po,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,W.jsx)(po,{text:"Add to Favorites",iconName:"heart"}),(0,W.jsx)(po,{text:"Upload New",iconName:"upload",disabled:!0}),(0,W.jsx)("hr",{className:"k-hr"}),(0,W.jsx)(po,{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,W.jsx)(te,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,W.jsx)(Fe,{actionsStart:n.actionsStart?(0,W.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,W.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,W.jsxs)(io,{alignment:"stretched",children:[(0,W.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,W.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,W.jsx)(te,{...a,fullscreen:n.fullScreen,header:(0,W.jsx)(Fe,{actionsStart:n.actionsStart?(0,W.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,W.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,W.jsxs)(io,{alignment:"stretched",children:[(0,W.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,W.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=hf;Wo.states=xf;Wo.variants=gf;Wo.defaultOptions=ep;Wo.modifiers=Nf;Wo.className=te.className;var Wr="slider",tp=Wr;var yt=require("react/jsx-runtime"),on="k-slider",vf=[s.hover,s.focus,s.active,s.disabled,s.readonly],kf={},xt={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=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:n=xt.readonly,disabled:i=xt.disabled,handlePosition:l=xt.handlePosition,showButtons:c=xt.showButtons,showTicks:u=xt.showTicks,value:b=xt.value,min:h=xt.min,max:N=xt.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:A,dir:I,...q}=e,Re=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),_e,De;return o==="horizontal"?(_e=I==="rtl"?"chevron-left":"chevron-right",De=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(_e="chevron-up",De="chevron-down"),(0,yt.jsxs)("div",{...q,className:r(on,e.className,M(on,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,yt.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:De,tabIndex:-1,title:"Decrease"}),(0,yt.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,yt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,yt.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,yt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,yt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",M(on,{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":Re,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),(0,yt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${l}`,M(on,{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":Re,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?q["aria-label"]?`${q["aria-label"]} end`:"Range end":q["aria-label"]})]})]}),c&&(0,yt.jsx)(p,{className:"k-button-increase",rounded:"full",icon:_e,tabIndex:-1,title:"Increase"})]})};$.states=vf;$.options=kf;$.className=on;$.defaultOptions=xt;$.moduleName=Wr;$.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 Jr=require("react/jsx-runtime"),op="k-tick",Lf=[],Mf={},ap={label:!1},T=e=>{let{style:t,label:o=ap.label,orientation:a,large:n,text:i,...l}=e;return(0,Jr.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,Jr.jsx)("span",{className:"k-label",children:i})})};T.states=Lf;T.options=Mf;T.className=op;T.defaultOptions=ap;var xe=require("react/jsx-runtime"),np=e=>(0,xe.jsx)($,{"aria-label":e["aria-label"]||"Slider",children:(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var ge=require("react/jsx-runtime"),rp=e=>(0,ge.jsx)($,{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"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Yr=require("react/jsx-runtime");var Zr=require("react/jsx-runtime");var sp=require("react/jsx-runtime"),Qr=e=>(0,sp.jsx)($,