@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 31.6 kB
JavaScript
var Bo=Object.create;var Te=Object.defineProperty;var Po=Object.getOwnPropertyDescriptor;var _o=Object.getOwnPropertyNames;var Ho=Object.getPrototypeOf,wo=Object.prototype.hasOwnProperty;var zo=(e,t)=>{for(var o in t)Te(e,o,{get:t[o],enumerable:!0})},_t=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of _o(t))!wo.call(e,i)&&i!==o&&Te(e,i,{get:()=>t[i],enumerable:!(s=Po(t,i))||s.enumerable});return e};var Ht=(e,t,o)=>(o=e!=null?Bo(Ho(e)):{},_t(t||!e||!e.__esModule?Te(o,"default",{value:e,enumerable:!0}):o,e)),Do=e=>_t(Te({},"__esModule",{value:!0}),e);var Ei={};zo(Ei,{SmartBoxNormal:()=>Ti});module.exports=Do(Ei);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var k=(e,t)=>n({[`${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"}),S=(e,t)=>{let{valid:o,invalid:s,hover:i,focus:l,checked:c,active:p,selected:b,disabled:h,indeterminate:x,loading:g,empty:f,readonly:v,highlighted:z,...D}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":i,"k-focus":l,"k-checked":c,"k-active":p,"k-selected":b,"k-disabled":h,"k-indeterminate":x&&!c,"k-loading":g,"k-empty":f,"k-readonly":v,"k-highlighted":z},Object.keys(D).reduce((C,U)=>(U.startsWith("k-")?C[U]=D[U]:C[`k-${U}`]=D[U],C),{}))};function wt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},G={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},a={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 Je={};function A(e){return Je[e]=(Je[e]||0)+1,`k-${e}-${Je[e]}`}var he="input",Ee=he;var zt=require("react/jsx-runtime"),Ke="k-input",Uo=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Go={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Vo={},K=e=>{let{hover:t,focus:o,disabled:s,invalid:i,valid:l,loading:c,readonly:p,size:b,rounded:h,fillMode:x,...g}=e;return(0,zt.jsx)("span",{...g,className:n(e.className,Ke,k(Ke,{size:b,rounded:h,fillMode:x}),S(Ke,{hover:t,focus:o,disabled:s,invalid:i,valid:l,loading:c,readonly:p}))})};K.states=Uo;K.options=Go;K.className=Ke;K.defaultOptions=Vo;K.moduleName=he;K.folderName=Ee;var Dt=require("react/jsx-runtime"),Re="k-picker",Fo=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],$o={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Xo={},ne=e=>{let{hover:t,focus:o,disabled:s,invalid:i,valid:l,loading:c,readonly:p,size:b,rounded:h,fillMode:x,...g}=e;return(0,Dt.jsx)("span",{...g,className:n(e.className,Re,k(Re,{size:b,rounded:h,fillMode:x}),S(Re,{hover:t,focus:o,disabled:s,invalid:i,valid:l,loading:c,readonly:p})),children:e.children})};ne.states=Fo;ne.options=$o;ne.className=Re;ne.defaultOptions=Xo;ne.moduleName=he;ne.folderName=Ee;var Le=require("react/jsx-runtime"),Qe="k-font-icon",Wo=[],qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info]},Jo={},Ne=e=>{let{size:t,themeColor:o,icon:s,rotate:i,flip:l,...c}=e;return s?(0,Le.jsx)("span",{...c,className:n(e.className,Qe,k(Qe,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,Le.jsx)(Le.Fragment,{})};Ne.states=Wo;Ne.options=qo;Ne.className=Qe;Ne.defaultOptions=Jo;var Ut=Ne;var Y=require("react/jsx-runtime"),Ye="k-svg-icon",Qo=[],Yo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info],variant:[G.outline,G.solid,G.duotone]},Ze={viewBox:"0 0 24 24",variant:G.outline},ge=e=>{var g,f;let{size:t,themeColor:o,rotate:s,flip:i,viewBox:l=Ze.viewBox,variant:c=Ze.variant,icon:p,...b}=e;if(!p)return(0,Y.jsx)(Y.Fragment,{});if(p==="none")return(0,Y.jsx)("span",{...b,className:n(e.className,Ye,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?c&&((g=p.variants)==null?void 0:g[c])||((f=p.variants)==null?void 0:f.outline)||p.content:void 0;return(0,Y.jsx)("span",{...b,className:n(e.className,Ye,k("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,Y.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:l,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};ge.states=Qo;ge.options=Yo;ge.className=Ye;ge.defaultOptions=Ze;var je=ge;var et=Ht(require("@progress/kendo-svg-icons"));var Gt="icon",Vt="icons";var Xt=require("react");var Ft=require("react"),$t=(0,Ft.createContext)({iconsType:"svg"});var F=require("react/jsx-runtime"),Be="k-icon",Zo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),jo=[],en={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info],variant:[G.outline,G.solid,G.duotone]},Pe={viewBox:"0 0 24 24",type:"svg",variant:G.outline},u=e=>{let{iconsType:t}=(0,Xt.useContext)($t),{size:o,themeColor:s,icon:i,type:l=t||Pe.type,rotate:c,flip:p,viewBox:b=Pe.viewBox,variant:h=Pe.variant,...x}=e;if(!i)return(0,F.jsx)(F.Fragment,{});if((t||l)==="svg"){if(i==="none")return(0,F.jsx)(je,{...x,className:n(e.className,Be),icon:i,size:o,variant:h});let f=et[i]?i:Zo(`${i}-icon`);return et[f]?(0,F.jsx)(je,{...x,className:n(e.className,Be),icon:et[f],size:o,themeColor:s,rotate:c,flip:p,viewBox:b,variant:h}):(0,F.jsx)(F.Fragment,{})}return(0,F.jsx)(Ut,{...x,className:n(e.className,Be),icon:i,size:o,themeColor:s,rotate:c,flip:p})};u.states=jo;u.options=en;u.defaultOptions=Pe;u.className=Be;u.moduleName=Gt;u.folderName=Vt;u.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 ie=require("react/jsx-runtime"),Wt="k-clear-value",tn=[a.disabled,a.loading,a.readonly],on={},ke=e=>{let{disabled:t,loading:o,readonly:s,value:i}=e;return t||s||o||!i?(0,ie.jsx)(ie.Fragment,{}):(0,ie.jsx)("span",{className:n(e.className,Wt),children:(0,ie.jsx)(u,{icon:"x"})})};ke.states=tn;ke.options=on;ke.className=Wt;var qt=require("react/jsx-runtime"),tt="k-input-inner",nn=[],sn={},_e={type:"text",autocomplete:"off",value:"",placeholder:""},Z=e=>{let{value:t=_e.value,type:o=_e.type,placeholder:s=_e.placeholder,autocomplete:i=_e.autocomplete,disabled:l,readOnly:c,...p}=e;return(0,qt.jsx)("input",{...p,type:o,className:n(e.className,tt,k(tt,e)),placeholder:s,autoComplete:i,defaultValue:t,disabled:l||void 0,readOnly:c||void 0})};Z.states=nn;Z.options=sn;Z.className=tt;var Ie=require("react/jsx-runtime"),ot="k-input-inner",an=[],rn={},nt=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:i,valueIconName:l,...c}=e;return(0,Ie.jsxs)("span",{...c,className:n(e.className,ot,k(ot,e)),children:[i,!i&&l&&(0,Ie.jsx)(u,{className:"k-input-value-icon",icon:l}),s&&!t&&o,s&&t&&(0,Ie.jsx)("span",{className:"k-input-value-text",children:t})]})};nt.states=an;nt.options=rn;nt.className=ot;var Qt=require("react/jsx-runtime"),it="k-input-inner",ln=[],cn={},Jt={value:"",placeholder:""},st=e=>{let{value:t=Jt.value,placeholder:o=Jt.placeholder,rows:s,disabled:i,...l}=e;return(0,Qt.jsx)("textarea",{...l,className:n(e.className,it,k(it,e)),placeholder:o,rows:s,defaultValue:t,disabled:i||void 0})};st.states=ln;st.options=cn;st.className=it;var ve=require("react/jsx-runtime"),Yt="k-input-loading-icon",pn=[a.disabled,a.loading],He=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ve.jsx)(ve.Fragment,{}):(0,ve.jsx)("span",{className:n(e.className,Yt,"k-icon k-i-loading")})};He.states=pn;He.className=Yt;var Ce=require("react/jsx-runtime"),Zt="k-input-validation-icon",dn=[a.valid,a.invalid,a.disabled,a.loading],mn={},Se=e=>{let{valid:t,invalid:o,disabled:s,loading:i}=e,l=o?"warning-circle":"check-circle";return s||i||!!!(t||o)?(0,Ce.jsx)(Ce.Fragment,{}):(0,Ce.jsx)(u,{className:n(Zt),icon:l})};Se.states=dn;Se.options=mn;Se.className=Zt;var ye=require("react/jsx-runtime"),un="k-input-prefix",fn={direction:"horizontal"},we=e=>{let{direction:t=fn.direction,...o}=e;return e.children?(0,ye.jsx)("span",{...o,className:n(un,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ye.jsx)(ye.Fragment,{})};var Me=require("react/jsx-runtime"),bn="k-input-suffix",xn={direction:"horizontal"},ze=e=>{let{direction:t=xn.direction,...o}=e;return e.children?(0,Me.jsx)("span",{...o,className:n(bn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Me.jsx)(Me.Fragment,{})};var hn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),jt="k-input-separator",Nn={direction:"vertical"},se=e=>{let{direction:t=Nn.direction,...o}=e;return(0,eo.jsx)("span",{...o,className:n(jt,e.className,{[`${jt}-${t}`]:t})})};var at="button",to=at;var P=require("react/jsx-runtime"),Ae="k-button",gn=["icon-button"],kn=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],In={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.inverse]},rt={showArrow:!1,arrowIconName:"chevron-down"},L=e=>{let{as:t="button",size:o,rounded:s,fillMode:i,themeColor:l,showArrow:c=rt.showArrow,arrowIconName:p=rt.arrowIconName,variant:b,hover:h,focus:x,active:g,selected:f,disabled:v,togglable:z,ariaDisabled:D,icon:C,iconSize:U,text:Q,iconClassName:qe,className:To,...Eo}=e,Ko=C!=null,Ro=e.children!==void 0;return(0,P.jsxs)(t,{className:n(To,Ae,wt(Ae,b),k(Ae,{size:o,rounded:s,fillMode:i,themeColor:l}),S(Ae,{hover:h,focus:x,active:g,disabled:v||D,selected:f}),{"k-icon-button":!Q&&!Ro&&Ko}),"aria-pressed":z?f?"true":"false":void 0,...Eo,"aria-disabled":D?"true":void 0,disabled:v||void 0,children:[typeof C=="string"&&C&&(0,P.jsx)(u,{className:n(qe,"k-button-icon"),icon:C,size:U}),C&&typeof C!="string"&&(0,P.jsx)(P.Fragment,{children:C}),Q?(0,P.jsxs)(P.Fragment,{children:[Q&&(0,P.jsx)("span",{className:"k-button-text",children:Q}),e.children]}):e.children&&(0,P.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,P.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,P.jsx)(u,{icon:p})})]})};L.states=kn;L.options=In;L.variants=gn;L.className=Ae;L.defaultOptions=rt;L.moduleName=at;L.folderName=to;L.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 oo=require("react/jsx-runtime"),De=e=>(0,oo.jsx)(L,{children:"Button",...e});var I=require("react/jsx-runtime"),vn=K.states,Cn=K.defaultOptions,Sn=K.options,yn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Mn=[],ae=e=>{let{modifiers:t,valid:o,invalid:s,loading:i,disabled:l,readonly:c,...p}=e,b=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],f=t==null?void 0:t.separators;return(0,I.jsxs)(K,{...p,valid:o,invalid:s,loading:i,disabled:l,readonly:c,style:{width:300},children:[b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(we,{children:(0,I.jsx)(u,{icon:"lock"})}),f&&(0,I.jsx)(se,{})]}),(0,I.jsx)(Z,{placeholder:"Placeholder",value:"Value"}),g&&(0,I.jsx)(Se,{valid:o,invalid:s,loading:i,disabled:l}),(0,I.jsx)(He,{loading:i,disabled:l}),x&&(0,I.jsx)(ke,{loading:i,disabled:l,readonly:c,value:"Value"}),h&&(0,I.jsxs)(I.Fragment,{children:[f&&(0,I.jsx)(se,{}),(0,I.jsx)(ze,{children:(0,I.jsx)(De,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ae.options=Sn;ae.states=vn;ae.variants=Mn;ae.defaultOptions=Cn;ae.modifiers=yn;ae.className=K.className;var lt="popup",no=lt;var pt=require("react/jsx-runtime"),io="k-animation-container",An=[],On={},ct={positionMode:"absolute",shown:!0},J=e=>{let{positionMode:t=ct.positionMode,shown:o=ct.shown,animationStyle:s,offset:i,...l}=e;return(0,pt.jsx)("div",{...l,style:{...i,...e.style},className:n(e.className,io,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,pt.jsx)("div",{className:"k-child-animation-container",style:s,children:e.children})})};J.states=An;J.options=On;J.className=io;J.defaultOptions=ct;J.moduleName=lt;J.folderName=no;var dt="popup",so=dt;var mt=require("react/jsx-runtime"),ao="k-popup",Tn=[],En={},ro={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=ro.positionMode,animationStyle:s,containerClassName:i,containerRole:l,containerAriaLabel:c,...p}=e;return(0,mt.jsx)(J,{positionMode:o,offset:t,animationStyle:s,className:i,role:l,"aria-label":c,children:(0,mt.jsx)("div",{...p,className:n(e.className,ao),children:e.children})})};$.states=Tn;$.options=En;$.className=ao;$.defaultOptions=ro;$.moduleName=dt;$.folderName=so;$.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 ut="smart-box",lo=ut;var y=require("react/jsx-runtime"),co="k-smart-box",Kn=[a.hover,a.focus,a.disabled],Rn={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},po={separators:!0},_=e=>{let{size:t,rounded:o,fillMode:s,separators:i=po.separators,prefix:l,suffix:c,value:p,placeholder:b,hover:h,focus:x,disabled:g,popup:f,opened:v,processing:z,inputAriaLabel:D,inputAriaControls:C,inputAriaActiveDescendant:U,inputAriaAutocomplete:Q,...qe}=e;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(K,{...qe,size:t,rounded:o,fillMode:s,hover:h,focus:x,disabled:g,loading:z,className:n(e.className,co),children:[l&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(we,{children:l}),i&&(0,y.jsx)(se,{})]}),(0,y.jsx)(Z,{placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":v?"true":"false","aria-autocomplete":Q,"aria-controls":v?C:void 0,"aria-activedescendant":v?U:void 0,"aria-label":D}),c&&(0,y.jsxs)(y.Fragment,{children:[i&&(0,y.jsx)(se,{}),(0,y.jsx)(ze,{children:c})]})]}),v&&f&&(0,y.jsx)($,{className:"k-smart-box-popup",children:f})]})};_.states=Kn;_.options=Rn;_.className=co;_.defaultOptions=po;_.moduleName=ut;_.folderName=lo;_.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};var mo=require("react/jsx-runtime"),j=e=>(0,mo.jsx)(L,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var fo=require("react/jsx-runtime"),uo=e=>(0,fo.jsx)(L,{icon:"folder",children:"Button",...e});var Ue=require("react/jsx-runtime"),Bn=L.options,Pn=L.states,_n={...L.defaultOptions,variant:"text"},Hn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wn=[],re=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ue.jsx)(j,{...o,icon:"star"});case"icon-and-text":return(0,Ue.jsx)(uo,{...o,icon:"star",children:"Button"});default:return(0,Ue.jsx)(De,{...o,children:"Button"})}};re.options=Bn;re.states=Pn;re.variants=Hn;re.defaultOptions=_n;re.modifiers=wn;re.className=L.className;var ho=require("react/jsx-runtime"),bo="k-smart-box-send",xo={processing:!1},X=e=>{let{processing:t=xo.processing,...o}=e;return(0,ho.jsx)(L,{...o,rounded:"full",size:"small",icon:t?"stop":"arrow-up",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,bo,{"k-processing":t})})};X.states=L.states;X.options=L.options;X.className=bo;X.defaultOptions=xo;var Ge=Ht(require("react"));var ft=require("react/jsx-runtime"),zn="k-list-group-sticky-header",bt=e=>(0,ft.jsx)("div",{className:n(zn,e.className),children:(0,ft.jsx)("div",{className:"k-list-header-text",children:e.children})});var Lo=require("react/jsx-runtime"),Dn="k-no-data",xt=e=>{let{live:t,...o}=e;return(0,Lo.jsx)("span",{...o,className:n(Dn,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ee="list",le=ee;var ce=require("react/jsx-runtime"),ht="k-list",Un=[],Gn={size:[r.undefined,r.small,r.medium,r.large]},Vn={},O=e=>{var z;let{size:t,virtualization:o,children:s,header:i,selectAll:l,optionLabel:c,customValue:p,noData:b,screenReaders:h,...x}=e,f=Ge.default.Children.toArray(s)[0],v=(z=f==null?void 0:f.props)!=null&&z.children?Ge.default.Children.count(f.props.children):Ge.default.Children.count(s);return(0,ce.jsxs)("div",{...x,className:n(e.className,ht,k(ht,{size:t}),{"k-virtual-list":o}),children:[c,l,p,i&&(0,ce.jsx)(bt,{children:i}),s||(b!==void 0?b:(0,ce.jsx)(xt,{live:!0,children:"No data found."})),h&&s&&(0,ce.jsxs)(xt,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};O.states=Un;O.options=Gn;O.className=ht;O.defaultOptions=Vn;O.moduleName=ee;O.folderName=le;O.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var go=require("react/jsx-runtime"),No="k-list-container",Fn=[],$n={},Xn={},pe=e=>{let{...t}=e;return(0,go.jsx)("div",{...t,className:n(e.className,No),children:e.children})};pe.states=Fn;pe.options=$n;pe.className=No;pe.defaultOptions=Xn;pe.moduleName=ee;pe.folderName=le;var te="checkbox",de=te;var Lt=require("react/jsx-runtime"),Ve="k-checkbox",Wn=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],qn={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Jn={},R=e=>{let{id:t,checked:o,indeterminate:s,hover:i,focus:l,disabled:c,invalid:p,valid:b,required:h,size:x,rounded:g,wrapperRole:f,...v}=e;return(0,Lt.jsx)("span",{className:"k-checkbox-wrap",role:f,children:(0,Lt.jsx)("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,Ve,k(Ve,{size:x,rounded:g}),S(Ve,{hover:i,focus:l,disabled:c,invalid:p,valid:b,indeterminate:s,checked:o}))})})};R.states=Wn;R.options=qn;R.className=Ve;R.defaultOptions=Jn;R.moduleName=te;R.folderName=de;R.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var H=R;var vo=require("react/jsx-runtime"),ko="k-checkbox-list",Qn=[],Yn={},Io={layout:"vertical"},T=e=>{let{layout:t=Io.layout,...o}=e;return(0,vo.jsx)("ul",{...o,className:n(e.className,ko,{[`k-list-${t}`]:t}),children:e.children})};T.states=Qn;T.options=Yn;T.className=ko;T.defaultOptions=Io;T.moduleName=te;T.folderName=de;var So=require("react/jsx-runtime"),Co="k-checkbox-list-item",Zn=[],jn={},ei={},E=e=>{let{...t}=e;return(0,So.jsx)("li",{...t,className:n(e.className,Co),children:e.children})};E.states=Zn;E.options=jn;E.className=Co;E.defaultOptions=ei;E.moduleName=te;E.folderName=de;var oe=require("react/jsx-runtime"),W=({children:e="Label",id:t="cb-label-after",...o})=>(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)(H,{id:t,...o}),(0,oe.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Nt=require("react/jsx-runtime");var gt=require("react/jsx-runtime");var kt=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var oi=require("react/jsx-runtime");var ni=require("react/jsx-runtime");var M=require("react/jsx-runtime"),ii=T.options,si=T.states,ai={...T.defaultOptions,variant:"vertical"},ri=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],li=[],me=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,M.jsxs)(T,{layout:"horizontal",...o,children:[(0,M.jsx)(E,{children:(0,M.jsx)(W,{id:A("cb"),defaultChecked:!0,children:"Label"})}),(0,M.jsx)(E,{children:(0,M.jsx)(W,{id:A("cb"),children:"Label"})}),(0,M.jsx)(E,{children:(0,M.jsx)(W,{id:A("cb"),children:"Label"})})]}):(0,M.jsxs)(T,{...o,children:[(0,M.jsx)(E,{children:(0,M.jsx)(W,{id:A("cb"),defaultChecked:!0,children:"Label"})}),(0,M.jsx)(E,{children:(0,M.jsx)(W,{id:A("cb"),children:"Label"})}),(0,M.jsx)(E,{children:(0,M.jsx)(W,{id:A("cb"),children:"Label"})})]})};me.options=ii;me.states=si;me.variants=ri;me.defaultOptions=ai;me.modifiers=li;me.className=T.className;var yo=require("react/jsx-runtime"),ci=H.options,pi=H.states,di=H.defaultOptions,mi=[],ui=[],ue=e=>(0,yo.jsx)(W,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});ue.options=ci;ue.states=pi;ue.variants=mi;ue.defaultOptions=di;ue.modifiers=ui;ue.className=H.className;var V=require("react/jsx-runtime"),It="k-list-item",fi=[a.hover,a.focus,a.selected,a.disabled],bi={},xi={},B=e=>{let{text:t,groupLabel:o,group:s,iconName:i,iconClassName:l,showCheckbox:c,checked:p,hover:b,focus:h,selected:x,disabled:g,actions:f,description:v,id:z,...D}=e,C=t||e.children;return(0,V.jsxs)("li",{...D,id:z,role:s?"presentation":"option",tabIndex:s?void 0:h?0:-1,"aria-selected":!s&&x?"true":s?void 0:"false","aria-disabled":!s&&g?"true":void 0,className:n(e.className,s?"k-list-group-item":It,S(It,{hover:b,focus:h,disabled:g,selected:x})),children:[c&&(0,V.jsx)(R,{checked:p}),i&&(0,V.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,V.jsx)(u,{icon:i,className:n("k-list-item-icon",l)})}),(0,V.jsx)("span",{className:"k-list-item-text",children:C}),f&&(0,V.jsx)("div",{className:"k-list-item-actions",children:f}),v&&(0,V.jsx)("span",{className:"k-list-item-description",children:v}),o&&o!==""&&(0,V.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=fi;B.options=bi;B.className=It;B.defaultOptions=xi;B.moduleName=ee;B.folderName=le;B.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Mo=require("react/jsx-runtime"),hi="k-list-ul",Oe=e=>{let{children:t,role:o,id:s,...i}=e;return(0,Mo.jsx)("ul",{...i,id:s,role:o,className:n(hi,e.className),children:t})};Oe.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var fe=require("react/jsx-runtime"),Li="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":i,listboxId:l,...c}=e;return(0,fe.jsxs)("div",{...c,className:n(Li,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:(0,fe.jsx)(Oe,{role:"listbox",id:l,"aria-label":s,"aria-labelledby":i,children:e.children}),t&&(0,fe.jsx)("div",{className:"k-height-container",children:(0,fe.jsx)("div",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var be=require("react/jsx-runtime"),Fe="k-list-sticky-header",Ni=[a.hover,a.focus,a.selected],gi={},ki={},$e=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:s,indeterminate:i,hover:l,focus:c,selected:p,...b}=e;return(0,be.jsx)("div",{...b,className:n(Fe,e.className),children:(0,be.jsxs)("div",{className:n(`${Fe}-item`,S(`${Fe}-item`,{hover:l,focus:c,selected:p})),children:[o&&(0,be.jsx)(R,{checked:s,indeterminate:i,"aria-label":t}),(0,be.jsx)("span",{className:"k-list-item-text",children:t})]})})};$e.states=Ni;$e.options=gi;$e.className=Fe;$e.defaultOptions=ki;var vt=require("react/jsx-runtime");var xe=require("react/jsx-runtime"),Ii="k-list-group-item",Ct=e=>{let{groupIconName:t,...o}=e;return(0,xe.jsxs)("li",{...o,role:"presentation",className:n(Ii,e.className),children:[t&&(0,xe.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,xe.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,xe.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ct.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Ao=require("react/jsx-runtime"),St="k-list-optionlabel",vi=[a.hover,a.focus,a.selected,a.disabled],Ci={},Si={},Xe=e=>{let{text:t,hover:o,focus:s,selected:i,disabled:l,...c}=e;return(0,Ao.jsx)("div",{...c,className:n(St,S(St,{hover:o,focus:s,selected:i,disabled:l})),children:t})};Xe.states=vi;Xe.options=Ci;Xe.className=St;Xe.defaultOptions=Si;var Oo=require("react/jsx-runtime"),yt="k-list-custom-value",yi=[a.hover,a.focus,a.selected,a.disabled],Mi={},Ai={},We=e=>{let{text:t,hover:o,focus:s,selected:i,disabled:l,...c}=e;return(0,Oo.jsx)("div",{...c,className:n(yt,S(yt,{hover:o,focus:s,selected:i,disabled:l})),children:t})};We.states=yi;We.options=Mi;We.className=yt;We.defaultOptions=Ai;var Mt=require("react/jsx-runtime");var At=require("react/jsx-runtime");var Ot=require("react/jsx-runtime");var Tt=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var Et=require("react/jsx-runtime");var Kt=require("react/jsx-runtime");var Rt=require("react/jsx-runtime");var Bt=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var w=require("react/jsx-runtime"),Ti=e=>(0,w.jsx)(_,{...e,value:"Smart box",separators:!1,inputAriaLabel:"AI-powered search",prefix:(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(j,{icon:"microphone",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),(0,w.jsx)(X,{})]})});