@stokelp/ui 1.41.0 → 1.41.2

package/dist/ui.js

@@ -1,12 +1,14 @@
 "use client";
 import { jsx as C, jsxs as a, Fragment as b1 } from "react/jsx-runtime";
-import { Accordion as i1, ark as p, Checkbox as V, Dialog as D, Portal as J, Tooltip as Q, Switch as T, Tabs as K, Select as h, DatePicker as s, RadioGroup as m, Popover as $, switchAnatomy as a2, dialogAnatomy as L2, accordionAnatomy as c2, checkboxAnatomy as u2, tabsAnatomy as p2, selectAnatomy as m5, datePickerAnatomy as M2, radioGroupAnatomy as R5, tooltipAnatomy as s2, popoverAnatomy as Z2 } from "@ark-ui/react";
-import { styled as o, splitCssProps as N, Circle as h2 } from "@stokelp/styled-system/jsx";
-import { accordion as f2, button as v2, checkbox as D1, drawer as g2, formControl as m2, tooltip as R2, formLabel as y1, formHelperText as b2, heading as y2, switchRecipe as F1, text as x2, textarea as H2, tabs as w2, select as V2, input as _2, inputAddon as S2, inputGroup as T2, datepicker as P2, tag as B1, radioButtonGroup as k2, radioGroup as I2, chip as z2, actionCard as D2, iconButton as F2, alert as B2, tableContainer as A2, tableGroupTitle as E2, tableEmptyRow as N2, table as j2, breadcrumb as W2, popover as $2, pagination as O2, illustration as G2, buttonFilter as U2, statusTagSelect as Y2, switchCard as x1, radioCardGroup as X2, checkboxCard as H1, productCardCatalog as q2 } from "@stokelp/styled-system/recipes";
-import { createContext as b5, forwardRef as Z, useContext as y5, createElement as x5, useMemo as M1, useReducer as J2, useEffect as Q2, useRef as S1, useLayoutEffect as T1, Children as K2, cloneElement as w1, useState as H5 } from "react";
-import { cx as E, css as O, sva as C4 } from "@stokelp/styled-system/css";
-import * as e4 from "react-is";
-import { defineKeyframes as l4, defineRecipe as x, defineSlotRecipe as M, defineSemanticTokens as r4, defineTextStyles as o4, defineTokens as R, defineUtility as t4, definePreset as i4 } from "@pandacss/dev";
+import { Accordion as i1, ark as p, Checkbox as V, Dialog as D, useDialogContext as L2, Portal as Q, Tooltip as J, Switch as T, Tabs as K, Select as h, DatePicker as s, RadioGroup as m, Popover as $, switchAnatomy as c2, dialogAnatomy as u2, accordionAnatomy as p2, checkboxAnatomy as M2, tabsAnatomy as s2, selectAnatomy as m5, datePickerAnatomy as Z2, radioGroupAnatomy as R5, tooltipAnatomy as h2, popoverAnatomy as f2 } from "@ark-ui/react";
+import { styled as o, splitCssProps as N, Circle as v2 } from "@stokelp/styled-system/jsx";
+import { accordion as g2, button as m2, checkbox as D1, drawer as R2, formControl as b2, tooltip as y2, formLabel as y1, formHelperText as x2, heading as H2, switchRecipe as F1, text as w2, textarea as V2, tabs as _2, select as S2, input as T2, inputAddon as P2, inputGroup as k2, datepicker as I2, tag as B1, radioButtonGroup as z2, radioGroup as D2, chip as F2, actionCard as B2, iconButton as A2, alert as E2, tableContainer as N2, tableGroupTitle as j2, tableEmptyRow as W2, table as $2, breadcrumb as O2, popover as G2, pagination as U2, illustration as Y2, buttonFilter as X2, statusTagSelect as q2, switchCard as x1, radioCardGroup as Q2, checkboxCard as H1, productCardCatalog as J2 } from "@stokelp/styled-system/recipes";
+import { createContext as b5, forwardRef as Z, useContext as y5, createElement as x5, useEffect as H5, useMemo as M1, useReducer as K2, useRef as S1, useLayoutEffect as T1, Children as C4, cloneElement as w1, useState as w5 } from "react";
+import { cx as E, css as O, sva as e4 } from "@stokelp/styled-system/css";
+import { useMediaQuery as l4 } from "usehooks-ts";
+import { token as r4 } from "@stokelp/styled-system/tokens";
+import * as o4 from "react-is";
+import { defineKeyframes as t4, defineRecipe as x, defineSlotRecipe as M, defineSemanticTokens as i4, defineTextStyles as n4, defineTokens as R, defineUtility as d4, definePreset as a4 } from "@pandacss/dev";
 const A1 = (...e) => e.filter(Boolean).join(" "), f = (e, l) => {
   const r = b5(null);
   return {
@@ -41,11 +43,11 @@ const A1 = (...e) => e.filter(Boolean).join(" "), f = (e, l) => {
       ) });
     })
   };
-}, { withProvider: n4, withContext: s1 } = f(f2), y8 = n4(o(i1.Root), "root"), x8 = s1(o(i1.Item), "item"), H8 = s1(o(i1.ItemContent), "itemContent"), w8 = s1(o(i1.ItemIndicator), "itemIndicator", {
+}, { withProvider: L4, withContext: s1 } = f(g2), _8 = L4(o(i1.Root), "root"), S8 = s1(o(i1.Item), "item"), T8 = s1(o(i1.ItemContent), "itemContent"), P8 = s1(o(i1.ItemIndicator), "itemIndicator", {
   defaultProps: {
     children: /* @__PURE__ */ C("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M4.94 6.03L8 9.08333L11.06 6.03L12 6.97L8 10.97L4 6.97L4.94 6.03Z", fill: "currentColor" }) })
   }
-}), V8 = s1(o(i1.ItemTrigger), "itemTrigger"), V1 = o(p.button, v2), w5 = () => /* @__PURE__ */ a("svg", { viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+}), k8 = s1(o(i1.ItemTrigger), "itemTrigger"), V1 = o(p.button, m2), V5 = () => /* @__PURE__ */ a("svg", { viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ C("title", { children: "Check Icon" }),
   /* @__PURE__ */ C(
     "path",
@@ -54,30 +56,30 @@ const A1 = (...e) => e.filter(Boolean).join(" "), f = (e, l) => {
       fill: "white"
     }
   )
-] }), V5 = () => /* @__PURE__ */ a("svg", { width: "12", height: "13", viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), _5 = () => /* @__PURE__ */ a("svg", { width: "12", height: "13", viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ C("title", { children: "Minus Icon" }),
   /* @__PURE__ */ C("path", { d: "M3 6H9V7H3V6Z", fill: "white" })
-] }), d4 = Z((e, l) => {
+] }), c4 = Z((e, l) => {
   const [r, t] = D1.splitVariantProps(e), [i, L] = N(t), { children: n, className: d, ...u } = L, c = D1(r);
   return /* @__PURE__ */ a(V.Root, { ref: l, className: E(c.root, O(i), d), ...u, children: [
     /* @__PURE__ */ a(V.Control, { className: c.control, children: [
-      /* @__PURE__ */ C(V.Indicator, { children: /* @__PURE__ */ C(w5, {}) }),
-      /* @__PURE__ */ C(V.Indicator, { indeterminate: !0, children: /* @__PURE__ */ C(V5, {}) })
+      /* @__PURE__ */ C(V.Indicator, { children: /* @__PURE__ */ C(V5, {}) }),
+      /* @__PURE__ */ C(V.Indicator, { indeterminate: !0, children: /* @__PURE__ */ C(_5, {}) })
     ] }),
     n && /* @__PURE__ */ C(V.Label, { className: c.label, children: n }),
     /* @__PURE__ */ C(V.HiddenInput, {})
   ] });
 });
-d4.displayName = "Checkbox";
-const { withProvider: a4, withContext: F } = f(g2), _8 = a4(D.Root, void 0, {
+c4.displayName = "Checkbox";
+const { withProvider: u4, withContext: F } = f(R2), I8 = u4(D.Root, void 0, {
   defaultProps: {
     unmountOnExit: !0,
     lazyMount: !0
   }
-}), S8 = F(o(p.main), "body"), L4 = F(o(D.CloseTrigger), "closeTrigger"), T8 = F(o(p.footer), "footer"), _5 = Z(
+}), z8 = F(o(p.main), "body"), p4 = F(o(D.CloseTrigger), "closeTrigger"), D8 = F(o(p.footer), "footer"), S5 = Z(
   ({ children: e, showCloseTrigger: l = !0, ...r }, t) => /* @__PURE__ */ a(p.header, { ...r, ref: t, children: [
     e,
-    l && /* @__PURE__ */ C(L4, { asChild: !0, children: /* @__PURE__ */ C(V1, { ml: "auto", p: "space-8", variant: "tertiary", children: /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
+    l && /* @__PURE__ */ C(p4, { asChild: !0, children: /* @__PURE__ */ C(V1, { ml: "auto", p: "space-8", variant: "tertiary", children: /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
       "path",
       {
         d: "M12.6666 4.27331L11.7266 3.33331L7.99998 7.05998L4.27331 3.33331L3.33331 4.27331L7.05998 7.99998L3.33331 11.7266L4.27331 12.6666L7.99998 8.93998L11.7266 12.6666L12.6666 11.7266L8.93998 7.99998L12.6666 4.27331Z",
@@ -86,25 +88,40 @@ const { withProvider: a4, withContext: F } = f(g2), _8 = a4(D.Root, void 0, {
     ) }) }) })
   ] })
 );
-_5.displayName = "DrawerHeader";
-const P8 = F(_5, "header"), k8 = F(o(D.Title), "title"), I8 = F(o(D.Trigger), "trigger"), c4 = F(o(D.Positioner), "positioner"), u4 = F(o(D.Backdrop), "backdrop"), S5 = Z(
-  ({ children: e, ...l }, r) => /* @__PURE__ */ a(J, { children: [
-    /* @__PURE__ */ C(u4, {}),
-    /* @__PURE__ */ C(c4, { children: /* @__PURE__ */ C(D.Content, { ref: r, ...l, children: e }) })
-  ] })
+S5.displayName = "DrawerHeader";
+const F8 = F(S5, "header"), B8 = F(o(D.Title), "title"), A8 = F(o(D.Trigger), "trigger"), M4 = F(o(D.Positioner), "positioner"), s4 = F(o(D.Backdrop), "backdrop"), T5 = Z(
+  ({ children: e, ...l }, r) => {
+    const t = l4(`(max-width: ${r4("breakpoints.md")})`, {
+      defaultValue: !1
+    }), { open: i, getContentProps: L } = L2();
+    return H5(() => {
+      i && setTimeout(() => {
+        const { id: n } = L();
+        if (!n) return;
+        const d = document.getElementById(n);
+        if (d) {
+          const u = d.querySelector("footer");
+          u && (t ? d.style.setProperty("--footer-height", `${Math.ceil(u.clientHeight)}px`) : d.style.setProperty("--footer-height", `${Math.ceil(u.clientHeight)}px`));
+        }
+      }, 0);
+    }, [i, t]), /* @__PURE__ */ a(Q, { children: [
+      /* @__PURE__ */ C(s4, {}),
+      /* @__PURE__ */ C(M4, { children: /* @__PURE__ */ C(D.Content, { ref: r, ...l, children: e }) })
+    ] });
+  }
 );
-S5.displayName = D.Content.displayName;
-const z8 = F(o(S5), "content"), D8 = D.Context, p4 = o("div", m2, {
+T5.displayName = D.Content.displayName;
+const E8 = F(o(T5), "content"), N8 = D.Context, Z4 = o("div", b2, {
   defaultProps: {
     role: "group"
   }
-}), F8 = ({ isInvalid: e, isRequired: l, ...r }) => {
+}), j8 = ({ isInvalid: e, isRequired: l, ...r }) => {
   const t = {
     ...e ? { "aria-invalid": !0 } : {},
     ...l ? { "aria-required": !0 } : {}
   };
-  return /* @__PURE__ */ C(p4, { ...t, ...r });
-}, { withProvider: M4, withContext: n1 } = f(R2), s4 = M4(o(Q.Root), void 0, {
+  return /* @__PURE__ */ C(Z4, { ...t, ...r });
+}, { withProvider: h4, withContext: n1 } = f(y2), f4 = h4(o(J.Root), void 0, {
   defaultProps: {
     closeDelay: 50,
     closeOnPointerDown: !1,
@@ -113,21 +130,21 @@ const z8 = F(o(S5), "content"), D8 = D.Context, p4 = o("div", m2, {
     openDelay: 200,
     unmountOnExit: !0
   }
-}), Z4 = n1(o(Q.Arrow), "arrow"), h4 = n1(o(Q.ArrowTip), "arrowTip"), f4 = n1(o(Q.Content), "content"), v4 = n1(o(Q.Positioner), "positioner"), g4 = n1(o(Q.Trigger), "trigger"), m4 = ({ label: e, children: l, withArrow: r = !0, ...t }) => {
+}), v4 = n1(o(J.Arrow), "arrow"), g4 = n1(o(J.ArrowTip), "arrowTip"), m4 = n1(o(J.Content), "content"), R4 = n1(o(J.Positioner), "positioner"), b4 = n1(o(J.Trigger), "trigger"), y4 = ({ label: e, children: l, withArrow: r = !0, ...t }) => {
   const [i, L] = N(t);
-  return /* @__PURE__ */ a(s4, { ...L, children: [
-    /* @__PURE__ */ C(g4, { asChild: !0, children: l }),
-    /* @__PURE__ */ C(J, { children: /* @__PURE__ */ C(v4, { children: /* @__PURE__ */ a(f4, { ...i, children: [
-      r ? /* @__PURE__ */ C(Z4, { children: /* @__PURE__ */ C(h4, {}) }) : null,
+  return /* @__PURE__ */ a(f4, { ...L, children: [
+    /* @__PURE__ */ C(b4, { asChild: !0, children: l }),
+    /* @__PURE__ */ C(Q, { children: /* @__PURE__ */ C(R4, { children: /* @__PURE__ */ a(m4, { ...i, children: [
+      r ? /* @__PURE__ */ C(v4, { children: /* @__PURE__ */ C(g4, {}) }) : null,
       e
     ] }) }) })
   ] });
-}, R4 = o("label", y1), B8 = (e) => {
+}, x4 = o("label", y1), W8 = (e) => {
   const [l, r] = y1.splitVariantProps(e), [t, i] = N(r), { children: L, className: n, addon: d, tooltipInformation: u, ...c } = i, v = y1(l);
-  return /* @__PURE__ */ a(R4, { className: E(v.root, O(t), n), ...c, children: [
+  return /* @__PURE__ */ a(x4, { className: E(v.root, O(t), n), ...c, children: [
     L,
     d ? /* @__PURE__ */ C(o.span, { className: v.addon, children: d }) : null,
-    u ? /* @__PURE__ */ C(m4, { label: u, children: /* @__PURE__ */ C(
+    u ? /* @__PURE__ */ C(y4, { label: u, children: /* @__PURE__ */ C(
       o.svg,
       {
         className: v.icon,
@@ -146,12 +163,12 @@ const z8 = F(o(S5), "content"), D8 = D.Context, p4 = o("div", m2, {
       }
     ) }) : null
   ] });
-}, A8 = o("p", b2, {
+}, $8 = o("p", x2, {
   dataAttr: !0
-}), E8 = (e) => {
-  const { as: l = "h2", ...r } = e, t = M1(() => o(l, y2), [l]);
+}), O8 = (e) => {
+  const { as: l = "h2", ...r } = e, t = M1(() => o(l, H2), [l]);
   return /* @__PURE__ */ C(t, { size: l, ...r });
-}, b4 = Z((e, l) => {
+}, H4 = Z((e, l) => {
   const [r, t] = F1.splitVariantProps(e), [i, L] = N(t), { children: n, className: d, ...u } = L, c = F1(r);
   return /* @__PURE__ */ a(T.Root, { ref: l, className: E(c.root, O(i), d), ...u, children: [
     /* @__PURE__ */ C(T.Control, { className: c.control, children: /* @__PURE__ */ C(T.Thumb, { className: c.thumb }) }),
@@ -159,26 +176,26 @@ const z8 = F(o(S5), "content"), D8 = D.Context, p4 = o("div", m2, {
     /* @__PURE__ */ C(T.HiddenInput, {})
   ] });
 });
-b4.displayName = "Switch";
-const y4 = (e) => {
-  const { as: l = "p", ...r } = e, t = M1(() => o(l, x2), [l]);
+H4.displayName = "Switch";
+const w4 = (e) => {
+  const { as: l = "p", ...r } = e, t = M1(() => o(l, w2), [l]);
   return /* @__PURE__ */ C(t, { ...r });
-}, N8 = o(p.textarea, H2), { withProvider: x4, withContext: Z1 } = f(w2), j8 = x4(o(K.Root), "root", {
+}, G8 = o(p.textarea, V2), { withProvider: V4, withContext: Z1 } = f(_2), U8 = V4(o(K.Root), "root", {
   defaultProps: {
     lazyMount: !0
   }
-}), W8 = Z1(o(K.Content), "content"), $8 = Z1(o(K.Trigger), "trigger"), H4 = Z1(o(K.Indicator), "indicator"), T5 = Z(
+}), Y8 = Z1(o(K.Content), "content"), X8 = Z1(o(K.Trigger), "trigger"), _4 = Z1(o(K.Indicator), "indicator"), P5 = Z(
   ({ children: e, ...l }, r) => /* @__PURE__ */ a(K.List, { ref: r, ...l, children: [
     e,
-    /* @__PURE__ */ C(H4, {})
+    /* @__PURE__ */ C(_4, {})
   ] })
 );
-T5.displayName = K.List.displayName;
-const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l === !0 ? r(e) : e, { withProvider: w4, withContext: P } = f(V2), V4 = w4(o(h.Root), "root", {
+P5.displayName = K.List.displayName;
+const q8 = Z1(o(P5), "list"), k5 = ({ children: e, when: l, wrapper: r }) => l === !0 ? r(e) : e, { withProvider: S4, withContext: P } = f(S2), T4 = S4(o(h.Root), "root", {
   defaultProps: {
     loopFocus: !0
   }
-}), _4 = P(o(h.ClearTrigger), "clearTrigger"), S4 = P(o(h.Content), "content"), T4 = P(o(h.Control), "control"), P4 = P(o(h.Indicator), "indicator"), k4 = P(o(h.Item), "item"), I4 = P(o(h.ItemIndicator), "itemIndicator"), z4 = P(o(h.ItemText), "itemText"), D4 = P(o(h.Positioner), "positioner"), F4 = P(o(h.Trigger), "trigger"), B4 = P(o(h.ValueText), "valueText"), G8 = ({
+}), P4 = P(o(h.ClearTrigger), "clearTrigger"), k4 = P(o(h.Content), "content"), I4 = P(o(h.Control), "control"), z4 = P(o(h.Indicator), "indicator"), D4 = P(o(h.Item), "item"), F4 = P(o(h.ItemIndicator), "itemIndicator"), B4 = P(o(h.ItemText), "itemText"), A4 = P(o(h.Positioner), "positioner"), E4 = P(o(h.Trigger), "trigger"), N4 = P(o(h.ValueText), "valueText"), Q8 = ({
   items: e,
   placeholder: l,
   emptyLabel: r,
@@ -186,7 +203,7 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
   positioning: i,
   ...L
 }) => /* @__PURE__ */ a(
-  V4,
+  T4,
   {
     lazyMount: !0,
     unmountOnExit: !0,
@@ -195,10 +212,10 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
     "data-recipe": "select",
     ...L,
     children: [
-      /* @__PURE__ */ a(T4, { children: [
-        /* @__PURE__ */ a(F4, { children: [
-          /* @__PURE__ */ C(B4, { truncate: !0, placeholder: l }),
-          /* @__PURE__ */ C(P4, { asChild: !0, children: /* @__PURE__ */ C(o.svg, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
+      /* @__PURE__ */ a(I4, { children: [
+        /* @__PURE__ */ a(E4, { children: [
+          /* @__PURE__ */ C(N4, { truncate: !0, placeholder: l }),
+          /* @__PURE__ */ C(z4, { asChild: !0, children: /* @__PURE__ */ C(o.svg, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
             "path",
             {
               d: "M7.41 8.29498L12 12.875L16.59 8.29498L18 9.70498L12 15.705L6 9.70498L7.41 8.29498Z",
@@ -206,7 +223,7 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
             }
           ) }) })
         ] }),
-        /* @__PURE__ */ C(_4, { asChild: !0, children: /* @__PURE__ */ C("button", { children: /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
+        /* @__PURE__ */ C(P4, { asChild: !0, children: /* @__PURE__ */ C("button", { children: /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
           "path",
           {
             d: "M9.99996 1.66669C5.39163 1.66669 1.66663 5.39169 1.66663 10C1.66663 14.6084 5.39163 18.3334 9.99996 18.3334C14.6083 18.3334 18.3333 14.6084 18.3333 10C18.3333 5.39169 14.6083 1.66669 9.99996 1.66669ZM9.99996 16.6667C6.32496 16.6667 3.33329 13.675 3.33329 10C3.33329 6.32502 6.32496 3.33335 9.99996 3.33335C13.675 3.33335 16.6666 6.32502 16.6666 10C16.6666 13.675 13.675 16.6667 9.99996 16.6667ZM12.9916 5.83335L9.99996 8.82502L7.00829 5.83335L5.83329 7.00835L8.82496 10L5.83329 12.9917L7.00829 14.1667L9.99996 11.175L12.9916 14.1667L14.1666 12.9917L11.175 10L14.1666 7.00835L12.9916 5.83335Z",
@@ -214,23 +231,23 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
           }
         ) }) }) })
       ] }),
-      /* @__PURE__ */ C(P5, { when: t, wrapper: (n) => /* @__PURE__ */ C(J, { children: n }), children: /* @__PURE__ */ C(D4, { children: /* @__PURE__ */ C(S4, { children: e.length === 0 ? /* @__PURE__ */ C(y4, { px: "space-8", textAlign: "center", children: r ?? "Aucun résultat" }) : e.map((n) => /* @__PURE__ */ a(k4, { item: n, children: [
-        /* @__PURE__ */ C(z4, { truncate: !0, children: n.label }),
-        L.multiple ? /* @__PURE__ */ C(I4, { children: "✓" }) : null
+      /* @__PURE__ */ C(k5, { when: t, wrapper: (n) => /* @__PURE__ */ C(Q, { children: n }), children: /* @__PURE__ */ C(A4, { children: /* @__PURE__ */ C(k4, { children: e.length === 0 ? /* @__PURE__ */ C(w4, { px: "space-8", textAlign: "center", children: r ?? "Aucun résultat" }) : e.map((n) => /* @__PURE__ */ a(D4, { item: n, children: [
+        /* @__PURE__ */ C(B4, { truncate: !0, children: n.label }),
+        L.multiple ? /* @__PURE__ */ C(F4, { children: "✓" }) : null
       ] }, n.value)) }) }) }),
       /* @__PURE__ */ C(h.HiddenSelect, {})
     ]
   }
-), E1 = o("input", _2, {
+), E1 = o("input", T2, {
   dataAttr: !0
-}), N1 = o(p.div, S2, {
+}), N1 = o(p.div, P2, {
   dataAttr: !0
-}), j1 = o("div", T2, {
+}), j1 = o("div", k2, {
   dataAttr: !0
-}), U8 = (e) => {
+}), J8 = (e) => {
   const { as: l = "div", ...r } = e, t = M1(() => o(l), [l]);
   return /* @__PURE__ */ C(t, { ...r });
-}, { withProvider: A4, withContext: g } = f(P2), E4 = A4(s.Root, "root", {
+}, { withProvider: j4, withContext: g } = f(I2), W4 = j4(s.Root, "root", {
   defaultProps: {
     positioning: {
       placement: "bottom-start"
@@ -241,13 +258,13 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
     lazyMount: !0,
     startOfWeek: 6
   }
-}), N4 = g(s.Content, "content"), j4 = g(s.Control, "control"), W1 = g(s.Input, "input"), W4 = g(s.MonthSelect, "monthSelect"), $4 = g(s.NextTrigger, "nextTrigger"), O4 = g(s.Positioner, "positioner"), G4 = g(s.PrevTrigger, "prevTrigger"), U4 = g(s.TableBody, "tableBody"), Y4 = g(s.TableCell, "tableCell"), X4 = g(s.TableCellTrigger, "tableCellTrigger"), q4 = g(s.TableHead, "tableHead"), J4 = g(s.TableHeader, "tableHeader"), Q4 = g(s.Table, "table"), $1 = g(s.TableRow, "tableRow"), O1 = g(s.Trigger, "trigger"), K4 = g(s.ViewControl, "viewControl"), C3 = g(s.View, "view"), e3 = g(s.YearSelect, "yearSelect"), G1 = g(o(s.ClearTrigger), "clearTrigger"), U1 = () => /* @__PURE__ */ C("svg", { width: "23", height: "24", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
+}), $4 = g(s.Content, "content"), O4 = g(s.Control, "control"), W1 = g(s.Input, "input"), G4 = g(s.MonthSelect, "monthSelect"), U4 = g(s.NextTrigger, "nextTrigger"), Y4 = g(s.Positioner, "positioner"), X4 = g(s.PrevTrigger, "prevTrigger"), q4 = g(s.TableBody, "tableBody"), Q4 = g(s.TableCell, "tableCell"), J4 = g(s.TableCellTrigger, "tableCellTrigger"), K4 = g(s.TableHead, "tableHead"), C3 = g(s.TableHeader, "tableHeader"), e3 = g(s.Table, "table"), $1 = g(s.TableRow, "tableRow"), O1 = g(s.Trigger, "trigger"), l3 = g(s.ViewControl, "viewControl"), r3 = g(s.View, "view"), o3 = g(s.YearSelect, "yearSelect"), G1 = g(o(s.ClearTrigger), "clearTrigger"), U1 = () => /* @__PURE__ */ C("svg", { width: "23", height: "24", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
   "path",
   {
     d: "M18.2083 4H17.25V2H15.3333V4H7.66667V2H5.75V4H4.79167C3.72792 4 2.88458 4.9 2.88458 6L2.875 20C2.875 21.1 3.72792 22 4.79167 22H18.2083C19.2625 22 20.125 21.1 20.125 20V6C20.125 4.9 19.2625 4 18.2083 4ZM18.2083 20H4.79167V10H18.2083V20ZM18.2083 8H4.79167V6H18.2083V8ZM8.625 14H6.70833V12H8.625V14ZM12.4583 14H10.5417V12H12.4583V14ZM16.2917 14H14.375V12H16.2917V14ZM8.625 18H6.70833V16H8.625V18ZM12.4583 18H10.5417V16H12.4583V18ZM16.2917 18H14.375V16H16.2917V18Z",
     fill: "#1E3A76"
   }
-) }), l3 = () => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M10.4698 4.94L9.52979 4L5.52979 8L9.52979 12L10.4698 11.06L7.41645 8L10.4698 4.94Z", fill: "currentColor" }) }), r3 = () => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M6.46979 4L5.52979 4.94L8.58312 8L5.52979 11.06L6.46979 12L10.4698 8L6.46979 4Z", fill: "currentColor" }) }), Y8 = ({
+) }), t3 = () => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M10.4698 4.94L9.52979 4L5.52979 8L9.52979 12L10.4698 11.06L7.41645 8L10.4698 4.94Z", fill: "currentColor" }) }), i3 = () => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M6.46979 4L5.52979 4.94L8.58312 8L5.52979 11.06L6.46979 12L10.4698 8L6.46979 4Z", fill: "currentColor" }) }), K8 = ({
   placeholder: e,
   preflightClassName: l,
   selectionMode: r,
@@ -255,8 +272,8 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
   ...i
 }) => {
   const L = r === "range";
-  return /* @__PURE__ */ a(E4, { ...i, selectionMode: r, children: [
-    /* @__PURE__ */ C(s.Context, { children: (n) => /* @__PURE__ */ a(j4, { children: [
+  return /* @__PURE__ */ a(W4, { ...i, selectionMode: r, children: [
+    /* @__PURE__ */ C(s.Context, { children: (n) => /* @__PURE__ */ a(O4, { children: [
       /* @__PURE__ */ a(j1, { children: [
         /* @__PURE__ */ C(W1, { asChild: !0, index: 0, placeholder: e, children: /* @__PURE__ */ C(
           E1,
@@ -300,42 +317,42 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
         ] })
       ] }) : null
     ] }) }),
-    /* @__PURE__ */ C(J, { children: /* @__PURE__ */ C(O4, { className: l, children: /* @__PURE__ */ C(N4, { children: /* @__PURE__ */ C(C3, { view: "day", children: /* @__PURE__ */ C(s.Context, { children: (n) => /* @__PURE__ */ a(b1, { children: [
-      /* @__PURE__ */ a(K4, { children: [
-        /* @__PURE__ */ C(G4, { asChild: !0, children: /* @__PURE__ */ C(V1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(l3, {}) }) }),
-        /* @__PURE__ */ C(W4, {}),
-        /* @__PURE__ */ C(e3, {}),
-        /* @__PURE__ */ C($4, { asChild: !0, children: /* @__PURE__ */ C(V1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(r3, {}) }) })
+    /* @__PURE__ */ C(Q, { children: /* @__PURE__ */ C(Y4, { className: l, children: /* @__PURE__ */ C($4, { children: /* @__PURE__ */ C(r3, { view: "day", children: /* @__PURE__ */ C(s.Context, { children: (n) => /* @__PURE__ */ a(b1, { children: [
+      /* @__PURE__ */ a(l3, { children: [
+        /* @__PURE__ */ C(X4, { asChild: !0, children: /* @__PURE__ */ C(V1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(t3, {}) }) }),
+        /* @__PURE__ */ C(G4, {}),
+        /* @__PURE__ */ C(o3, {}),
+        /* @__PURE__ */ C(U4, { asChild: !0, children: /* @__PURE__ */ C(V1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(i3, {}) }) })
       ] }),
-      /* @__PURE__ */ a(Q4, { children: [
-        /* @__PURE__ */ C(q4, { children: /* @__PURE__ */ C($1, { children: n.weekDays.map((d, u) => /* @__PURE__ */ C(J4, { children: d.short }, u)) }) }),
-        /* @__PURE__ */ C(U4, { children: n.weeks.map((d, u) => /* @__PURE__ */ C($1, { children: d.map((c, v) => /* @__PURE__ */ C(Y4, { value: c, children: /* @__PURE__ */ C(X4, { asChild: !0, children: /* @__PURE__ */ C("button", { children: c.day }) }) }, v)) }, u)) })
+      /* @__PURE__ */ a(e3, { children: [
+        /* @__PURE__ */ C(K4, { children: /* @__PURE__ */ C($1, { children: n.weekDays.map((d, u) => /* @__PURE__ */ C(C3, { children: d.short }, u)) }) }),
+        /* @__PURE__ */ C(q4, { children: n.weeks.map((d, u) => /* @__PURE__ */ C($1, { children: d.map((c, v) => /* @__PURE__ */ C(Q4, { value: c, children: /* @__PURE__ */ C(J4, { asChild: !0, children: /* @__PURE__ */ C("button", { children: c.day }) }) }, v)) }, u)) })
       ] })
     ] }) }) }) }) }) })
   ] });
-}, X8 = Z((e, l) => {
+}, C7 = Z((e, l) => {
   const [r, t] = B1.splitVariantProps(e), [i, L] = N(t), { children: n, className: d, ...u } = L, c = B1(r);
   return /* @__PURE__ */ a(p.div, { ref: l, className: E(c.root, O(i), d), ...u, children: [
     n,
-    /* @__PURE__ */ C(h2, { className: E(c.badge) })
+    /* @__PURE__ */ C(v2, { className: E(c.badge) })
   ] });
-}), { withProvider: o3, withContext: h1 } = f(k2), t3 = h1(o(m.ItemControl), "itemControl"), i3 = h1(o(m.ItemText), "itemText"), n3 = Z(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ a(m.Item, { ref: t, ...r, value: l, children: [
-  /* @__PURE__ */ C(i3, { children: e }),
-  /* @__PURE__ */ C(t3, {}),
+}), { withProvider: n3, withContext: h1 } = f(z2), d3 = h1(o(m.ItemControl), "itemControl"), a3 = h1(o(m.ItemText), "itemText"), L3 = Z(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ a(m.Item, { ref: t, ...r, value: l, children: [
+  /* @__PURE__ */ C(a3, { children: e }),
+  /* @__PURE__ */ C(d3, {}),
   /* @__PURE__ */ C(m.ItemHiddenInput, {})
-] })), q8 = o3(o(m.Root), "root", {
+] })), e7 = n3(o(m.Root), "root", {
   defaultProps: {
     orientation: "horizontal"
   }
-}), J8 = h1(o(n3), "item"), Q8 = h1(o(m.Label), "label"), { withProvider: d3, withContext: f1 } = f(I2), a3 = f1(o(m.ItemControl), "itemControl"), L3 = f1(o(m.ItemText), "itemText"), c3 = Z(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ a(m.Item, { ref: t, ...r, value: l, children: [
-  /* @__PURE__ */ C(a3, {}),
-  /* @__PURE__ */ C(L3, { children: e }),
+}), l7 = h1(o(L3), "item"), r7 = h1(o(m.Label), "label"), { withProvider: c3, withContext: f1 } = f(D2), u3 = f1(o(m.ItemControl), "itemControl"), p3 = f1(o(m.ItemText), "itemText"), M3 = Z(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ a(m.Item, { ref: t, ...r, value: l, children: [
+  /* @__PURE__ */ C(u3, {}),
+  /* @__PURE__ */ C(p3, { children: e }),
   /* @__PURE__ */ C(m.ItemHiddenInput, {})
-] })), K8 = d3(o(m.Root), "root", {
+] })), o7 = c3(o(m.Root), "root", {
   defaultProps: {
     orientation: "horizontal"
   }
-}), C7 = f1(o(c3), "item"), e7 = f1(o(m.Label), "label"), { withProvider: u3, withContext: P1 } = f(z2), l7 = u3(o(p.span), "root"), r7 = P1(o("img"), "avatar"), o7 = P1(o(p.p), "body"), t7 = P1(o(p.button), "clearTrigger", {
+}), t7 = f1(o(M3), "item"), i7 = f1(o(m.Label), "label"), { withProvider: s3, withContext: P1 } = f(F2), n7 = s3(o(p.span), "root"), d7 = P1(o("img"), "avatar"), a7 = P1(o(p.p), "body"), L7 = P1(o(p.button), "clearTrigger", {
   defaultProps: {
     type: "button",
     children: /* @__PURE__ */ C("svg", { width: "14", height: "15", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
@@ -346,14 +363,14 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
       }
     ) })
   }
-}), { withProvider: p3, withContext: k1 } = f(D2, {
+}), { withProvider: Z3, withContext: k1 } = f(B2, {
   dataAttr: !0
-}), M3 = k1(o(p.svg), "icon"), i7 = p3(o(p.button), "root", {
+}), h3 = k1(o(p.svg), "icon"), c7 = Z3(o(p.button), "root", {
   defaultProps: {
     role: "group"
   },
-  afterSlot: /* @__PURE__ */ C(M3, { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M9.70501 6L8.29501 7.41L12.875 12L8.29501 16.59L9.70501 18L15.705 12L9.70501 6Z", fill: "currentColor" }) })
-}), n7 = k1(o(p.h3), "title"), d7 = k1(o(p.p), "description"), _1 = o("button", F2), { withProvider: s3, withContext: I1 } = f(B2), Z3 = s3(o(p.div), "root"), h3 = I1(o(p.svg), "icon"), f3 = I1(o(p.h3), "title"), v3 = I1(o(p.p), "description"), g3 = (e) => {
+  afterSlot: /* @__PURE__ */ C(h3, { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M9.70501 6L8.29501 7.41L12.875 12L8.29501 16.59L9.70501 18L15.705 12L9.70501 6Z", fill: "currentColor" }) })
+}), u7 = k1(o(p.h3), "title"), p7 = k1(o(p.p), "description"), _1 = o("button", A2), { withProvider: f3, withContext: I1 } = f(E2), v3 = f3(o(p.div), "root"), g3 = I1(o(p.svg), "icon"), m3 = I1(o(p.h3), "title"), R3 = I1(o(p.p), "description"), b3 = (e) => {
   switch (e) {
     default:
     case "neutral":
@@ -397,10 +414,10 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
         }
       ) });
   }
-}, a7 = Z(
-  ({ title: e, description: l, showDismissTrigger: r, onDismiss: t, severity: i, showIcon: L = !0, ...n }, d) => /* @__PURE__ */ a(Z3, { ref: d, severity: i, ...n, children: [
-    /* @__PURE__ */ a(f3, { children: [
-      L ? /* @__PURE__ */ C(h3, { asChild: !0, children: g3(i) }) : null,
+}, M7 = Z(
+  ({ title: e, description: l, showDismissTrigger: r, onDismiss: t, severity: i, showIcon: L = !0, ...n }, d) => /* @__PURE__ */ a(v3, { ref: d, severity: i, ...n, children: [
+    /* @__PURE__ */ a(m3, { children: [
+      L ? /* @__PURE__ */ C(g3, { asChild: !0, children: b3(i) }) : null,
       e,
       r ? /* @__PURE__ */ C(_1, { ml: "auto", onClick: t, size: "sm", variant: "tertiary", "aria-label": "dismiss", children: /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
         "path",
@@ -410,9 +427,9 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
         }
       ) }) }) : null
     ] }),
-    l ? /* @__PURE__ */ C(v3, { children: l }) : null
+    l ? /* @__PURE__ */ C(R3, { children: l }) : null
   ] })
-), m3 = (e, l) => {
+), y3 = (e, l) => {
   switch (l.type) {
     case "CLEAR_SORT_DESCRIPTOR":
       return {
@@ -427,32 +444,32 @@ const O8 = Z1(o(T5), "list"), P5 = ({ children: e, when: l, wrapper: r }) => l =
     default:
       return e;
   }
-}, k5 = b5(void 0), R3 = () => {
-  const e = y5(k5);
+}, I5 = b5(void 0), x3 = () => {
+  const e = y5(I5);
   if (!e)
     throw new Error("useTable must be used within a <TableProvider/>");
   return e;
-}, b3 = ({ children: e, onSortChange: l }) => {
-  const [r, t] = J2(m3, {
+}, H3 = ({ children: e, onSortChange: l }) => {
+  const [r, t] = K2(y3, {
     sortDescriptor: null
   });
-  Q2(() => {
+  H5(() => {
     l == null || l(r.sortDescriptor);
   }, [JSON.stringify(r.sortDescriptor)]);
   const i = {
     ...r,
     dispatch: t
   };
-  return /* @__PURE__ */ C(k5.Provider, { value: i, children: e });
-}, { withProvider: y3, withContext: G } = f(j2), L7 = o("div", A2), x3 = y3(o("table"), "root"), H3 = Z(
-  ({ children: e, onSortChange: l, ...r }, t) => /* @__PURE__ */ C(b3, { onSortChange: l, children: /* @__PURE__ */ C(x3, { ref: t, ...r, children: e }) })
+  return /* @__PURE__ */ C(I5.Provider, { value: i, children: e });
+}, { withProvider: w3, withContext: G } = f($2), s7 = o("div", N2), V3 = w3(o("table"), "root"), _3 = Z(
+  ({ children: e, onSortChange: l, ...r }, t) => /* @__PURE__ */ C(H3, { onSortChange: l, children: /* @__PURE__ */ C(V3, { ref: t, ...r, children: e }) })
 );
-H3.displayName = "Table";
-const c7 = G(o("thead"), "thead"), Y1 = G(o("div"), "sortIndicatorRoot"), L1 = G(o("svg"), "sortIndicator"), u7 = G(o("tbody"), "tbody"), p7 = G(o("tr"), "tr"), w3 = G(o("th"), "th"), V3 = Z(
+_3.displayName = "Table";
+const Z7 = G(o("thead"), "thead"), Y1 = G(o("div"), "sortIndicatorRoot"), L1 = G(o("svg"), "sortIndicator"), h7 = G(o("tbody"), "tbody"), f7 = G(o("tr"), "tr"), S3 = G(o("th"), "th"), T3 = Z(
   ({ children: e, addon: l, sortKey: r, onClick: t, ...i }, L) => {
-    const { dispatch: n, sortDescriptor: d } = R3();
+    const { dispatch: n, sortDescriptor: d } = x3();
     return /* @__PURE__ */ a(
-      w3,
+      S3,
       {
         ref: L,
         ...i,
@@ -527,8 +544,8 @@ const c7 = G(o("thead"), "thead"), Y1 = G(o("div"), "sortIndicatorRoot"), L1 = G
     );
   }
 );
-V3.displayName = "Th";
-const M7 = G(o("td"), "td"), _3 = o("td", E2), S3 = Z((e, l) => {
+T3.displayName = "Th";
+const v7 = G(o("td"), "td"), P3 = o("td", j2), k3 = Z((e, l) => {
   const r = S1(null);
   return T1(() => {
     var t, i;
@@ -536,10 +553,10 @@ const M7 = G(o("td"), "td"), _3 = o("td", E2), S3 = Z((e, l) => {
       const L = (i = (t = r.current) == null ? void 0 : t.closest("table")) == null ? void 0 : i.querySelector("thead > tr");
       L && r.current.setAttribute("colspan", L.children.length.toString());
     }
-  }, []), /* @__PURE__ */ C("tr", { ref: l, className: "table_tr__group__title", children: /* @__PURE__ */ C(_3, { ref: r, ...e }) });
+  }, []), /* @__PURE__ */ C("tr", { ref: l, className: "table_tr__group__title", children: /* @__PURE__ */ C(P3, { ref: r, ...e }) });
 });
-S3.displayName = "TableGroupTitle";
-const T3 = o("td", N2), P3 = Z((e, l) => {
+k3.displayName = "TableGroupTitle";
+const I3 = o("td", W2), z3 = Z((e, l) => {
   const r = S1(null);
   return T1(() => {
     var t, i;
@@ -547,16 +564,16 @@ const T3 = o("td", N2), P3 = Z((e, l) => {
       const L = (i = (t = r.current) == null ? void 0 : t.closest("table")) == null ? void 0 : i.querySelector("thead > tr");
       L && r.current.setAttribute("colspan", L.children.length.toString());
     }
-  }, []), /* @__PURE__ */ C("tr", { ref: l, className: "table_tr__empty", children: /* @__PURE__ */ C(T3, { ref: r, ...e }) });
+  }, []), /* @__PURE__ */ C("tr", { ref: l, className: "table_tr__empty", children: /* @__PURE__ */ C(I3, { ref: r, ...e }) });
 });
-P3.displayName = "TableEmptyRow";
-const { withProvider: k3, withContext: z1 } = f(W2), I3 = k3(o("nav"), "root"), z3 = z1(o("ol"), "list"), s7 = z1(o("li"), "item"), Z7 = z1(o(p.a), "link"), D3 = /* @__PURE__ */ C("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M6.47003 4.5L5.53003 5.44L8.58336 8.5L5.53003 11.56L6.47003 12.5L10.47 8.5L6.47003 4.5Z", fill: "#1E3A76" }) }), h7 = Z(
-  ({ children: e, separator: l = D3, ...r }, t) => {
+z3.displayName = "TableEmptyRow";
+const { withProvider: D3, withContext: z1 } = f(O2), F3 = D3(o("nav"), "root"), B3 = z1(o("ol"), "list"), g7 = z1(o("li"), "item"), m7 = z1(o(p.a), "link"), A3 = /* @__PURE__ */ C("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M6.47003 4.5L5.53003 5.44L8.58336 8.5L5.53003 11.56L6.47003 12.5L10.47 8.5L6.47003 4.5Z", fill: "#1E3A76" }) }), R7 = Z(
+  ({ children: e, separator: l = A3, ...r }, t) => {
     var L;
-    const i = K2.toArray(
-      e4.isFragment(e) ? (L = e.props) == null ? void 0 : L.children : e
+    const i = C4.toArray(
+      o4.isFragment(e) ? (L = e.props) == null ? void 0 : L.children : e
     );
-    return /* @__PURE__ */ C(I3, { ...r, "aria-label": r["aria-label"] ?? "breadcrumb", ref: t, children: /* @__PURE__ */ C(z3, { children: i.map((n, d) => w1(n, {
+    return /* @__PURE__ */ C(F3, { ...r, "aria-label": r["aria-label"] ?? "breadcrumb", ref: t, children: /* @__PURE__ */ C(B3, { children: i.map((n, d) => w1(n, {
       "aria-current": d === i.length - 1 ? "page" : void 0,
       children: d === i.length - 1 ? n.props.children : /* @__PURE__ */ a(b1, { children: [
         n.props.children,
@@ -564,25 +581,25 @@ const { withProvider: k3, withContext: z1 } = f(W2), I3 = k3(o("nav"), "root"),
       ] })
     })) }) });
   }
-), { withProvider: F3, withContext: v1 } = f($2), f7 = F3($.Root, void 0, {
+), { withProvider: E3, withContext: v1 } = f(G2), b7 = E3($.Root, void 0, {
   defaultProps: {
     unmountOnExit: !0,
     lazyMount: !0,
     portalled: !0
   }
-}), v7 = v1(o($.CloseTrigger), "closeTrigger"), g7 = v1(o($.Trigger), "trigger"), B3 = v1(o($.Positioner), "positioner"), I5 = Z(
-  ({ children: e, ...l }, r) => /* @__PURE__ */ C(J, { children: /* @__PURE__ */ C(B3, { children: /* @__PURE__ */ C($.Content, { ref: r, ...l, children: e }) }) })
+}), y7 = v1(o($.CloseTrigger), "closeTrigger"), x7 = v1(o($.Trigger), "trigger"), N3 = v1(o($.Positioner), "positioner"), z5 = Z(
+  ({ children: e, ...l }, r) => /* @__PURE__ */ C(Q, { children: /* @__PURE__ */ C(N3, { children: /* @__PURE__ */ C($.Content, { ref: r, ...l, children: e }) }) })
 );
-I5.displayName = $.Content.displayName;
-const m7 = v1(o(I5), "content"), R7 = $.Context;
-function A3({
+z5.displayName = $.Content.displayName;
+const H7 = v1(o(z5), "content"), w7 = $.Context;
+function j3({
   value: e,
   defaultValue: l,
   finalValue: r,
   onChange: t = () => {
   }
 }) {
-  const [i, L] = H5(l !== void 0 ? l : r), n = (d, ...u) => {
+  const [i, L] = w5(l !== void 0 ? l : r), n = (d, ...u) => {
     L(d), t == null || t(d, ...u);
   };
   return e !== void 0 ? [e, t, !0] : [i, n, !1];
@@ -591,7 +608,7 @@ function A(e, l) {
   const r = l - e + 1;
   return Array.from({ length: r }, (t, i) => i + e);
 }
-const r1 = Symbol("dots"), E3 = ({
+const r1 = Symbol("dots"), W3 = ({
   total: e,
   siblings: l = 1,
   boundaries: r = 1,
@@ -599,7 +616,7 @@ const r1 = Symbol("dots"), E3 = ({
   initialPage: i = 1,
   onChange: L
 }) => {
-  const n = Math.max(Math.trunc(e), 0), [d, u] = A3({
+  const n = Math.max(Math.trunc(e), 0), [d, u] = j3({
     value: t,
     onChange: L,
     defaultValue: i,
@@ -637,7 +654,7 @@ const r1 = Symbol("dots"), E3 = ({
   };
 }, X1 = (e, l) => (r) => {
   e == null || e(r), l == null || l(r);
-}, { withProvider: N3, withContext: z5 } = f(O2), j3 = N3(o("div"), "root"), W3 = z5(o("button"), "item"), $3 = z5(o("div"), "dots"), b7 = ({
+}, { withProvider: $3, withContext: D5 } = f(U2), O3 = $3(o("div"), "root"), G3 = D5(o("button"), "item"), U3 = D5(o("div"), "dots"), V7 = ({
   total: e,
   value: l,
   defaultValue: r,
@@ -649,7 +666,7 @@ const r1 = Symbol("dots"), E3 = ({
   boundaries: u = 1,
   ...c
 }) => {
-  const { range: v, setPage: H, next: k, previous: B, active: I } = E3({
+  const { range: v, setPage: H, next: k, previous: B, active: I } = W3({
     page: l,
     initialPage: r,
     onChange: t,
@@ -657,7 +674,7 @@ const r1 = Symbol("dots"), E3 = ({
     siblings: d,
     boundaries: u
   }), S = X1(L, k), Y = X1(n, B);
-  return /* @__PURE__ */ a(j3, { ...c, children: [
+  return /* @__PURE__ */ a(O3, { ...c, children: [
     /* @__PURE__ */ C(
       _1,
       {
@@ -669,8 +686,8 @@ const r1 = Symbol("dots"), E3 = ({
         children: /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M10.47 11.06L7.4167 8L10.47 4.94L9.53003 4L5.53003 8L9.53003 12L10.47 11.06Z", fill: "currentColor" }) })
       }
     ),
-    v.map((z, W) => z === r1 ? /* @__PURE__ */ x5($3, { ...i ? { "data-disabled": !0 } : {}, key: W }, "...") : /* @__PURE__ */ C(
-      W3,
+    v.map((z, W) => z === r1 ? /* @__PURE__ */ x5(U3, { ...i ? { "data-disabled": !0 } : {}, key: W }, "...") : /* @__PURE__ */ C(
+      G3,
       {
         disabled: i,
         ...z === I ? {
@@ -701,7 +718,7 @@ const r1 = Symbol("dots"), E3 = ({
   height: void 0,
   preserveAspectRatio: "xMidYMid meet",
   ...l
-})), O3 = j(
+})), Y3 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ a("g", { clipPath: "url(#clip0_1422_2)", children: [
       /* @__PURE__ */ C(
@@ -1162,7 +1179,7 @@ const r1 = Symbol("dots"), E3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_2", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), G3 = j(
+), X3 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ C("g", { clipPath: "url(#clip0_1422_4)", children: /* @__PURE__ */ C(
       "path",
@@ -1173,7 +1190,7 @@ const r1 = Symbol("dots"), E3 = ({
     ) }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_4", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), U3 = j(
+), q3 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ a("g", { clipPath: "url(#clip0_1422_86)", children: [
       /* @__PURE__ */ C(
@@ -4104,7 +4121,7 @@ const r1 = Symbol("dots"), E3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_86", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), Y3 = j(
+), Q3 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ a("g", { clipPath: "url(#clip0_1422_91)", children: [
       /* @__PURE__ */ C(
@@ -4785,7 +4802,7 @@ const r1 = Symbol("dots"), E3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_91", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), X3 = j(
+), J3 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ a("g", { clipPath: "url(#clip0_1422_164)", children: [
       /* @__PURE__ */ C(
@@ -6275,7 +6292,7 @@ const r1 = Symbol("dots"), E3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_164", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), q3 = j(
+), K3 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ a("g", { clipPath: "url(#clip0_1422_237)", children: [
       /* @__PURE__ */ C(
@@ -7324,7 +7341,7 @@ const r1 = Symbol("dots"), E3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_237", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), J3 = j(
+), C6 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ a("g", { clipPath: "url(#clip0_1422_310)", children: [
       /* @__PURE__ */ C(
@@ -9495,7 +9512,7 @@ const r1 = Symbol("dots"), E3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_310", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), Q3 = j(
+), e6 = j(
   /* @__PURE__ */ a("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ C("g", { clipPath: "url(#clip0_1422_1919)", children: /* @__PURE__ */ a("g", { clipPath: "url(#clip1_1422_1919)", children: [
       /* @__PURE__ */ C(
@@ -9576,40 +9593,40 @@ const r1 = Symbol("dots"), E3 = ({
       /* @__PURE__ */ C("clipPath", { id: "clip1_1422_1919", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", rx: "24", fill: "currentColor" }) })
     ] })
   ] })
-), K3 = o(p.div, G2), C6 = (e) => {
+), l6 = o(p.div, Y2), r6 = (e) => {
   switch (e) {
     case "neutral":
-      return /* @__PURE__ */ C(Q3, {});
+      return /* @__PURE__ */ C(e6, {});
     case "fish":
-      return /* @__PURE__ */ C(O3, {});
+      return /* @__PURE__ */ C(Y3, {});
     case "meat":
-      return /* @__PURE__ */ C(G3, {});
+      return /* @__PURE__ */ C(X3, {});
     case "fruit":
-      return /* @__PURE__ */ C(U3, {});
+      return /* @__PURE__ */ C(q3, {});
     case "vegetable":
-      return /* @__PURE__ */ C(Y3, {});
+      return /* @__PURE__ */ C(Q3, {});
     case "cereal":
-      return /* @__PURE__ */ C(X3, {});
+      return /* @__PURE__ */ C(J3, {});
     case "oil":
-      return /* @__PURE__ */ C(q3, {});
+      return /* @__PURE__ */ C(K3, {});
     case "aromatic":
-      return /* @__PURE__ */ C(J3, {});
+      return /* @__PURE__ */ C(C6, {});
     default:
       throw new Error(`Invalid pattern given: "${e}"`);
   }
-}, y7 = (e) => {
+}, _7 = (e) => {
   const l = S1(null);
   return T1(() => {
     if (l.current) {
       const r = l.current.parentElement;
       r && getComputedStyle(r).position === "static" && (r.style.position = "relative");
     }
-  }, []), /* @__PURE__ */ C(K3, { ref: l, ...e, children: C6(e.pattern) });
-}, x7 = o(p.button, U2), { withProvider: e6, withContext: U } = f(Y2), l6 = e6(o(h.Root), "root", {
+  }, []), /* @__PURE__ */ C(l6, { ref: l, ...e, children: r6(e.pattern) });
+}, S7 = o(p.button, X2), { withProvider: o6, withContext: U } = f(q2), t6 = o6(o(h.Root), "root", {
   defaultProps: {
     loopFocus: !0
   }
-}), r6 = U(o(h.Content), "content"), o6 = U(o(h.Indicator), "indicator"), t6 = U(o(h.Item), "item"), i6 = U(o(h.ItemText), "itemText"), n6 = U(o(h.Positioner), "positioner"), d6 = U(o(h.Trigger), "trigger"), a6 = U(o(h.ValueText), "valueText"), H7 = ({
+}), i6 = U(o(h.Content), "content"), n6 = U(o(h.Indicator), "indicator"), d6 = U(o(h.Item), "item"), a6 = U(o(h.ItemText), "itemText"), L6 = U(o(h.Positioner), "positioner"), c6 = U(o(h.Trigger), "trigger"), u6 = U(o(h.ValueText), "valueText"), T7 = ({
   items: e,
   lazyMount: l = !0,
   usePortal: r = !0,
@@ -9631,34 +9648,34 @@ const r1 = Symbol("dots"), E3 = ({
   invalid: W,
   isItemDisabled: e1,
   itemToString: l1,
-  itemToValue: W5,
-  loopFocus: $5,
-  name: O5,
-  onExitComplete: G5,
-  onFocusOutside: U5,
-  onHighlightChange: Y5,
-  onInteractOutside: X5,
-  onOpenChange: q5,
+  itemToValue: $5,
+  loopFocus: O5,
+  name: G5,
+  onExitComplete: U5,
+  onFocusOutside: Y5,
+  onHighlightChange: X5,
+  onInteractOutside: q5,
+  onOpenChange: Q5,
   onPointerDownOutside: J5,
-  open: Q5,
-  present: K5,
-  readOnly: C2,
-  required: e2,
-  scrollToIndexFn: l2,
-  value: r2,
-  ...o2
+  open: K5,
+  present: C2,
+  readOnly: e2,
+  required: l2,
+  scrollToIndexFn: r2,
+  value: o2,
+  ...t2
 }) => {
-  const a1 = e.every((b) => "severity" in b && !!b.severity), R1 = H || (e.length > 0 ? [e[0].value.toString()] : void 0), [t2, i2] = H5(() => {
+  const a1 = e.every((b) => "severity" in b && !!b.severity), R1 = H || (e.length > 0 ? [e[0].value.toString()] : void 0), [i2, n2] = w5(() => {
     if (R1) {
-      const b = e.find((d2) => d2.value.toString() === R1[0]);
+      const b = e.find((a2) => a2.value.toString() === R1[0]);
       return b && a1 ? b.severity : "neutral";
     }
     return e.length > 0 && a1 ? e[0].severity : "neutral";
-  }), n2 = (b) => {
-    b.items.length > 0 && typeof b.items[0] == "object" && i2(b.items[0].severity ?? "neutral"), L == null || L(b);
+  }), d2 = (b) => {
+    b.items.length > 0 && typeof b.items[0] == "object" && n2(b.items[0].severity ?? "neutral"), L == null || L(b);
   };
   return /* @__PURE__ */ a(
-    l6,
+    t6,
     {
       closeOnSelect: u,
       composite: c,
@@ -9668,8 +9685,8 @@ const r1 = Symbol("dots"), E3 = ({
       items: e,
       defaultValue: R1,
       positioning: { sameWidth: !0, gutter: 0, ...i },
-      onValueChange: a1 ? n2 : L,
-      severity: a1 ? t2 : n,
+      onValueChange: a1 ? d2 : L,
+      severity: a1 ? i2 : n,
       size: d,
       disabled: k,
       form: B,
@@ -9680,25 +9697,25 @@ const r1 = Symbol("dots"), E3 = ({
       invalid: W,
       isItemDisabled: e1,
       itemToString: l1,
-      itemToValue: W5,
-      loopFocus: $5,
-      name: O5,
-      onExitComplete: G5,
-      onFocusOutside: U5,
-      onHighlightChange: Y5,
-      onInteractOutside: X5,
-      onOpenChange: q5,
+      itemToValue: $5,
+      loopFocus: O5,
+      name: G5,
+      onExitComplete: U5,
+      onFocusOutside: Y5,
+      onHighlightChange: X5,
+      onInteractOutside: q5,
+      onOpenChange: Q5,
       onPointerDownOutside: J5,
-      open: Q5,
-      present: K5,
-      readOnly: C2,
-      required: e2,
-      scrollToIndexFn: l2,
-      value: r2,
+      open: K5,
+      present: C2,
+      readOnly: e2,
+      required: l2,
+      scrollToIndexFn: r2,
+      value: o2,
       children: [
-        /* @__PURE__ */ a(d6, { ...o2, children: [
-          /* @__PURE__ */ C(a6, {}),
-          /* @__PURE__ */ C(o6, { asChild: !0, children: /* @__PURE__ */ C("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
+        /* @__PURE__ */ a(c6, { ...t2, children: [
+          /* @__PURE__ */ C(u6, {}),
+          /* @__PURE__ */ C(n6, { asChild: !0, children: /* @__PURE__ */ C("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
             "path",
             {
               d: "M7.41 8.29498L12 12.875L16.59 8.29498L18 9.70498L12 15.705L6 9.70498L7.41 8.29498Z",
@@ -9706,65 +9723,65 @@ const r1 = Symbol("dots"), E3 = ({
             }
           ) }) })
         ] }),
-        /* @__PURE__ */ C(P5, { when: r, wrapper: (b) => /* @__PURE__ */ C(J, { children: b }), children: /* @__PURE__ */ C(n6, { children: /* @__PURE__ */ C(r6, { children: e.map((b) => /* @__PURE__ */ C(t6, { item: b, children: /* @__PURE__ */ C(i6, { truncate: !0, children: b.label }) }, b.value)) }) }) }),
+        /* @__PURE__ */ C(k5, { when: r, wrapper: (b) => /* @__PURE__ */ C(Q, { children: b }), children: /* @__PURE__ */ C(L6, { children: /* @__PURE__ */ C(i6, { children: e.map((b) => /* @__PURE__ */ C(d6, { item: b, children: /* @__PURE__ */ C(a6, { truncate: !0, children: b.label }) }, b.value)) }) }) }),
         /* @__PURE__ */ C(h.HiddenSelect, {})
       ]
     }
   );
-}, { withProvider: L6, withContext: g1 } = f(x1, {
+}, { withProvider: p6, withContext: g1 } = f(x1, {
   dataAttr: !0
-}), c6 = L6(o(T.Root)), u6 = g1(o(T.Label), "title"), p6 = g1(o("div"), "content"), M6 = g1(o("p"), "description"), s6 = g1(o(p.img), "image"), D5 = Z((e, l) => {
+}), M6 = p6(o(T.Root)), s6 = g1(o(T.Label), "title"), Z6 = g1(o("div"), "content"), h6 = g1(o("p"), "description"), f6 = g1(o(p.img), "image"), F5 = Z((e, l) => {
   const [r, t] = x1.splitVariantProps(e), [i, L] = N(t), { children: n, className: d, ...u } = L, c = x1(r);
-  return /* @__PURE__ */ a(c6, { ref: l, className: E(c.root, O(i), d), ...u, children: [
+  return /* @__PURE__ */ a(M6, { ref: l, className: E(c.root, O(i), d), ...u, children: [
     n,
     /* @__PURE__ */ C(T.Control, { className: c.control, children: /* @__PURE__ */ C(T.Thumb, { className: c.thumb }) }),
     /* @__PURE__ */ C(T.HiddenInput, {})
   ] });
 });
-D5.displayName = "SwitchCard";
-const w7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+F5.displayName = "SwitchCard";
+const P7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Content: p6,
-  Description: M6,
-  Image: s6,
-  Root: D5,
-  Title: u6
-}, Symbol.toStringTag, { value: "Module" })), { withProvider: Z6, withContext: C1 } = f(X2, {
+  Content: Z6,
+  Description: h6,
+  Image: f6,
+  Root: F5,
+  Title: s6
+}, Symbol.toStringTag, { value: "Module" })), { withProvider: v6, withContext: C1 } = f(Q2, {
   dataAttr: !0
-}), h6 = C1(o(m.ItemControl), "itemControl"), f6 = C1(o(m.ItemText), "itemTitle"), v6 = C1(o("div"), "itemContent"), g6 = C1(o("p"), "itemDescription"), m6 = C1(o(p.img), "itemImage"), R6 = Z(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ a(m.Item, { ref: t, ...r, value: l, children: [
-  /* @__PURE__ */ C(h6, {}),
+}), g6 = C1(o(m.ItemControl), "itemControl"), m6 = C1(o(m.ItemText), "itemTitle"), R6 = C1(o("div"), "itemContent"), b6 = C1(o("p"), "itemDescription"), y6 = C1(o(p.img), "itemImage"), x6 = Z(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ a(m.Item, { ref: t, ...r, value: l, children: [
+  /* @__PURE__ */ C(g6, {}),
   e,
   /* @__PURE__ */ C(m.ItemHiddenInput, {})
-] })), b6 = Z6(o(m.Root), "root"), y6 = C1(o(R6), "item"), V7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] })), H6 = v6(o(m.Root), "root"), w6 = C1(o(x6), "item"), k7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Item: y6,
-  ItemContent: v6,
-  ItemDescription: g6,
-  ItemImage: m6,
-  ItemTitle: f6,
-  Root: b6
-}, Symbol.toStringTag, { value: "Module" })), { withProvider: x6, withContext: m1 } = f(H1, {
+  Item: w6,
+  ItemContent: R6,
+  ItemDescription: b6,
+  ItemImage: y6,
+  ItemTitle: m6,
+  Root: H6
+}, Symbol.toStringTag, { value: "Module" })), { withProvider: V6, withContext: m1 } = f(H1, {
   dataAttr: !0
-}), H6 = x6(o(V.Root)), w6 = m1(o(V.Label), "title"), V6 = m1(o("div"), "content"), _6 = m1(o("p"), "description"), S6 = m1(o(p.img), "image"), F5 = Z((e, l) => {
+}), _6 = V6(o(V.Root)), S6 = m1(o(V.Label), "title"), T6 = m1(o("div"), "content"), P6 = m1(o("p"), "description"), k6 = m1(o(p.img), "image"), B5 = Z((e, l) => {
   const [r, t] = H1.splitVariantProps(e), [i, L] = N(t), { children: n, className: d, ...u } = L, c = H1(r);
-  return /* @__PURE__ */ a(H6, { ref: l, className: E(c.root, O(i), d), ...u, children: [
+  return /* @__PURE__ */ a(_6, { ref: l, className: E(c.root, O(i), d), ...u, children: [
     /* @__PURE__ */ a(V.Control, { className: c.control, children: [
-      /* @__PURE__ */ C(V.Indicator, { children: /* @__PURE__ */ C(w5, {}) }),
-      /* @__PURE__ */ C(V.Indicator, { indeterminate: !0, children: /* @__PURE__ */ C(V5, {}) })
+      /* @__PURE__ */ C(V.Indicator, { children: /* @__PURE__ */ C(V5, {}) }),
+      /* @__PURE__ */ C(V.Indicator, { indeterminate: !0, children: /* @__PURE__ */ C(_5, {}) })
     ] }),
     n,
     /* @__PURE__ */ C(V.HiddenInput, {})
   ] });
 });
-F5.displayName = "CheckboxCard";
-const _7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+B5.displayName = "CheckboxCard";
+const I7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Content: V6,
-  Description: _6,
-  Image: S6,
-  Root: F5,
-  Title: w6
-}, Symbol.toStringTag, { value: "Module" })), q1 = C4({
+  Content: T6,
+  Description: P6,
+  Image: k6,
+  Root: B5,
+  Title: S6
+}, Symbol.toStringTag, { value: "Module" })), q1 = e4({
   slots: ["root", "price", "unit"],
   base: {
     root: {
@@ -9828,7 +9845,7 @@ const _7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   defaultVariants: {
     size: "md"
   }
-}), T6 = Z((e, l) => {
+}), I6 = Z((e, l) => {
   const [r, t] = q1.splitVariantProps(e), [i, L] = N(t), { className: n, unit: d, price: u, ...c } = L, v = q1(r), H = !!d;
   return /* @__PURE__ */ a("span", { ref: l, className: E("price-tag", v.root, O(i), n), ...c, children: [
     /* @__PURE__ */ C("span", { className: v.price, children: u }),
@@ -9838,21 +9855,21 @@ const _7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ] }) : null
   ] });
 });
-T6.displayName = "PriceTag";
-const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"), I6 = d1(o(p.h3), "title"), z6 = d1(o(p.img), "image"), D6 = d1(o("div"), "content"), F6 = d1(o("p"), "description"), B6 = d1(o("span"), "highlight"), S7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+I6.displayName = "PriceTag";
+const { withProvider: z6, withContext: d1 } = f(J2), D6 = z6(o("div"), "root"), F6 = d1(o(p.h3), "title"), B6 = d1(o(p.img), "image"), A6 = d1(o("div"), "content"), E6 = d1(o("p"), "description"), N6 = d1(o("span"), "highlight"), z7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Content: D6,
-  Description: F6,
-  Highlight: B6,
-  Image: z6,
-  Root: k6,
-  Title: I6
-}, Symbol.toStringTag, { value: "Module" })), A6 = {
+  Content: A6,
+  Description: E6,
+  Highlight: N6,
+  Image: B6,
+  Root: D6,
+  Title: F6
+}, Symbol.toStringTag, { value: "Module" })), j6 = {
   xl: "1536px",
   lg: "1200px",
   md: "900px",
   sm: "600px"
-}, E6 = {
+}, W6 = {
   extend: {
     checked: "&:where(:checked, [data-checked], [aria-checked=true], [data-state=checked])",
     closed: "&:where([data-state=closed])",
@@ -9870,7 +9887,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
     today: "&:where([data-today])",
     underValue: '&:where([data-state="under-value"])'
   }
-}, N6 = {
+}, $6 = {
   "2xl": "672px",
   "3xl": "768px",
   "4xl": "896px",
@@ -9883,7 +9900,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   sm: "384px",
   xl: "576px",
   xs: "320px"
-}, j6 = l4({
+}, O6 = t4({
   blob: {
     "0%": {
       rotate: "0deg"
@@ -10001,7 +10018,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       transform: "rotate(360deg)"
     }
   }
-}), B5 = x({
+}), A5 = x({
   base: {
     _focusVisible: {
       ring: "2px solid {colors.primary.200}",
@@ -10192,7 +10209,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   ]
-}), W6 = x({
+}), G6 = x({
   className: "heading",
   defaultVariants: {
     size: "h2"
@@ -10282,7 +10299,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
     size: "md"
   },
   jsx: ["Switch", "SwitchField"],
-  slots: a2.keys(),
+  slots: c2.keys(),
   variants: {
     size: {
       md: {
@@ -10304,7 +10321,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), $6 = x({
+}), U6 = x({
   className: "text",
   defaultVariants: {
     size: "md"
@@ -10337,7 +10354,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       sm: { textStyle: "body.sm" }
     }
   }
-}), A5 = x({
+}), E5 = x({
   base: {
     '&[type="time"]::-webkit-calendar-picker-indicator': {
       display: "none"
@@ -10391,15 +10408,15 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), O6 = x({
+}), Y6 = x({
   className: "textarea",
   jsx: ["Textarea"],
   base: {
     px: "space-16",
     py: "space-8",
-    ...A5.base
+    ...E5.base
   }
-}), G6 = x({
+}), X6 = x({
   base: {
     _invalid: {
       '& [data-recipe="formHelperText"]': {
@@ -10429,7 +10446,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   className: "form-control",
   description: "The styles for the FormControl component",
   jsx: ["FormControl"]
-}), U6 = x({
+}), q6 = x({
   base: {
     color: "grey.400",
     fontFamily: "satoshi",
@@ -10438,9 +10455,9 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   className: "form-helper-text",
   description: "The styles for the FormHelperText component",
   jsx: ["FormHelperText"]
-}), Y6 = L2.extendWith("header", "body", "footer"), X6 = M({
+}), Q6 = u2.extendWith("header", "body", "footer"), J6 = M({
   className: "drawer",
-  slots: Y6.keys(),
+  slots: Q6.keys(),
   jsx: ["Drawer"],
   base: {
     backdrop: {
@@ -10467,15 +10484,11 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       zIndex: "modal"
     },
     content: {
+      "--footer-height": "70px",
       position: "relative",
       background: "white",
-      display: "grid",
-      gridTemplateColumns: "1fr",
-      gridTemplateRows: "auto 1fr",
-      gridTemplateAreas: `
-        'header'
-        'body'
-      `,
+      display: "flex",
+      flexDirection: "column",
       height: "full",
       minWidth: {
         base: "full",
@@ -10492,21 +10505,24 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       flexDirection: "row",
       alignItems: "center",
       gap: "space-16",
-      gridArea: "header",
       px: "space-24",
       py: "space-16"
     },
     body: {
       display: "flex",
       flexDirection: "column",
-      gridArea: "body",
+      flex: 1,
       overflow: "auto",
       px: "space-24",
-      py: "space-16",
-      pb: "70px"
+      pt: "space-16",
+      pb: "var(--footer-height)"
     },
     footer: {
       display: "flex",
+      flexDirection: {
+        base: "column",
+        md: "row"
+      },
       position: "absolute",
       bottom: 0,
       left: 0,
@@ -10516,7 +10532,8 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       backdropBlur: "4px",
       justifyContent: "flex-end",
       px: "space-24",
-      py: "space-16",
+      pt: "space-16",
+      pb: "space-16",
       gap: "space-16"
     },
     title: {
@@ -10558,10 +10575,10 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), q6 = M({
+}), K6 = M({
   className: "accordion",
   jsx: ["Accordion"],
-  slots: c2.keys(),
+  slots: p2.keys(),
   base: {
     root: {
       display: "flex",
@@ -10662,7 +10679,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), J6 = M({
+}), C9 = M({
   base: {
     root: {
       color: "grey.400",
@@ -10703,7 +10720,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   jsx: ["FormLabel"]
 }), c1 = M({
   className: "checkbox",
-  slots: u2.keys(),
+  slots: M2.keys(),
   jsx: ["Checkbox"],
   base: {
     root: {
@@ -10823,9 +10840,9 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), Q6 = M({
+}), e9 = M({
   className: "tabs",
-  slots: p2.keys(),
+  slots: s2.keys(),
   base: {
     root: {
       isolation: "isolate",
@@ -10945,6 +10962,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       background: "background",
       borderWidth: 1,
       borderColor: "primary.500",
+      borderStyle: "solid",
       '&[data-placement^="top"]': {
         borderBottom: "none",
         borderTopLeftRadius: "radius-8",
@@ -11110,7 +11128,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), K6 = x({
+}), l9 = x({
   base: {
     alignItems: "center",
     borderRadius: "inherit",
@@ -11123,7 +11141,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   className: "input-addon",
   description: "The styles for the InputAddon component",
   jsx: ["InputAddon"]
-}), C9 = x({
+}), r9 = x({
   base: {
     '& [data-recipe="input"]': {
       border: {
@@ -11166,9 +11184,9 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   className: "input-group",
   description: "The styles for the InputGroup component",
   jsx: ["InputGroup"]
-}), J1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K", e9 = M({
+}), Q1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K", o9 = M({
   className: "datepicker",
-  slots: M2.keys(),
+  slots: Z2.keys(),
   jsx: ["DatePicker"],
   base: {
     root: {
@@ -11217,7 +11235,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       px: "space-4",
       appearance: "none",
       paddingRight: "30px",
-      background: `url('${J1}') no-repeat right 10px center`,
+      background: `url('${Q1}') no-repeat right 10px center`,
       _focus: {
         border: "1px solid {colors.primary.500}"
       }
@@ -11233,7 +11251,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       px: "space-4",
       appearance: "none",
       paddingRight: "30px",
-      background: `url('${J1}') no-repeat right 10px center`,
+      background: `url('${Q1}') no-repeat right 10px center`,
       _focus: {
         border: "1px solid {colors.primary.500}"
       }
@@ -11332,7 +11350,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       textAlign: "center"
     }
   }
-}), l9 = M({
+}), t9 = M({
   base: {
     root: {
       fontFamily: "satoshi",
@@ -11439,7 +11457,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), r9 = M({
+}), i9 = M({
   className: "radio-button-group",
   jsx: ["RadioButtonGroup"],
   slots: R5.keys(),
@@ -11616,7 +11634,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), o9 = M({
+}), n9 = M({
   base: {
     root: {
       borderRadius: "full",
@@ -11739,7 +11757,7 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
       }
     }
   }
-}), t9 = M({
+}), d9 = M({
   base: {
     root: {
       position: "relative",
@@ -11820,70 +11838,70 @@ const { withProvider: P6, withContext: d1 } = f(q2), k6 = P6(o("div"), "root"),
   description: "The styles for the ActionCard component",
   jsx: ["ActionCard", "ActionCardTitle", "ActionCardDescription"]
 });
-function i9(e) {
+function a9(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var n9 = function(l) {
-  return d9(l) && !a9(l);
+var L9 = function(l) {
+  return c9(l) && !u9(l);
 };
-function d9(e) {
+function c9(e) {
   return !!e && typeof e == "object";
 }
-function a9(e) {
+function u9(e) {
   var l = Object.prototype.toString.call(e);
-  return l === "[object RegExp]" || l === "[object Date]" || u9(e);
+  return l === "[object RegExp]" || l === "[object Date]" || s9(e);
 }
-var L9 = typeof Symbol == "function" && Symbol.for, c9 = L9 ? Symbol.for("react.element") : 60103;
-function u9(e) {
-  return e.$$typeof === c9;
+var p9 = typeof Symbol == "function" && Symbol.for, M9 = p9 ? Symbol.for("react.element") : 60103;
+function s9(e) {
+  return e.$$typeof === M9;
 }
-function p9(e) {
+function Z9(e) {
   return Array.isArray(e) ? [] : {};
 }
 function t1(e, l) {
-  return l.clone !== !1 && l.isMergeableObject(e) ? q(p9(e), e, l) : e;
+  return l.clone !== !1 && l.isMergeableObject(e) ? q(Z9(e), e, l) : e;
 }
-function M9(e, l, r) {
+function h9(e, l, r) {
   return e.concat(l).map(function(t) {
     return t1(t, r);
   });
 }
-function s9(e, l) {
+function f9(e, l) {
   if (!l.customMerge)
     return q;
   var r = l.customMerge(e);
   return typeof r == "function" ? r : q;
 }
-function Z9(e) {
+function v9(e) {
   return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(e).filter(function(l) {
     return Object.propertyIsEnumerable.call(e, l);
   }) : [];
 }
-function Q1(e) {
-  return Object.keys(e).concat(Z9(e));
+function J1(e) {
+  return Object.keys(e).concat(v9(e));
 }
-function E5(e, l) {
+function N5(e, l) {
   try {
     return l in e;
   } catch {
     return !1;
   }
 }
-function h9(e, l) {
-  return E5(e, l) && !(Object.hasOwnProperty.call(e, l) && Object.propertyIsEnumerable.call(e, l));
+function g9(e, l) {
+  return N5(e, l) && !(Object.hasOwnProperty.call(e, l) && Object.propertyIsEnumerable.call(e, l));
 }
-function f9(e, l, r) {
+function m9(e, l, r) {
   var t = {};
-  return r.isMergeableObject(e) && Q1(e).forEach(function(i) {
+  return r.isMergeableObject(e) && J1(e).forEach(function(i) {
     t[i] = t1(e[i], r);
-  }), Q1(l).forEach(function(i) {
-    h9(e, i) || (E5(e, i) && r.isMergeableObject(l[i]) ? t[i] = s9(i, r)(e[i], l[i], r) : t[i] = t1(l[i], r));
+  }), J1(l).forEach(function(i) {
+    g9(e, i) || (N5(e, i) && r.isMergeableObject(l[i]) ? t[i] = f9(i, r)(e[i], l[i], r) : t[i] = t1(l[i], r));
   }), t;
 }
 function q(e, l, r) {
-  r = r || {}, r.arrayMerge = r.arrayMerge || M9, r.isMergeableObject = r.isMergeableObject || n9, r.cloneUnlessOtherwiseSpecified = t1;
+  r = r || {}, r.arrayMerge = r.arrayMerge || h9, r.isMergeableObject = r.isMergeableObject || L9, r.cloneUnlessOtherwiseSpecified = t1;
   var t = Array.isArray(l), i = Array.isArray(e), L = t === i;
-  return L ? t ? r.arrayMerge(e, l, r) : f9(e, l, r) : t1(l, r);
+  return L ? t ? r.arrayMerge(e, l, r) : m9(e, l, r) : t1(l, r);
 }
 q.all = function(l, r) {
   if (!Array.isArray(l))
@@ -11892,9 +11910,9 @@ q.all = function(l, r) {
     return q(t, i, r);
   }, {});
 };
-var v9 = q, g9 = v9;
-const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
-  B5,
+var R9 = q, b9 = R9;
+const y9 = /* @__PURE__ */ a9(b9), x9 = y9(
+  A5,
   x({
     className: "icon-button",
     defaultVariants: {
@@ -11952,7 +11970,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
       }
     }
   })
-), b9 = M({
+), H9 = M({
   base: {
     content: {
       _closed: {
@@ -11981,8 +11999,8 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
   },
   className: "tooltip",
   jsx: ["Tooltip"],
-  slots: s2.keys()
-}), y9 = M({
+  slots: h2.keys()
+}), w9 = M({
   base: {
     root: {
       borderRadius: "radius-8",
@@ -12043,7 +12061,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
       }
     }
   }
-}), x9 = M({
+}), V9 = M({
   className: "table",
   jsx: ["Table", "Thead", "Tbody", "Tr", "Th", "Td", "SortIndicatorRoot", "SortIndicator"],
   slots: ["root", "thead", "tbody", "tr", "th", "td", "sortIndicatorRoot", "sortIndicator"],
@@ -12132,7 +12150,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
       }
     }
   }
-}), H9 = x({
+}), _9 = x({
   className: "table-group-title",
   jsx: ["TableGroupTitle"],
   base: {
@@ -12157,7 +12175,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
   defaultVariants: {
     variant: "primary"
   }
-}), w9 = x({
+}), S9 = x({
   className: "table-empty-row",
   jsx: ["TableEmptyRow"],
   base: {
@@ -12169,7 +12187,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
     px: "space-16",
     color: "grey.400"
   }
-}), V9 = x({
+}), T9 = x({
   className: "table-container",
   jsx: ["TableContainer"],
   base: {
@@ -12183,7 +12201,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
       tableLayout: "auto!"
     }
   }
-}), _9 = M({
+}), P9 = M({
   className: "breadcrumb",
   jsx: ["Breadcrumb", "BreadcrumbItem"],
   slots: ["root", "list", "item", "link"],
@@ -12210,9 +12228,9 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
     }
   },
   variants: {}
-}), S9 = M({
+}), k9 = M({
   className: "popover",
-  slots: Z2.keys(),
+  slots: f2.keys(),
   jsx: ["Popover", "PopoverTrigger", "PopoverContent", "PopoverCloseTrigger"],
   base: {
     positioner: {
@@ -12273,7 +12291,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
       _hover: "grey.50"
     }
   }
-}, T9 = M({
+}, I9 = M({
   className: "pagination",
   jsx: ["Pagination"],
   slots: ["root", "item", "dots"],
@@ -12300,7 +12318,7 @@ const m9 = /* @__PURE__ */ i9(g9), R9 = m9(
   }
 });
 var C5, e5, l5;
-const P9 = M({
+const z9 = M({
   base: {
     root: {
       display: "contents"
@@ -12457,7 +12475,7 @@ const P9 = M({
       }
     }
   }
-}), k9 = M({
+}), D9 = M({
   base: {
     root: {
       display: "flex",
@@ -12519,7 +12537,7 @@ const P9 = M({
     "ProductCardCatalogDescription",
     "ProductCardCatalogHighlight"
   ]
-}), I9 = x({
+}), F9 = x({
   base: {
     position: "absolute",
     zIndex: -1,
@@ -12562,7 +12580,7 @@ const P9 = M({
       }
     }
   }
-}), z9 = x({
+}), B9 = x({
   base: {
     outline: "none",
     alignItems: "center",
@@ -12694,7 +12712,7 @@ const P9 = M({
   }
 };
 var r5, o5, t5, i5, n5, d5, a5, L5;
-const D9 = M({
+const A9 = M({
   className: "switch-card",
   jsx: [
     "SwitchCard",
@@ -12731,7 +12749,7 @@ const D9 = M({
   }
 });
 var c5, u5, p5, M5, s5, Z5;
-const F9 = M({
+const E9 = M({
   base: {
     item: {
       ...y.root,
@@ -12794,7 +12812,7 @@ const F9 = M({
   }
 });
 var h5, f5, v5, g5;
-const B9 = M({
+const N9 = M({
   className: "checkbox-card",
   jsx: [
     "CheckboxCard",
@@ -12827,48 +12845,48 @@ const B9 = M({
       }
     }
   }
-}), A9 = {
-  button: B5,
-  iconButton: R9,
-  heading: W6,
+}), j9 = {
+  button: A5,
+  iconButton: x9,
+  heading: G6,
   switchRecipe: X,
-  text: $6,
-  textarea: O6,
-  formControl: G6,
-  formHelperText: U6,
-  input: A5,
-  inputAddon: K6,
-  inputGroup: C9,
-  tableGroupTitle: H9,
-  tableEmptyRow: w9,
-  tableContainer: V9,
-  illustration: I9,
-  buttonFilter: z9
-}, E9 = {
-  drawer: X6,
-  radioButtonGroup: r9,
+  text: U6,
+  textarea: Y6,
+  formControl: X6,
+  formHelperText: q6,
+  input: E5,
+  inputAddon: l9,
+  inputGroup: r9,
+  tableGroupTitle: _9,
+  tableEmptyRow: S9,
+  tableContainer: T9,
+  illustration: F9,
+  buttonFilter: B9
+}, W9 = {
+  drawer: J6,
+  radioButtonGroup: i9,
   radioGroup: o1,
-  accordion: q6,
-  formLabel: J6,
+  accordion: K6,
+  formLabel: C9,
   checkbox: c1,
-  datepicker: e9,
-  tabs: Q6,
-  tag: l9,
-  statusTagSelect: P9,
+  datepicker: o9,
+  tabs: e9,
+  tag: t9,
+  statusTagSelect: z9,
   select: u1,
-  chip: o9,
-  actionCard: t9,
-  tooltip: b9,
-  alert: y9,
-  table: x9,
-  breadcrumb: _9,
-  popover: S9,
-  pagination: T9,
-  productCardCatalog: k9,
-  switchCard: D9,
-  radioCardGroup: F9,
-  checkboxCard: B9
-}, N9 = r4.colors({
+  chip: n9,
+  actionCard: d9,
+  tooltip: H9,
+  alert: w9,
+  table: V9,
+  breadcrumb: P9,
+  popover: k9,
+  pagination: I9,
+  productCardCatalog: D9,
+  switchCard: A9,
+  radioCardGroup: E9,
+  checkboxCard: N9
+}, $9 = i4.colors({
   decorative: {
     red: {
       light: { value: "#FFB5AD" },
@@ -13004,9 +13022,9 @@ const B9 = M({
       value: "{colors.primary.900}"
     }
   }
-}), j9 = {
-  colors: N9
-}, W9 = o4({
+}), O9 = {
+  colors: $9
+}, G9 = n4({
   body: {
     lg: {
       value: {
@@ -13089,7 +13107,7 @@ const B9 = M({
       }
     }
   }
-}), $9 = R.animations({
+}), U9 = R.animations({
   "backdrop-in": {
     value: "fade-in 250ms {easings.emphasized-in}"
   },
@@ -13130,14 +13148,14 @@ const B9 = M({
   "collapse-out": {
     value: "collapse-out 150ms {easings.in-out}"
   }
-}), O9 = R.borders({
+}), Y9 = R.borders({
   golden: { value: "1.618 / 1" },
   landscape: { value: "4 / 3" },
   portrait: { value: "3 / 4" },
   square: { value: "1 / 1" },
   ultrawide: { value: "18 / 5" },
   wide: { value: "16 / 9" }
-}), G9 = R.blurs({
+}), X9 = R.blurs({
   "2xl": { value: "40px" },
   "3xl": { value: "64px" },
   base: { value: "8px" },
@@ -13145,11 +13163,11 @@ const B9 = M({
   md: { value: "12px" },
   sm: { value: "4px" },
   xl: { value: "24px" }
-}), U9 = R.borders({
+}), q9 = R.borders({
   border: {
     none: { value: "none" }
   }
-}), Y9 = R.colors({
+}), Q9 = R.colors({
   black: { value: "#000" },
   current: { value: "currentColor" },
   transparent: { value: "rgb(0 0 0 / 0)" },
@@ -13221,7 +13239,7 @@ const B9 = M({
     200: { value: "#FFEAAC" },
     100: { value: "#FFF9E6" }
   }
-}), X9 = R.durations({
+}), J9 = R.durations({
   fast: { value: "150ms" },
   faster: { value: "100ms" },
   fastest: { value: "50ms" },
@@ -13229,7 +13247,7 @@ const B9 = M({
   slow: { value: "300ms" },
   slower: { value: "400ms" },
   slowest: { value: "500ms" }
-}), q9 = R.easings({
+}), K9 = R.easings({
   default: { value: "cubic-bezier(0.2, 0.0, 0, 1.0)" },
   "ease-bounce-1": {
     value: `linear(
@@ -13317,7 +13335,7 @@ const B9 = M({
   linear: { value: "linear" },
   out: { value: "cubic-bezier(0, 0, 0.2, 1)" },
   pulse: { value: "cubic-bezier(0.4, 0.0, 0.6, 1.0)" }
-}), J9 = R.radii({
+}), C8 = R.radii({
   "radius-0": { value: "0px" },
   "radius-2": { value: "2px" },
   "radius-4": { value: "4px" },
@@ -13339,7 +13357,7 @@ const B9 = M({
   "radius-60": { value: "60px" },
   "radius-64": { value: "64px" },
   full: { value: "9999px" }
-}), Q9 = R.shadows({
+}), e8 = R.shadows({
   "2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.25)" },
   inner: { value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" },
   lg: { value: ["0 10px 15px -3px rgb(0 0 0 / 0.1)", "0 4px 6px -4px rgb(0 0 0 / 0.1)"] },
@@ -13347,7 +13365,7 @@ const B9 = M({
   sm: { value: ["0 1px 3px 0 rgb(0 0 0 / 0.1)", "0 1px 2px -1px rgb(0 0 0 / 0.1)"] },
   xl: { value: ["0 20px 25px -5px rgb(0 0 0 / 0.1)", "0 8px 10px -6px rgb(0 0 0 / 0.1)"] },
   xs: { value: "0 1px 2px 0 rgb(0 0 0 / 0.05)" }
-}), K9 = R.sizes({
+}), l8 = R.sizes({
   "size-0": {
     value: "0px"
   },
@@ -13427,7 +13445,7 @@ const B9 = M({
   "size-80": {
     value: "80px"
   }
-}), C8 = R.spacing({
+}), r8 = R.spacing({
   "space-0": {
     value: "0px"
   },
@@ -13507,9 +13525,9 @@ const B9 = M({
     value: "80px"
   }
 });
-var e8 = "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,%";
-`${e8.split(",").join("|")}`;
-var l8 = {
+var o8 = "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,%";
+`${o8.split(",").join("|")}`;
+var t8 = {
   animation: [
     "animationName",
     "animationDuration",
@@ -13620,22 +13638,22 @@ var l8 = {
   textEmphasis: ["textEmphasisStyle", "textEmphasisColor"],
   transition: ["transitionProperty", "transitionDuration", "transitionTimingFunction", "transitionDelay"]
 };
-Object.values(l8).reduce((e, l) => (l.forEach((r) => e.add(r)), e), /* @__PURE__ */ new Set([]));
-var r8 = 16, N5 = "px", j5 = "em", p1 = "rem", o8 = new RegExp(String.raw`-?\d+(?:\.\d+|\d*)`), t8 = new RegExp(`${N5}|${j5}|${p1}`), i8 = new RegExp(`${o8.source}(${t8.source})`);
-function n8(e = "") {
-  const l = e.match(i8);
+Object.values(t8).reduce((e, l) => (l.forEach((r) => e.add(r)), e), /* @__PURE__ */ new Set([]));
+var i8 = 16, j5 = "px", W5 = "em", p1 = "rem", n8 = new RegExp(String.raw`-?\d+(?:\.\d+|\d*)`), d8 = new RegExp(`${j5}|${W5}|${p1}`), a8 = new RegExp(`${n8.source}(${d8.source})`);
+function L8(e = "") {
+  const l = e.match(a8);
   return l == null ? void 0 : l[1];
 }
 function w(e = "") {
-  const l = n8(e);
+  const l = L8(e);
   if (!l || l === p1)
     return e;
-  if (l === j5)
+  if (l === W5)
     return `${parseFloat(e)}${p1}`;
-  if (l === N5)
-    return `${parseFloat(e) / r8}${p1}`;
+  if (l === j5)
+    return `${parseFloat(e) / i8}${p1}`;
 }
-const d8 = R.fontSizes({
+const c8 = R.fontSizes({
   body: {
     lg: { value: w("16px") },
     md: { value: w("14px") },
@@ -13657,7 +13675,7 @@ const d8 = R.fontSizes({
       xs: { value: w("18px") }
     }
   }
-}), a8 = R.fontWeights({
+}), u8 = R.fontWeights({
   black: { value: "900" },
   bold: { value: "700" },
   extrabold: { value: "800" },
@@ -13667,14 +13685,14 @@ const d8 = R.fontSizes({
   normal: { value: "400" },
   semibold: { value: "600" },
   thin: { value: "100" }
-}), L8 = R.letterSpacings({
+}), p8 = R.letterSpacings({
   normal: { value: "0em" },
   tight: { value: "-0.025em" },
   tighter: { value: "-0.05em" },
   wide: { value: "0.025em" },
   wider: { value: "0.05em" },
   widest: { value: "0.1em" }
-}), c8 = R.lineHeights({}), u8 = R.fonts({
+}), M8 = R.lineHeights({}), s8 = R.fonts({
   satoshi: { value: "var(--font-satoshi)" },
   cabinet: { value: "var(--font-cabinet)" },
   mono: {
@@ -13710,7 +13728,7 @@ const d8 = R.fontSizes({
   serif: {
     value: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"]
   }
-}), p8 = R.zIndex({
+}), Z8 = R.zIndex({
   banner: {
     value: 1200
   },
@@ -13747,129 +13765,129 @@ const d8 = R.fontSizes({
   tooltip: {
     value: 1800
   }
-}), M8 = {
-  animations: $9,
-  aspectRatios: O9,
-  blurs: G9,
-  borders: U9,
-  colors: Y9,
-  durations: X9,
-  easings: q9,
-  fontSizes: d8,
-  fontWeights: a8,
-  fonts: u8,
-  letterSpacings: L8,
-  lineHeights: c8,
-  radii: J9,
-  shadows: Q9,
-  sizes: K9,
-  spacing: C8,
-  zIndex: p8
-}, s8 = t4({
+}), h8 = {
+  animations: U9,
+  aspectRatios: Y9,
+  blurs: X9,
+  borders: q9,
+  colors: Q9,
+  durations: J9,
+  easings: K9,
+  fontSizes: c8,
+  fontWeights: u8,
+  fonts: s8,
+  letterSpacings: p8,
+  lineHeights: M8,
+  radii: C8,
+  shadows: e8,
+  sizes: l8,
+  spacing: r8,
+  zIndex: Z8
+}, f8 = d4({
   className: "size",
   transform(e) {
     return { height: e, width: e };
   },
   values: "sizes"
-}), Z8 = {
+}), v8 = {
   extend: {
-    boxSize: s8
+    boxSize: f8
   }
-}, T7 = i4({
+}, D7 = a4({
   name: "@stokelp/ui-preset",
   staticCss: {
     recipes: "*"
   },
   theme: {
-    breakpoints: A6,
-    containerSizes: N6,
-    keyframes: j6,
-    recipes: A9,
-    semanticTokens: j9,
-    slotRecipes: E9,
-    textStyles: W9,
-    tokens: M8
-  },
-  utilities: Z8,
-  conditions: E6
+    breakpoints: j6,
+    containerSizes: $6,
+    keyframes: O6,
+    recipes: j9,
+    semanticTokens: O9,
+    slotRecipes: W9,
+    textStyles: G9,
+    tokens: h8
+  },
+  utilities: v8,
+  conditions: W6
 });
 export {
-  y8 as Accordion,
-  x8 as AccordionItem,
-  H8 as AccordionItemContent,
-  w8 as AccordionItemIndicator,
-  V8 as AccordionItemTrigger,
-  i7 as ActionCard,
-  d7 as ActionCardDescription,
-  n7 as ActionCardTitle,
-  a7 as Alert,
-  U8 as Box,
-  h7 as Breadcrumb,
-  s7 as BreadcrumbItem,
-  Z7 as BreadcrumbLink,
+  _8 as Accordion,
+  S8 as AccordionItem,
+  T8 as AccordionItemContent,
+  P8 as AccordionItemIndicator,
+  k8 as AccordionItemTrigger,
+  c7 as ActionCard,
+  p7 as ActionCardDescription,
+  u7 as ActionCardTitle,
+  M7 as Alert,
+  J8 as Box,
+  R7 as Breadcrumb,
+  g7 as BreadcrumbItem,
+  m7 as BreadcrumbLink,
   V1 as Button,
-  x7 as ButtonFilter,
-  d4 as Checkbox,
-  _7 as CheckboxCard,
-  l7 as Chip,
-  r7 as ChipAvatar,
-  t7 as ChipClearTrigger,
-  o7 as ChipLabel,
-  Y8 as DatePicker,
-  _8 as Drawer,
-  S8 as DrawerBody,
-  L4 as DrawerCloseTrigger,
-  z8 as DrawerContent,
-  D8 as DrawerContext,
-  T8 as DrawerFooter,
-  P8 as DrawerHeader,
-  k8 as DrawerTitle,
-  I8 as DrawerTrigger,
-  F8 as FormControl,
-  A8 as FormHelperText,
-  B8 as FormLabel,
-  E8 as Heading,
+  S7 as ButtonFilter,
+  c4 as Checkbox,
+  I7 as CheckboxCard,
+  n7 as Chip,
+  d7 as ChipAvatar,
+  L7 as ChipClearTrigger,
+  a7 as ChipLabel,
+  K8 as DatePicker,
+  I8 as Drawer,
+  z8 as DrawerBody,
+  p4 as DrawerCloseTrigger,
+  E8 as DrawerContent,
+  N8 as DrawerContext,
+  D8 as DrawerFooter,
+  F8 as DrawerHeader,
+  B8 as DrawerTitle,
+  A8 as DrawerTrigger,
+  j8 as FormControl,
+  $8 as FormHelperText,
+  W8 as FormLabel,
+  O8 as Heading,
   _1 as IconButton,
-  y7 as Illustration,
+  _7 as Illustration,
   E1 as Input,
   N1 as InputAddon,
   j1 as InputGroup,
-  b7 as Pagination,
-  f7 as Popover,
-  v7 as PopoverCloseTrigger,
-  m7 as PopoverContent,
-  R7 as PopoverContext,
-  g7 as PopoverTrigger,
-  T6 as PriceTag,
-  S7 as ProductCardCatalog,
-  q8 as RadioButtonGroup,
-  J8 as RadioButtonGroupItem,
-  Q8 as RadioButtonGroupLabel,
-  V7 as RadioCardGroup,
-  K8 as RadioGroup,
-  C7 as RadioGroupItem,
-  e7 as RadioGroupLabel,
-  G8 as Select,
-  H7 as StatusTagSelect,
-  b4 as Switch,
-  w7 as SwitchCard,
-  H3 as Table,
-  L7 as TableContainer,
-  P3 as TableEmptyRow,
-  S3 as TableGroupTitle,
-  j8 as Tabs,
-  W8 as TabsContent,
-  O8 as TabsList,
-  $8 as TabsTrigger,
-  X8 as Tag,
-  u7 as Tbody,
-  M7 as Td,
-  y4 as Text,
-  N8 as Textarea,
-  V3 as Th,
-  c7 as Thead,
-  m4 as Tooltip,
-  p7 as Tr,
-  T7 as preset
+  V7 as Pagination,
+  b7 as Popover,
+  y7 as PopoverCloseTrigger,
+  H7 as PopoverContent,
+  w7 as PopoverContext,
+  x7 as PopoverTrigger,
+  I6 as PriceTag,
+  z7 as ProductCardCatalog,
+  e7 as RadioButtonGroup,
+  l7 as RadioButtonGroupItem,
+  r7 as RadioButtonGroupLabel,
+  k7 as RadioCardGroup,
+  o7 as RadioGroup,
+  t7 as RadioGroupItem,
+  i7 as RadioGroupLabel,
+  Q8 as Select,
+  T7 as StatusTagSelect,
+  H4 as Switch,
+  P7 as SwitchCard,
+  _3 as Table,
+  s7 as TableContainer,
+  z3 as TableEmptyRow,
+  k3 as TableGroupTitle,
+  U8 as Tabs,
+  Y8 as TabsContent,
+  q8 as TabsList,
+  X8 as TabsTrigger,
+  C7 as Tag,
+  h7 as Tbody,
+  v7 as Td,
+  w4 as Text,
+  G8 as Textarea,
+  T3 as Th,
+  Z7 as Thead,
+  y4 as Tooltip,
+  f7 as Tr,
+  D7 as preset
 };
 //# sourceMappingURL=ui.js.map