@progress/kendo-themes-html/dist/esm/action-sheet/actionsheet-view.mjs

A collection of HTML helpers used for developing Kendo UI themes

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 g=(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"}),D=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:u,active:c,selected:f,disabled:x,indeterminate:b,loading:v,empty:I,readonly:R,highlighted:w,...M}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":u,"k-active":c,"k-selected":f,"k-disabled":x,"k-indeterminate":b&&!u,"k-loading":v,"k-empty":I,"k-readonly":R,"k-highlighted":w},Object.keys(M).reduce((S,O)=>(O.startsWith("k-")?S[O]=M[O]:S[`k-${O}`]=M[O],S),{}))};function Xe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},A={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"},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 ve="action-buttons",qe=ve;import{jsx as Mt}from"react/jsx-runtime";var ae="k-actions",Tt=[],yt={},ge={alignment:"start",orientation:"horizontal"},P=e=>{let{alignment:t=ge.alignment,orientation:o=ge.orientation,...a}=e;return Mt("div",{...a,className:r(ae,{[`${ae}-${t}`]:t,[`${ae}-${o}`]:o},e.className),children:e.children})};P.states=Tt;P.options=yt;P.className=ae;P.defaultOptions=ge;P.moduleName=ve;P.folderName=qe;import{jsx as kt}from"react/jsx-runtime";var Ot="k-actionsheet-footer",Je={alignment:"stretched",orientation:"horizontal"},Ie=e=>{let{alignment:t=Je.alignment,orientation:o=Je.orientation,template:a,as:n=a?"div":P,...l}=e;return kt(n,{...l,...!a&&{alignment:t,orientation:o},className:r(e.className,Ot),children:e.children})};var G="input",ie=G;import{jsx as Lt}from"react/jsx-runtime";var se="k-input",At=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Et={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ct={},T=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:u,readonly:c,size:f,rounded:x,fillMode:b,...v}=e;return Lt("span",{...v,className:r(e.className,se,g(se,{size:f,rounded:x,fillMode:b}),D(se,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:u,readonly:c}))})};T.states=At;T.options=Et;T.className=se;T.defaultOptions=Ct;T.moduleName=G;T.folderName=ie;import{jsx as Pt}from"react/jsx-runtime";var re="k-picker",Bt=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Rt={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},wt={},F=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:u,readonly:c,size:f,rounded:x,fillMode:b,...v}=e;return Pt("span",{...v,className:r(e.className,re,g(re,{size:f,rounded:x,fillMode:b}),D(re,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:u,readonly:c})),children:e.children})};F.states=Bt;F.options=Rt;F.className=re;F.defaultOptions=wt;F.moduleName=G;F.folderName=ie;import{Fragment as Kt,jsx as Ge}from"react/jsx-runtime";var Se="k-font-icon",_t=[],Ht={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info]},zt={},W=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:l,...u}=e;return a?Ge("span",{...u,className:r(e.className,Se,g(Se,{size:t}),{[`k-i-${a}`]:a,[`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"}):Ge(Kt,{})};W.states=_t;W.options=Ht;W.className=Se;W.defaultOptions=zt;var We=W;import{Fragment as Ft,jsx as le}from"react/jsx-runtime";var Te="k-svg-icon",Vt=[],Dt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info],variant:[A.outline,A.solid,A.duotone]},ye={viewBox:"0 0 24 24",variant:A.outline},Q=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:l=ye.viewBox,variant:u=ye.variant,icon:c,...f}=e;if(!c)return le(Ft,{});if(c==="none")return le("span",{...f,className:r(e.className,Te,g("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?u&&c.variants?.[u]||c.variants?.outline||c.content:void 0;return le("span",{...f,className:r(e.className,Te,g("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:le("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};Q.states=Vt;Q.options=Dt;Q.className=Te;Q.defaultOptions=ye;var Me=Q;import*as Oe from"@progress/kendo-svg-icons";var Qe="icon",Ye="icons";import{useContext as $t}from"react";import{createContext as Ut}from"react";var Ze=Ut({iconsType:"svg"});import{Fragment as je,jsx as Y}from"react/jsx-runtime";var de="k-icon",Xt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),qt=[],Jt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info],variant:[A.outline,A.solid,A.duotone]},ce={viewBox:"0 0 24 24",type:"svg",variant:A.outline},h=e=>{let{iconsType:t}=$t(Ze),{size:o,themeColor:a,icon:n,type:l=t||ce.type,rotate:u,flip:c,viewBox:f=ce.viewBox,variant:x=ce.variant,...b}=e;if(!n)return Y(je,{});if((t||l)==="svg"){if(n==="none")return Y(Me,{...b,className:r(e.className,de),icon:n,size:o,variant:x});let I=Oe[n]?n:Xt(`${n}-icon`);return Oe[I]?Y(Me,{...b,className:r(e.className,de),icon:Oe[I],size:o,themeColor:a,rotate:u,flip:c,viewBox:f,variant:x}):Y(je,{})}return Y(We,{...b,className:r(e.className,de),icon:n,size:o,themeColor:a,rotate:u,flip:c})};h.states=qt;h.options=Jt;h.defaultOptions=ce;h.className=de;h.moduleName=Qe;h.folderName=Ye;h.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 Qt,jsx as ke}from"react/jsx-runtime";var et="k-clear-value",Gt=[i.disabled,i.loading,i.readonly],Wt={},C=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ke(Qt,{}):ke("span",{className:r(e.className,et),children:ke(h,{icon:"x"})})};C.states=Gt;C.options=Wt;C.className=et;import{jsx as jt}from"react/jsx-runtime";var Ae="k-input-inner",Yt=[],Zt={},pe={type:"text",autocomplete:"off",value:"",placeholder:""},L=e=>{let{value:t=pe.value,type:o=pe.type,placeholder:a=pe.placeholder,autocomplete:n=pe.autocomplete,disabled:l,readOnly:u,...c}=e;return jt("input",{...c,type:o,className:r(e.className,Ae,g(Ae,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:l||void 0,readOnly:u||void 0})};L.states=Yt;L.options=Zt;L.className=Ae;import{jsx as tt,jsxs as oo}from"react/jsx-runtime";var Ee="k-input-inner",eo=[],to={},Ce=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:l,...u}=e;return oo("span",{...u,className:r(e.className,Ee,g(Ee,e)),children:[n,!n&&l&&tt(h,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&tt("span",{className:"k-input-value-text",children:t})]})};Ce.states=eo;Ce.options=to;Ce.className=Ee;import{jsx as io}from"react/jsx-runtime";var Le="k-input-inner",no=[],ao={},ot={value:"",placeholder:""},Be=e=>{let{value:t=ot.value,placeholder:o=ot.placeholder,rows:a,disabled:n,...l}=e;return io("textarea",{...l,className:r(e.className,Le,g(Le,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Be.states=no;Be.options=ao;Be.className=Le;import{Fragment as ro,jsx as nt}from"react/jsx-runtime";var at="k-input-loading-icon",so=[i.disabled,i.loading],_=e=>{let{disabled:t,loading:o}=e;return t||!o?nt(ro,{}):nt("span",{className:r(e.className,at,"k-icon k-i-loading")})};_.states=so;_.className=at;import{Fragment as po,jsx as it}from"react/jsx-runtime";var st="k-input-validation-icon",lo=[i.valid,i.invalid,i.disabled,i.loading],co={},B=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,l=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?it(po,{}):it(h,{className:r(st),icon:l})};B.states=lo;B.options=co;B.className=st;import{Fragment as fo,jsx as rt}from"react/jsx-runtime";var uo="k-input-prefix",mo={direction:"horizontal"},ue=e=>{let{direction:t=mo.direction,...o}=e;return e.children?rt("span",{...o,className:r(uo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rt(fo,{})};import{Fragment as ho,jsx as lt}from"react/jsx-runtime";var xo="k-input-suffix",bo={direction:"horizontal"},me=e=>{let{direction:t=bo.direction,...o}=e;return e.children?lt("span",{...o,className:r(xo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):lt(ho,{})};import{jsx as Ma}from"react/jsx-runtime";import{jsx as Ea}from"react/jsx-runtime";import{jsx as vo}from"react/jsx-runtime";var dt="k-input-separator",No={direction:"vertical"},U=e=>{let{direction:t=No.direction,...o}=e;return vo("span",{...o,className:r(dt,e.className,{[`${dt}-${t}`]:t})})};var Re="button",ct=Re;import{Fragment as pt,jsx as $,jsxs as ut}from"react/jsx-runtime";var Z="k-button",go=["icon-button"],Io=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],So={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.inverse]},we={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:u=we.showArrow,arrowIconName:c=we.arrowIconName,variant:f,hover:x,focus:b,active:v,selected:I,disabled:R,togglable:w,ariaDisabled:M,icon:S,iconSize:O,text:k,iconClassName:ne,className:xe,...be}=e,he=S!=null,Ne=e.children!==void 0;return ut(t,{className:r(xe,Z,Xe(Z,f),g(Z,{size:o,rounded:a,fillMode:n,themeColor:l}),D(Z,{hover:x,focus:b,active:v,disabled:R||M,selected:I}),{"k-icon-button":!k&&!Ne&&he}),"aria-pressed":w?I?"true":"false":void 0,...be,"aria-disabled":M?"true":void 0,disabled:R||void 0,children:[typeof S=="string"&&S&&$(h,{className:r(ne,"k-button-icon"),icon:S,size:O}),S&&typeof S!="string"&&$(pt,{children:S}),k?ut(pt,{children:[k&&$("span",{className:"k-button-text",children:k}),e.children]}):e.children&&$("span",{className:"k-button-text",children:e.children}),u&&$("span",{className:"k-menu-button-arrow k-button-arrow",children:$(h,{icon:c})})]})};N.states=Io;N.options=So;N.variants=go;N.className=Z;N.defaultOptions=we;N.moduleName=Re;N.folderName=ct;N.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 To}from"react/jsx-runtime";var V=e=>To(N,{children:"Button",...e});import{Fragment as mt,jsx as E,jsxs as Pe}from"react/jsx-runtime";var yo=T.states,Mo=T.defaultOptions,Oo=T.options,ko=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ao=[],X=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:l,readonly:u,...c}=e,f=t?.prefix,x=t?.suffix,b=t?.["clear-button"],v=t?.["validation-icon"],I=t?.separators;return Pe(T,{...c,valid:o,invalid:a,loading:n,disabled:l,readonly:u,style:{width:300},children:[f&&Pe(mt,{children:[E(ue,{children:E(h,{icon:"lock"})}),I&&E(U,{})]}),E(L,{placeholder:"Placeholder",value:"Value"}),v&&E(B,{valid:o,invalid:a,loading:n,disabled:l}),E(_,{loading:n,disabled:l}),b&&E(C,{loading:n,disabled:l,readonly:u,value:"Value"}),x&&Pe(mt,{children:[I&&E(U,{}),E(me,{children:E(V,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};X.options=Oo;X.states=yo;X.variants=Ao;X.defaultOptions=Mo;X.modifiers=ko;X.className=T.className;var _e="searchbox",ft=_e;import{jsx as j,jsxs as Lo}from"react/jsx-runtime";var xt="k-searchbox",Eo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Co={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},He={showIcon:!0,icon:"search"},H=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:l,hover:u,focus:c,valid:f,invalid:x,required:b,loading:v,disabled:I,showIcon:R=He.showIcon,icon:w=He.icon,"aria-label":M,...S}=e;return Lo(T,{...S,size:a,rounded:n,fillMode:l,hover:u,focus:c,valid:f,invalid:x,required:b,loading:v,disabled:I,className:r(e.className,xt),children:[R&&j(h,{className:"k-input-icon",icon:w}),j(L,{placeholder:o,value:t,"aria-label":M}),j(_,{...e}),j(B,{...e}),j(C,{...e})]})};H.states=Eo;H.options=Co;H.className=xt;H.defaultOptions=He;H.moduleName=_e;H.folderName=ft;import{jsx as Ai}from"react/jsx-runtime";var ze="textbox",bt=ze;import{Fragment as ht,jsx as z,jsxs as Ke}from"react/jsx-runtime";var Nt="k-textbox",Bo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ro={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},fe={showClearButton:!0,showValidationIcon:!0,separators:!0},y=e=>{let{size:t,rounded:o,fillMode:a,separators:n=fe.separators,showClearButton:l=fe.showClearButton,showValidationIcon:u=fe.showValidationIcon,prefix:c,suffix:f,type:x,value:b,placeholder:v,hover:I,focus:R,valid:w,invalid:M,required:S,loading:O,disabled:k,readonly:ne,id:xe,"aria-label":be,"aria-describedby":he,...Ne}=e;return Ke(T,{...Ne,size:t,rounded:o,fillMode:a,hover:I,focus:R,valid:w,invalid:M,required:S,loading:O,disabled:k,readonly:ne,className:r(e.className,Nt),children:[c&&Ke(ht,{children:[z(ue,{children:c}),n&&z(U,{})]}),z(L,{id:xe,placeholder:v,value:b,type:x,disabled:k,"aria-label":be,"aria-describedby":he,"aria-invalid":M?"true":void 0}),u&&z(B,{valid:w,invalid:M,loading:O,disabled:k}),z(_,{loading:O,disabled:k}),l&&z(C,{loading:O,disabled:k,readonly:ne,value:b}),f&&Ke(ht,{children:[n&&z(U,{}),z(me,{children:f})]})]})};y.states=Bo;y.options=Ro;y.className=Nt;y.defaultOptions=fe;y.moduleName=ze;y.folderName=bt;y.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 ee=y;import{jsx as wo}from"react/jsx-runtime";var vt=e=>wo(ee,{...e});import{Fragment as qi,jsx as Xi}from"react/jsx-runtime";import{jsx as Po}from"react/jsx-runtime";var gt=e=>Po(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _o}from"react/jsx-runtime";var It=e=>_o(N,{icon:"folder",children:"Button",...e});import{jsx as Ve}from"react/jsx-runtime";var Ho=N.options,zo=N.states,Ko={...N.defaultOptions,variant:"text"},Vo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Do=[],q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ve(gt,{...o,icon:"star"});case"icon-and-text":return Ve(It,{...o,icon:"star",children:"Button"});default:return Ve(V,{...o,children:"Button"})}};q.options=Ho;q.states=zo;q.variants=Vo;q.defaultOptions=Ko;q.modifiers=Do;q.className=N.className;import{Fragment as hs,jsx as bs}from"react/jsx-runtime";import{jsx as Is}from"react/jsx-runtime";import{jsx as De}from"react/jsx-runtime";var Fo=y.states,Uo=y.defaultOptions,$o=y.options,Xo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qo=[],J=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?De(h,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?De(V,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),De(vt,{value:"Value",style:{width:300},...o,...a})};J.options=$o;J.states=Fo;J.variants=qo;J.defaultOptions=Uo;J.modifiers=Xo;J.className=y.className;import{jsx as K,jsxs as Fe}from"react/jsx-runtime";var St="k-actionsheet-titlebar",Jo={},te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:l,input:u,inputValue:c,inputPlaceholder:f,adaptive:x,titleId:b,children:v,...I}=e;return Fe("div",{...I,className:r(e.className,St),children:[Fe("div",{className:"k-actionsheet-titlebar-group",children:[a&&K("div",{className:"k-actionsheet-actions",children:a}),!v&&Fe("div",{className:"k-actionsheet-title",id:b,children:[t&&K("div",{className:"k-text-center",children:t}),o&&K("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&K("div",{className:"k-actionsheet-title",id:b,children:v}),n&&K("div",{className:"k-actionsheet-actions",children:n})]}),(u||l)&&K("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?K(y,{value:c,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):K(H,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};te.className=St;te.defaultOptions=Jo;import{jsx as Ue,jsxs as Yo}from"react/jsx-runtime";var $e="k-actionsheet-view",Go=[],Wo={},Qo={},oe=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:l,titleId:u,...c}=e,f=n?.type===te&&Ue(te,{adaptive:t,titleId:u,...n?.props}),x=l?.type===Ie&&Ue(Ie,{...l?.props});return Yo("div",{...c,className:r(e.className,$e,{[`${$e}-animated`]:o}),children:[f,Ue("div",{className:"k-actionsheet-content",children:a}),x]})};oe.states=Go;oe.options=Wo;oe.className=$e;oe.defaultOptions=Qo;var Xs=oe;export{$e as ACTIONSHEETVIEW_CLASSNAME,oe as ActionSheetView,Xs as default};