cetec-design-system 0.0.31 → 0.0.32

package/dist/cetec-design-system.es.js

@@ -1,45 +1,45 @@
-import { forwardRef as te, useMemo as ce, createElement as M, createContext as yt, useState as xt, useEffect as pe, useContext as St } from "react";
-import { jsx as p, jsxs as E, Fragment as wt } from "react/jsx-runtime";
+import { forwardRef as re, useMemo as pe, createElement as M, createContext as wt, useState as vt, useEffect as me, useContext as Ct } from "react";
+import { jsx as p, jsxs as E, Fragment as Pt } from "react/jsx-runtime";
 function I(e) {
   return typeof e == "object" && e != null && !Array.isArray(e);
 }
-var vt = (e) => typeof e == "object" && e !== null;
+var Bt = (e) => typeof e == "object" && e !== null;
 function R(e) {
   return Object.fromEntries(Object.entries(e ?? {}).filter(([t, r]) => r !== void 0));
 }
-var Ct = (e) => e === "base";
-function Pt(e) {
-  return e.slice().filter((t) => !Ct(t));
+var Vt = (e) => e === "base";
+function Tt(e) {
+  return e.slice().filter((t) => !Vt(t));
 }
-function me(e) {
+function ge(e) {
   return String.fromCharCode(e + (e > 25 ? 39 : 97));
 }
-function Bt(e) {
+function Rt(e) {
   let t = "", r;
   for (r = Math.abs(e); r > 52; r = r / 52 | 0)
-    t = me(r % 52) + t;
-  return me(r % 52) + t;
+    t = ge(r % 52) + t;
+  return ge(r % 52) + t;
 }
-function Tt(e, t) {
+function It(e, t) {
   let r = t.length;
   for (; r; )
     e = e * 33 ^ t.charCodeAt(--r);
   return e;
 }
-function Vt(e) {
-  return Bt(Tt(5381, e) >>> 0);
+function Mt(e) {
+  return Rt(It(5381, e) >>> 0);
 }
-var Oe = /\s*!(important)?/i;
-function Rt(e) {
-  return typeof e == "string" ? Oe.test(e) : !1;
+var je = /\s*!(important)?/i;
+function Et(e) {
+  return typeof e == "string" ? je.test(e) : !1;
 }
-function It(e) {
-  return typeof e == "string" ? e.replace(Oe, "").trim() : e;
+function Ot(e) {
+  return typeof e == "string" ? e.replace(je, "").trim() : e;
 }
-function re(e) {
+function oe(e) {
   return typeof e == "string" ? e.replaceAll(" ", "_") : e;
 }
-var b = (e) => {
+var u = (e) => {
   const t = /* @__PURE__ */ new Map();
   return (...o) => {
     const n = JSON.stringify(o);
@@ -49,24 +49,24 @@ var b = (e) => {
     return t.set(n, a), a;
   };
 };
-function oe(...e) {
+function ne(...e) {
   return e.reduce((t, r) => (r && Object.keys(r).forEach((o) => {
     const n = t[o], a = r[o];
-    I(n) && I(a) ? t[o] = oe(n, a) : t[o] = a;
+    I(n) && I(a) ? t[o] = ne(n, a) : t[o] = a;
   }), t), {});
 }
-var Mt = (e) => e != null;
-function ne(e, t, r = {}) {
+var Wt = (e) => e != null;
+function ae(e, t, r = {}) {
   const { stop: o, getKey: n } = r;
   function a(i, s = []) {
-    if (vt(i)) {
+    if (Bt(i)) {
       const d = {};
       for (const [c, l] of Object.entries(i)) {
-        const m = (n == null ? void 0 : n(c, l)) ?? c, u = [...s, m];
-        if (o != null && o(i, u))
+        const m = (n == null ? void 0 : n(c, l)) ?? c, b = [...s, m];
+        if (o != null && o(i, b))
           return t(i, s);
-        const f = a(l, u);
-        Mt(f) && (d[m] = f);
+        const f = a(l, b);
+        Wt(f) && (d[m] = f);
       }
       return d;
     }
@@ -74,10 +74,10 @@ function ne(e, t, r = {}) {
   }
   return a(e);
 }
-function Et(e, t) {
-  return Array.isArray(e) ? e.map((r) => t(r)) : I(e) ? ne(e, (r) => t(r)) : t(e);
+function jt(e, t) {
+  return Array.isArray(e) ? e.map((r) => t(r)) : I(e) ? ae(e, (r) => t(r)) : t(e);
 }
-function Ot(e, t) {
+function Ft(e, t) {
   return e.reduce(
     (r, o, n) => {
       const a = t[n];
@@ -86,70 +86,70 @@ function Ot(e, t) {
     {}
   );
 }
-function We(e, t, r = !0) {
+function Fe(e, t, r = !0) {
   const { utility: o, conditions: n } = t, { hasShorthand: a, resolveShorthand: i } = o;
-  return ne(
+  return ae(
     e,
-    (s) => Array.isArray(s) ? Ot(s, n.breakpoints.keys) : s,
+    (s) => Array.isArray(s) ? Ft(s, n.breakpoints.keys) : s,
     {
       stop: (s) => Array.isArray(s),
       getKey: r ? (s) => a ? i(s) : s : void 0
     }
   );
 }
-var Wt = {
+var zt = {
   shift: (e) => e,
   finalize: (e) => e,
   breakpoints: { keys: [] }
-}, jt = (e) => typeof e == "string" ? e.replaceAll(/[\n\s]+/g, " ") : e;
-function je(e) {
-  const { utility: t, hash: r, conditions: o = Wt } = e, n = (i) => [t.prefix, i].filter(Boolean).join("-"), a = (i, s) => {
+}, Lt = (e) => typeof e == "string" ? e.replaceAll(/[\n\s]+/g, " ") : e;
+function ze(e) {
+  const { utility: t, hash: r, conditions: o = zt } = e, n = (i) => [t.prefix, i].filter(Boolean).join("-"), a = (i, s) => {
     let d;
     if (r) {
       const c = [...o.finalize(i), s];
-      d = n(t.toHash(c, Vt));
+      d = n(t.toHash(c, Mt));
     } else
       d = [...o.finalize(i), n(s)].join(":");
     return d;
   };
-  return b(({ base: i, ...s } = {}) => {
-    const d = Object.assign(s, i), c = We(d, e), l = /* @__PURE__ */ new Set();
-    return ne(c, (m, u) => {
+  return u(({ base: i, ...s } = {}) => {
+    const d = Object.assign(s, i), c = Fe(d, e), l = /* @__PURE__ */ new Set();
+    return ae(c, (m, b) => {
       if (m == null)
         return;
-      const f = Rt(m), [w, ...v] = o.shift(u), V = Pt(v), P = t.transform(w, It(jt(m)));
-      let S = a(V, P.className);
+      const f = Et(m), [w, ...v] = o.shift(b), T = Tt(v), P = t.transform(w, Ot(Lt(m)));
+      let S = a(T, P.className);
       f && (S = `${S}!`), l.add(S);
     }), Array.from(l).join(" ");
   });
 }
-function Ft(...e) {
+function Nt(...e) {
   return e.flat().filter((t) => I(t) && Object.keys(R(t)).length > 0);
 }
-function zt(e) {
+function At(e) {
   function t(n) {
-    const a = Ft(...n);
-    return a.length === 1 ? a : a.map((i) => We(i, e));
+    const a = Nt(...n);
+    return a.length === 1 ? a : a.map((i) => Fe(i, e));
   }
   function r(...n) {
-    return oe(...t(n));
+    return ne(...t(n));
   }
   function o(...n) {
     return Object.assign({}, ...t(n));
   }
-  return { mergeCss: b(r), assignCss: o };
+  return { mergeCss: u(r), assignCss: o };
 }
-var Lt = /([A-Z])/g, At = /^ms-/, Nt = b((e) => e.startsWith("--") ? e : e.replace(Lt, "-$1").replace(At, "-ms-").toLowerCase()), Dt = ["min", "max", "clamp", "calc"], Xt = new RegExp(`^(${Dt.join("|")})\\(.*\\)`), Yt = (e) => typeof e == "string" && Xt.test(e), Kt = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%", Gt = `(?:${Kt.split(",").join("|")})`, Ht = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${Gt}$`), qt = (e) => typeof e == "string" && Ht.test(e), $t = (e) => typeof e == "string" && /^var\(--.+\)$/.test(e), ae = {
-  map: Et,
-  isCssFunction: Yt,
-  isCssVar: $t,
-  isCssUnit: qt
-}, ie = (e, t) => {
+var Dt = /([A-Z])/g, Xt = /^ms-/, Yt = u((e) => e.startsWith("--") ? e : e.replace(Dt, "-$1").replace(Xt, "-ms-").toLowerCase()), Kt = ["min", "max", "clamp", "calc"], Gt = new RegExp(`^(${Kt.join("|")})\\(.*\\)`), Ht = (e) => typeof e == "string" && Gt.test(e), qt = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%", $t = `(?:${qt.split(",").join("|")})`, Ut = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${$t}$`), Zt = (e) => typeof e == "string" && Ut.test(e), Jt = (e) => typeof e == "string" && /^var\(--.+\)$/.test(e), ie = {
+  map: jt,
+  isCssFunction: Ht,
+  isCssVar: Jt,
+  isCssUnit: Zt
+}, se = (e, t) => {
   if (!(e != null && e.defaultValues))
     return t;
   const r = typeof e.defaultValues == "function" ? e.defaultValues(t) : e.defaultValues;
   return Object.assign({}, r, R(t));
-}, Fe = (e, t) => e.filter((r) => r.css[t]).map((r) => ({ ...r, css: r.css[t] }));
+}, Le = (e, t) => e.filter((r) => r.css[t]).map((r) => ({ ...r, css: r.css[t] }));
 function g(e, ...t) {
   const r = Object.getOwnPropertyDescriptors(e), o = Object.keys(r), n = (i) => {
     const s = {};
@@ -161,94 +161,94 @@ function g(e, ...t) {
   }, a = (i) => n(Array.isArray(i) ? i : o.filter(i));
   return t.map(a).concat(n(o));
 }
-var J = (...e) => {
+var Q = (...e) => {
   const t = e.reduce((r, o) => (o && o.forEach((n) => r.add(n)), r), /* @__PURE__ */ new Set([]));
   return Array.from(t);
-}, ze = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
-function Ut(e) {
-  return ze.includes(e) ? e.replace("html", "").toLowerCase() : e;
+}, Ne = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
+function Qt(e) {
+  return Ne.includes(e) ? e.replace("html", "").toLowerCase() : e;
 }
-function Q(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, r]) => [Ut(t), r]));
+function ee(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, r]) => [Qt(t), r]));
 }
-Q.keys = ze;
-const Zt = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_error,_grabbed,_hidden,_current,_today,_collapsed,_containerSmall,_containerMedium,_containerLarge,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base", Le = new Set(Zt.split(",")), Jt = /^@|&|&$/;
-function ge(e) {
-  return Le.has(e) || Jt.test(e);
+ee.keys = Ne;
+const er = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_error,_grabbed,_hidden,_current,_today,_collapsed,_containerSmall,_containerMedium,_containerLarge,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base", Ae = new Set(er.split(",")), tr = /^@|&|&$/;
+function ue(e) {
+  return Ae.has(e) || tr.test(e);
 }
-const Qt = /^_/, er = /&|@/;
-function Ae(e) {
-  return e.map((t) => Le.has(t) ? t.replace(Qt, "") : er.test(t) ? `[${re(t.trim())}]` : t);
+const rr = /^_/, or = /&|@/;
+function De(e) {
+  return e.map((t) => Ae.has(t) ? t.replace(rr, "") : or.test(t) ? `[${oe(t.trim())}]` : t);
 }
-function Ne(e) {
+function Xe(e) {
   return e.sort((t, r) => {
-    const o = ge(t), n = ge(r);
+    const o = ue(t), n = ue(r);
     return o && !n ? 1 : !o && n ? -1 : 0;
   });
 }
-const tr = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,textStyle:textStyle", De = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Map();
-tr.split(",").forEach((e) => {
+const nr = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,textStyle:textStyle", Ye = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new Map();
+nr.split(",").forEach((e) => {
   const [t, r] = e.split(":"), [o, ...n] = r.split("/");
-  De.set(t, o), n.length && n.forEach((a) => {
-    Xe.set(a === "1" ? o : a, t);
+  Ye.set(t, o), n.length && n.forEach((a) => {
+    Ke.set(a === "1" ? o : a, t);
   });
 });
-const ue = (e) => Xe.get(e) || e, Ye = {
+const be = (e) => Ke.get(e) || e, Ge = {
   conditions: {
-    shift: Ne,
-    finalize: Ae,
+    shift: Xe,
+    finalize: De,
     breakpoints: { keys: ["base", "xs", "sm", "md", "lg", "xl", "2xl"] }
   },
   utility: {
     prefix: "Cetec",
     transform: (e, t) => {
-      const r = ue(e);
-      return { className: `${De.get(r) || Nt(r)}_${re(t)}` };
+      const r = be(e);
+      return { className: `${Ye.get(r) || Yt(r)}_${oe(t)}` };
     },
     hasShorthand: !0,
     toHash: (e, t) => t(e.join(":")),
-    resolveShorthand: ue
+    resolveShorthand: be
   }
-}, rr = je(Ye), T = (...e) => rr(B(...e));
-T.raw = (...e) => B(...e);
-const { mergeCss: B } = zt(Ye), be = (e) => ({
+}, ar = ze(Ge), V = (...e) => ar(B(...e));
+V.raw = (...e) => B(...e);
+const { mergeCss: B } = At(Ge), he = (e) => ({
   base: {},
   variants: {},
   defaultVariants: {},
   compoundVariants: [],
   ...e
 });
-function Ke(e) {
-  const { base: t, variants: r, defaultVariants: o, compoundVariants: n } = be(e), a = (u) => ({ ...o, ...R(u) });
-  function i(u = {}) {
-    var V;
-    const f = a(u);
+function He(e) {
+  const { base: t, variants: r, defaultVariants: o, compoundVariants: n } = he(e), a = (b) => ({ ...o, ...R(b) });
+  function i(b = {}) {
+    var T;
+    const f = a(b);
     let w = { ...t };
     for (const [P, S] of Object.entries(f))
-      (V = r[P]) != null && V[S] && (w = B(w, r[P][S]));
-    const v = ee(n, f);
+      (T = r[P]) != null && T[S] && (w = B(w, r[P][S]));
+    const v = te(n, f);
     return B(w, v);
   }
-  function s(u) {
-    const f = be(u.config), w = J(u.variantKeys, Object.keys(r));
-    return Ke({
+  function s(b) {
+    const f = he(b.config), w = Q(b.variantKeys, Object.keys(r));
+    return He({
       base: B(t, f.base),
       variants: Object.fromEntries(
         w.map((v) => [v, B(r[v], f.variants[v])])
       ),
-      defaultVariants: oe(o, f.defaultVariants),
+      defaultVariants: ne(o, f.defaultVariants),
       compoundVariants: [...n, ...f.compoundVariants]
     });
   }
-  function d(u) {
-    return T(i(u));
+  function d(b) {
+    return V(i(b));
   }
   const c = Object.keys(r);
-  function l(u) {
-    return g(u, c);
+  function l(b) {
+    return g(b, c);
   }
-  const m = Object.fromEntries(Object.entries(r).map(([u, f]) => [u, Object.keys(f)]));
-  return Object.assign(b(d), {
+  const m = Object.fromEntries(Object.entries(r).map(([b, f]) => [b, Object.keys(f)]));
+  return Object.assign(u(d), {
     __cva__: !0,
     variantMap: m,
     variantKeys: c,
@@ -259,13 +259,13 @@ function Ke(e) {
     getVariantProps: a
   });
 }
-function ee(e, t) {
+function te(e, t) {
   let r = {};
   return e.forEach((o) => {
     Object.entries(o).every(([a, i]) => a === "css" ? !0 : (Array.isArray(i) ? i : [i]).some((d) => t[a] === d)) && (r = B(r, o.css));
   }), r;
 }
-function or(e, t, r, o) {
+function ir(e, t, r, o) {
   if (t.length > 0 && typeof (r == null ? void 0 : r[o]) == "object")
     throw new Error(`[recipe:${e}:${o}] Conditions are not supported when using compound variants.`);
 }
@@ -283,31 +283,31 @@ const _ = (e, t, r) => {
   });
   return {
     recipeFn: (a, i = !0) => {
-      const d = je({
+      const d = ze({
         conditions: {
-          shift: Ne,
-          finalize: Ae,
+          shift: Xe,
+          finalize: De,
           breakpoints: { keys: ["base", "xs", "sm", "md", "lg", "xl", "2xl"] }
         },
         utility: {
           prefix: "Cetec",
           toHash: (l, m) => m(l.join(":")),
-          transform: (l, m) => (or(e, r, a, l), m === "__ignore__" ? { className: e } : (m = re(m), { className: `${e}--${l}_${m}` }))
+          transform: (l, m) => (ir(e, r, a, l), m === "__ignore__" ? { className: e } : (m = oe(m), { className: `${e}--${l}_${m}` }))
         }
       }), c = o(a);
       if (i) {
-        const l = ee(r, c);
-        return h(d(c), T(l));
+        const l = te(r, c);
+        return h(d(c), V(l));
       }
       return d(c);
     },
     getVariantProps: o,
-    __getCompoundVariantCss__: (a) => ee(r, o(a))
+    __getCompoundVariantCss__: (a) => te(r, o(a))
   };
 }, x = (e, t) => {
   if (e && !t) return e;
   if (!e && t) return t;
-  const r = (...a) => h(e(...a), t(...a)), o = J(e.variantKeys, t.variantKeys), n = o.reduce((a, i) => (a[i] = J(e.variantMap[i], t.variantMap[i]), a), {});
+  const r = (...a) => h(e(...a), t(...a)), o = Q(e.variantKeys, t.variantKeys), n = o.reduce((a, i) => (a[i] = Q(e.variantMap[i], t.variantMap[i]), a), {});
   return Object.assign(r, {
     __recipe__: !0,
     __name__: `${e.__name__} ${t.__name__}`,
@@ -320,7 +320,7 @@ const _ = (e, t, r) => {
   });
 }, z = /* @__PURE__ */ _("text", {
   textStyle: "body-md"
-}, []), Ge = {
+}, []), qe = {
   textStyle: [
     "display-lg",
     "display-md",
@@ -374,46 +374,46 @@ const _ = (e, t, r) => {
     "bold",
     "black"
   ]
-}, he = Object.keys(Ge), nr = /* @__PURE__ */ Object.assign(b(z.recipeFn), {
+}, fe = Object.keys(qe), sr = /* @__PURE__ */ Object.assign(u(z.recipeFn), {
   __recipe__: !0,
   __name__: "text",
   __getCompoundVariantCss__: z.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: he,
-  variantMap: Ge,
+  variantKeys: fe,
+  variantMap: qe,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, he);
+    return g(e, fe);
   },
   getVariantProps: z.getVariantProps
 }), L = /* @__PURE__ */ _("heading", {
   level: "h2"
-}, []), He = {
+}, []), $e = {
   level: [
     "h1",
     "h2",
     "h3",
     "h4"
   ]
-}, fe = Object.keys(He), ar = /* @__PURE__ */ Object.assign(b(L.recipeFn), {
+}, _e = Object.keys($e), lr = /* @__PURE__ */ Object.assign(u(L.recipeFn), {
   __recipe__: !0,
   __name__: "heading",
   __getCompoundVariantCss__: L.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: fe,
-  variantMap: He,
+  variantKeys: _e,
+  variantMap: $e,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, fe);
+    return g(e, _e);
   },
   getVariantProps: L.getVariantProps
-}), A = /* @__PURE__ */ _("link", {
+}), N = /* @__PURE__ */ _("link", {
   family: "body"
-}, []), qe = {
+}, []), Ue = {
   textStyle: [
     "display-lg",
     "display-md",
@@ -470,23 +470,23 @@ const _ = (e, t, r) => {
   _disabled: [
     "true"
   ]
-}, _e = Object.keys(qe), ir = /* @__PURE__ */ Object.assign(b(A.recipeFn), {
+}, ke = Object.keys(Ue), dr = /* @__PURE__ */ Object.assign(u(N.recipeFn), {
   __recipe__: !0,
   __name__: "link",
-  __getCompoundVariantCss__: A.__getCompoundVariantCss__,
+  __getCompoundVariantCss__: N.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: _e,
-  variantMap: qe,
+  variantKeys: ke,
+  variantMap: Ue,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, _e);
+    return g(e, ke);
   },
-  getVariantProps: A.getVariantProps
-}), N = /* @__PURE__ */ _("label", {
+  getVariantProps: N.getVariantProps
+}), A = /* @__PURE__ */ _("label", {
   family: "body"
-}, []), $e = {
+}, []), Ze = {
   textStyle: [
     "display-lg",
     "display-md",
@@ -543,24 +543,24 @@ const _ = (e, t, r) => {
   _disabled: [
     "true"
   ]
-}, ke = Object.keys($e), sr = /* @__PURE__ */ Object.assign(b(N.recipeFn), {
+}, ye = Object.keys(Ze), cr = /* @__PURE__ */ Object.assign(u(A.recipeFn), {
   __recipe__: !0,
   __name__: "label",
-  __getCompoundVariantCss__: N.__getCompoundVariantCss__,
+  __getCompoundVariantCss__: A.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: ke,
-  variantMap: $e,
+  variantKeys: ye,
+  variantMap: Ze,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, ke);
+    return g(e, ye);
   },
-  getVariantProps: N.getVariantProps
+  getVariantProps: A.getVariantProps
 }), D = /* @__PURE__ */ _("button", {
   variant: "standard",
   size: "medium"
-}, []), Ue = {
+}, []), Je = {
   variant: [
     "primary",
     "standard",
@@ -574,24 +574,24 @@ const _ = (e, t, r) => {
     "large",
     "small"
   ]
-}, ye = Object.keys(Ue), lr = /* @__PURE__ */ Object.assign(b(D.recipeFn), {
+}, xe = Object.keys(Je), pr = /* @__PURE__ */ Object.assign(u(D.recipeFn), {
   __recipe__: !0,
   __name__: "button",
   __getCompoundVariantCss__: D.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: ye,
-  variantMap: Ue,
+  variantKeys: xe,
+  variantMap: Je,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, ye);
+    return g(e, xe);
   },
   getVariantProps: D.getVariantProps
 }), X = /* @__PURE__ */ _("icon-button", {
   variant: "standard",
   size: "medium"
-}, []), Ze = {
+}, []), Qe = {
   variant: [
     "primary",
     "standard",
@@ -605,23 +605,23 @@ const _ = (e, t, r) => {
     "large",
     "small"
   ]
-}, xe = Object.keys(Ze), dr = /* @__PURE__ */ Object.assign(b(X.recipeFn), {
+}, Se = Object.keys(Qe), mr = /* @__PURE__ */ Object.assign(u(X.recipeFn), {
   __recipe__: !0,
   __name__: "iconButton",
   __getCompoundVariantCss__: X.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: xe,
-  variantMap: Ze,
+  variantKeys: Se,
+  variantMap: Qe,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, xe);
+    return g(e, Se);
   },
   getVariantProps: X.getVariantProps
 }), Y = /* @__PURE__ */ _("textinput", {
   size: "medium"
-}, []), Je = {
+}, []), et = {
   size: [
     "medium",
     "small",
@@ -630,23 +630,23 @@ const _ = (e, t, r) => {
   autoSize: [
     "true"
   ]
-}, Se = Object.keys(Je), cr = /* @__PURE__ */ Object.assign(b(Y.recipeFn), {
+}, we = Object.keys(et), gr = /* @__PURE__ */ Object.assign(u(Y.recipeFn), {
   __recipe__: !0,
   __name__: "textinput",
   __getCompoundVariantCss__: Y.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: Se,
-  variantMap: Je,
+  variantKeys: we,
+  variantMap: et,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, Se);
+    return g(e, we);
   },
   getVariantProps: Y.getVariantProps
 }), K = /* @__PURE__ */ _("textarea", {
   size: "medium"
-}, []), Qe = {
+}, []), tt = {
   size: [
     "small",
     "medium",
@@ -655,74 +655,74 @@ const _ = (e, t, r) => {
   autoSize: [
     "true"
   ]
-}, we = Object.keys(Qe), pr = /* @__PURE__ */ Object.assign(b(K.recipeFn), {
+}, ve = Object.keys(tt), ur = /* @__PURE__ */ Object.assign(u(K.recipeFn), {
   __recipe__: !0,
   __name__: "textarea",
   __getCompoundVariantCss__: K.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: we,
-  variantMap: Qe,
+  variantKeys: ve,
+  variantMap: tt,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, we);
+    return g(e, ve);
   },
   getVariantProps: K.getVariantProps
-}), G = /* @__PURE__ */ _("code", {}, []), et = {}, ve = Object.keys(et), mr = /* @__PURE__ */ Object.assign(b(G.recipeFn), {
+}), G = /* @__PURE__ */ _("code", {}, []), rt = {}, Ce = Object.keys(rt), br = /* @__PURE__ */ Object.assign(u(G.recipeFn), {
   __recipe__: !0,
   __name__: "code",
   __getCompoundVariantCss__: G.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: ve,
-  variantMap: et,
+  variantKeys: Ce,
+  variantMap: rt,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, ve);
+    return g(e, Ce);
   },
   getVariantProps: G.getVariantProps
-}), H = /* @__PURE__ */ _("pre", {}, []), tt = {}, Ce = Object.keys(tt), gr = /* @__PURE__ */ Object.assign(b(H.recipeFn), {
+}), H = /* @__PURE__ */ _("pre", {}, []), ot = {}, Pe = Object.keys(ot), hr = /* @__PURE__ */ Object.assign(u(H.recipeFn), {
   __recipe__: !0,
   __name__: "pre",
   __getCompoundVariantCss__: H.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: Ce,
-  variantMap: tt,
+  variantKeys: Pe,
+  variantMap: ot,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, Ce);
+    return g(e, Pe);
   },
   getVariantProps: H.getVariantProps
 }), q = /* @__PURE__ */ _("spinner", {
   size: "medium"
-}, []), rt = {
+}, []), nt = {
   size: [
     "medium",
     "small",
     "large"
   ]
-}, Pe = Object.keys(rt), ur = /* @__PURE__ */ Object.assign(b(q.recipeFn), {
+}, Be = Object.keys(nt), fr = /* @__PURE__ */ Object.assign(u(q.recipeFn), {
   __recipe__: !0,
   __name__: "spinner",
   __getCompoundVariantCss__: q.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: Pe,
-  variantMap: rt,
+  variantKeys: Be,
+  variantMap: nt,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, Pe);
+    return g(e, Be);
   },
   getVariantProps: q.getVariantProps
 }), $ = /* @__PURE__ */ _("divider", {
   direction: "horizontal",
   weight: "thin"
-}, []), ot = {
+}, []), at = {
   direction: [
     "horizontal",
     "vertical"
@@ -733,27 +733,27 @@ const _ = (e, t, r) => {
     "thick",
     "thicker"
   ]
-}, Be = Object.keys(ot), br = /* @__PURE__ */ Object.assign(b($.recipeFn), {
+}, Ve = Object.keys(at), _r = /* @__PURE__ */ Object.assign(u($.recipeFn), {
   __recipe__: !0,
   __name__: "divider",
   __getCompoundVariantCss__: $.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: Be,
-  variantMap: ot,
+  variantKeys: Ve,
+  variantMap: at,
   merge(e) {
     return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, Be);
+    return g(e, Ve);
   },
   getVariantProps: $.getVariantProps
-}), U = /* @__PURE__ */ _("box", {}, []), nt = {}, Te = Object.keys(nt), hr = /* @__PURE__ */ Object.assign(b(U.recipeFn), {
+}), U = /* @__PURE__ */ _("box", {}, []), it = {}, Te = Object.keys(it), kr = /* @__PURE__ */ Object.assign(u(U.recipeFn), {
   __recipe__: !0,
   __name__: "box",
   __getCompoundVariantCss__: U.__getCompoundVariantCss__,
   raw: (e) => e,
   variantKeys: Te,
-  variantMap: nt,
+  variantMap: it,
   merge(e) {
     return x(this, e);
   },
@@ -761,7 +761,28 @@ const _ = (e, t, r) => {
     return g(e, Te);
   },
   getVariantProps: U.getVariantProps
-}), at = {}, fr = [], _r = [
+}), Z = /* @__PURE__ */ _("card", {
+  variant: "default"
+}, []), st = {
+  variant: [
+    "default",
+    "flat"
+  ]
+}, Re = Object.keys(st), yr = /* @__PURE__ */ Object.assign(u(Z.recipeFn), {
+  __recipe__: !0,
+  __name__: "card",
+  __getCompoundVariantCss__: Z.__getCompoundVariantCss__,
+  raw: (e) => e,
+  variantKeys: Re,
+  variantMap: st,
+  merge(e) {
+    return x(this, e);
+  },
+  splitVariantProps(e) {
+    return g(e, Re);
+  },
+  getVariantProps: Z.getVariantProps
+}), lt = {}, xr = [], Sr = [
   [
     "container",
     "checkbox__container"
@@ -774,17 +795,17 @@ const _ = (e, t, r) => {
     "indicator",
     "checkbox__indicator"
   ]
-], kr = /* @__PURE__ */ _r.map(([e, t]) => [e, _(t, at, Fe(fr, e))]), yr = b((e = {}) => Object.fromEntries(kr.map(([t, r]) => [t, r.recipeFn(e)]))), Ve = [], xr = (e) => ({ ...at, ...R(e) }), Sr = /* @__PURE__ */ Object.assign(yr, {
+], wr = /* @__PURE__ */ Sr.map(([e, t]) => [e, _(t, lt, Le(xr, e))]), vr = u((e = {}) => Object.fromEntries(wr.map(([t, r]) => [t, r.recipeFn(e)]))), Ie = [], Cr = (e) => ({ ...lt, ...R(e) }), Pr = /* @__PURE__ */ Object.assign(vr, {
   __recipe__: !1,
   __name__: "checkbox",
   raw: (e) => e,
-  variantKeys: Ve,
+  variantKeys: Ie,
   variantMap: {},
   splitVariantProps(e) {
-    return g(e, Ve);
+    return g(e, Ie);
   },
-  getVariantProps: xr
-}), it = {}, wr = [], vr = [
+  getVariantProps: Cr
+}), dt = {}, Br = [], Vr = [
   [
     "container",
     "radio__container"
@@ -797,64 +818,64 @@ const _ = (e, t, r) => {
     "indicator",
     "radio__indicator"
   ]
-], Cr = /* @__PURE__ */ vr.map(([e, t]) => [e, _(t, it, Fe(wr, e))]), Pr = b((e = {}) => Object.fromEntries(Cr.map(([t, r]) => [t, r.recipeFn(e)]))), Re = [], Br = (e) => ({ ...it, ...R(e) }), Tr = /* @__PURE__ */ Object.assign(Pr, {
+], Tr = /* @__PURE__ */ Vr.map(([e, t]) => [e, _(t, dt, Le(Br, e))]), Rr = u((e = {}) => Object.fromEntries(Tr.map(([t, r]) => [t, r.recipeFn(e)]))), Me = [], Ir = (e) => ({ ...dt, ...R(e) }), Mr = /* @__PURE__ */ Object.assign(Rr, {
   __recipe__: !1,
   __name__: "radio",
   raw: (e) => e,
-  variantKeys: Re,
+  variantKeys: Me,
   variantMap: {},
   splitVariantProps(e) {
-    return g(e, Re);
+    return g(e, Me);
   },
-  getVariantProps: Br
+  getVariantProps: Ir
 });
-var Vr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_error,_grabbed,_hidden,_current,_today,_collapsed,_containerSmall,_containerMedium,_containerLarge,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle", Rr = Vr.split(","), Ir = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect", Mr = Ir.split(",").concat(Rr), Er = new Map(Mr.map((e) => [e, !0])), Or = /&|@/, se = /* @__PURE__ */ b((e) => Er.has(e) || e.startsWith("--") || Or.test(e));
-const Wr = (e) => g(e, se), jr = (e, t) => !t.includes(e) && !se(e), Fr = (e, t) => e.__shouldForwardProps__ && t ? (r) => e.__shouldForwardProps__(r) && t(r) : t, zr = (e, t) => {
+var Er = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_error,_grabbed,_hidden,_current,_today,_collapsed,_containerSmall,_containerMedium,_containerLarge,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle", Or = Er.split(","), Wr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect", jr = Wr.split(",").concat(Or), Fr = new Map(jr.map((e) => [e, !0])), zr = /&|@/, le = /* @__PURE__ */ u((e) => Fr.has(e) || e.startsWith("--") || zr.test(e));
+const Lr = (e) => g(e, le), Nr = (e, t) => !t.includes(e) && !le(e), Ar = (e, t) => e.__shouldForwardProps__ && t ? (r) => e.__shouldForwardProps__(r) && t(r) : t, Dr = (e, t) => {
   var o;
   if (e && !t) return e;
   if (!e && t) return t;
   if (e.__cva__ && t.__cva__ || e.__recipe__ && t.__recipe__) return e.merge(t);
   const r = new TypeError("Cannot merge cva with recipe. Please use either cva or recipe.");
   throw (o = TypeError.captureStackTrace) == null || o.call(TypeError, r), r;
-}, Lr = (e) => typeof e == "string" ? e : (e == null ? void 0 : e.displayName) || (e == null ? void 0 : e.name) || "Component";
-function Z(e, t = {}, r = {}) {
-  const o = t.__cva__ || t.__recipe__ ? t : Ke(t), n = r.shouldForwardProp || jr, a = (u) => n(u, o.variantKeys), i = Object.assign(
+}, Xr = (e) => typeof e == "string" ? e : (e == null ? void 0 : e.displayName) || (e == null ? void 0 : e.name) || "Component";
+function J(e, t = {}, r = {}) {
+  const o = t.__cva__ || t.__recipe__ ? t : He(t), n = r.shouldForwardProp || Nr, a = (b) => n(b, o.variantKeys), i = Object.assign(
     r.dataAttr && t.__name__ ? { "data-recipe": t.__name__ } : {},
     r.defaultProps
-  ), s = zr(e.__cva__, o), d = Fr(e, a), c = e.__base__ || e, l = /* @__PURE__ */ te(function(f, w) {
-    const { as: v = c, children: V, ...P } = f, S = ce(() => Object.assign({}, i, P), [P]), [ut, bt, O, le, ht] = ce(() => g(S, Q.keys, d, s.variantKeys, se), [S]);
-    function ft() {
-      var de;
-      const { css: W, ...j } = le, F = (de = s.__getCompoundVariantCss__) == null ? void 0 : de.call(s, O);
-      return h(s(O, !1), T(F, j, W), S.className);
+  ), s = Dr(e.__cva__, o), d = Ar(e, a), c = e.__base__ || e, l = /* @__PURE__ */ re(function(f, w) {
+    const { as: v = c, children: T, ...P } = f, S = pe(() => Object.assign({}, i, P), [P]), [ft, _t, O, de, kt] = pe(() => g(S, ee.keys, d, s.variantKeys, le), [S]);
+    function yt() {
+      var ce;
+      const { css: W, ...j } = de, F = (ce = s.__getCompoundVariantCss__) == null ? void 0 : ce.call(s, O);
+      return h(s(O, !1), V(F, j, W), S.className);
     }
-    function _t() {
-      const { css: W, ...j } = le, F = s.raw(O);
-      return h(T(F, j, W), S.className);
+    function xt() {
+      const { css: W, ...j } = de, F = s.raw(O);
+      return h(V(F, j, W), S.className);
     }
-    const kt = t.__recipe__ ? ft : _t;
+    const St = t.__recipe__ ? yt : xt;
     return M(v, {
       ref: w,
-      ...bt,
-      ...ht,
-      ...Q(ut),
-      className: kt()
-    }, S.children ?? V);
-  }), m = Lr(c);
+      ..._t,
+      ...kt,
+      ...ee(ft),
+      className: St()
+    }, S.children ?? T);
+  }), m = Xr(c);
   return l.displayName = `styled.${m}`, l.__cva__ = s, l.__base__ = c, l.__shouldForwardProps__ = a, l;
 }
-function Ar() {
+function Yr() {
   const e = /* @__PURE__ */ new Map();
-  return new Proxy(Z, {
+  return new Proxy(J, {
     apply(t, r, o) {
-      return Z(...o);
+      return J(...o);
     },
     get(t, r) {
-      return e.has(r) || e.set(r, Z(r)), e.get(r);
+      return e.has(r) || e.set(r, J(r)), e.get(r);
     }
   });
 }
-const st = /* @__PURE__ */ Ar(), Ie = {
+const ct = /* @__PURE__ */ Yr(), Ee = {
   transform(e) {
     const { size: t, ...r } = e;
     return {
@@ -863,12 +884,12 @@ const st = /* @__PURE__ */ Ar(), Ie = {
       ...r
     };
   }
-}, lt = (e = {}) => {
-  const t = ie(Ie, e);
-  return Ie.transform(t, ae);
-}, dt = (e) => T(lt(e));
-dt.raw = lt;
-const Me = {
+}, pt = (e = {}) => {
+  const t = se(Ee, e);
+  return Ee.transform(t, ie);
+}, mt = (e) => V(pt(e));
+mt.raw = pt;
+const Oe = {
   transform(e) {
     const { justify: t, gap: r, ...o } = e;
     return {
@@ -881,13 +902,13 @@ const Me = {
     };
   },
   defaultValues: { gap: "10px" }
-}, Nr = (e = {}) => {
-  const t = ie(Me, e);
-  return Me.transform(t, ae);
-}, Dr = /* @__PURE__ */ te(function(t, r) {
-  const [o, n] = g(t, ["justify", "gap"]), a = Nr(o), i = { ref: r, ...a, ...n };
-  return M(st.div, i);
-}), Ee = {
+}, Kr = (e = {}) => {
+  const t = se(Oe, e);
+  return Oe.transform(t, ie);
+}, Gr = /* @__PURE__ */ re(function(t, r) {
+  const [o, n] = g(t, ["justify", "gap"]), a = Kr(o), i = { ref: r, ...a, ...n };
+  return M(ct.div, i);
+}), We = {
   transform(e, { map: t, isCssUnit: r }) {
     const { columnGap: o, rowGap: n, gap: a, columns: i, minChildWidth: s, ...d } = e, c = (l) => r(l) ? l : `token(sizes.${l}, ${l})`;
     return {
@@ -902,22 +923,22 @@ const Me = {
   defaultValues(e) {
     return { gap: e.columnGap || e.rowGap ? void 0 : "10px" };
   }
-}, Xr = (e = {}) => {
-  const t = ie(Ee, e);
-  return Ee.transform(t, ae);
-}, Yr = /* @__PURE__ */ te(function(t, r) {
-  const [o, n] = g(t, ["gap", "columnGap", "rowGap", "columns", "minChildWidth"]), a = Xr(o), i = { ref: r, ...a, ...n };
-  return M(st.div, i);
+}, Hr = (e = {}) => {
+  const t = se(We, e);
+  return We.transform(t, ie);
+}, qr = /* @__PURE__ */ re(function(t, r) {
+  const [o, n] = g(t, ["gap", "columnGap", "rowGap", "columns", "minChildWidth"]), a = Hr(o), i = { ref: r, ...a, ...n };
+  return M(ct.div, i);
 }), k = (e) => {
-  const [t, r] = Wr(e), { css: o, ...n } = t, a = T(o, n), i = r.className || "", s = h(i, a), { className: d, ...c } = r;
+  const [t, r] = Lr(e), { css: o, ...n } = t, a = V(o, n), i = r.className || "", s = h(i, a), { className: d, ...c } = r;
   return [s, c];
 }, y = ({ as: e = "div", ...t }) => {
-  const [r, o] = k(t), n = h(hr({}), r);
+  const [r, o] = k(t), n = h(kr({}), r);
   return M(e, {
     className: n,
     ...o
   });
-}, ct = ({
+}, gt = ({
   as: e = "p",
   family: t,
   italic: r,
@@ -935,14 +956,14 @@ const Me = {
     {
       as: e,
       className: h(
-        nr({ textStyle: s, family: t, bold: o, underline: n, italic: r, size: a, weight: d }),
+        sr({ textStyle: s, family: t, bold: o, underline: n, italic: r, size: a, weight: d }),
         l
       ),
       ...m,
       children: i
     }
   );
-}, Kr = ({
+}, $r = ({
   size: e,
   ...t
 }) => {
@@ -951,17 +972,17 @@ const Me = {
     y,
     {
       as: "div",
-      className: h(ur({ size: e }), r),
+      className: h(fr({ size: e }), r),
       ...o
     }
   );
-}, pt = ({
+}, ut = ({
   loading: e = !1,
   children: t
-}) => /* @__PURE__ */ E(wt, { children: [
-  /* @__PURE__ */ p(Dr, { gap: "4", opacity: e ? 0 : 1, children: t }),
+}) => /* @__PURE__ */ E(Pt, { children: [
+  /* @__PURE__ */ p(Gr, { gap: "4", opacity: e ? 0 : 1, children: t }),
   e && /* @__PURE__ */ p(
-    Yr,
+    qr,
     {
       position: "absolute",
       top: "0",
@@ -969,10 +990,10 @@ const Me = {
       right: "0",
       bottom: "0",
       placeItems: "center",
-      children: /* @__PURE__ */ p(Kr, {})
+      children: /* @__PURE__ */ p($r, {})
     }
   )
-] }), Qr = ({
+] }), oo = ({
   variant: e,
   size: t,
   href: r,
@@ -989,13 +1010,13 @@ const Me = {
       as: r ? "a" : "button",
       disabled: d,
       "aria-disabled": d,
-      className: h(lr({ variant: e, size: t }), c),
+      className: h(pr({ variant: e, size: t }), c),
       ...r ? { href: r } : { type: i },
       ...l,
-      children: /* @__PURE__ */ p(pt, { loading: !!n, children: o })
+      children: /* @__PURE__ */ p(ut, { loading: !!n, children: o })
     }
   );
-}, Gr = ({
+}, Ur = ({
   variant: e,
   size: t,
   href: r,
@@ -1012,13 +1033,13 @@ const Me = {
       as: r ? "a" : "button",
       disabled: d,
       "aria-disabled": d,
-      className: h(dr({ variant: e, size: t }), c),
+      className: h(mr({ variant: e, size: t }), c),
       ...r ? { href: r } : { type: i },
       ...l,
       ...d && r && {
         onClick: (m) => m.preventDefault()
       },
-      children: /* @__PURE__ */ p(pt, { loading: !!n, children: o })
+      children: /* @__PURE__ */ p(ut, { loading: !!n, children: o })
     }
   );
 }, C = ({
@@ -1035,12 +1056,12 @@ const Me = {
       name: e,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
-      className: h(dt({ size: t, fill: r }), n),
+      className: h(mt({ size: t, fill: r }), n),
       ...a,
       children: /* @__PURE__ */ p("use", { xlinkHref: `/sprite.svg#${e}` })
     }
   );
-}, eo = {
+}, no = {
   "aa-placeholder": "aa-placeholder",
   alarm: "alarm",
   apps: "apps",
@@ -1307,7 +1328,7 @@ const Me = {
   x: "x",
   "zoom-in": "zoom-in",
   "zoom-out": "zoom-out"
-}, Hr = ({
+}, Zr = ({
   lang: e,
   children: t,
   ...r
@@ -1318,15 +1339,15 @@ const Me = {
     {
       as: "code",
       className: h(
-        mr({}),
+        br({}),
         o
       ),
       lang: e,
       ...n,
-      children: /* @__PURE__ */ p(ct, { color: "slate.0", children: t })
+      children: /* @__PURE__ */ p(gt, { color: "slate.0", children: t })
     }
   );
-}, to = ({
+}, ao = ({
   children: e,
   lang: t,
   ...r
@@ -1337,32 +1358,32 @@ const Me = {
     {
       as: "pre",
       className: h(
-        gr({}),
+        hr({}),
         o
       ),
       ...n,
-      children: /* @__PURE__ */ p(Hr, { lang: t, slot: "react", bg: "transparent", ...n, children: e })
+      children: /* @__PURE__ */ p(Zr, { lang: t, slot: "react", bg: "transparent", ...n, children: e })
     }
   );
-}, ro = ({
+}, io = ({
   level: e = "h2",
   children: t,
   ...r
 }) => {
   const [o, n] = k(r);
   return /* @__PURE__ */ p(
-    ct,
+    gt,
     {
       as: e,
       className: h(
-        ar({ level: e }),
+        lr({ level: e }),
         o
       ),
       ...n,
       children: t
     }
   );
-}, oo = ({
+}, so = ({
   href: e,
   external: t,
   disabled: r,
@@ -1384,7 +1405,7 @@ const Me = {
       rel: t ? "noopener noreferrer" : void 0,
       "aria-disabled": r,
       className: h(
-        ir({ family: a, italic: s, bold: d, size: n, weight: i }),
+        dr({ family: a, italic: s, bold: d, size: n, weight: i }),
         l
       ),
       ...m,
@@ -1394,7 +1415,7 @@ const Me = {
       ]
     }
   );
-}, no = ({
+}, lo = ({
   direction: e,
   weight: t,
   ...r
@@ -1404,11 +1425,11 @@ const Me = {
     y,
     {
       as: "div",
-      className: h(br({ direction: e, weight: t }), o),
+      className: h(_r({ direction: e, weight: t }), o),
       ...n
     }
   );
-}, mt = ({
+}, bt = ({
   htmlFor: e,
   children: t,
   ...r
@@ -1420,20 +1441,20 @@ const Me = {
       htmlFor: e,
       as: "label",
       className: h(
-        sr({}),
+        cr({}),
         o
       ),
       ...n,
       children: t
     }
   );
-}, ao = ({
+}, co = ({
   indeterminate: e,
   error: t,
   ...r
 }) => {
-  const { container: o, input: n, indicator: a } = Sr({});
-  return /* @__PURE__ */ E(mt, { className: o, children: [
+  const { container: o, input: n, indicator: a } = Pr({});
+  return /* @__PURE__ */ E(bt, { className: o, children: [
     /* @__PURE__ */ p(
       y,
       {
@@ -1450,9 +1471,9 @@ const Me = {
     /* @__PURE__ */ p(C, { className: a, name: "checkbox-indeterminate" }),
     /* @__PURE__ */ p(C, { className: a, name: "checkbox-focus" })
   ] });
-}, io = ({ error: e, ...t }) => {
-  const { container: r, input: o, indicator: n } = Tr({});
-  return /* @__PURE__ */ E(mt, { className: r, children: [
+}, po = ({ error: e, ...t }) => {
+  const { container: r, input: o, indicator: n } = Mr({});
+  return /* @__PURE__ */ E(bt, { className: r, children: [
     /* @__PURE__ */ p(
       y,
       {
@@ -1467,7 +1488,7 @@ const Me = {
     /* @__PURE__ */ p(C, { className: n, name: "radio-checked" }),
     /* @__PURE__ */ p(C, { className: n, name: "radio-focus" })
   ] });
-}, so = ({
+}, mo = ({
   size: e,
   error: t,
   autoSize: r = !1,
@@ -1480,13 +1501,13 @@ const Me = {
       as: "input",
       ...t && { "data-error": !0 },
       className: h(
-        cr({ size: e, autoSize: r }),
+        gr({ size: e, autoSize: r }),
         n
       ),
       ...a
     }
   );
-}, qr = ({
+}, Jr = ({
   size: e,
   error: t,
   autoSize: r = !1,
@@ -1499,41 +1520,64 @@ const Me = {
       as: "textarea",
       ...t && { "data-error": !0 },
       className: h(
-        pr({ size: e, autoSize: r }),
+        ur({ size: e, autoSize: r }),
         n
       ),
       ...a
     }
   );
 };
-qr.displayName = "Textarea";
-function $r() {
+Jr.displayName = "Textarea";
+const go = ({
+  variant: e,
+  href: t,
+  children: r,
+  disabled: o,
+  grabbed: n,
+  ...a
+}) => {
+  const [i, s] = k(a);
+  return /* @__PURE__ */ p(
+    y,
+    {
+      as: t ? "a" : "button",
+      disabled: o,
+      "aria-disabled": o,
+      "data-grabbed": n,
+      className: h(yr({ variant: e }), i),
+      ...t ? { href: t } : { type: "button" },
+      ...s,
+      children: r
+    }
+  );
+};
+function Qr() {
   return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-const gt = yt(void 0);
-function lo({ children: e }) {
-  const [t, r] = xt(() => $r()), o = (n) => {
+const ht = wt(void 0);
+function uo({ children: e }) {
+  const [t, r] = vt(() => Qr()), o = (n) => {
     r(n);
   };
-  return pe(() => {
+  return me(() => {
     document.documentElement.removeAttribute("data-color-mode"), document.documentElement.removeAttribute("data-theme"), document.documentElement.setAttribute("data-color-mode", t);
-  }, [t]), pe(() => {
+  }, [t]), me(() => {
     const n = window.matchMedia("(prefers-color-scheme: dark)"), a = (i) => {
       r(i.matches ? "dark" : "light");
     };
     return n.addEventListener("change", a), () => n.removeEventListener("change", a);
-  }, []), /* @__PURE__ */ p(gt.Provider, { value: { theme: t, setTheme: o }, children: e });
+  }, []), /* @__PURE__ */ p(ht.Provider, { value: { theme: t, setTheme: o }, children: e });
 }
-function Ur() {
-  const e = St(gt);
+function eo() {
+  const e = Ct(ht);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 }
-const co = ({}) => {
-  const { theme: e, setTheme: t } = Ur();
+const bo = ({}) => {
+  const { theme: e, setTheme: t } = eo();
   return /* @__PURE__ */ p(
-    Gr,
+    Ur,
     {
       variant: "ghost",
       onClick: () => {
@@ -1546,20 +1590,21 @@ const co = ({}) => {
 };
 export {
   y as Box,
-  Qr as Button,
-  ao as CheckBox,
-  no as Divider,
-  ro as Heading,
+  oo as Button,
+  go as Card,
+  co as CheckBox,
+  lo as Divider,
+  io as Heading,
   C as Icon,
-  Gr as IconButton,
-  eo as IconNames,
-  oo as Link,
-  to as Pre,
-  io as Radio,
-  Kr as Spinner,
-  ct as Text,
-  so as TextInput,
-  qr as Textarea,
-  lo as ThemeProvider,
-  co as ThemeSwitcher
+  Ur as IconButton,
+  no as IconNames,
+  so as Link,
+  ao as Pre,
+  po as Radio,
+  $r as Spinner,
+  gt as Text,
+  mo as TextInput,
+  Jr as Textarea,
+  uo as ThemeProvider,
+  bo as ThemeSwitcher
 };