@progress/kendo-themes-html/dist/cjs/chat/templates/chat-message-skeleton.js

A collection of HTML helpers used for developing Kendo UI themes

var Jc=Object.create;var Nn=Object.defineProperty;var Yc=Object.getOwnPropertyDescriptor;var Zc=Object.getOwnPropertyNames;var Qc=Object.getPrototypeOf,jc=Object.prototype.hasOwnProperty;var em=(e,t)=>{for(var o in t)Nn(e,o,{get:t[o],enumerable:!0})},zi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Zc(t))!jc.call(e,n)&&n!==o&&Nn(e,n,{get:()=>t[n],enumerable:!(a=Yc(t,n))||a.enumerable});return e};var Ui=(e,t,o)=>(o=e!=null?Jc(Qc(e)):{},zi(t||!e||!e.__esModule?Nn(o,"default",{value:e,enumerable:!0}):o,e)),tm=e=>zi(Nn({},"__esModule",{value:!0}),e);var SN={};em(SN,{ChatMessageSkeleton:()=>MN});module.exports=tm(SN);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 vn(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"},Pt={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 mr={};function K(e){return mr[e]=(mr[e]||0)+1,`k-${e}-${mr[e]}`}var Ha=require("react/jsx-runtime"),ur="k-font-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]},nm={},za=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,Ha.jsx)("span",{...l,className:r(e.className,ur,E(ur,{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,Ha.jsx)(Ha.Fragment,{})};za.states=om;za.options=am;za.className=ur;za.defaultOptions=nm;var Fi=za;var Lo=require("react/jsx-runtime"),fr="k-svg-icon",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:[Pt.outline,Pt.solid,Pt.duotone]},br={viewBox:"0 0 24 24",variant:Pt.outline},Ua=e=>{var N,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=br.viewBox,variant:l=br.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,fr,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,fr,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})})};Ua.states=rm;Ua.options=sm;Ua.className=fr;Ua.defaultOptions=br;var hr=Ua;var xr=Ui(require("@progress/kendo-svg-icons"));var Gi="icon",Vi="icons";var qi=require("react");var $i=require("react"),Xi=(0,$i.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),kn="k-icon",im=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),lm=[],pm={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:[Pt.outline,Pt.solid,Pt.duotone]},Ln={viewBox:"0 0 24 24",type:"svg",variant:Pt.outline},v=e=>{let{iconsType:t}=(0,qi.useContext)(Xi),{size:o,themeColor:a,icon:n,type:i=t||Ln.type,rotate:l,flip:c,viewBox:u=Ln.viewBox,variant:b=Ln.variant,...h}=e;if(!n)return(0,qt.jsx)(qt.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,qt.jsx)(hr,{...h,className:r(e.className,kn),icon:n,size:o,variant:b});let m=xr[n]?n:im(`${n}-icon`);return xr[m]?(0,qt.jsx)(hr,{...h,className:r(e.className,kn),icon:xr[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(Fi,{...h,className:r(e.className,kn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=lm;v.options=pm;v.defaultOptions=Ln;v.className=kn;v.moduleName=Gi;v.folderName=Vi;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 gr="button",Wi=gr;var st=require("react/jsx-runtime"),Fa="k-button",dm=["icon-button"],cm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],mm={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]},Nr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=Nr.showArrow,arrowIconName:c=Nr.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,Fa,vn(Fa,u),E(Fa,{size:o,rounded:a,fillMode:n,themeColor:i}),M(Fa,{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=cm;p.options=mm;p.variants=dm;p.className=Fa;p.defaultOptions=Nr;p.moduleName=gr;p.folderName=Wi;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 Ji=require("react/jsx-runtime"),ee=e=>(0,Ji.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Yi=require("react/jsx-runtime"),Ga=e=>(0,Yi.jsx)(p,{icon:"folder",children:"Button",...e});var Zi=require("react/jsx-runtime"),yt=e=>(0,Zi.jsx)(p,{children:"Button",...e});var Mn=require("react/jsx-runtime"),um=p.options,fm=p.states,bm={...p.defaultOptions,variant:"text"},hm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xm=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Mn.jsx)(ee,{...o,icon:"star"});case"icon-and-text":return(0,Mn.jsx)(Ga,{...o,icon:"star",children:"Button"});default:return(0,Mn.jsx)(yt,{...o,children:"Button"})}};Ho.options=um;Ho.states=fm;Ho.variants=hm;Ho.defaultOptions=bm;Ho.modifiers=xm;Ho.className=p.className;var Va=require("react/jsx-runtime"),Sn="k-fab",vm=[s.hover,s.focus,s.active,s.selected,s.disabled],km={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]},Qi={type:"button"},ne=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Qi.type,position:c,hover:u,focus:b,active:h,selected:N,disabled:m,...L}=e;return(0,Va.jsxs)("button",{...L,type:l,className:r(e.className,Sn,E(Sn,{size:t,rounded:o,themeColor:a}),M(Sn,{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,Va.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,Va.jsx)("span",{className:"k-fab-text",children:n})]})};ne.states=vm;ne.options=km;ne.className=Sn;ne.defaultOptions=Qi;ne.moduleName="fab";ne.folderName="fab";ne.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 el=require("react/jsx-runtime"),Lm="k-fab-items",ji=e=>{let{position:t,...o}=e;return(0,el.jsx)("ul",{...o,className:r(e.className,Lm,{[`k-fab-items-${t}`]:t}),children:e.children})};var $a=require("react/jsx-runtime"),tl="k-fab-item",Mm=[s.hover,s.focus,s.active,s.disabled],vr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,$a.jsxs)("li",{...u,className:r(e.className,tl,{[`k-text-${a}`]:a},M(tl,{hover:n,focus:i,active:l,disabled:c})),children:[(0,$a.jsx)("span",{className:"k-fab-item-text",children:t}),(0,$a.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};vr.states=Mm;var Sm=require("react/jsx-runtime");var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(ne,{icon:"plus",...e});var ym=require("react/jsx-runtime");var Am=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),Cm=ne.options,Em=ne.states,Im={...ne.defaultOptions,variant:"text"},Tm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Om=[{name:"opened",title:"Opened"}],zo=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)(ji,{position:"bottom",children:(0,Wt.jsx)(vr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,Wt.jsx)(ne,{...a,icon:"star"});break;case"icon-and-text":l=(0,Wt.jsx)(ne,{...a,icon:"star",text:"Action"});break;default:l=(0,Wt.jsx)(ne,{...a,text:"Action"});break}return(0,Wt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};zo.options=Cm;zo.states=Em;zo.variants=Tm;zo.defaultOptions=Im;zo.modifiers=Om;zo.className=ne.className;var nl=require("react/jsx-runtime"),kr="k-input-inner",Bm=[],Pm={},yn={type:"text",autocomplete:"off",value:"",placeholder:""},ze=e=>{let{value:t=yn.value,type:o=yn.type,placeholder:a=yn.placeholder,autocomplete:n=yn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,nl.jsx)("input",{...c,type:o,className:r(e.className,kr,E(kr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ze.states=Bm;ze.options=Pm;ze.className=kr;var sl=require("react/jsx-runtime"),Lr="k-input-inner",wm=[],Km={},rl={value:"",placeholder:""},Xa=e=>{let{value:t=rl.value,placeholder:o=rl.placeholder,rows:a,disabled:n,...i}=e;return(0,sl.jsx)("textarea",{...i,className:r(e.className,Lr,E(Lr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Xa.states=wm;Xa.options=Km;Xa.className=Lr;var Mr="prompt-box",il=Mr;var Sr="speech-to-text-button",ll=Sr;var cl=require("react/jsx-runtime"),pl="k-speech-to-text-button",dl={icon:"microphone"},Ze=e=>{let{listening:t=!1,icon:o=dl.icon,...a}=e;return(0,cl.jsx)(p,{...a,icon:t?"stop":o,className:r(e.className,pl,{"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=pl;Ze.defaultOptions=dl;Ze.moduleName=Sr;Ze.folderName=ll;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 Rm=require("react/jsx-runtime");var _m=require("react/jsx-runtime");var ul=require("react/jsx-runtime"),Dm=p.states,ml={...p.defaultOptions,variant:"normal"},Hm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},zm=[],Um=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Uo=e=>{let{variant:t,...o}={...ml,...e},a={};return t==="listening"&&(a.listening=!0),(0,ul.jsx)(Ze,{...o,...a})};Uo.options=Hm;Uo.states=Dm;Uo.variants=Um;Uo.defaultOptions=ml;Uo.modifiers=zm;Uo.className=Ze.className;var At=require("react/jsx-runtime"),wt="k-prompt-box",Fm=[s.hover,s.focus,s.disabled],Gm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},yr={lineMode:"auto",isExpanded:!1},Ae=e=>{let{fillMode:t,lineMode:o=yr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=yr.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,At.jsxs)("div",{...y,className:r(c,"k-input",wt,{[`${wt}-singleline`]:o==="single",[`${wt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&(0,At.jsx)("div",{className:`${wt}-header`,children:i}),(0,At.jsxs)("div",{className:`${wt}-content`,children:[a&&(0,At.jsx)("div",{className:`${wt}-affix`,children:a}),o==="single"?(0,At.jsx)(ze,{value:b,placeholder:h,className:`${wt}-input`,type:"text","aria-label":"Prompt input"}):(0,At.jsx)(Xa,{value:b,placeholder:h,className:`${wt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,At.jsxs)("div",{className:`${wt}-affix`,children:[n,(0,At.jsx)(Ze,{size:"small",fillMode:"flat",rounded:"full"}),(0,At.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=Fm;Ae.options=Gm;Ae.className=wt;Ae.defaultOptions=yr;Ae.moduleName=Mr;Ae.folderName=il;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 Vm=require("react/jsx-runtime");var $m=require("react/jsx-runtime");var Xm=require("react/jsx-runtime");var qm=require("react/jsx-runtime");var Wm=require("react/jsx-runtime");var Ue=require("react/jsx-runtime"),Jm=Ae.options,Ym=Ae.states,Zm={...Ae.defaultOptions,variant:"Single"},Qm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],jm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],Fo=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})};Fo.options=Jm;Fo.states=Ym;Fo.variants=Qm;Fo.defaultOptions=Zm;Fo.modifiers=jm;Fo.className=Ae.className;var Ar="chat",fl=Ar;var he=require("react/jsx-runtime"),bl="k-chat",eu=[],tu={},ou=(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"})]}),hl={tools:ou},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=hl.tools,value:b,empty:h,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return(0,he.jsxs)("div",{...k,className:r(bl,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)(ol,{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=eu;V.options=tu;V.className=bl;V.defaultOptions=hl;V.moduleName=Ar;V.folderName=fl;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 Cr="button",xl=Cr;var gl=require("react/jsx-runtime"),qa="k-button-group",au=[s.disabled],nu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},ru={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,gl.jsx)("div",{role:"group",...n,className:r(e.className,qa,E(qa,{fillMode:t}),M(qa,{disabled:o}),{[`${qa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=au;B.options=nu;B.className=qa;B.defaultOptions=ru;B.moduleName=Cr;B.folderName=xl;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 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 Pr=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),su={...p.options,...B.options},iu=p.states,lu={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},pu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],du=[],Go=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"})]})};Go.options=su;Go.states=iu;Go.variants=pu;Go.defaultOptions=lu;Go.modifiers=du;Go.className=B.className;var Wa="input",Cn=Wa;var Nl=require("react/jsx-runtime"),En="k-input",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={},re=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}))})};re.states=cu;re.options=mu;re.className=En;re.defaultOptions=uu;re.moduleName=Wa;re.folderName=Cn;var vl=require("react/jsx-runtime"),In="k-picker",fu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],bu={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]},hu={},Kt=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,vl.jsx)("span",{...N,className:r(e.className,In,E(In,{size:u,rounded:b,fillMode:h}),M(In,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Kt.states=fu;Kt.options=bu;Kt.className=In;Kt.defaultOptions=hu;Kt.moduleName=Wa;Kt.folderName=Cn;var Vo=require("react/jsx-runtime"),kl="k-clear-value",xu=[s.disabled,s.loading,s.readonly],gu={},it=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Vo.jsx)(Vo.Fragment,{}):(0,Vo.jsx)("span",{className:r(e.className,kl),children:(0,Vo.jsx)(v,{icon:"x"})})};it.states=xu;it.options=gu;it.className=kl;var Ja=require("react/jsx-runtime"),wr="k-input-inner",Nu=[],vu={},Mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Ja.jsxs)("span",{...l,className:r(e.className,wr,E(wr,e)),children:[n,!n&&i&&(0,Ja.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Ja.jsx)("span",{className:"k-input-value-text",children:t})]})};Mo.states=Nu;Mo.options=vu;Mo.className=wr;var Ya=require("react/jsx-runtime"),Ll="k-input-loading-icon",ku=[s.disabled,s.loading],je=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ya.jsx)(Ya.Fragment,{}):(0,Ya.jsx)("span",{className:r(e.className,Ll,"k-icon k-i-loading")})};je.states=ku;je.className=Ll;var Za=require("react/jsx-runtime"),Ml="k-input-validation-icon",Lu=[s.valid,s.invalid,s.disabled,s.loading],Mu={},Fe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Za.jsx)(Za.Fragment,{}):(0,Za.jsx)(v,{className:r(Ml),icon:i})};Fe.states=Lu;Fe.options=Mu;Fe.className=Ml;var Qa=require("react/jsx-runtime"),Su="k-input-prefix",yu={direction:"horizontal"},ft=e=>{let{direction:t=yu.direction,...o}=e;return e.children?(0,Qa.jsx)("span",{...o,className:r(Su,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Qa.jsx)(Qa.Fragment,{})};var ja=require("react/jsx-runtime"),Au="k-input-suffix",Cu={direction:"horizontal"},bt=e=>{let{direction:t=Cu.direction,...o}=e;return e.children?(0,ja.jsx)("span",{...o,className:r(Au,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ja.jsx)(ja.Fragment,{})};var Eu=require("react/jsx-runtime");var Sl=require("react/jsx-runtime"),Iu="k-input-suffix-text",Kr=e=>{let{children:t,...o}=e;return(0,Sl.jsx)("span",{...o,className:r(Iu,e.className),children:t})};var Al=require("react/jsx-runtime"),yl="k-input-separator",Tu={direction:"vertical"},ht=e=>{let{direction:t=Tu.direction,...o}=e;return(0,Al.jsx)("span",{...o,className:r(yl,e.className,{[`${yl}-${t}`]:t})})};var ue=require("react/jsx-runtime"),Ou=re.states,Bu=re.defaultOptions,Pu=re.options,wu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ku=[],$o=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)(re,{...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)(ft,{children:(0,ue.jsx)(v,{icon:"lock"})}),m&&(0,ue.jsx)(ht,{})]}),(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)(ht,{}),(0,ue.jsx)(bt,{children:(0,ue.jsx)(yt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};$o.options=Pu;$o.states=Ou;$o.variants=Ku;$o.defaultOptions=Bu;$o.modifiers=wu;$o.className=re.className;var en=require("react/jsx-runtime"),Cl="k-color-preview",Ru=[],_u={},io=e=>{let{color:t,iconName:o,...a}=e;return(0,en.jsxs)("span",{...a,className:r(e.className,Cl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,en.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,en.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};io.states=Ru;io.options=_u;io.className=Cl;var Rr="popup",El=Rr;var Dr=require("react/jsx-runtime"),Il="k-animation-container",Du=[],Hu={},_r={positionMode:"absolute",shown:!0},Rt=e=>{let{positionMode:t=_r.positionMode,shown:o=_r.shown,animationStyle:a,offset:n,...i}=e;return(0,Dr.jsx)("div",{...i,style:{...n,...e.style},className:r(e.className,Il,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Dr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Rt.states=Du;Rt.options=Hu;Rt.className=Il;Rt.defaultOptions=_r;Rt.moduleName=Rr;Rt.folderName=El;var Hr="popup",Tl=Hr;var zr=require("react/jsx-runtime"),Ol="k-popup",zu=[],Uu={},Bl={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=Bl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,zr.jsx)(Rt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,zr.jsx)("div",{...c,className:r(e.className,Ol),children:e.children})})};W.states=zu;W.options=Uu;W.className=Ol;W.defaultOptions=Bl;W.moduleName=Hr;W.folderName=Tl;W.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 Ur="action-buttons",Pl=Ur;var Kl=require("react/jsx-runtime"),Tn="k-actions",Fu=[],Gu={},Fr={alignment:"start",orientation:"horizontal"},lt=e=>{let{alignment:t=Fr.alignment,orientation:o=Fr.orientation,...a}=e;return(0,Kl.jsx)("div",{...a,className:r(Tn,{[`${Tn}-${t}`]:t,[`${Tn}-${o}`]:o},e.className),children:e.children})};lt.states=Fu;lt.options=Gu;lt.className=Tn;lt.defaultOptions=Fr;lt.moduleName=Ur;lt.folderName=Pl;var wl=lt;var _l=require("react/jsx-runtime"),Vu="k-actionsheet-footer",Rl={alignment:"stretched",orientation:"horizontal"},lo=e=>{let{alignment:t=Rl.alignment,orientation:o=Rl.orientation,template:a,as:n=a?"div":lt,...i}=e;return(0,_l.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Vu),children:e.children})};var Gr="searchbox",Dl=Gr;var po=require("react/jsx-runtime"),Hl="k-searchbox",$u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],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]},Vr={showIcon:!0,icon:"search"},xt=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=Vr.showIcon,icon:k=Vr.icon,"aria-label":y,...C}=e;return(0,po.jsxs)(re,{...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,Hl),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})]})};xt.states=$u;xt.options=Xu;xt.className=Hl;xt.defaultOptions=Vr;xt.moduleName=Gr;xt.folderName=Dl;var qu=require("react/jsx-runtime");var $r="textbox",zl=$r;var Ce=require("react/jsx-runtime"),Ul="k-textbox",Wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ju={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]},On={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=On.separators,showClearButton:i=On.showClearButton,showValidationIcon:l=On.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)(re,{...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,Ul),children:[c&&(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(ft,{children:c}),n&&(0,Ce.jsx)(ht,{})]}),(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)(ht,{}),(0,Ce.jsx)(bt,{children:u})]})]})};xe.states=Wu;xe.options=Ju;xe.className=Ul;xe.defaultOptions=On;xe.moduleName=$r;xe.folderName=zl;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 tn=xe;var Fl=require("react/jsx-runtime"),Bn=e=>(0,Fl.jsx)(tn,{...e});var Gl=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var Yu=require("react/jsx-runtime");var Pn=require("react/jsx-runtime"),Zu=xe.states,Qu=xe.defaultOptions,ju=xe.options,ef=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tf=[],Xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Pn.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Pn.jsx)(yt,{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,Pn.jsx)(Bn,{value:"Value",style:{width:300},...o,...a})};Xo.options=ju;Xo.states=Zu;Xo.variants=tf;Xo.defaultOptions=Qu;Xo.modifiers=ef;Xo.className=xe.className;var pt=require("react/jsx-runtime"),$l="k-actionsheet-titlebar",of={},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,$l),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)(xt,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ge.className=$l;Ge.defaultOptions=of;var qo=require("react/jsx-runtime"),Xr="k-actionsheet-view",af=[],nf={},rf={},Wo=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,qo.jsx)(Ge,{adaptive:t,titleId:l,...n==null?void 0:n.props}),b=(i==null?void 0:i.type)===lo&&(0,qo.jsx)(lo,{...i==null?void 0:i.props});return(0,qo.jsxs)("div",{...c,className:r(e.className,Xr,{[`${Xr}-animated`]:o}),children:[u,(0,qo.jsx)("div",{className:"k-actionsheet-content",children:a}),b]})};Wo.states=af;Wo.options=nf;Wo.className=Xr;Wo.defaultOptions=rf;var on="action-sheet",wn=on;var qr="overlay",Xl=qr;var Wl=require("react/jsx-runtime"),ql="k-overlay",sf=[],lf={},pf={},_t=e=>{let{...t}=e;return(0,Wl.jsx)("div",{...t,className:r(e.className,ql),children:e.children})};_t.states=sf;_t.options=lf;_t.className=ql;_t.defaultOptions=pf;_t.moduleName=qr;_t.folderName=Xl;var So=require("react/jsx-runtime"),Jl="k-actionsheet",df=[],cf={},an={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=an.side,fullscreen:o=an.fullscreen,adaptive:a=an.adaptive,overlay:n=an.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)(_t,{}),(0,So.jsx)(Rt,{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,Jl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||(0,So.jsx)(Wo,{header:c,footer:u,adaptive:a,titleId:N,...e,children:l})})})]})};te.states=df;te.options=cf;te.className=Jl;te.defaultOptions=an;te.moduleName=on;te.folderName=wn;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 Zl=require("react/jsx-runtime"),Yl="k-actionsheet-container",mf=[],uf={},ff={},Jo=e=>{let{children:t,...o}=e;return(0,Zl.jsx)("div",{...o,className:Yl,children:t})};Jo.states=mf;Jo.options=uf;Jo.className=Yl;Jo.defaultOptions=ff;Jo.moduleName=on;Jo.folderName=wn;var Ql=require("react/jsx-runtime"),Wr=e=>{let{...t}=e;return(0,Ql.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var gt=require("react/jsx-runtime"),Jr="k-actionsheet-item",bf=[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,gt.jsxs)("span",{...u,className:r(e.className,Jr,M(Jr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,gt.jsx)("span",{className:"k-icon-wrap",children:(0,gt.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,gt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,gt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,gt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};co.states=bf;co.className=Jr;var jl=require("react/jsx-runtime");var hf=require("react/jsx-runtime");var xf=require("react/jsx-runtime");var gf=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),Nf=te.options,vf=te.states,tp={...te.defaultOptions,variant:"normal"},kf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Lf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...tp,...e},n={},i=(0,Y.jsxs)(Wr,{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})};Yo.options=Nf;Yo.states=vf;Yo.variants=kf;Yo.defaultOptions=tp;Yo.modifiers=Lf;Yo.className=te.className;var Yr="slider",op=Yr;var Ct=require("react/jsx-runtime"),nn="k-slider",Mf=[s.hover,s.focus,s.active,s.disabled,s.readonly],Sf={},Nt={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=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:n=Nt.readonly,disabled:i=Nt.disabled,handlePosition:l=Nt.handlePosition,showButtons:c=Nt.showButtons,showTicks:u=Nt.showTicks,value:b=Nt.value,min:h=Nt.min,max:N=Nt.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,Ct.jsxs)("div",{...J,className:r(nn,e.className,M(nn,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:He,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:r("k-draghandle","k-draghandle-start",M(nn,{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,Ct.jsx)("span",{className:r("k-draghandle",`k-draghandle-${l}`,M(nn,{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,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:De,tabIndex:-1,title:"Increase"})]})};$.states=Mf;$.options=Sf;$.className=nn;$.defaultOptions=Nt;$.moduleName=Yr;$.folderName=op;$.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 Zr=require("react/jsx-runtime"),ap="k-tick",yf=[],Af={},np={label:!1},T=e=>{let{style:t,label:o=np.label,orientation:a,large:n,text:i,...l}=e;return(0,Zr.jsx)("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,ap,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Zr.jsx)("span",{className:"k-label",children:i})})};T.states=yf;T.options=Af;T.className=ap;T.defaultOptions=np;var ge=require("react/jsx-runtime"),rp=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"),sp=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 Qr=require("react/jsx-runtime");var jr=require("react/jsx-runtime");var ip=require("react/jsx-runtime"),es=e=>(0,