@progress/kendo-themes-html 14.1.1-dev.1 → 14.1.1-dev.2

package/dist/cjs/layout/demos/grid-layout.js

@@ -0,0 +1 @@
+var N=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)N(e,o,{get:t[o],enumerable:!0})},P=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of D(t))!G.call(e,a)&&a!==o&&N(e,a,{get:()=>t[a],enumerable:!(s=j(t,a))||s.enumerable});return e};var R=e=>P(N({},"__esModule",{value:!0}),e);var at={};$(at,{GridLayoutDemo:()=>f,default:()=>ot});module.exports=R(at);var p=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?p(...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 A={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var S=require("react/jsx-runtime"),B=[],U={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},k={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=e=>{let{gap:t,orientation:o=k.orientation,alignItems:s=k.alignItems,justifyContent:a=k.justifyContent,justifyItems:i=k.justifyItems,wrap:m=k.wrap,style:x,...L}=e;return(0,S.jsx)("div",{...L,style:{gap:t,...x},className:p(e.className,{[`k-${A.orientationMap[o]||o}`]:o,[`k-align-items-${s}`]:s,[`k-justify-content-${a}`]:a,[`k-justify-items-${i}`]:i,"k-flex-wrap":m}),children:e.children})};r.states=B;r.options=U;r.defaultOptions=k;var M="stack-layout",I="stacklayout",T="grid-layout",_="gridlayout";var C=require("react/jsx-runtime"),O="k-grid-layout",w=[],z={},u=e=>{let{className:t,...o}=e;return(0,C.jsx)(r,{...o,className:p(t,O),children:e.children})};u.states=w;u.options=z;u.className=O;u.moduleName=T;u.folderName=_;var K=require("react/jsx-runtime"),E="k-stack-layout",H=[],Y={},c=e=>{let{className:t,...o}=e;return(0,K.jsx)(r,{...o,className:p(t,E),children:e.children})};c.states=H;c.options=Y;c.className=E;c.moduleName=M;c.folderName=I;var y=require("react/jsx-runtime"),h=({alignItems:e="start",justifyContent:t="start",...o})=>(0,y.jsx)(c,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"})]}),...o});var b=require("react/jsx-runtime");var l=require("react/jsx-runtime"),F=r.options,q=r.states,V={...r.defaultOptions,variant:"stretch"},W=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],J=[],g=e=>{let{variant:t,modifiers:o,...s}={...e},a={orientation:"vertical"};Object.keys(o||{}).forEach(L=>{L==="vertical"&&(a.orientation=o!=null&&o[L]?"vertical":"horizontal")});let i="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},x=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,l.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,l.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,l.jsx)(h,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"start",children:x});case"middle":return(0,l.jsx)(h,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"center",children:x});case"end":return(0,l.jsx)(h,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"end",children:x});default:return(0,l.jsx)(h,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"stretch",children:x})}};g.options=F;g.states=q;g.variants=W;g.defaultOptions=V;g.modifiers=J;g.className=c.className;var d=require("react/jsx-runtime"),v=({alignItems:e="start",justifyItems:t="start",...o})=>(0,d.jsx)(u,{alignItems:e,justifyItems:t,children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"})]}),...o});var n=require("react/jsx-runtime"),Q=r.options,X=r.states,Z={...r.defaultOptions,variant:"stretch"},tt=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],et=[],f=e=>{let{variant:t,modifiers:o,...s}={...e},a="k-border-solid k-border-secondary-subtle k-p-3",i={width:"228px",height:"228px",gap:"8px",gridTemplateColumns:"1fr 1fr 1fr"},m=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"})]});switch(t){case"start":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"start",justifyItems:"start",children:m});case"middle":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"center",justifyItems:"center",children:m});case"end":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"end",justifyItems:"end",children:m});default:return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"stretch",justifyItems:"stretch",children:m})}};f.options=Q;f.states=X;f.variants=tt;f.defaultOptions=Z;f.modifiers=et;f.className=u.className;var ot=f;

package/dist/cjs/layout/demos/stack-layout.js

@@ -0,0 +1 @@
+var N=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)N(e,o,{get:t[o],enumerable:!0})},P=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of D(t))!G.call(e,a)&&a!==o&&N(e,a,{get:()=>t[a],enumerable:!(s=j(t,a))||s.enumerable});return e};var R=e=>P(N({},"__esModule",{value:!0}),e);var at={};$(at,{StackLayoutDemo:()=>f,default:()=>ot});module.exports=R(at);var p=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?p(...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 A={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var S=require("react/jsx-runtime"),B=[],U={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},k={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=e=>{let{gap:t,orientation:o=k.orientation,alignItems:s=k.alignItems,justifyContent:a=k.justifyContent,justifyItems:i=k.justifyItems,wrap:m=k.wrap,style:x,...L}=e;return(0,S.jsx)("div",{...L,style:{gap:t,...x},className:p(e.className,{[`k-${A.orientationMap[o]||o}`]:o,[`k-align-items-${s}`]:s,[`k-justify-content-${a}`]:a,[`k-justify-items-${i}`]:i,"k-flex-wrap":m}),children:e.children})};r.states=B;r.options=U;r.defaultOptions=k;var M="stack-layout",I="stacklayout",T="grid-layout",_="gridlayout";var C=require("react/jsx-runtime"),O="k-grid-layout",w=[],z={},u=e=>{let{className:t,...o}=e;return(0,C.jsx)(r,{...o,className:p(t,O),children:e.children})};u.states=w;u.options=z;u.className=O;u.moduleName=T;u.folderName=_;var K=require("react/jsx-runtime"),E="k-stack-layout",H=[],Y={},c=e=>{let{className:t,...o}=e;return(0,K.jsx)(r,{...o,className:p(t,E),children:e.children})};c.states=H;c.options=Y;c.className=E;c.moduleName=M;c.folderName=I;var l=require("react/jsx-runtime"),h=({alignItems:e="start",justifyItems:t="start",...o})=>(0,l.jsx)(u,{alignItems:e,justifyItems:t,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...o});var b=require("react/jsx-runtime");var n=require("react/jsx-runtime"),F=r.options,q=r.states,V={...r.defaultOptions,variant:"stretch"},W=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],J=[],g=e=>{let{variant:t,modifiers:o,...s}={...e},a="k-border-solid k-border-secondary-subtle k-p-3",i={width:"228px",height:"228px",gap:"8px",gridTemplateColumns:"1fr 1fr 1fr"},m=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"})]});switch(t){case"start":return(0,n.jsx)(h,{...s,style:i,className:a,alignItems:"start",justifyItems:"start",children:m});case"middle":return(0,n.jsx)(h,{...s,style:i,className:a,alignItems:"center",justifyItems:"center",children:m});case"end":return(0,n.jsx)(h,{...s,style:i,className:a,alignItems:"end",justifyItems:"end",children:m});default:return(0,n.jsx)(h,{...s,style:i,className:a,alignItems:"stretch",justifyItems:"stretch",children:m})}};g.options=F;g.states=q;g.variants=W;g.defaultOptions=V;g.modifiers=J;g.className=u.className;var y=require("react/jsx-runtime"),v=({alignItems:e="start",justifyContent:t="start",...o})=>(0,y.jsx)(c,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"})]}),...o});var d=require("react/jsx-runtime"),Q=r.options,X=r.states,Z={...r.defaultOptions,variant:"stretch"},tt=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],et=[],f=e=>{let{variant:t,modifiers:o,...s}={...e},a={orientation:"vertical"};Object.keys(o||{}).forEach(L=>{L==="vertical"&&(a.orientation=o!=null&&o[L]?"vertical":"horizontal")});let i="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},x=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,d.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"start",children:x});case"middle":return(0,d.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"center",children:x});case"end":return(0,d.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"end",children:x});default:return(0,d.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"stretch",children:x})}};f.options=Q;f.states=X;f.variants=tt;f.defaultOptions=Z;f.modifiers=et;f.className=c.className;var ot=f;

package/dist/cjs/layout/templates/grid-layout-normal.js

@@ -1 +1 @@
-var L=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var j=(o,t)=>{for(var e in t)L(o,e,{get:t[e],enumerable:!0})},D=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of C(t))!K.call(o,a)&&a!==e&&L(o,a,{get:()=>t[a],enumerable:!(n=I(t,a))||n.enumerable});return o};var $=o=>D(L({},"__esModule",{value:!0}),o);var W={};j(W,{GridLayoutNormal:()=>V});module.exports=$(W);var c=(...o)=>o.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?c(...t):typeof t=="object"?Object.keys(t).map((e,n)=>t[n]||t[e]&&e||null).filter(e=>e!==null).join(" "):t).filter(t=>!!t).join(" ");var v={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var N=require("react/jsx-runtime"),R=[],P={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},x={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},i=o=>{let{gap:t,orientation:e=x.orientation,alignItems:n=x.alignItems,justifyContent:a=x.justifyContent,justifyItems:m=x.justifyItems,wrap:y=x.wrap,style:f,...g}=o;return(0,N.jsx)("div",{...g,style:{gap:t,...f},className:c(o.className,{[`k-${v.orientationMap[e]||e}`]:e,[`k-align-items-${n}`]:n,[`k-justify-content-${a}`]:a,[`k-justify-items-${m}`]:m,"k-flex-wrap":y}),children:o.children})};i.states=R;i.options=P;i.defaultOptions=x;var b="stack-layout",A="stacklayout",M="grid-layout",S="gridlayout";var _=require("react/jsx-runtime"),T="k-grid-layout",B=[],U={},u=o=>{let{className:t,...e}=o;return(0,_.jsx)(i,{...e,className:c(t,T),children:o.children})};u.states=B;u.options=U;u.className=T;u.moduleName=M;u.folderName=S;var O=require("react/jsx-runtime"),E="k-stack-layout",z=[],w={},l=o=>{let{className:t,...e}=o;return(0,O.jsx)(i,{...e,className:c(t,E),children:o.children})};l.states=z;l.options=w;l.className=E;l.moduleName=b;l.folderName=A;var d=require("react/jsx-runtime"),h=({alignItems:o="start",justifyContent:t="start",...e})=>(0,d.jsx)(l,{orientation:"horizontal",alignItems:o,justifyContent:t,children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"})]}),...e});var k=require("react/jsx-runtime");var s=require("react/jsx-runtime"),G=i.options,H=i.states,Y={...i.defaultOptions,variant:"stretch"},F=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],q=[],p=o=>{let{variant:t,modifiers:e,...n}={...o},a={orientation:"vertical"};Object.keys(e||{}).forEach(g=>{g==="vertical"&&(a.orientation=e!=null&&e[g]?"vertical":"horizontal")});let m="k-border-solid k-border-secondary-subtle k-p-3",y={width:"228px",height:"228px",gap:"8px"},f=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,s.jsx)(h,{...n,...a,style:y,className:m,alignItems:"stretch",justifyContent:"start",children:f});case"middle":return(0,s.jsx)(h,{...n,...a,style:y,className:m,alignItems:"stretch",justifyContent:"center",children:f});case"end":return(0,s.jsx)(h,{...n,...a,style:y,className:m,alignItems:"stretch",justifyContent:"end",children:f});default:return(0,s.jsx)(h,{...n,...a,style:y,className:m,alignItems:"stretch",justifyContent:"stretch",children:f})}};p.options=G;p.states=H;p.variants=F;p.defaultOptions=Y;p.modifiers=q;p.className=l.className;var r=require("react/jsx-runtime"),V=({alignItems:o="start",justifyItems:t="start",...e})=>(0,r.jsx)(u,{alignItems:o,justifyItems:t,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"box",children:"Box"}),(0,r.jsx)("div",{className:"box",children:"Box"}),(0,r.jsx)("div",{className:"box",children:"Box"}),(0,r.jsx)("div",{className:"box",children:"Box"}),(0,r.jsx)("div",{className:"box",children:"Box"}),(0,r.jsx)("div",{className:"box",children:"Box"})]}),...e});
+var N=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)N(e,o,{get:t[o],enumerable:!0})},P=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of D(t))!G.call(e,a)&&a!==o&&N(e,a,{get:()=>t[a],enumerable:!(s=j(t,a))||s.enumerable});return e};var R=e=>P(N({},"__esModule",{value:!0}),e);var ot={};$(ot,{GridLayoutNormal:()=>g});module.exports=R(ot);var p=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?p(...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 A={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var S=require("react/jsx-runtime"),B=[],U={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},x={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=e=>{let{gap:t,orientation:o=x.orientation,alignItems:s=x.alignItems,justifyContent:a=x.justifyContent,justifyItems:i=x.justifyItems,wrap:m=x.wrap,style:f,...L}=e;return(0,S.jsx)("div",{...L,style:{gap:t,...f},className:p(e.className,{[`k-${A.orientationMap[o]||o}`]:o,[`k-align-items-${s}`]:s,[`k-justify-content-${a}`]:a,[`k-justify-items-${i}`]:i,"k-flex-wrap":m}),children:e.children})};r.states=B;r.options=U;r.defaultOptions=x;var M="stack-layout",I="stacklayout",T="grid-layout",_="gridlayout";var C=require("react/jsx-runtime"),O="k-grid-layout",w=[],z={},u=e=>{let{className:t,...o}=e;return(0,C.jsx)(r,{...o,className:p(t,O),children:e.children})};u.states=w;u.options=z;u.className=O;u.moduleName=T;u.folderName=_;var K=require("react/jsx-runtime"),E="k-stack-layout",H=[],Y={},c=e=>{let{className:t,...o}=e;return(0,K.jsx)(r,{...o,className:p(t,E),children:e.children})};c.states=H;c.options=Y;c.className=E;c.moduleName=M;c.folderName=I;var y=require("react/jsx-runtime"),v=({alignItems:e="start",justifyContent:t="start",...o})=>(0,y.jsx)(c,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"})]}),...o});var b=require("react/jsx-runtime");var l=require("react/jsx-runtime"),F=r.options,q=r.states,V={...r.defaultOptions,variant:"stretch"},W=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],J=[],k=e=>{let{variant:t,modifiers:o,...s}={...e},a={orientation:"vertical"};Object.keys(o||{}).forEach(L=>{L==="vertical"&&(a.orientation=o!=null&&o[L]?"vertical":"horizontal")});let i="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},f=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,l.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,l.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,l.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"start",children:f});case"middle":return(0,l.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"center",children:f});case"end":return(0,l.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"end",children:f});default:return(0,l.jsx)(v,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"stretch",children:f})}};k.options=F;k.states=q;k.variants=W;k.defaultOptions=V;k.modifiers=J;k.className=c.className;var n=require("react/jsx-runtime"),Q=r.options,X=r.states,Z={...r.defaultOptions,variant:"stretch"},tt=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],et=[],h=e=>{let{variant:t,modifiers:o,...s}={...e},a="k-border-solid k-border-secondary-subtle k-p-3",i={width:"228px",height:"228px",gap:"8px",gridTemplateColumns:"1fr 1fr 1fr"},m=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"})]});switch(t){case"start":return(0,n.jsx)(g,{...s,style:i,className:a,alignItems:"start",justifyItems:"start",children:m});case"middle":return(0,n.jsx)(g,{...s,style:i,className:a,alignItems:"center",justifyItems:"center",children:m});case"end":return(0,n.jsx)(g,{...s,style:i,className:a,alignItems:"end",justifyItems:"end",children:m});default:return(0,n.jsx)(g,{...s,style:i,className:a,alignItems:"stretch",justifyItems:"stretch",children:m})}};h.options=Q;h.states=X;h.variants=tt;h.defaultOptions=Z;h.modifiers=et;h.className=u.className;var d=require("react/jsx-runtime"),g=({alignItems:e="start",justifyItems:t="start",...o})=>(0,d.jsx)(u,{alignItems:e,justifyItems:t,children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"})]}),...o});

package/dist/cjs/layout/templates/stack-layout-normal.js

@@ -1 +1 @@
-var g=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var j=(o,t)=>{for(var e in t)g(o,e,{get:t[e],enumerable:!0})},D=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of C(t))!K.call(o,a)&&a!==e&&g(o,a,{get:()=>t[a],enumerable:!(n=I(t,a))||n.enumerable});return o};var $=o=>D(g({},"__esModule",{value:!0}),o);var V={};j(V,{StackLayoutNormal:()=>x});module.exports=$(V);var d=(...o)=>o.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?d(...t):typeof t=="object"?Object.keys(t).map((e,n)=>t[n]||t[e]&&e||null).filter(e=>e!==null).join(" "):t).filter(t=>!!t).join(" ");var v={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var N=require("react/jsx-runtime"),R=[],P={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},y={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=o=>{let{gap:t,orientation:e=y.orientation,alignItems:n=y.alignItems,justifyContent:a=y.justifyContent,justifyItems:c=y.justifyItems,wrap:m=y.wrap,style:u,...h}=o;return(0,N.jsx)("div",{...h,style:{gap:t,...u},className:d(o.className,{[`k-${v.orientationMap[e]||e}`]:e,[`k-align-items-${n}`]:n,[`k-justify-content-${a}`]:a,[`k-justify-items-${c}`]:c,"k-flex-wrap":m}),children:o.children})};r.states=R;r.options=P;r.defaultOptions=y;var b="stack-layout",A="stacklayout",M="grid-layout",S="gridlayout";var _=require("react/jsx-runtime"),T="k-grid-layout",B=[],U={},f=o=>{let{className:t,...e}=o;return(0,_.jsx)(r,{...e,className:d(t,T),children:o.children})};f.states=B;f.options=U;f.className=T;f.moduleName=M;f.folderName=S;var O=require("react/jsx-runtime"),E="k-stack-layout",z=[],w={},i=o=>{let{className:t,...e}=o;return(0,O.jsx)(r,{...e,className:d(t,E),children:o.children})};i.states=z;i.options=w;i.className=E;i.moduleName=b;i.folderName=A;var L=require("react/jsx-runtime");var k=require("react/jsx-runtime");var s=require("react/jsx-runtime"),G=r.options,H=r.states,Y={...r.defaultOptions,variant:"stretch"},F=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],q=[],p=o=>{let{variant:t,modifiers:e,...n}={...o},a={orientation:"vertical"};Object.keys(e||{}).forEach(h=>{h==="vertical"&&(a.orientation=e!=null&&e[h]?"vertical":"horizontal")});let c="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},u=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,s.jsx)(x,{...n,...a,style:m,className:c,alignItems:"stretch",justifyContent:"start",children:u});case"middle":return(0,s.jsx)(x,{...n,...a,style:m,className:c,alignItems:"stretch",justifyContent:"center",children:u});case"end":return(0,s.jsx)(x,{...n,...a,style:m,className:c,alignItems:"stretch",justifyContent:"end",children:u});default:return(0,s.jsx)(x,{...n,...a,style:m,className:c,alignItems:"stretch",justifyContent:"stretch",children:u})}};p.options=G;p.states=H;p.variants=F;p.defaultOptions=Y;p.modifiers=q;p.className=i.className;var l=require("react/jsx-runtime"),x=({alignItems:o="start",justifyContent:t="start",...e})=>(0,l.jsx)(i,{orientation:"horizontal",alignItems:o,justifyContent:t,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...e});
+var N=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)N(e,o,{get:t[o],enumerable:!0})},P=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of D(t))!G.call(e,a)&&a!==o&&N(e,a,{get:()=>t[a],enumerable:!(s=j(t,a))||s.enumerable});return e};var R=e=>P(N({},"__esModule",{value:!0}),e);var ot={};$(ot,{StackLayoutNormal:()=>k});module.exports=R(ot);var p=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?p(...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 A={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var S=require("react/jsx-runtime"),B=[],U={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},x={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=e=>{let{gap:t,orientation:o=x.orientation,alignItems:s=x.alignItems,justifyContent:a=x.justifyContent,justifyItems:i=x.justifyItems,wrap:m=x.wrap,style:f,...L}=e;return(0,S.jsx)("div",{...L,style:{gap:t,...f},className:p(e.className,{[`k-${A.orientationMap[o]||o}`]:o,[`k-align-items-${s}`]:s,[`k-justify-content-${a}`]:a,[`k-justify-items-${i}`]:i,"k-flex-wrap":m}),children:e.children})};r.states=B;r.options=U;r.defaultOptions=x;var M="stack-layout",I="stacklayout",T="grid-layout",_="gridlayout";var C=require("react/jsx-runtime"),O="k-grid-layout",w=[],z={},u=e=>{let{className:t,...o}=e;return(0,C.jsx)(r,{...o,className:p(t,O),children:e.children})};u.states=w;u.options=z;u.className=O;u.moduleName=T;u.folderName=_;var K=require("react/jsx-runtime"),E="k-stack-layout",H=[],Y={},c=e=>{let{className:t,...o}=e;return(0,K.jsx)(r,{...o,className:p(t,E),children:e.children})};c.states=H;c.options=Y;c.className=E;c.moduleName=M;c.folderName=I;var l=require("react/jsx-runtime"),v=({alignItems:e="start",justifyItems:t="start",...o})=>(0,l.jsx)(u,{alignItems:e,justifyItems:t,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...o});var b=require("react/jsx-runtime");var d=require("react/jsx-runtime"),F=r.options,q=r.states,V={...r.defaultOptions,variant:"stretch"},W=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],J=[],g=e=>{let{variant:t,modifiers:o,...s}={...e},a={orientation:"vertical"};Object.keys(o||{}).forEach(L=>{L==="vertical"&&(a.orientation=o!=null&&o[L]?"vertical":"horizontal")});let i="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},f=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,d.jsx)(k,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"start",children:f});case"middle":return(0,d.jsx)(k,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"center",children:f});case"end":return(0,d.jsx)(k,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"end",children:f});default:return(0,d.jsx)(k,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"stretch",children:f})}};g.options=F;g.states=q;g.variants=W;g.defaultOptions=V;g.modifiers=J;g.className=c.className;var n=require("react/jsx-runtime"),Q=r.options,X=r.states,Z={...r.defaultOptions,variant:"stretch"},tt=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],et=[],h=e=>{let{variant:t,modifiers:o,...s}={...e},a="k-border-solid k-border-secondary-subtle k-p-3",i={width:"228px",height:"228px",gap:"8px",gridTemplateColumns:"1fr 1fr 1fr"},m=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"})]});switch(t){case"start":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"start",justifyItems:"start",children:m});case"middle":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"center",justifyItems:"center",children:m});case"end":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"end",justifyItems:"end",children:m});default:return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"stretch",justifyItems:"stretch",children:m})}};h.options=Q;h.states=X;h.variants=tt;h.defaultOptions=Z;h.modifiers=et;h.className=u.className;var y=require("react/jsx-runtime"),k=({alignItems:e="start",justifyContent:t="start",...o})=>(0,y.jsx)(c,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"})]}),...o});

package/dist/cjs/layout/templates/stack-layout-vertical.js

@@ -1 +1 @@
-var L=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var j=(o,t)=>{for(var e in t)L(o,e,{get:t[e],enumerable:!0})},D=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of C(t))!K.call(o,a)&&a!==e&&L(o,a,{get:()=>t[a],enumerable:!(n=I(t,a))||n.enumerable});return o};var $=o=>D(L({},"__esModule",{value:!0}),o);var W={};j(W,{StackLayoutVertical:()=>V});module.exports=$(W);var c=(...o)=>o.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?c(...t):typeof t=="object"?Object.keys(t).map((e,n)=>t[n]||t[e]&&e||null).filter(e=>e!==null).join(" "):t).filter(t=>!!t).join(" ");var v={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var N=require("react/jsx-runtime"),R=[],P={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},f={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=o=>{let{gap:t,orientation:e=f.orientation,alignItems:n=f.alignItems,justifyContent:a=f.justifyContent,justifyItems:m=f.justifyItems,wrap:u=f.wrap,style:y,...g}=o;return(0,N.jsx)("div",{...g,style:{gap:t,...y},className:c(o.className,{[`k-${v.orientationMap[e]||e}`]:e,[`k-align-items-${n}`]:n,[`k-justify-content-${a}`]:a,[`k-justify-items-${m}`]:m,"k-flex-wrap":u}),children:o.children})};r.states=R;r.options=P;r.defaultOptions=f;var b="stack-layout",A="stacklayout",M="grid-layout",S="gridlayout";var _=require("react/jsx-runtime"),T="k-grid-layout",B=[],U={},x=o=>{let{className:t,...e}=o;return(0,_.jsx)(r,{...e,className:c(t,T),children:o.children})};x.states=B;x.options=U;x.className=T;x.moduleName=M;x.folderName=S;var O=require("react/jsx-runtime"),E="k-stack-layout",z=[],w={},i=o=>{let{className:t,...e}=o;return(0,O.jsx)(r,{...e,className:c(t,E),children:o.children})};i.states=z;i.options=w;i.className=E;i.moduleName=b;i.folderName=A;var k=require("react/jsx-runtime");var l=require("react/jsx-runtime"),h=({alignItems:o="start",justifyContent:t="start",...e})=>(0,l.jsx)(i,{orientation:"horizontal",alignItems:o,justifyContent:t,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...e});var s=require("react/jsx-runtime"),G=r.options,H=r.states,Y={...r.defaultOptions,variant:"stretch"},F=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],q=[],p=o=>{let{variant:t,modifiers:e,...n}={...o},a={orientation:"vertical"};Object.keys(e||{}).forEach(g=>{g==="vertical"&&(a.orientation=e!=null&&e[g]?"vertical":"horizontal")});let m="k-border-solid k-border-secondary-subtle k-p-3",u={width:"228px",height:"228px",gap:"8px"},y=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,s.jsx)(h,{...n,...a,style:u,className:m,alignItems:"stretch",justifyContent:"start",children:y});case"middle":return(0,s.jsx)(h,{...n,...a,style:u,className:m,alignItems:"stretch",justifyContent:"center",children:y});case"end":return(0,s.jsx)(h,{...n,...a,style:u,className:m,alignItems:"stretch",justifyContent:"end",children:y});default:return(0,s.jsx)(h,{...n,...a,style:u,className:m,alignItems:"stretch",justifyContent:"stretch",children:y})}};p.options=G;p.states=H;p.variants=F;p.defaultOptions=Y;p.modifiers=q;p.className=i.className;var d=require("react/jsx-runtime"),V=({alignItems:o="start",justifyContent:t="start",...e})=>(0,d.jsx)(i,{orientation:"vertical",alignItems:o,justifyContent:t,children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"}),(0,d.jsx)("div",{className:"box",children:"Box"})]}),...e});
+var b=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)b(e,o,{get:t[o],enumerable:!0})},P=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of D(t))!G.call(e,a)&&a!==o&&b(e,a,{get:()=>t[a],enumerable:!(s=j(t,a))||s.enumerable});return e};var R=e=>P(b({},"__esModule",{value:!0}),e);var at={};$(at,{StackLayoutVertical:()=>ot});module.exports=R(at);var f=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?f(...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 A={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var S=require("react/jsx-runtime"),B=[],U={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},k={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},r=e=>{let{gap:t,orientation:o=k.orientation,alignItems:s=k.alignItems,justifyContent:a=k.justifyContent,justifyItems:i=k.justifyItems,wrap:m=k.wrap,style:x,...N}=e;return(0,S.jsx)("div",{...N,style:{gap:t,...x},className:f(e.className,{[`k-${A.orientationMap[o]||o}`]:o,[`k-align-items-${s}`]:s,[`k-justify-content-${a}`]:a,[`k-justify-items-${i}`]:i,"k-flex-wrap":m}),children:e.children})};r.states=B;r.options=U;r.defaultOptions=k;var M="stack-layout",I="stacklayout",T="grid-layout",_="gridlayout";var C=require("react/jsx-runtime"),O="k-grid-layout",w=[],z={},u=e=>{let{className:t,...o}=e;return(0,C.jsx)(r,{...o,className:f(t,O),children:e.children})};u.states=w;u.options=z;u.className=O;u.moduleName=T;u.folderName=_;var K=require("react/jsx-runtime"),E="k-stack-layout",H=[],Y={},c=e=>{let{className:t,...o}=e;return(0,K.jsx)(r,{...o,className:f(t,E),children:e.children})};c.states=H;c.options=Y;c.className=E;c.moduleName=M;c.folderName=I;var l=require("react/jsx-runtime"),v=({alignItems:e="start",justifyItems:t="start",...o})=>(0,l.jsx)(u,{alignItems:e,justifyItems:t,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...o});var y=require("react/jsx-runtime"),L=({alignItems:e="start",justifyContent:t="start",...o})=>(0,y.jsx)(c,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"})]}),...o});var d=require("react/jsx-runtime"),F=r.options,q=r.states,V={...r.defaultOptions,variant:"stretch"},W=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],J=[],g=e=>{let{variant:t,modifiers:o,...s}={...e},a={orientation:"vertical"};Object.keys(o||{}).forEach(N=>{N==="vertical"&&(a.orientation=o!=null&&o[N]?"vertical":"horizontal")});let i="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},x=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,d.jsx)(L,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"start",children:x});case"middle":return(0,d.jsx)(L,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"center",children:x});case"end":return(0,d.jsx)(L,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"end",children:x});default:return(0,d.jsx)(L,{...s,...a,style:m,className:i,alignItems:"stretch",justifyContent:"stretch",children:x})}};g.options=F;g.states=q;g.variants=W;g.defaultOptions=V;g.modifiers=J;g.className=c.className;var n=require("react/jsx-runtime"),Q=r.options,X=r.states,Z={...r.defaultOptions,variant:"stretch"},tt=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],et=[],h=e=>{let{variant:t,modifiers:o,...s}={...e},a="k-border-solid k-border-secondary-subtle k-p-3",i={width:"228px",height:"228px",gap:"8px",gridTemplateColumns:"1fr 1fr 1fr"},m=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,n.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"})]});switch(t){case"start":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"start",justifyItems:"start",children:m});case"middle":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"center",justifyItems:"center",children:m});case"end":return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"end",justifyItems:"end",children:m});default:return(0,n.jsx)(v,{...s,style:i,className:a,alignItems:"stretch",justifyItems:"stretch",children:m})}};h.options=Q;h.states=X;h.variants=tt;h.defaultOptions=Z;h.modifiers=et;h.className=u.className;var p=require("react/jsx-runtime"),ot=({alignItems:e="start",justifyContent:t="start",...o})=>(0,p.jsx)(c,{orientation:"vertical",alignItems:e,justifyContent:t,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:"box",children:"Box"}),(0,p.jsx)("div",{className:"box",children:"Box"}),(0,p.jsx)("div",{className:"box",children:"Box"})]}),...o});