@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 38.4 kB
JavaScript
var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...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 y=(e,t)=>a({[`${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"}),g=(e,t)=>{let{valid:o,invalid:s,hover:n,focus:l,checked:p,active:d,selected:T,disabled:N,indeterminate:L,loading:S,empty:v,readonly:Y,highlighted:P,...E}=t;return a({"k-valid":o,"k-invalid":s,"k-hover":n,"k-focus":l,"k-checked":p,"k-active":d,"k-selected":T,"k-disabled":N,"k-indeterminate":L&&!p,"k-loading":S,"k-empty":v,"k-readonly":Y,"k-highlighted":P},Object.keys(E).reduce((M,I)=>(I.startsWith("k-")?M[I]=E[I]:M[`k-${I}`]=E[I],M),{}))};function qt(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"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Q={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},b={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 st={};function Yt(e){return st[e]=(st[e]||0)+1,`k-${e}-${st[e]}`}var Ce="input",Xe=Ce;import{jsx as na}from"react/jsx-runtime";var Je="k-input",ta=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],oa={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},aa={},w=e=>{let{hover:t,focus:o,disabled:s,invalid:n,valid:l,loading:p,readonly:d,size:T,rounded:N,fillMode:L,...S}=e;return na("span",{...S,className:a(e.className,Je,y(Je,{size:T,rounded:N,fillMode:L}),g(Je,{hover:t,focus:o,disabled:s,invalid:n,valid:l,loading:p,readonly:d}))})};w.states=ta;w.options=oa;w.className=Je;w.defaultOptions=aa;w.moduleName=Ce;w.folderName=Xe;import{jsx as ra}from"react/jsx-runtime";var We="k-picker",sa=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ia={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},la={},Ne=e=>{let{hover:t,focus:o,disabled:s,invalid:n,valid:l,loading:p,readonly:d,size:T,rounded:N,fillMode:L,...S}=e;return ra("span",{...S,className:a(e.className,We,y(We,{size:T,rounded:N,fillMode:L}),g(We,{hover:t,focus:o,disabled:s,invalid:n,valid:l,loading:p,readonly:d})),children:e.children})};Ne.states=sa;Ne.options=ia;Ne.className=We;Ne.defaultOptions=la;Ne.moduleName=Ce;Ne.folderName=Xe;import{Fragment as ma,jsx as Qt}from"react/jsx-runtime";var it="k-font-icon",da=[],pa={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info]},ca={},He=e=>{let{size:t,themeColor:o,icon:s,rotate:n,flip:l,...p}=e;return s?Qt("span",{...p,className:a(e.className,it,y(it,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):Qt(ma,{})};He.states=da;He.options=pa;He.className=it;He.defaultOptions=ca;var Zt=He;import{Fragment as Ta,jsx as qe}from"react/jsx-runtime";var lt="k-svg-icon",ua=[],ba={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info],variant:[Q.outline,Q.solid,Q.duotone]},rt={viewBox:"0 0 24 24",variant:Q.outline},Ke=e=>{let{size:t,themeColor:o,rotate:s,flip:n,viewBox:l=rt.viewBox,variant:p=rt.variant,icon:d,...T}=e;if(!d)return qe(Ta,{});if(d==="none")return qe("span",{...T,className:a(e.className,lt,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof d=="object"&&d.name&&d.name,L=typeof d=="object"?p&&d.variants?.[p]||d.variants?.outline||d.content:void 0;return qe("span",{...T,className:a(e.className,lt,y("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:qe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:l,dangerouslySetInnerHTML:L!==void 0?{__html:L}:void 0,children:d?void 0:e.children})})};Ke.states=ua;Ke.options=ba;Ke.className=lt;Ke.defaultOptions=rt;var dt=Ke;import*as pt from"@progress/kendo-svg-icons";var jt="icon",eo="icons";import{useContext as xa}from"react";import{createContext as fa}from"react";var to=fa({iconsType:"svg"});import{Fragment as oo,jsx as _e}from"react/jsx-runtime";var Ye="k-icon",ha=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Na=[],La={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info],variant:[Q.outline,Q.solid,Q.duotone]},Qe={viewBox:"0 0 24 24",type:"svg",variant:Q.outline},A=e=>{let{iconsType:t}=xa(to),{size:o,themeColor:s,icon:n,type:l=t||Qe.type,rotate:p,flip:d,viewBox:T=Qe.viewBox,variant:N=Qe.variant,...L}=e;if(!n)return _e(oo,{});if((t||l)==="svg"){if(n==="none")return _e(dt,{...L,className:a(e.className,Ye),icon:n,size:o,variant:N});let v=pt[n]?n:ha(`${n}-icon`);return pt[v]?_e(dt,{...L,className:a(e.className,Ye),icon:pt[v],size:o,themeColor:s,rotate:p,flip:d,viewBox:T,variant:N}):_e(oo,{})}return _e(Zt,{...L,className:a(e.className,Ye),icon:n,size:o,themeColor:s,rotate:p,flip:d})};A.states=Na;A.options=La;A.defaultOptions=Qe;A.className=Ye;A.moduleName=jt;A.folderName=eo;A.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."}]};import{Fragment as ya,jsx as ct}from"react/jsx-runtime";var ao="k-clear-value",Aa=[i.disabled,i.loading,i.readonly],Sa={},$=e=>{let{disabled:t,loading:o,readonly:s,value:n}=e;return t||s||o||!n?ct(ya,{}):ct("span",{className:a(e.className,ao),children:ct(A,{icon:"x"})})};$.states=Aa;$.options=Sa;$.className=ao;import{jsx as Ma}from"react/jsx-runtime";var mt="k-input-inner",va=[],Ea={},Ze={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=Ze.value,type:o=Ze.type,placeholder:s=Ze.placeholder,autocomplete:n=Ze.autocomplete,disabled:l,readOnly:p,...d}=e;return Ma("input",{...d,type:o,className:a(e.className,mt,y(mt,e)),placeholder:s,autoComplete:n,defaultValue:t,disabled:l||void 0,readOnly:p||void 0})};X.states=va;X.options=Ea;X.className=mt;import{jsx as no,jsxs as Ra}from"react/jsx-runtime";var ut="k-input-inner",ga=[],wa={},bt=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:n,valueIconName:l,...p}=e;return Ra("span",{...p,className:a(e.className,ut,y(ut,e)),children:[n,!n&&l&&no(A,{className:"k-input-value-icon",icon:l}),s&&!t&&o,s&&t&&no("span",{className:"k-input-value-text",children:t})]})};bt.states=ga;bt.options=wa;bt.className=ut;import{jsx as Da}from"react/jsx-runtime";var Tt="k-input-inner",Ia=[],Oa={},so={value:"",placeholder:""},ft=e=>{let{value:t=so.value,placeholder:o=so.placeholder,rows:s,disabled:n,...l}=e;return Da("textarea",{...l,className:a(e.className,Tt,y(Tt,e)),placeholder:o,rows:s,defaultValue:t,disabled:n||void 0})};ft.states=Ia;ft.options=Oa;ft.className=Tt;import{Fragment as Ca,jsx as io}from"react/jsx-runtime";var lo="k-input-loading-icon",ka=[i.disabled,i.loading],Z=e=>{let{disabled:t,loading:o}=e;return t||!o?io(Ca,{}):io("span",{className:a(e.className,lo,"k-icon k-i-loading")})};Z.states=ka;Z.className=lo;import{Fragment as _a,jsx as ro}from"react/jsx-runtime";var po="k-input-validation-icon",Ha=[i.valid,i.invalid,i.disabled,i.loading],Ka={},J=e=>{let{valid:t,invalid:o,disabled:s,loading:n}=e,l=o?"warning-circle":"check-circle";return s||n||!!!(t||o)?ro(_a,{}):ro(A,{className:a(po),icon:l})};J.states=Ha;J.options=Ka;J.className=po;import{Fragment as za,jsx as co}from"react/jsx-runtime";var Pa="k-input-prefix",Ba={direction:"horizontal"},Le=e=>{let{direction:t=Ba.direction,...o}=e;return e.children?co("span",{...o,className:a(Pa,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):co(za,{})};import{Fragment as Va,jsx as mo}from"react/jsx-runtime";var Fa="k-input-suffix",Ua={direction:"horizontal"},Ae=e=>{let{direction:t=Ua.direction,...o}=e;return e.children?mo("span",{...o,className:a(Fa,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):mo(Va,{})};import{jsx as fl}from"react/jsx-runtime";import{jsx as Ll}from"react/jsx-runtime";import{jsx as $a}from"react/jsx-runtime";var uo="k-input-separator",Ga={direction:"vertical"},ae=e=>{let{direction:t=Ga.direction,...o}=e;return $a("span",{...o,className:a(uo,e.className,{[`${uo}-${t}`]:t})})};var xt="button",bo=xt;import{Fragment as To,jsx as Se,jsxs as fo}from"react/jsx-runtime";var Pe="k-button",Xa=["icon-button"],Ja=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Wa={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:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.inverse]},ht={showArrow:!1,arrowIconName:"chevron-down"},h=e=>{let{as:t="button",size:o,rounded:s,fillMode:n,themeColor:l,showArrow:p=ht.showArrow,arrowIconName:d=ht.arrowIconName,variant:T,hover:N,focus:L,active:S,selected:v,disabled:Y,togglable:P,ariaDisabled:E,icon:M,iconSize:I,text:B,iconClassName:he,className:Oe,...De}=e,ke=M!=null,se=e.children!==void 0;return fo(t,{className:a(Oe,Pe,qt(Pe,T),y(Pe,{size:o,rounded:s,fillMode:n,themeColor:l}),g(Pe,{hover:N,focus:L,active:S,disabled:Y||E,selected:v}),{"k-icon-button":!B&&!se&&ke}),"aria-pressed":P?v?"true":"false":void 0,...De,"aria-disabled":E?"true":void 0,disabled:Y||void 0,children:[typeof M=="string"&&M&&Se(A,{className:a(he,"k-button-icon"),icon:M,size:I}),M&&typeof M!="string"&&Se(To,{children:M}),B?fo(To,{children:[B&&Se("span",{className:"k-button-text",children:B}),e.children]}):e.children&&Se("span",{className:"k-button-text",children:e.children}),p&&Se("span",{className:"k-menu-button-arrow k-button-arrow",children:Se(A,{icon:d})})]})};h.states=Ja;h.options=Wa;h.variants=Xa;h.className=Pe;h.defaultOptions=ht;h.moduleName=xt;h.folderName=bo;h.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."}]};import{jsx as qa}from"react/jsx-runtime";var be=e=>qa(h,{children:"Button",...e});import{Fragment as xo,jsx as j,jsxs as Nt}from"react/jsx-runtime";var Ya=w.states,Qa=w.defaultOptions,Za=w.options,ja=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],en=[],ye=e=>{let{modifiers:t,valid:o,invalid:s,loading:n,disabled:l,readonly:p,...d}=e,T=t?.prefix,N=t?.suffix,L=t?.["clear-button"],S=t?.["validation-icon"],v=t?.separators;return Nt(w,{...d,valid:o,invalid:s,loading:n,disabled:l,readonly:p,style:{width:300},children:[T&&Nt(xo,{children:[j(Le,{children:j(A,{icon:"lock"})}),v&&j(ae,{})]}),j(X,{placeholder:"Placeholder",value:"Value"}),S&&j(J,{valid:o,invalid:s,loading:n,disabled:l}),j(Z,{loading:n,disabled:l}),L&&j($,{loading:n,disabled:l,readonly:p,value:"Value"}),N&&Nt(xo,{children:[v&&j(ae,{}),j(Ae,{children:j(be,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};ye.options=Za;ye.states=Ya;ye.variants=en;ye.defaultOptions=Qa;ye.modifiers=ja;ye.className=w.className;import{jsx as tn}from"react/jsx-runtime";var je=e=>tn(h,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as on}from"react/jsx-runtime";var ho=e=>on(h,{icon:"folder",children:"Button",...e});import{jsx as Lt}from"react/jsx-runtime";var an=h.options,nn=h.states,sn={...h.defaultOptions,variant:"text"},ln=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rn=[],ve=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Lt(je,{...o,icon:"star"});case"icon-and-text":return Lt(ho,{...o,icon:"star",children:"Button"});default:return Lt(be,{...o,children:"Button"})}};ve.options=an;ve.states=nn;ve.variants=ln;ve.defaultOptions=sn;ve.modifiers=rn;ve.className=h.className;var At="popup",No=At;import{jsx as Lo}from"react/jsx-runtime";var Ao="k-animation-container",dn=[],pn={},St={positionMode:"absolute",shown:!0},ee=e=>{let{positionMode:t=St.positionMode,shown:o=St.shown,animationStyle:s,offset:n,...l}=e;return Lo("div",{...l,style:{...n,...e.style},className:a(e.className,Ao,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Lo("div",{className:"k-child-animation-container",style:s,children:e.children})})};ee.states=dn;ee.options=pn;ee.className=Ao;ee.defaultOptions=St;ee.moduleName=At;ee.folderName=No;var yt="popup",So=yt;import{jsx as yo}from"react/jsx-runtime";var vo="k-popup",cn=[],mn={},Eo={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=Eo.positionMode,animationStyle:s,containerClassName:n,containerRole:l,containerAriaLabel:p,...d}=e;return yo(ee,{positionMode:o,offset:t,animationStyle:s,className:n,role:l,"aria-label":p,children:yo("div",{...d,className:a(e.className,vo),children:e.children})})};ne.states=cn;ne.options=mn;ne.className=vo;ne.defaultOptions=Eo;ne.moduleName=yt;ne.folderName=So;ne.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 vt="action-buttons",Mo=vt;import{jsx as Tn}from"react/jsx-runtime";var et="k-actions",un=[],bn={},Et={alignment:"start",orientation:"horizontal"},ie=e=>{let{alignment:t=Et.alignment,orientation:o=Et.orientation,...s}=e;return Tn("div",{...s,className:a(et,{[`${et}-${t}`]:t,[`${et}-${o}`]:o},e.className),children:e.children})};ie.states=un;ie.options=bn;ie.className=et;ie.defaultOptions=Et;ie.moduleName=vt;ie.folderName=Mo;import{jsx as xn}from"react/jsx-runtime";var fn="k-actionsheet-footer",go={alignment:"stretched",orientation:"horizontal"},Ee=e=>{let{alignment:t=go.alignment,orientation:o=go.orientation,template:s,as:n=s?"div":ie,...l}=e;return xn(n,{...l,...!s&&{alignment:t,orientation:o},className:a(e.className,fn),children:e.children})};var Mt="searchbox",wo=Mt;import{jsx as Be,jsxs as Ln}from"react/jsx-runtime";var Ro="k-searchbox",hn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Nn={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},gt={showIcon:!0,icon:"search"},le=e=>{let{value:t,placeholder:o,size:s,rounded:n,fillMode:l,hover:p,focus:d,valid:T,invalid:N,required:L,loading:S,disabled:v,showIcon:Y=gt.showIcon,icon:P=gt.icon,"aria-label":E,...M}=e;return Ln(w,{...M,size:s,rounded:n,fillMode:l,hover:p,focus:d,valid:T,invalid:N,required:L,loading:S,disabled:v,className:a(e.className,Ro),children:[Y&&Be(A,{className:"k-input-icon",icon:P}),Be(X,{placeholder:o,value:t,"aria-label":E}),Be(Z,{...e}),Be(J,{...e}),Be($,{...e})]})};le.states=hn;le.options=Nn;le.className=Ro;le.defaultOptions=gt;le.moduleName=Mt;le.folderName=wo;import{jsx as pd}from"react/jsx-runtime";var wt="textbox",Io=wt;import{Fragment as Oo,jsx as re,jsxs as Rt}from"react/jsx-runtime";var Do="k-textbox",An=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Sn={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},tt={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:s,separators:n=tt.separators,showClearButton:l=tt.showClearButton,showValidationIcon:p=tt.showValidationIcon,prefix:d,suffix:T,type:N,value:L,placeholder:S,hover:v,focus:Y,valid:P,invalid:E,required:M,loading:I,disabled:B,readonly:he,id:Oe,"aria-label":De,"aria-describedby":ke,...se}=e;return Rt(w,{...se,size:t,rounded:o,fillMode:s,hover:v,focus:Y,valid:P,invalid:E,required:M,loading:I,disabled:B,readonly:he,className:a(e.className,Do),children:[d&&Rt(Oo,{children:[re(Le,{children:d}),n&&re(ae,{})]}),re(X,{id:Oe,placeholder:S,value:L,type:N,disabled:B,"aria-label":De,"aria-describedby":ke,"aria-invalid":E?"true":void 0}),p&&re(J,{valid:P,invalid:E,loading:I,disabled:B}),re(Z,{loading:I,disabled:B}),l&&re($,{loading:I,disabled:B,readonly:he,value:L}),T&&Rt(Oo,{children:[n&&re(ae,{}),re(Ae,{children:T})]})]})};H.states=An;H.options=Sn;H.className=Do;H.defaultOptions=tt;H.moduleName=wt;H.folderName=Io;H.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 ze=H;import{jsx as yn}from"react/jsx-runtime";var ko=e=>yn(ze,{...e});import{Fragment as wd,jsx as gd}from"react/jsx-runtime";import{Fragment as Cd,jsx as kd}from"react/jsx-runtime";import{jsx as Pd}from"react/jsx-runtime";import{jsx as It}from"react/jsx-runtime";var vn=H.states,En=H.defaultOptions,Mn=H.options,gn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],wn=[],Me=e=>{let{modifiers:t,...o}=e,s={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":s.prefix=t?.[n]?It(A,{icon:"lock"}):void 0;break;case"suffix":s.suffix=t?.[n]?It(be,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":s.showClearButton=t?.[n];break;default:break}}),It(ko,{value:"Value",style:{width:300},...o,...s})};Me.options=Mn;Me.states=vn;Me.variants=wn;Me.defaultOptions=En;Me.modifiers=gn;Me.className=H.className;import{jsx as de,jsxs as Ot}from"react/jsx-runtime";var Co="k-actionsheet-titlebar",Rn={},W=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:n,filter:l,input:p,inputValue:d,inputPlaceholder:T,adaptive:N,titleId:L,children:S,...v}=e;return Ot("div",{...v,className:a(e.className,Co),children:[Ot("div",{className:"k-actionsheet-titlebar-group",children:[s&&de("div",{className:"k-actionsheet-actions",children:s}),!S&&Ot("div",{className:"k-actionsheet-title",id:L,children:[t&&de("div",{className:"k-text-center",children:t}),o&&de("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),S&&de("div",{className:"k-actionsheet-title",id:L,children:S}),n&&de("div",{className:"k-actionsheet-actions",children:n})]}),(p||l)&&de("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?de(H,{value:d,placeholder:T,size:N?"large":"medium","aria-label":t||T||"Input"}):de(le,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};W.className=Co;W.defaultOptions=Rn;import{jsx as Dt,jsxs as kn}from"react/jsx-runtime";var kt="k-actionsheet-view",In=[],On={},Dn={},ge=e=>{let{adaptive:t,animated:o,children:s,header:n,footer:l,titleId:p,...d}=e,T=n?.type===W&&Dt(W,{adaptive:t,titleId:p,...n?.props}),N=l?.type===Ee&&Dt(Ee,{...l?.props});return kn("div",{...d,className:a(e.className,kt,{[`${kt}-animated`]:o}),children:[T,Dt("div",{className:"k-actionsheet-content",children:s}),N]})};ge.states=In;ge.options=On;ge.className=kt;ge.defaultOptions=Dn;var Fe="action-sheet",ot=Fe;var Ct="overlay",Ho=Ct;import{jsx as _n}from"react/jsx-runtime";var Ko="k-overlay",Cn=[],Hn={},Kn={},pe=e=>{let{...t}=e;return _n("div",{...t,className:a(e.className,Ko),children:e.children})};pe.states=Cn;pe.options=Hn;pe.className=Ko;pe.defaultOptions=Kn;pe.moduleName=Ct;pe.folderName=Ho;import{jsx as at,jsxs as zn}from"react/jsx-runtime";var _o="k-actionsheet",Pn=[],Bn={},Ue={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},O=e=>{let{side:t=Ue.side,fullscreen:o=Ue.fullscreen,adaptive:s=Ue.adaptive,overlay:n=Ue.overlay,template:l,children:p,header:d,footer:T,id:N,...L}=e,S=N&&!l&&d?`${N}-title`:void 0;return zn("div",{className:"k-actionsheet-container",children:[n&&at(pe,{}),at(ee,{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:at("div",{...L,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":S,className:a(e.className,_o,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:l||at(ge,{header:d,footer:T,adaptive:s,titleId:S,...e,children:p})})})]})};O.states=Pn;O.options=Bn;O.className=_o;O.defaultOptions=Ue;O.moduleName=Fe;O.folderName=ot;O.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."}]};import{jsx as Gn}from"react/jsx-runtime";var Po="k-actionsheet-container",Fn=[],Un={},Vn={},we=e=>{let{children:t,...o}=e;return Gn("div",{...o,className:Po,children:t})};we.states=Fn;we.options=Un;we.className=Po;we.defaultOptions=Vn;we.moduleName=Fe;we.folderName=ot;import{jsx as $n}from"react/jsx-runtime";var Ht=e=>{let{...t}=e;return $n("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Jn,jsx as Ve,jsxs as Kt}from"react/jsx-runtime";var _t="k-actionsheet-item",Xn=[i.hover,i.focus,i.selected,i.disabled],ce=e=>{let{iconName:t,text:o,description:s,hover:n,focus:l,selected:p,disabled:d,...T}=e;return Kt("span",{...T,className:a(e.className,_t,g(_t,{hover:n,focus:l,selected:p,disabled:d})),children:[!e.children&&Ve(Jn,{children:Kt("span",{className:"k-actionsheet-action",children:[t&&Ve("span",{className:"k-icon-wrap",children:Ve(A,{className:"k-actionsheet-item-icon",icon:t})}),Kt("span",{className:"k-actionsheet-item-text",children:[o&&Ve("span",{className:"k-actionsheet-item-title",children:o}),s&&Ve("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};ce.states=Xn;ce.className=_t;import{jsx as _p,jsxs as Pp}from"react/jsx-runtime";import{jsx as Up}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";import{jsx as Yp}from"react/jsx-runtime";import{jsx as D,jsxs as Pt}from"react/jsx-runtime";var Wn=O.options,qn=O.states,zo={...O.defaultOptions,variant:"normal"},Yn=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qn=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Re=e=>{let{variant:t,modifiers:o,...s}={...zo,...e},n={},l=Pt(Ht,{children:[D(ce,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),D(ce,{text:"Add to Favorites",iconName:"heart"}),D(ce,{text:"Upload New",iconName:"upload",disabled:!0}),D("hr",{className:"k-hr"}),D(ce,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",d="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(T=>{switch(T){case"actions":n.actionsStart=!!o?.[T],n.actionsEnd=!!o?.[T];break;case"subtitle":n.subtitle=o?.[T]?p:void 0;break;case"footer":n.footer=!!o?.[T];break;default:break}}),t==="adaptive"?D(O,{...s,adaptive:!0,fullscreen:n.fullScreen,header:D(W,{actionsStart:n.actionsStart?D(h,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?D(h,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:d,subtitle:n.subtitle}),footer:n.footer?Pt(Ee,{alignment:"stretched",children:[D(h,{text:"Cancel",size:"large",themeColor:"base"}),D(h,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):D(O,{...s,fullscreen:n.fullScreen,header:D(W,{actionsStart:n.actionsStart?D(h,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?D(h,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Pt(Ee,{alignment:"stretched",children:[D(h,{text:"Apply",themeColor:"primary"}),D(h,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Re.options=Wn;Re.states=qn;Re.variants=Yn;Re.defaultOptions=zo;Re.modifiers=Qn;Re.className=O.className;var k="table",C=k;import{jsx as ts}from"react/jsx-runtime";var Fo="k-data-table",Zn=[],jn={size:[r.undefined,r.small,r.medium,r.large]},es={},z=e=>{let{size:t,...o}=e;return ts("div",{...o,className:a(e.className,Fo,y("k-table",{size:t})),children:e.children})};z.states=Zn;z.options=jn;z.className=Fo;z.defaultOptions=es;z.moduleName=k;z.folderName=C;import{jsx as ss}from"react/jsx-runtime";var Bt="k-table-header-wrap",os=[i.hover,i.focus,i.disabled],as={},ns={},me=e=>{let{children:t,hover:o,focus:s,disabled:n,...l}=e;return ss("div",{...l,className:a(e.className,Bt,g(Bt,{hover:o,focus:s,disabled:n})),children:t})};me.states=os;me.options=as;me.className=Bt;me.defaultOptions=ns;me.moduleName=k;me.folderName=C;import{jsx as ds}from"react/jsx-runtime";var zt="k-table",is=[],ls={size:[r.undefined,r.small,r.medium,r.large]},rs={},te=e=>{let{size:t,...o}=e;return ds("table",{...o,className:a(e.className,zt,y(zt,{size:t})),children:e.children})};te.states=is;te.options=ls;te.className=zt;te.defaultOptions=rs;te.moduleName=k;te.folderName=C;import{jsx as Ft}from"react/jsx-runtime";var Ut="k-table-header",ps=[i.hover,i.focus,i.disabled],cs={},ms={},F=e=>{let{children:t,hover:o,focus:s,disabled:n,...l}=e;return Ft("div",{...l,className:a(e.className,Ut,g(Ut,{hover:o,focus:s,disabled:n})),children:Ft(me,{children:Ft(te,{children:t})})})};F.states=ps;F.options=cs;F.className=Ut;F.defaultOptions=ms;F.moduleName=k;F.folderName=C;import{jsx as fs}from"react/jsx-runtime";var Uo="k-table-scroller",us=[],bs={},Ts={},Ie=e=>{let{children:t,...o}=e;return fs("div",{...o,className:a(e.className,Uo),children:t})};Ie.states=us;Ie.options=bs;Ie.className=Uo;Ie.defaultOptions=Ts;Ie.moduleName=k;Ie.folderName=C;import{jsx as hs}from"react/jsx-runtime";var xs="k-table-body",Te=e=>hs("div",{className:a(e.className,xs,"k-table-scroller"),children:e.children});import{jsx as Ss}from"react/jsx-runtime";var Vo="k-table-footer",Ns=[],Ls={},As={},V=e=>{let{children:t,...o}=e;return Ss("div",{...o,className:a(e.className,Vo),children:t})};V.states=Ns;V.options=Ls;V.className=Vo;V.defaultOptions=As;V.moduleName=k;V.folderName=C;import{jsx as Ms}from"react/jsx-runtime";var Vt="k-table-list",ys=[],vs={size:[r.undefined,r.small,r.medium,r.large]},Es={},G=e=>{let{size:t,virtualization:o,...s}=e;return Ms("ul",{...s,className:a(e.className,"k-table",Vt,y(Vt,{size:t}),{"k-virtual-table":o}),children:e.children})};G.states=ys;G.options=vs;G.className=Vt;G.defaultOptions=Es;G.moduleName=k;G.folderName=C;import{jsx as ws}from"react/jsx-runtime";var gs="k-table-thead",ue=e=>ws("thead",{className:a(e.className,gs),children:e.children});import{jsx as sm}from"react/jsx-runtime";import{jsx as dm}from"react/jsx-runtime";import{jsx as Is}from"react/jsx-runtime";var Gt="k-table-row",Rs=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],oe=e=>{let{hover:t,focus:o,selected:s,highlighted:n,disabled:l,alt:p,...d}=e;return Is("tr",{...d,className:a(e.className,Gt,{"k-table-alt-row":p},g(Gt,{hover:t,focus:o,disabled:l,selected:s,highlighted:n})),children:e.children})};oe.states=Rs;oe.className=Gt;import{jsx as Ds}from"react/jsx-runtime";var $t="k-table-row",Os=[i.hover,i.focus,i.selected,i.disabled],R=e=>{let{hover:t,focus:o,selected:s,disabled:n,alt:l,...p}=e;return Ds("li",{...p,className:a(e.className,$t,{"k-table-alt-row":l},g($t,{hover:t,focus:o,disabled:n,selected:s})),children:e.children})};R.states=Os;R.className=$t;import{jsx as ks}from"react/jsx-runtime";var Go="k-table-th",K=e=>{let{text:t,colspan:o,rowspan:s,...n}=e,l=t||e.children;return ks("th",{colSpan:o,rowSpan:s,...n,className:a(e.className,Go),children:l})};K.className=Go;K.moduleName=k;K.folderName=C;import{jsx as Hs}from"react/jsx-runtime";var Cs="k-table-th",fe=e=>{let{text:t,...o}=e,s=t||e.children;return Hs("span",{...o,className:a(e.className,Cs),children:s})};import{jsx as _s}from"react/jsx-runtime";var Xt="k-table-td",Ks=[i.focus,i.selected,i.highlighted],nt=e=>{let{focus:t,selected:o,highlighted:s,text:n,colspan:l,rowspan:p,...d}=e,T=n||e.children;return _s("td",{colSpan:l,rowSpan:p,...d,className:a(e.className,Xt,g(Xt,{focus:t,selected:o,highlighted:s})),children:T})};nt.states=Ks;nt.className=Xt;import{jsx as Bs}from"react/jsx-runtime";var Ps="k-table-td",u=e=>{let{text:t,...o}=e,s=t||e.children;return Bs("span",{...o,className:a(e.className,Ps),children:s})};import{jsx as Dm}from"react/jsx-runtime";import{jsx as Fs}from"react/jsx-runtime";var zs="k-table-group-sticky-header",Ge=e=>Fs("div",{className:a(e.className,zs),children:e.children});import{jsx as Bm}from"react/jsx-runtime";import{jsx as Vs}from"react/jsx-runtime";var Us="k-table-group-row",$e=e=>{let{className:t,children:o,...s}=e;return Vs("li",{...s,className:a(t,Us),children:o})};import{jsx as Xm,jsxs as Jm}from"react/jsx-runtime";import{jsx as Qm,jsxs as Zm}from"react/jsx-runtime";import{jsx as ou,jsxs as au}from"react/jsx-runtime";import{Fragment as du,jsx as lu,jsxs as ru}from"react/jsx-runtime";var $o="dropdown-grid",Xo="dropdowngrid";import{Fragment as Jt,jsx as c,jsxs as _}from"react/jsx-runtime";var Jo="k-dropdowngrid",Js=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ws={size:[r.undefined,r.small,r.medium,r.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Wo={separators:!0},U=e=>{let{size:t,rounded:o,fillMode:s,separators:n=Wo.separators,prefix:l,suffix:p,value:d,placeholder:T,hover:N,focus:L,valid:S,invalid:v,required:Y,loading:P,disabled:E,popup:M,opened:I,readonly:B,adaptive:he,adaptiveSettings:Oe,adaptiveTitle:De,adaptiveSubtitle:ke,id:se,ariaAutocomplete:Qo,activeDescendant:Wt,"aria-label":Zo,...jo}=e,ea=se?`${se}-table-list`:void 0;return _(Jt,{children:[_(w,{...jo,size:t,rounded:o,fillMode:s,hover:N,focus:L,valid:S,invalid:v,required:Y,loading:P,disabled:E,readonly:B,className:a(e.className,Jo,"k-combobox"),children:[l&&_(Jt,{children:[c(Le,{children:l}),n&&c(ae,{})]}),c(X,{placeholder:T,value:d,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?ea:void 0,"aria-activedescendant":I&&Wt?Wt:void 0,"aria-autocomplete":Qo,"aria-invalid":v?"true":void 0,"aria-busy":P?"true":void 0,"aria-label":Zo,disabled:E,readOnly:B}),c(J,{valid:S,invalid:v,loading:P,disabled:E}),c(Z,{loading:P,disabled:E}),c($,{loading:P,disabled:E,readonly:B,value:d}),p&&_(Jt,{children:[n&&c(ae,{}),c(Ae,{children:p})]}),c(h,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:s,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&M&&c(ne,{className:"k-dropdowngrid-popup",children:M}),he&&c(O,{adaptive:!0,...Oe,header:c(W,{actionsEnd:c(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:d,inputPlaceholder:T,title:De,subtitle:ke}),children:c("div",{className:"k-list-container",children:_(z,{size:"large",children:[_(F,{children:[_("colgroup",{children:[c("col",{style:{width:"50px"}}),c("col",{style:{width:"160px"}}),c("col",{})]}),c(ue,{children:_(oe,{children:[c(K,{text:"ID"}),c(K,{text:"Name"}),c(K,{text:"Job Title"})]})})]}),c(Ge,{children:c(fe,{text:"Initial group"})}),c(Te,{children:_(G,{role:"listbox",id:se?`${se}-table-list`:void 0,"aria-label":"Options",children:[_(R,{role:"option",children:[c(u,{text:"1",style:{width:"50px"}}),c(u,{text:"Data 1.2",style:{width:"160px"}}),c(u,{text:"Data 1.3"})]}),_(R,{role:"option",alt:!0,children:[c(u,{text:"2",style:{width:"50px"}}),c(u,{text:"Data 2.2 (alt)",style:{width:"160px"}}),c(u,{text:"Data 2.3"})]}),_(R,{role:"option",children:[c(u,{text:"3",style:{width:"50px"}}),c(u,{text:"Data 3.2",style:{width:"160px"}}),c(u,{text:"Data 3.3"})]}),c($e,{role:"presentation",children:c(fe,{text:"Group"})}),_(R,{role:"option",children:[c(u,{text:"4",style:{width:"50px"}}),c(u,{text:"Data 4.2",style:{width:"160px"}}),c(u,{text:"Data 4.3"})]}),_(R,{role:"option",alt:!0,children:[c(u,{text:"5",style:{width:"50px"}}),c(u,{text:"Data 5.2 (alt)",style:{width:"160px"}}),c(u,{text:"Data 5.3"})]}),_(R,{role:"option",children:[c(u,{text:"6",style:{width:"50px"}}),c(u,{text:"Data 6.2",style:{width:"160px"}}),c(u,{text:"Data 6.3"})]})]})}),c(V,{children:c(u,{text:"30 records in total"})})]})})})]})};U.states=Js;U.options=Ws;U.className=Jo;U.defaultOptions=Wo;U.moduleName=$o;U.folderName=Xo;U.ariaSpec={rules:[{selector:".k-combobox .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox .k-input-inner",attribute:"aria-label",usage:"Accessible name for the combobox."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-dropdowngrid-popup .k-table-list",attribute:"role=listbox",usage:"Table list has listbox role."},{selector:'.k-dropdowngrid-popup .k-table-list[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Table listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdowngrid-popup .k-table-list .k-table-row",attribute:"role=option",usage:"Each table row is an option."}]};var qo=U;import{jsx as qs}from"react/jsx-runtime";var Yo=e=>qs(qo,{id:Yt("ddg"),"aria-label":"Select item",...e});import{jsx as f,jsxs as q}from"react/jsx-runtime";var Ys=U.states,Qs=U.defaultOptions,Zs=U.options,js=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ei=[],xe=e=>{let{modifiers:t,...o}=e,s={},n=q(z,{size:"medium",children:[q(F,{children:[q("colgroup",{children:[f("col",{style:{width:"50px"}}),f("col",{style:{width:"160px"}}),f("col",{})]}),f(ue,{children:q(oe,{children:[f(K,{text:"ID"}),f(K,{text:"Name"}),f(K,{text:"Job Title"})]})})]}),f(Ge,{children:f(fe,{text:"Initial group"})}),f(Te,{children:q(G,{children:[q(R,{children:[f(u,{text:"1",style:{width:"50px"}}),f(u,{text:"Data 1.2",style:{width:"160px"}}),f(u,{text:"Data 1.3"})]}),q(R,{alt:!0,children:[f(u,{text:"2",style:{width:"50px"}}),f(u,{text:"Data 2.2 (alt)",style:{width:"160px"}}),f(u,{text:"Data 2.3"})]}),q(R,{children:[f(u,{text:"3",style:{width:"50px"}}),f(u,{text:"Data 3.2",style:{width:"160px"}}),f(u,{text:"Data 3.3"})]}),f($e,{children:f(fe,{text:"Group"})}),q(R,{children:[f(u,{text:"4",style:{width:"50px"}}),f(u,{text:"Data 4.2",style:{width:"160px"}}),f(u,{text:"Data 4.3"})]}),q(R,{alt:!0,children:[f(u,{text:"5",style:{width:"50px"}}),f(u,{text:"Data 5.2 (alt)",style:{width:"160px"}}),f(u,{text:"Data 5.3"})]}),q(R,{children:[f(u,{text:"6",style:{width:"50px"}}),f(u,{text:"Data 6.2",style:{width:"160px"}}),f(u,{text:"Data 6.3"})]})]})}),f(V,{children:f(u,{text:"30 records in total"})})]});return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":s.prefix=t?.[l]?f(A,{icon:"map-marker-target"}):void 0;break;case"suffix":s.suffix=t?.[l]?f(je,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":s.opened=!!t?.[l],s.popup=t?.[l]?n:void 0;break;default:break}}),f(Yo,{value:"Value",style:{width:300},...o,...s})};xe.options=Zs;xe.states=Ys;xe.variants=ei;xe.defaultOptions=Qs;xe.modifiers=js;xe.className=U.className;var nb=xe;export{xe as DropdowngridDemo,nb as default};