@progress/kendo-themes-html/dist/cjs/action-sheet/templates/action-sheet-normal.js

A collection of HTML helpers used for developing Kendo UI themes

var Kt=Object.create;var xe=Object.defineProperty;var zt=Object.getOwnPropertyDescriptor;var Pt=Object.getOwnPropertyNames;var wt=Object.getPrototypeOf,Bt=Object.prototype.hasOwnProperty;var Dt=(e,t)=>{for(var o in t)xe(e,o,{get:t[o],enumerable:!0})},We=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Pt(t))!Bt.call(e,i)&&i!==o&&xe(e,i,{get:()=>t[i],enumerable:!(n=zt(t,i))||n.enumerable});return e};var Ft=(e,t,o)=>(o=e!=null?Kt(wt(e)):{},We(t||!e||!e.__esModule?xe(o,"default",{value:e,enumerable:!0}):o,e)),Ut=e=>We(xe({},"__esModule",{value:!0}),e);var Qo={};Dt(Qo,{ActionSheetNormal:()=>Ee});module.exports=Ut(Qo);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var S=(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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),_=(e,t)=>{let{valid:o,invalid:n,hover:i,focus:c,checked:d,active:u,selected:p,disabled:N,indeterminate:h,loading:M,empty:B,readonly:L,highlighted:E,...O}=t;return a({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":c,"k-checked":d,"k-active":u,"k-selected":p,"k-disabled":N,"k-indeterminate":h&&!d,"k-loading":M,"k-empty":B,"k-readonly":L,"k-highlighted":E},Object.keys(O).reduce((D,I)=>(I.startsWith("k-")?D[I]=O[I]:D[`k-${I}`]=O[I],D),{}))};function Qe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},l={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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 ge="popup",Ye=ge;var Oe=require("react/jsx-runtime"),Ze="k-animation-container",Vt=[],$t={},je={positionMode:"absolute"},R=e=>{let{positionMode:t=je.positionMode,animationStyle:o,offset:n,...i}=e;return(0,Oe.jsx)("div",{...i,style:{...n,...e.style},className:a(e.className,Ze,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Oe.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};R.states=Vt;R.options=$t;R.className=Ze;R.defaultOptions=je;R.moduleName=ge;R.folderName=Ye;var ye="action-buttons",et=ye;var tt=require("react/jsx-runtime"),Ne="k-actions",Xt=[],Jt={},Ce={alignment:"start",orientation:"horizontal"},H=e=>{let{alignment:t=Ce.alignment,orientation:o=Ce.orientation,...n}=e;return(0,tt.jsx)("div",{...n,className:a(Ne,{[`${Ne}-${t}`]:t,[`${Ne}-${o}`]:o},e.className),children:e.children})};H.states=Xt;H.options=Jt;H.className=Ne;H.defaultOptions=Ce;H.moduleName=ye;H.folderName=et;var nt=require("react/jsx-runtime"),qt="k-actionsheet-footer",ot={alignment:"stretched",orientation:"horizontal"},Le=e=>{let{alignment:t=ot.alignment,orientation:o=ot.orientation,template:n,as:i=n?"div":H,...c}=e;return(0,nt.jsx)(i,{...c,...!n&&{alignment:t,orientation:o},className:a(e.className,qt),children:e.children})};var ne="input",he=ne;var at=require("react/jsx-runtime"),Se="k-input",Gt=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Wt={size:[r.small,r.medium,r.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[f.solid,f.flat,f.outline]},Ae={size:r.medium,rounded:r.medium,fillMode:f.solid},A=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:c,loading:d,readonly:u,size:p=Ae.size,rounded:N=Ae.rounded,fillMode:h=Ae.fillMode,...M}=e;return(0,at.jsx)("span",{...M,className:a(e.className,Se,S(Se,{size:p,rounded:N,fillMode:h}),_(Se,{hover:t,focus:o,disabled:n,invalid:i,valid:c,loading:d,readonly:u}))})};A.states=Gt;A.options=Wt;A.className=Se;A.defaultOptions=Ae;A.moduleName=ne;A.folderName=he;var st=require("react/jsx-runtime"),be="k-picker",Qt=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yt={size:[r.small,r.medium,r.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[f.solid,f.flat,f.outline]},Me={size:r.medium,rounded:m.medium,fillMode:f.solid},Y=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:c,loading:d,readonly:u,size:p=Me.size,rounded:N=Me.rounded,fillMode:h=Me.fillMode,...M}=e;return(0,st.jsx)("span",{...M,className:a(e.className,be,S(be,{size:p,rounded:N,fillMode:h}),_(be,{hover:t,focus:o,disabled:n,invalid:i,valid:c,loading:d,readonly:u})),children:e.children})};Y.states=Qt;Y.options=Yt;Y.className=be;Y.defaultOptions=Me;Y.moduleName=ne;Y.folderName=he;var ae=require("react/jsx-runtime"),ke="k-font-icon",Zt=[],jt={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},eo={},se=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:c,...d}=e;return n?(0,ae.jsx)("span",{...d,className:a(e.className,ke,S(ke,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,ae.jsx)(ae.Fragment,{})};se.states=Zt;se.options=jt;se.className=ke;se.defaultOptions=eo;var it=se;var F=require("react/jsx-runtime"),_e="k-svg-icon",to=[],oo={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},rt={viewBox:"0 0 24 24"},ie=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:c=rt.viewBox,icon:d,...u}=e;if(!d)return(0,F.jsx)(F.Fragment,{});d==="none"&&{...u,className:a(e.className,_e,"k-none")};let p=typeof d=="object"&&d.name&&d.name;return(0,F.jsx)("span",{...u,className:a(e.className,_e,S("k-icon",{size:t}),{[`k-svg-i-${p}`]:p,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,F.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};ie.states=to;ie.options=oo;ie.className=_e;ie.defaultOptions=rt;var Re=ie;var He=Ft(require("@progress/kendo-svg-icons"));var lt="icon",ct="icons";var k=require("react/jsx-runtime"),ve="k-icon",no=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ao=[],so={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Ke={viewBox:"0 0 24 24",type:"svg"},x=e=>{let{size:t,themeColor:o,icon:n,type:i=Ke.type,rotate:c,flip:d,viewBox:u=Ke.viewBox,...p}=e;if(!n)return(0,k.jsx)(k.Fragment,{});if(i==="svg"){if(n==="none")return(0,k.jsx)(Re,{...p,className:a(e.className,ve),icon:n,size:t});let N=He[n]?n:no(`${n}-icon`);return He[N]?(0,k.jsx)(Re,{...p,className:a(e.className,ve),icon:He[N],size:t,themeColor:o,rotate:c,flip:d,viewBox:u}):(0,k.jsx)(k.Fragment,{})}return(0,k.jsx)(it,{...p,className:a(e.className,ve),icon:n,size:t,themeColor:o,rotate:c,flip:d})};x.states=ao;x.options=so;x.defaultOptions=Ke;x.className=ve;x.moduleName=lt;x.folderName=ct;var Z=require("react/jsx-runtime"),dt="k-clear-value",io=[s.disabled,s.loading,s.readonly],ro={},U=e=>{let{disabled:t,loading:o,readonly:n,value:i}=e;return t||n||o||!i?(0,Z.jsx)(Z.Fragment,{}):(0,Z.jsx)("span",{className:a(e.className,dt),children:(0,Z.jsx)(x,{icon:"x"})})};U.states=io;U.options=ro;U.className=dt;var pt=require("react/jsx-runtime"),ze="k-input-inner",lo=[],co={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:n=Ie.placeholder,autocomplete:i=Ie.autocomplete,...c}=e;return(0,pt.jsx)("input",{...c,type:o,className:a(e.className,ze,S(ze,e)),placeholder:n,autoComplete:i,defaultValue:t})};V.states=lo;V.options=co;V.className=ze;var re=require("react/jsx-runtime"),Pe="k-input-inner",po=[],mo={},we=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:i,valueIconName:c,...d}=e;return(0,re.jsxs)("span",{...d,className:a(e.className,Pe,S(Pe,e)),children:[i,!i&&c&&(0,re.jsx)(x,{className:"k-input-value-icon",icon:c}),n&&!t&&o,n&&t&&(0,re.jsx)("span",{className:"k-input-value-text",children:t})]})};we.states=po;we.options=mo;we.className=Pe;var ut=require("react/jsx-runtime"),Be="k-input-inner",uo=[],fo={},mt={value:"",placeholder:""},De=e=>{let{value:t=mt.value,placeholder:o=mt.placeholder,rows:n,...i}=e;return(0,ut.jsx)("textarea",{...i,className:a(e.className,Be,S(Be,e)),placeholder:o,rows:n,defaultValue:t})};De.states=uo;De.options=fo;De.className=Be;var le=require("react/jsx-runtime"),ft="k-input-loading-icon",xo=[s.disabled,s.loading],j=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,le.jsx)(le.Fragment,{}):(0,le.jsx)("span",{className:a(e.className,ft,"k-icon k-i-loading")})};j.states=xo;j.className=ft;var ce=require("react/jsx-runtime"),xt="k-input-validation-icon",No=[s.valid,s.invalid,s.disabled,s.loading],ho={},$=e=>{let{valid:t,invalid:o,disabled:n,loading:i}=e,c=o?"warning-circle":"check-circle";return n||i||!!!(t||o)?(0,ce.jsx)(ce.Fragment,{}):(0,ce.jsx)(x,{className:a(xt),icon:c})};$.states=No;$.options=ho;$.className=xt;var de=require("react/jsx-runtime"),So="k-input-prefix",Ao={direction:"horizontal"},Nt=e=>{let{direction:t=Ao.direction,...o}=e;return e.children?(0,de.jsx)("span",{...o,className:a(So,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,de.jsx)(de.Fragment,{})};var pe=require("react/jsx-runtime"),bo="k-input-suffix",Mo={direction:"horizontal"},ht=e=>{let{direction:t=Mo.direction,...o}=e;return e.children?(0,pe.jsx)("span",{...o,className:a(bo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,pe.jsx)(pe.Fragment,{})};var vo=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var At=require("react/jsx-runtime"),St="k-input-separator",To={direction:"vertical"},Fe=e=>{let{direction:t=To.direction,...o}=e;return(0,At.jsx)("span",{...o,className:a(St,e.className,{[`${St}-${t}`]:t})})};var Ue="searchbox",bt=Ue;var K=require("react/jsx-runtime"),Mt="k-searchbox",Eo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],go={size:[r.small,r.medium,r.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[f.solid,f.flat,f.outline]},Ve={showIcon:!0,icon:"search",size:A.defaultOptions.size,rounded:A.defaultOptions.rounded,fillMode:A.defaultOptions.fillMode},z=e=>{let{value:t,placeholder:o,size:n,rounded:i,fillMode:c,hover:d,focus:u,valid:p,invalid:N,required:h,loading:M,disabled:B,showIcon:L=Ve.showIcon,icon:E=Ve.icon,...O}=e;return(0,K.jsxs)(A,{...O,size:n,rounded:i,fillMode:c,hover:d,focus:u,valid:p,invalid:N,required:h,loading:M,disabled:B,className:a(e.className,Mt),children:[L&&(0,K.jsx)(x,{className:"k-input-icon",icon:E}),(0,K.jsx)(V,{placeholder:o,value:t}),(0,K.jsx)(j,{...e}),(0,K.jsx)($,{...e}),(0,K.jsx)(U,{...e})]})};z.states=Eo;z.options=go;z.className=Mt;z.defaultOptions=Ve;z.moduleName=Ue;z.folderName=bt;var Oo=require("react/jsx-runtime");var $e="textbox",vt=$e;var b=require("react/jsx-runtime"),It="k-textbox",yo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Co={size:[r.small,r.medium,r.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[f.solid,f.flat,f.outline]},X={showClearButton:!0,showValidationIcon:!0,size:A.defaultOptions.size,rounded:A.defaultOptions.rounded,fillMode:A.defaultOptions.fillMode,separators:!0},P=e=>{let{size:t=X.size,rounded:o=X.rounded,fillMode:n=X.fillMode,separators:i=X.separators,showClearButton:c=X.showClearButton,showValidationIcon:d=X.showValidationIcon,prefix:u,suffix:p,type:N,value:h,placeholder:M,hover:B,focus:L,valid:E,invalid:O,required:D,loading:I,disabled:Q,readonly:Ge,...Ht}=e;return(0,b.jsxs)(A,{...Ht,size:t,rounded:o,fillMode:n,hover:B,focus:L,valid:E,invalid:O,required:D,loading:I,disabled:Q,readonly:Ge,className:a(e.className,It),children:[u&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(Nt,{children:u}),i&&(0,b.jsx)(Fe,{})]}),(0,b.jsx)(V,{placeholder:M,value:h,type:N}),d&&(0,b.jsx)($,{valid:E,invalid:O,loading:I,disabled:Q}),(0,b.jsx)(j,{loading:I,disabled:Q}),c&&(0,b.jsx)(U,{loading:I,disabled:Q,readonly:Ge,value:h}),p&&(0,b.jsxs)(b.Fragment,{children:[i&&(0,b.jsx)(Fe,{}),(0,b.jsx)(ht,{children:p})]})]})};P.states=yo;P.options=Co;P.className=It;P.defaultOptions=X;P.moduleName=$e;P.folderName=vt;var Lo=require("react/jsx-runtime");var Et=require("react/jsx-runtime");var Xe="button",gt=Xe;var g=require("react/jsx-runtime"),me="k-button",ko=["icon-button"],_o=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Ro={size:[r.small,r.medium,r.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},J={size:r.medium,rounded:m.medium,fillMode:f.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},y=e=>{let{size:t=J.size,rounded:o=J.rounded,fillMode:n=J.fillMode,themeColor:i=J.themeColor,showArrow:c=J.showArrow,arrowIconName:d=J.arrowIconName,variant:u,hover:p,focus:N,active:h,selected:M,disabled:B,icon:L,text:E,iconClassName:O,...D}=e,I=L!==void 0,Q=e.children!==void 0;return(0,g.jsxs)("button",{...D,className:a(e.className,me,Qe(me,u),S(me,{size:t,rounded:o,fillMode:n,themeColor:i}),_(me,{hover:p,focus:N,active:h,disabled:B,selected:M}),{"k-icon-button":!E&&!Q&&I}),children:[L&&(0,g.jsx)(x,{className:a(O,"k-button-icon"),icon:L}),E?(0,g.jsxs)(g.Fragment,{children:[E&&(0,g.jsx)("span",{className:"k-button-text",children:E}),e.children]}):e.children&&(0,g.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,g.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,g.jsx)(x,{icon:d})})]})};y.states=_o;y.options=Ro;y.variants=ko;y.className=me;y.defaultOptions=J;y.moduleName=Xe;y.folderName=gt;var Ho=require("react/jsx-runtime");var Ko=require("react/jsx-runtime");var zo=require("react/jsx-runtime");var Ot=require("react/jsx-runtime");var v=require("react/jsx-runtime"),yt="k-actionsheet-titlebar",Po={},q=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:i,filter:c,input:d,inputValue:u,inputPlaceholder:p,adaptive:N,children:h,...M}=e;return(0,v.jsxs)("div",{...M,className:a(e.className,yt),children:[(0,v.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[n&&(0,v.jsx)("div",{className:"k-actionsheet-actions",children:n}),!h&&(0,v.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,v.jsx)("div",{className:"k-text-center",children:t}),o&&(0,v.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&(0,v.jsx)("div",{className:"k-actionsheet-title",children:h}),i&&(0,v.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(d||c)&&(0,v.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,v.jsx)(P,{value:u,placeholder:p,size:N?"large":"medium"}):(0,v.jsx)(z,{placeholder:"Filter",size:N?"large":"medium"})})]})};q.className=yt;q.defaultOptions=Po;var ee=require("react/jsx-runtime"),Je="k-actionsheet-view",wo=[],Bo={},Do={},te=e=>{let{adaptive:t,animated:o,children:n,header:i,footer:c,...d}=e,u=(i==null?void 0:i.type)===q&&(0,ee.jsx)(q,{adaptive:t,...i==null?void 0:i.props}),p=(c==null?void 0:c.type)===Le&&(0,ee.jsx)(Le,{...c==null?void 0:c.props});return(0,ee.jsxs)("div",{...d,className:a(e.className,Je,{[`${Je}-animated`]:o}),children:[u,(0,ee.jsx)("div",{className:"k-actionsheet-content",children:n}),p]})};te.states=wo;te.options=Bo;te.className=Je;te.defaultOptions=Do;var ue="action-sheet",Te=ue;var G=require("react/jsx-runtime"),Ct="k-actionsheet",Fo=[],Uo={},fe={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},w=e=>{let{side:t=fe.side,fullscreen:o=fe.fullscreen,adaptive:n=fe.adaptive,overlay:i=fe.overlay,template:c,children:d,header:u,footer:p,...N}=e;return(0,G.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,G.jsx)("div",{className:"k-overlay"}),(0,G.jsx)(R,{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,G.jsx)("div",{...N,className:a(e.className,Ct,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:c||(0,G.jsx)(te,{header:u,footer:p,adaptive:n,...e,children:d})})})]})};w.states=Fo;w.options=Uo;w.className=Ct;w.defaultOptions=fe;w.moduleName=ue;w.folderName=Te;var kt=require("react/jsx-runtime"),Lt="k-actionsheet-container",Vo=[],$o={},Xo={},oe=e=>{let{children:t,...o}=e;return(0,kt.jsx)("div",{...o,className:Lt,children:t})};oe.states=Vo;oe.options=$o;oe.className=Lt;oe.defaultOptions=Xo;oe.moduleName=ue;oe.folderName=Te;var Rt=require("react/jsx-runtime"),_t=e=>{let{...t}=e;return(0,Rt.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var T=require("react/jsx-runtime"),qe="k-actionsheet-item",Jo=[s.hover,s.focus,s.selected,s.disabled],W=e=>{let{iconName:t,text:o,description:n,hover:i,focus:c,selected:d,disabled:u,...p}=e;return(0,T.jsxs)("span",{...p,className:a(e.className,qe,_(qe,{hover:i,focus:c,selected:d,disabled:u})),children:[!e.children&&(0,T.jsx)(T.Fragment,{children:(0,T.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,T.jsx)("span",{className:"k-icon-wrap",children:(0,T.jsx)(x,{className:"k-actionsheet-item-icon",icon:t})}),(0,T.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,T.jsx)("span",{className:"k-actionsheet-item-title",children:o}),n&&(0,T.jsx)("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};W.states=Jo;W.className=qe;var qo=require("react/jsx-runtime");var Go=require("react/jsx-runtime");var Wo=require("react/jsx-runtime");var C=require("react/jsx-runtime"),Ee=({title:e="Select item",...t})=>(0,C.jsx)(w,{header:(0,C.jsx)(q,{title:e}),children:[(0,C.jsxs)(_t,{children:[(0,C.jsx)(W,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,C.jsx)(W,{text:"Add to Favorites",iconName:"heart"}),(0,C.jsx)(W,{text:"Upload New",iconName:"upload"}),(0,C.jsx)("hr",{className:"k-hr"}),(0,C.jsx)(W,{text:"Action",iconName:"cancel"})]},"action-sheet-items")],...t});