@stokelp/ui 1.39.0 → 1.40.0

package/dist/ui.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as C, jsxs as d, Fragment as p1 } from "react/jsx-runtime";
-import { Accordion as K, ark as M, Checkbox as j, Dialog as P, Portal as C1, Tooltip as O, Switch as q, Tabs as G, Select as s, DatePicker as p, RadioGroup as H, Popover as D, switchAnatomy as S5, dialogAnatomy as T5, accordionAnatomy as P5, checkboxAnatomy as k5, tabsAnatomy as I5, selectAnatomy as G1, datePickerAnatomy as z5, radioGroupAnatomy as U1, tooltipAnatomy as F5, popoverAnatomy as B5 } from "@ark-ui/react";
-import { styled as o, splitCssProps as U, Circle as D5 } from "@stokelp/styled-system/jsx";
-import { accordion as A5, button as E5, checkbox as x1, drawer as N5, formControl as j5, tooltip as W5, formLabel as s1, formHelperText as $5, heading as O5, switchRecipe as H1, text as G5, textarea as U5, tabs as Y5, select as X5, input as q5, inputAddon as J5, inputGroup as Q5, datepicker as K5, tag as w1, radioButtonGroup as C2, radioGroup as e2, chip as l2, actionCard as r2, iconButton as o2, alert as t2, tableContainer as i2, tableGroupTitle as n2, tableEmptyRow as L2, table as d2, breadcrumb as a2, popover as c2, pagination as u2, illustration as M2, buttonFilter as p2, statusTagSelect as s2, productCardCatalog as Z2 } from "@stokelp/styled-system/recipes";
-import { createContext as Y1, forwardRef as f, useContext as X1, createElement as q1, useMemo as n1, useReducer as h2, useEffect as f2, useRef as v1, useLayoutEffect as g1, Children as v2, cloneElement as Z1, useState as J1 } from "react";
-import { cx as W, css as e1, sva as g2 } from "@stokelp/styled-system/css";
-import * as R2 from "react-is";
-import { defineKeyframes as m2, defineRecipe as b, defineSlotRecipe as Z, defineSemanticTokens as b2, defineTextStyles as y2, defineTokens as g, defineUtility as x2, definePreset as H2 } from "@pandacss/dev";
-const V1 = (...e) => e.filter(Boolean).join(" "), R = (e, l) => {
-  const r = Y1(null);
+import { jsx as C, jsxs as d, Fragment as s1 } from "react/jsx-runtime";
+import { Accordion as K, ark as M, Checkbox as W, Dialog as P, Portal as C1, Tooltip as O, Switch as q, Tabs as G, Select as s, DatePicker as p, RadioGroup as H, Popover as D, switchAnatomy as T5, dialogAnatomy as P5, accordionAnatomy as k5, checkboxAnatomy as I5, tabsAnatomy as z5, selectAnatomy as U1, datePickerAnatomy as B5, radioGroupAnatomy as Y1, tooltipAnatomy as F5, popoverAnatomy as D5 } from "@ark-ui/react";
+import { styled as o, splitCssProps as U, Circle as A5 } from "@stokelp/styled-system/jsx";
+import { accordion as E5, button as N5, checkbox as H1, drawer as W5, formControl as j5, tooltip as $5, formLabel as Z1, formHelperText as O5, heading as G5, switchRecipe as w1, text as U5, textarea as Y5, tabs as X5, select as q5, input as J5, inputAddon as Q5, inputGroup as K5, datepicker as C2, tag as V1, radioButtonGroup as e2, radioGroup as l2, chip as r2, actionCard as o2, iconButton as t2, alert as i2, tableContainer as n2, tableGroupTitle as L2, tableEmptyRow as d2, table as a2, breadcrumb as c2, popover as u2, pagination as M2, illustration as p2, buttonFilter as s2, statusTagSelect as Z2, productCardCatalog as h2 } from "@stokelp/styled-system/recipes";
+import { createContext as X1, forwardRef as f, useContext as q1, createElement as J1, useMemo as L1, useReducer as f2, useEffect as v2, useRef as g1, useLayoutEffect as R1, Children as g2, cloneElement as h1, useState as Q1 } from "react";
+import { cx as j, css as e1, sva as R2 } from "@stokelp/styled-system/css";
+import * as m2 from "react-is";
+import { defineKeyframes as b2, defineRecipe as b, defineSlotRecipe as Z, defineSemanticTokens as y2, defineTextStyles as x2, defineTokens as g, defineUtility as H2, definePreset as w2 } from "@pandacss/dev";
+const _1 = (...e) => e.filter(Boolean).join(" "), R = (e, l) => {
+  const r = X1(null);
   return {
     withContext: (a, n, L) => n ? f((c, h) => {
-      const y = X1(r), _ = (l == null ? void 0 : l.dataAttr) ?? !1;
-      return q1(a, {
+      const y = q1(r), _ = (l == null ? void 0 : l.dataAttr) ?? !1;
+      return J1(a, {
         ..._ && { "data-recipe-slot": n ?? "" },
         ...c,
         ...L == null ? void 0 : L.defaultProps,
-        className: V1(y == null ? void 0 : y[n ?? ""], c.className),
+        className: _1(y == null ? void 0 : y[n ?? ""], c.className),
         ref: h
       });
     }) : a,
@@ -31,7 +31,7 @@ const V1 = (...e) => e.filter(Boolean).join(" "), R = (e, l) => {
           ref: h,
           ...w && { "data-recipe-slot": n ?? "" },
           ...I,
-          className: V1(S[n ?? ""], I.className),
+          className: _1(S[n ?? ""], I.className),
           children: [
             L == null ? void 0 : L.beforeSlot,
             _,
@@ -41,23 +41,23 @@ const V1 = (...e) => e.filter(Boolean).join(" "), R = (e, l) => {
       ) });
     })
   };
-}, { withProvider: w2, withContext: L1 } = R(A5), H9 = w2(o(K.Root), "root"), w9 = L1(o(K.Item), "item"), V9 = L1(o(K.ItemContent), "itemContent"), _9 = L1(o(K.ItemIndicator), "itemIndicator", {
+}, { withProvider: V2, withContext: d1 } = R(E5), H9 = V2(o(K.Root), "root"), w9 = d1(o(K.Item), "item"), V9 = d1(o(K.ItemContent), "itemContent"), _9 = d1(o(K.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" }) })
   }
-}), S9 = L1(o(K.ItemTrigger), "itemTrigger"), h1 = o(M.button, E5), V2 = f((e, l) => {
-  const [r, t] = x1.splitVariantProps(e), [i, a] = U(t), { children: n, className: L, ...u } = a, c = x1(r);
-  return /* @__PURE__ */ d(j.Root, { ref: l, className: W(c.root, e1(i), L), ...u, children: [
-    /* @__PURE__ */ d(j.Control, { className: c.control, children: [
-      /* @__PURE__ */ C(j.Indicator, { children: /* @__PURE__ */ C(_2, {}) }),
-      /* @__PURE__ */ C(j.Indicator, { indeterminate: !0, children: /* @__PURE__ */ C(S2, {}) })
+}), S9 = d1(o(K.ItemTrigger), "itemTrigger"), f1 = o(M.button, N5), _2 = f((e, l) => {
+  const [r, t] = H1.splitVariantProps(e), [i, a] = U(t), { children: n, className: L, ...u } = a, c = H1(r);
+  return /* @__PURE__ */ d(W.Root, { ref: l, className: j(c.root, e1(i), L), ...u, children: [
+    /* @__PURE__ */ d(W.Control, { className: c.control, children: [
+      /* @__PURE__ */ C(W.Indicator, { children: /* @__PURE__ */ C(S2, {}) }),
+      /* @__PURE__ */ C(W.Indicator, { indeterminate: !0, children: /* @__PURE__ */ C(T2, {}) })
     ] }),
-    n && /* @__PURE__ */ C(j.Label, { className: c.label, children: n }),
-    /* @__PURE__ */ C(j.HiddenInput, {})
+    n && /* @__PURE__ */ C(W.Label, { className: c.label, children: n }),
+    /* @__PURE__ */ C(W.HiddenInput, {})
   ] });
 });
-V2.displayName = "Checkbox";
-const _2 = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+_2.displayName = "Checkbox";
+const S2 = () => /* @__PURE__ */ d("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",
@@ -66,18 +66,18 @@ const _2 = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 12 13", fill: "none",
       fill: "white"
     }
   )
-] }), S2 = () => /* @__PURE__ */ d("svg", { width: "12", height: "13", viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), T2 = () => /* @__PURE__ */ d("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" })
-] }), { withProvider: T2, withContext: k } = R(N5), T9 = T2(P.Root, void 0, {
+] }), { withProvider: P2, withContext: k } = R(W5), T9 = P2(P.Root, void 0, {
   defaultProps: {
     unmountOnExit: !0,
     lazyMount: !0
   }
-}), P9 = k(o(M.main), "body"), P2 = k(o(P.CloseTrigger), "closeTrigger"), k9 = k(o(M.footer), "footer"), Q1 = f(
+}), P9 = k(o(M.main), "body"), k2 = k(o(P.CloseTrigger), "closeTrigger"), k9 = k(o(M.footer), "footer"), K1 = f(
   ({ children: e, showCloseTrigger: l = !0, ...r }, t) => /* @__PURE__ */ d(M.header, { ...r, ref: t, children: [
     e,
-    l && /* @__PURE__ */ C(P2, { asChild: !0, children: /* @__PURE__ */ C(h1, { 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(k2, { asChild: !0, children: /* @__PURE__ */ C(f1, { 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,15 +86,15 @@ const _2 = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 12 13", fill: "none",
     ) }) }) })
   ] })
 );
-Q1.displayName = "DrawerHeader";
-const I9 = k(Q1, "header"), z9 = k(o(P.Title), "title"), F9 = k(o(P.Trigger), "trigger"), k2 = k(o(P.Positioner), "positioner"), I2 = k(o(P.Backdrop), "backdrop"), K1 = f(
+K1.displayName = "DrawerHeader";
+const I9 = k(K1, "header"), z9 = k(o(P.Title), "title"), B9 = k(o(P.Trigger), "trigger"), I2 = k(o(P.Positioner), "positioner"), z2 = k(o(P.Backdrop), "backdrop"), C5 = f(
   ({ children: e, ...l }, r) => /* @__PURE__ */ d(C1, { children: [
-    /* @__PURE__ */ C(I2, {}),
-    /* @__PURE__ */ C(k2, { children: /* @__PURE__ */ C(P.Content, { ref: r, ...l, children: e }) })
+    /* @__PURE__ */ C(z2, {}),
+    /* @__PURE__ */ C(I2, { children: /* @__PURE__ */ C(P.Content, { ref: r, ...l, children: e }) })
   ] })
 );
-K1.displayName = P.Content.displayName;
-const B9 = k(o(K1), "content"), D9 = P.Context, z2 = o("div", j5, {
+C5.displayName = P.Content.displayName;
+const F9 = k(o(C5), "content"), D9 = P.Context, B2 = o("div", j5, {
   defaultProps: {
     role: "group"
   }
@@ -103,8 +103,8 @@ const B9 = k(o(K1), "content"), D9 = P.Context, z2 = o("div", j5, {
     ...e ? { "aria-invalid": !0 } : {},
     ...l ? { "aria-required": !0 } : {}
   };
-  return /* @__PURE__ */ C(z2, { ...t, ...r });
-}, { withProvider: F2, withContext: l1 } = R(W5), B2 = F2(o(O.Root), void 0, {
+  return /* @__PURE__ */ C(B2, { ...t, ...r });
+}, { withProvider: F2, withContext: l1 } = R($5), D2 = F2(o(O.Root), void 0, {
   defaultProps: {
     closeDelay: 50,
     closeOnPointerDown: !1,
@@ -113,21 +113,21 @@ const B9 = k(o(K1), "content"), D9 = P.Context, z2 = o("div", j5, {
     openDelay: 200,
     unmountOnExit: !0
   }
-}), D2 = l1(o(O.Arrow), "arrow"), A2 = l1(o(O.ArrowTip), "arrowTip"), E2 = l1(o(O.Content), "content"), N2 = l1(o(O.Positioner), "positioner"), j2 = l1(o(O.Trigger), "trigger"), W2 = ({ label: e, children: l, withArrow: r = !0, ...t }) => {
+}), A2 = l1(o(O.Arrow), "arrow"), E2 = l1(o(O.ArrowTip), "arrowTip"), N2 = l1(o(O.Content), "content"), W2 = l1(o(O.Positioner), "positioner"), j2 = l1(o(O.Trigger), "trigger"), $2 = ({ label: e, children: l, withArrow: r = !0, ...t }) => {
   const [i, a] = U(t);
-  return /* @__PURE__ */ d(B2, { ...a, children: [
+  return /* @__PURE__ */ d(D2, { ...a, children: [
     /* @__PURE__ */ C(j2, { asChild: !0, children: l }),
-    /* @__PURE__ */ C(N2, { children: /* @__PURE__ */ d(E2, { ...i, children: [
-      r ? /* @__PURE__ */ C(D2, { children: /* @__PURE__ */ C(A2, {}) }) : null,
+    /* @__PURE__ */ C(W2, { children: /* @__PURE__ */ d(N2, { ...i, children: [
+      r ? /* @__PURE__ */ C(A2, { children: /* @__PURE__ */ C(E2, {}) }) : null,
       e
     ] }) })
   ] });
-}, $2 = o("label", s1), E9 = (e) => {
-  const [l, r] = s1.splitVariantProps(e), [t, i] = U(r), { children: a, className: n, addon: L, tooltipInformation: u, ...c } = i, h = s1(l);
-  return /* @__PURE__ */ d($2, { className: W(h.root, e1(t), n), ...c, children: [
+}, O2 = o("label", Z1), E9 = (e) => {
+  const [l, r] = Z1.splitVariantProps(e), [t, i] = U(r), { children: a, className: n, addon: L, tooltipInformation: u, ...c } = i, h = Z1(l);
+  return /* @__PURE__ */ d(O2, { className: j(h.root, e1(t), n), ...c, children: [
     a,
     L ? /* @__PURE__ */ C(o.span, { className: h.addon, children: L }) : null,
-    u ? /* @__PURE__ */ C(W2, { label: u, children: /* @__PURE__ */ C(
+    u ? /* @__PURE__ */ C($2, { label: u, children: /* @__PURE__ */ C(
       o.svg,
       {
         className: h.icon,
@@ -146,39 +146,39 @@ const B9 = k(o(K1), "content"), D9 = P.Context, z2 = o("div", j5, {
       }
     ) }) : null
   ] });
-}, N9 = o("p", $5, {
+}, N9 = o("p", O5, {
   dataAttr: !0
-}), j9 = (e) => {
-  const { as: l = "h2", ...r } = e, t = n1(() => o(l, O5), [l]);
+}), W9 = (e) => {
+  const { as: l = "h2", ...r } = e, t = L1(() => o(l, G5), [l]);
   return /* @__PURE__ */ C(t, { size: l, ...r });
-}, O2 = f((e, l) => {
-  const [r, t] = H1.splitVariantProps(e), [i, a] = U(t), { children: n, className: L, ...u } = a, c = H1(r);
-  return /* @__PURE__ */ d(q.Root, { ref: l, className: W(c.root, e1(i), L), ...u, children: [
+}, G2 = f((e, l) => {
+  const [r, t] = w1.splitVariantProps(e), [i, a] = U(t), { children: n, className: L, ...u } = a, c = w1(r);
+  return /* @__PURE__ */ d(q.Root, { ref: l, className: j(c.root, e1(i), L), ...u, children: [
     /* @__PURE__ */ C(q.Control, { className: c.control, children: /* @__PURE__ */ C(q.Thumb, { className: c.thumb }) }),
     n ? /* @__PURE__ */ C(q.Label, { className: c.label, children: n }) : null,
     /* @__PURE__ */ C(q.HiddenInput, {})
   ] });
 });
-O2.displayName = "Switch";
-const G2 = (e) => {
-  const { as: l = "p", ...r } = e, t = n1(() => o(l, G5), [l]);
+G2.displayName = "Switch";
+const U2 = (e) => {
+  const { as: l = "p", ...r } = e, t = L1(() => o(l, U5), [l]);
   return /* @__PURE__ */ C(t, { ...r });
-}, W9 = o(M.textarea, U5), { withProvider: U2, withContext: d1 } = R(Y5), $9 = U2(o(G.Root), "root", {
+}, j9 = o(M.textarea, Y5), { withProvider: Y2, withContext: a1 } = R(X5), $9 = Y2(o(G.Root), "root", {
   defaultProps: {
     lazyMount: !0
   }
-}), O9 = d1(o(G.Content), "content"), G9 = d1(o(G.Trigger), "trigger"), Y2 = d1(o(G.Indicator), "indicator"), C5 = f(
+}), O9 = a1(o(G.Content), "content"), G9 = a1(o(G.Trigger), "trigger"), X2 = a1(o(G.Indicator), "indicator"), e5 = f(
   ({ children: e, ...l }, r) => /* @__PURE__ */ d(G.List, { ref: r, ...l, children: [
     e,
-    /* @__PURE__ */ C(Y2, {})
+    /* @__PURE__ */ C(X2, {})
   ] })
 );
-C5.displayName = G.List.displayName;
-const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l === !0 ? r(e) : e, { withProvider: X2, withContext: V } = R(X5), q2 = X2(o(s.Root), "root", {
+e5.displayName = G.List.displayName;
+const U9 = a1(o(e5), "list"), l5 = ({ children: e, when: l, wrapper: r }) => l === !0 ? r(e) : e, { withProvider: q2, withContext: V } = R(q5), J2 = q2(o(s.Root), "root", {
   defaultProps: {
     loopFocus: !0
   }
-}), J2 = V(o(s.ClearTrigger), "clearTrigger"), Q2 = V(o(s.Content), "content"), K2 = V(o(s.Control), "control"), C4 = V(o(s.Indicator), "indicator"), e4 = V(o(s.Item), "item"), l4 = V(o(s.ItemIndicator), "itemIndicator"), r4 = V(o(s.ItemText), "itemText"), o4 = V(o(s.Positioner), "positioner"), t4 = V(o(s.Trigger), "trigger"), i4 = V(o(s.ValueText), "valueText"), Y9 = ({
+}), Q2 = V(o(s.ClearTrigger), "clearTrigger"), K2 = V(o(s.Content), "content"), C4 = V(o(s.Control), "control"), e4 = V(o(s.Indicator), "indicator"), l4 = V(o(s.Item), "item"), r4 = V(o(s.ItemIndicator), "itemIndicator"), o4 = V(o(s.ItemText), "itemText"), t4 = V(o(s.Positioner), "positioner"), i4 = V(o(s.Trigger), "trigger"), n4 = V(o(s.ValueText), "valueText"), Y9 = ({
   items: e,
   placeholder: l,
   emptyLabel: r,
@@ -186,7 +186,7 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
   positioning: i,
   ...a
 }) => /* @__PURE__ */ d(
-  q2,
+  J2,
   {
     lazyMount: !0,
     unmountOnExit: !0,
@@ -195,10 +195,10 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
     "data-recipe": "select",
     ...a,
     children: [
-      /* @__PURE__ */ d(K2, { children: [
-        /* @__PURE__ */ d(t4, { children: [
-          /* @__PURE__ */ C(i4, { truncate: !0, placeholder: l }),
-          /* @__PURE__ */ C(C4, { 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__ */ d(C4, { children: [
+        /* @__PURE__ */ d(i4, { children: [
+          /* @__PURE__ */ C(n4, { truncate: !0, placeholder: l }),
+          /* @__PURE__ */ C(e4, { 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 +206,7 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
             }
           ) }) })
         ] }),
-        /* @__PURE__ */ C(J2, { 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(Q2, { 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 +214,23 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
           }
         ) }) }) })
       ] }),
-      /* @__PURE__ */ C(e5, { when: t, wrapper: (n) => /* @__PURE__ */ C(C1, { children: n }), children: /* @__PURE__ */ C(o4, { children: /* @__PURE__ */ C(Q2, { children: e.length === 0 ? /* @__PURE__ */ C(G2, { px: "space-8", textAlign: "center", children: r ?? "Aucun résultat" }) : e.map((n) => /* @__PURE__ */ d(e4, { item: n, children: [
-        /* @__PURE__ */ C(r4, { truncate: !0, children: n.label }),
-        a.multiple ? /* @__PURE__ */ C(l4, { children: "✓" }) : null
+      /* @__PURE__ */ C(l5, { when: t, wrapper: (n) => /* @__PURE__ */ C(C1, { children: n }), children: /* @__PURE__ */ C(t4, { children: /* @__PURE__ */ C(K2, { children: e.length === 0 ? /* @__PURE__ */ C(U2, { px: "space-8", textAlign: "center", children: r ?? "Aucun résultat" }) : e.map((n) => /* @__PURE__ */ d(l4, { item: n, children: [
+        /* @__PURE__ */ C(o4, { truncate: !0, children: n.label }),
+        a.multiple ? /* @__PURE__ */ C(r4, { children: "✓" }) : null
       ] }, n.value)) }) }) }),
       /* @__PURE__ */ C(s.HiddenSelect, {})
     ]
   }
-), _1 = o("input", q5, {
+), S1 = o("input", J5, {
   dataAttr: !0
-}), S1 = o(M.div, J5, {
+}), T1 = o(M.div, Q5, {
   dataAttr: !0
-}), T1 = o("div", Q5, {
+}), P1 = o("div", K5, {
   dataAttr: !0
 }), X9 = (e) => {
-  const { as: l = "div", ...r } = e, t = n1(() => o(l), [l]);
+  const { as: l = "div", ...r } = e, t = L1(() => o(l), [l]);
   return /* @__PURE__ */ C(t, { ...r });
-}, { withProvider: n4, withContext: v } = R(K5), L4 = n4(p.Root, "root", {
+}, { withProvider: L4, withContext: v } = R(C2), d4 = L4(p.Root, "root", {
   defaultProps: {
     positioning: {
       placement: "bottom-start"
@@ -241,13 +241,13 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
     lazyMount: !0,
     startOfWeek: 6
   }
-}), d4 = v(p.Content, "content"), a4 = v(p.Control, "control"), P1 = v(p.Input, "input"), c4 = v(p.MonthSelect, "monthSelect"), u4 = v(p.NextTrigger, "nextTrigger"), M4 = v(p.Positioner, "positioner"), p4 = v(p.PrevTrigger, "prevTrigger"), s4 = v(p.TableBody, "tableBody"), Z4 = v(p.TableCell, "tableCell"), h4 = v(p.TableCellTrigger, "tableCellTrigger"), f4 = v(p.TableHead, "tableHead"), v4 = v(p.TableHeader, "tableHeader"), g4 = v(p.Table, "table"), k1 = v(p.TableRow, "tableRow"), I1 = v(p.Trigger, "trigger"), R4 = v(p.ViewControl, "viewControl"), m4 = v(p.View, "view"), b4 = v(p.YearSelect, "yearSelect"), z1 = v(o(p.ClearTrigger), "clearTrigger"), F1 = () => /* @__PURE__ */ C("svg", { width: "23", height: "24", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(
+}), a4 = v(p.Content, "content"), c4 = v(p.Control, "control"), k1 = v(p.Input, "input"), u4 = v(p.MonthSelect, "monthSelect"), M4 = v(p.NextTrigger, "nextTrigger"), p4 = v(p.Positioner, "positioner"), s4 = v(p.PrevTrigger, "prevTrigger"), Z4 = v(p.TableBody, "tableBody"), h4 = v(p.TableCell, "tableCell"), f4 = v(p.TableCellTrigger, "tableCellTrigger"), v4 = v(p.TableHead, "tableHead"), g4 = v(p.TableHeader, "tableHeader"), R4 = v(p.Table, "table"), I1 = v(p.TableRow, "tableRow"), z1 = v(p.Trigger, "trigger"), m4 = v(p.ViewControl, "viewControl"), b4 = v(p.View, "view"), y4 = v(p.YearSelect, "yearSelect"), B1 = v(o(p.ClearTrigger), "clearTrigger"), F1 = () => /* @__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"
   }
-) }), y4 = () => /* @__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" }) }), x4 = () => /* @__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" }) }), q9 = ({
+) }), x4 = () => /* @__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" }) }), H4 = () => /* @__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" }) }), q9 = ({
   placeholder: e,
   preflightClassName: l,
   selectionMode: r,
@@ -255,11 +255,11 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
   ...i
 }) => {
   const a = r === "range";
-  return /* @__PURE__ */ d(L4, { ...i, selectionMode: r, children: [
-    /* @__PURE__ */ C(p.Context, { children: (n) => /* @__PURE__ */ d(a4, { children: [
-      /* @__PURE__ */ d(T1, { children: [
-        /* @__PURE__ */ C(P1, { asChild: !0, index: 0, placeholder: e, children: /* @__PURE__ */ C(
-          _1,
+  return /* @__PURE__ */ d(d4, { ...i, selectionMode: r, children: [
+    /* @__PURE__ */ C(p.Context, { children: (n) => /* @__PURE__ */ d(c4, { children: [
+      /* @__PURE__ */ d(P1, { children: [
+        /* @__PURE__ */ C(k1, { asChild: !0, index: 0, placeholder: e, children: /* @__PURE__ */ C(
+          S1,
           {
             onInput: (L) => {
               const u = L.currentTarget.value;
@@ -267,20 +267,20 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
             }
           }
         ) }),
-        /* @__PURE__ */ d(S1, { children: [
-          /* @__PURE__ */ C(z1, { asChild: !0, cursor: "pointer", mr: "space-4", 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__ */ d(T1, { children: [
+          /* @__PURE__ */ C(B1, { asChild: !0, cursor: "pointer", mr: "space-4", 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",
               fill: "currentColor"
             }
           ) }) }) }),
-          /* @__PURE__ */ C(I1, { children: /* @__PURE__ */ C(F1, {}) })
+          /* @__PURE__ */ C(z1, { children: /* @__PURE__ */ C(F1, {}) })
         ] })
       ] }),
-      a ? /* @__PURE__ */ d(T1, { children: [
-        /* @__PURE__ */ C(P1, { asChild: !0, index: 1, placeholder: e, children: /* @__PURE__ */ C(
-          _1,
+      a ? /* @__PURE__ */ d(P1, { children: [
+        /* @__PURE__ */ C(k1, { asChild: !0, index: 1, placeholder: e, children: /* @__PURE__ */ C(
+          S1,
           {
             onInput: (L) => {
               const u = L.currentTarget.value;
@@ -288,54 +288,54 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
             }
           }
         ) }),
-        /* @__PURE__ */ d(S1, { children: [
-          n.value.length === 2 ? /* @__PURE__ */ C(z1, { asChild: !0, cursor: "pointer", mr: "space-4", 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__ */ d(T1, { children: [
+          n.value.length === 2 ? /* @__PURE__ */ C(B1, { asChild: !0, cursor: "pointer", mr: "space-4", 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",
               fill: "currentColor"
             }
           ) }) }) }) : null,
-          /* @__PURE__ */ C(I1, { children: /* @__PURE__ */ C(F1, {}) })
+          /* @__PURE__ */ C(z1, { children: /* @__PURE__ */ C(F1, {}) })
         ] })
       ] }) : null
     ] }) }),
-    /* @__PURE__ */ C(C1, { children: /* @__PURE__ */ C(M4, { className: l, children: /* @__PURE__ */ C(d4, { children: /* @__PURE__ */ C(m4, { view: "day", children: /* @__PURE__ */ C(p.Context, { children: (n) => /* @__PURE__ */ d(p1, { children: [
-      /* @__PURE__ */ d(R4, { children: [
-        /* @__PURE__ */ C(p4, { asChild: !0, children: /* @__PURE__ */ C(h1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(y4, {}) }) }),
-        /* @__PURE__ */ C(c4, {}),
-        /* @__PURE__ */ C(b4, {}),
-        /* @__PURE__ */ C(u4, { asChild: !0, children: /* @__PURE__ */ C(h1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(x4, {}) }) })
+    /* @__PURE__ */ C(C1, { children: /* @__PURE__ */ C(p4, { className: l, children: /* @__PURE__ */ C(a4, { children: /* @__PURE__ */ C(b4, { view: "day", children: /* @__PURE__ */ C(p.Context, { children: (n) => /* @__PURE__ */ d(s1, { children: [
+      /* @__PURE__ */ d(m4, { children: [
+        /* @__PURE__ */ C(s4, { asChild: !0, children: /* @__PURE__ */ C(f1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(x4, {}) }) }),
+        /* @__PURE__ */ C(u4, {}),
+        /* @__PURE__ */ C(y4, {}),
+        /* @__PURE__ */ C(M4, { asChild: !0, children: /* @__PURE__ */ C(f1, { p: "space-8", variant: "secondary", size: "sm", children: /* @__PURE__ */ C(H4, {}) }) })
       ] }),
-      /* @__PURE__ */ d(g4, { children: [
-        /* @__PURE__ */ C(f4, { children: /* @__PURE__ */ C(k1, { children: n.weekDays.map((L, u) => /* @__PURE__ */ C(v4, { children: L.short }, u)) }) }),
-        /* @__PURE__ */ C(s4, { children: n.weeks.map((L, u) => /* @__PURE__ */ C(k1, { children: L.map((c, h) => /* @__PURE__ */ C(Z4, { value: c, children: /* @__PURE__ */ C(h4, { asChild: !0, children: /* @__PURE__ */ C("button", { children: c.day }) }) }, h)) }, u)) })
+      /* @__PURE__ */ d(R4, { children: [
+        /* @__PURE__ */ C(v4, { children: /* @__PURE__ */ C(I1, { children: n.weekDays.map((L, u) => /* @__PURE__ */ C(g4, { children: L.short }, u)) }) }),
+        /* @__PURE__ */ C(Z4, { children: n.weeks.map((L, u) => /* @__PURE__ */ C(I1, { children: L.map((c, h) => /* @__PURE__ */ C(h4, { value: c, children: /* @__PURE__ */ C(f4, { asChild: !0, children: /* @__PURE__ */ C("button", { children: c.day }) }) }, h)) }, u)) })
       ] })
     ] }) }) }) }) }) })
   ] });
 }, J9 = f((e, l) => {
-  const [r, t] = w1.splitVariantProps(e), [i, a] = U(t), { children: n, className: L, ...u } = a, c = w1(r);
-  return /* @__PURE__ */ d(M.div, { ref: l, className: W(c.root, e1(i), L), ...u, children: [
+  const [r, t] = V1.splitVariantProps(e), [i, a] = U(t), { children: n, className: L, ...u } = a, c = V1(r);
+  return /* @__PURE__ */ d(M.div, { ref: l, className: j(c.root, e1(i), L), ...u, children: [
     n,
-    /* @__PURE__ */ C(D5, { className: W(c.badge) })
+    /* @__PURE__ */ C(A5, { className: j(c.badge) })
   ] });
-}), { withProvider: H4, withContext: a1 } = R(C2), w4 = a1(o(H.ItemControl), "itemControl"), V4 = a1(o(H.ItemText), "itemText"), _4 = f(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ d(H.Item, { ref: t, ...r, value: l, children: [
-  /* @__PURE__ */ C(V4, { children: e }),
-  /* @__PURE__ */ C(w4, {}),
+}), { withProvider: w4, withContext: c1 } = R(e2), V4 = c1(o(H.ItemControl), "itemControl"), _4 = c1(o(H.ItemText), "itemText"), S4 = f(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ d(H.Item, { ref: t, ...r, value: l, children: [
+  /* @__PURE__ */ C(_4, { children: e }),
+  /* @__PURE__ */ C(V4, {}),
   /* @__PURE__ */ C(H.ItemHiddenInput, {})
-] })), Q9 = H4(o(H.Root), "root", {
+] })), Q9 = w4(o(H.Root), "root", {
   defaultProps: {
     orientation: "horizontal"
   }
-}), K9 = a1(o(_4), "item"), C8 = a1(o(H.Label), "label"), { withProvider: S4, withContext: c1 } = R(e2), T4 = c1(o(H.ItemControl), "itemControl"), P4 = c1(o(H.ItemText), "itemText"), k4 = f(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ d(H.Item, { ref: t, ...r, value: l, children: [
-  /* @__PURE__ */ C(T4, {}),
-  /* @__PURE__ */ C(P4, { children: e }),
+}), K9 = c1(o(S4), "item"), C8 = c1(o(H.Label), "label"), { withProvider: T4, withContext: u1 } = R(l2), P4 = u1(o(H.ItemControl), "itemControl"), k4 = u1(o(H.ItemText), "itemText"), I4 = f(({ children: e, value: l, ...r }, t) => /* @__PURE__ */ d(H.Item, { ref: t, ...r, value: l, children: [
+  /* @__PURE__ */ C(P4, {}),
+  /* @__PURE__ */ C(k4, { children: e }),
   /* @__PURE__ */ C(H.ItemHiddenInput, {})
-] })), e8 = S4(o(H.Root), "root", {
+] })), e8 = T4(o(H.Root), "root", {
   defaultProps: {
     orientation: "horizontal"
   }
-}), l8 = c1(o(k4), "item"), r8 = c1(o(H.Label), "label"), { withProvider: I4, withContext: R1 } = R(l2), o8 = I4(o(M.span), "root"), t8 = R1(o("img"), "avatar"), i8 = R1(o(M.p), "body"), n8 = R1(o(M.button), "clearTrigger", {
+}), l8 = u1(o(I4), "item"), r8 = u1(o(H.Label), "label"), { withProvider: z4, withContext: m1 } = R(r2), o8 = z4(o(M.span), "root"), t8 = m1(o("img"), "avatar"), i8 = m1(o(M.p), "body"), n8 = m1(o(M.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 +346,14 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
       }
     ) })
   }
-}), { withProvider: z4, withContext: m1 } = R(r2, {
+}), { withProvider: B4, withContext: b1 } = R(o2, {
   dataAttr: !0
-}), F4 = m1(o(M.svg), "icon"), L8 = z4(o(M.button), "root", {
+}), F4 = b1(o(M.svg), "icon"), L8 = B4(o(M.button), "root", {
   defaultProps: {
     role: "group"
   },
   afterSlot: /* @__PURE__ */ C(F4, { 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" }) })
-}), d8 = m1(o(M.h3), "title"), a8 = m1(o(M.p), "description"), f1 = o("button", o2), { withProvider: B4, withContext: b1 } = R(t2), D4 = B4(o(M.div), "root"), A4 = b1(o(M.svg), "icon"), E4 = b1(o(M.h3), "title"), N4 = b1(o(M.p), "description"), j4 = (e) => {
+}), d8 = b1(o(M.h3), "title"), a8 = b1(o(M.p), "description"), v1 = o("button", t2), { withProvider: D4, withContext: y1 } = R(i2), A4 = D4(o(M.div), "root"), E4 = y1(o(M.svg), "icon"), N4 = y1(o(M.h3), "title"), W4 = y1(o(M.p), "description"), j4 = (e) => {
   switch (e) {
     default:
     case "neutral":
@@ -398,11 +398,11 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
       ) });
   }
 }, c8 = f(
-  ({ title: e, description: l, showDismissTrigger: r, onDismiss: t, severity: i, showIcon: a = !0, ...n }, L) => /* @__PURE__ */ d(D4, { ref: L, severity: i, ...n, children: [
-    /* @__PURE__ */ d(E4, { children: [
-      a ? /* @__PURE__ */ C(A4, { asChild: !0, children: j4(i) }) : null,
+  ({ title: e, description: l, showDismissTrigger: r, onDismiss: t, severity: i, showIcon: a = !0, ...n }, L) => /* @__PURE__ */ d(A4, { ref: L, severity: i, ...n, children: [
+    /* @__PURE__ */ d(N4, { children: [
+      a ? /* @__PURE__ */ C(E4, { asChild: !0, children: j4(i) }) : null,
       e,
-      r ? /* @__PURE__ */ C(f1, { 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(
+      r ? /* @__PURE__ */ C(v1, { 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",
         {
           d: "M12.6666 4.27334L11.7266 3.33334L7.99998 7.06L4.27331 3.33334L3.33331 4.27334L7.05998 8L3.33331 11.7267L4.27331 12.6667L7.99998 8.94L11.7266 12.6667L12.6666 11.7267L8.93998 8L12.6666 4.27334Z",
@@ -410,9 +410,9 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
         }
       ) }) }) : null
     ] }),
-    l ? /* @__PURE__ */ C(N4, { children: l }) : null
+    l ? /* @__PURE__ */ C(W4, { children: l }) : null
   ] })
-), W4 = (e, l) => {
+), $4 = (e, l) => {
   switch (l.type) {
     case "CLEAR_SORT_DESCRIPTOR":
       return {
@@ -427,87 +427,110 @@ const U9 = d1(o(C5), "list"), e5 = ({ children: e, when: l, wrapper: r }) => l =
     default:
       return e;
   }
-}, l5 = Y1(void 0), $4 = () => {
-  const e = X1(l5);
+}, r5 = X1(void 0), O4 = () => {
+  const e = q1(r5);
   if (!e)
     throw new Error("useTable must be used within a <TableProvider/>");
   return e;
-}, O4 = ({ children: e, onSortChange: l }) => {
-  const [r, t] = h2(W4, {
+}, G4 = ({ children: e, onSortChange: l }) => {
+  const [r, t] = f2($4, {
     sortDescriptor: null
   });
-  f2(() => {
+  v2(() => {
     l == null || l(r.sortDescriptor);
   }, [JSON.stringify(r.sortDescriptor)]);
   const i = {
     ...r,
     dispatch: t
   };
-  return /* @__PURE__ */ C(l5.Provider, { value: i, children: e });
-}, { withProvider: G4, withContext: A } = R(d2), u8 = o("div", i2), U4 = G4(o("table"), "root"), Y4 = f(
-  ({ children: e, onSortChange: l, ...r }, t) => /* @__PURE__ */ C(O4, { onSortChange: l, children: /* @__PURE__ */ C(U4, { ref: t, ...r, children: e }) })
+  return /* @__PURE__ */ C(r5.Provider, { value: i, children: e });
+}, { withProvider: U4, withContext: A } = R(a2), u8 = o("div", n2), Y4 = U4(o("table"), "root"), X4 = f(
+  ({ children: e, onSortChange: l, ...r }, t) => /* @__PURE__ */ C(G4, { onSortChange: l, children: /* @__PURE__ */ C(Y4, { ref: t, ...r, children: e }) })
 );
-Y4.displayName = "Table";
-const M8 = A(o("thead"), "thead"), X4 = A(o("div"), "sortIndicatorRoot"), B1 = A(o("svg"), "sortIndicator"), p8 = A(o("tbody"), "tbody"), s8 = A(o("tr"), "tr"), q4 = A(o("th"), "th"), J4 = f(
+X4.displayName = "Table";
+const M8 = A(o("thead"), "thead"), D1 = A(o("div"), "sortIndicatorRoot"), t1 = A(o("svg"), "sortIndicator"), p8 = A(o("tbody"), "tbody"), s8 = A(o("tr"), "tr"), q4 = A(o("th"), "th"), J4 = f(
   ({ children: e, addon: l, sortKey: r, onClick: t, ...i }, a) => {
-    const { dispatch: n, sortDescriptor: L } = $4();
-    return /* @__PURE__ */ d(q4, { ref: a, ...i, ...r ? { "data-sortable": !0 } : {}, onClick: (c) => {
-      r && (L === null ? n({
-        type: "UPDATE_SORT_DESCRIPTOR",
-        payload: {
-          key: r,
-          direction: "asc"
-        }
-      }) : L.key === r ? L.direction === "asc" ? n({
-        type: "UPDATE_SORT_DESCRIPTOR",
-        payload: {
-          key: r,
-          direction: "desc"
-        }
-      }) : n({
-        type: "CLEAR_SORT_DESCRIPTOR"
-      }) : n({
-        type: "UPDATE_SORT_DESCRIPTOR",
-        payload: {
-          key: r,
-          direction: "asc"
-        }
-      })), t == null || t(c);
-    }, children: [
-      e,
-      l ? /* @__PURE__ */ d("span", { className: "th__addon", children: [
-        " ",
-        l
-      ] }) : null,
-      L && L.key === r ? /* @__PURE__ */ d(X4, { children: [
-        /* @__PURE__ */ C(
-          B1,
-          {
-            "data-active": L.direction === "asc" ? !0 : void 0,
-            viewBox: "0 0 8 8",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ C("path", { d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z", fill: "currentColor" })
-          }
-        ),
-        /* @__PURE__ */ C(
-          B1,
-          {
-            "data-active": L.direction === "desc" ? !0 : void 0,
-            viewBox: "0 0 8 8",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ C("path", { d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z", fill: "currentColor" })
-          }
-        )
-      ] }) : null
-    ] });
+    const { dispatch: n, sortDescriptor: L } = O4();
+    return /* @__PURE__ */ d(
+      q4,
+      {
+        ref: a,
+        ...i,
+        ...r ? { "data-sortable": !0 } : {},
+        role: "group",
+        onClick: (c) => {
+          r && (L === null ? n({
+            type: "UPDATE_SORT_DESCRIPTOR",
+            payload: {
+              key: r,
+              direction: "asc"
+            }
+          }) : L.key === r ? L.direction === "asc" ? n({
+            type: "UPDATE_SORT_DESCRIPTOR",
+            payload: {
+              key: r,
+              direction: "desc"
+            }
+          }) : n({
+            type: "CLEAR_SORT_DESCRIPTOR"
+          }) : n({
+            type: "UPDATE_SORT_DESCRIPTOR",
+            payload: {
+              key: r,
+              direction: "asc"
+            }
+          })), t == null || t(c);
+        },
+        children: [
+          e,
+          l ? /* @__PURE__ */ d("span", { className: "th__addon", children: [
+            " ",
+            l
+          ] }) : null,
+          L && L.key === r ? /* @__PURE__ */ d(D1, { children: [
+            /* @__PURE__ */ C(
+              t1,
+              {
+                "data-active": L.direction === "asc" ? !0 : void 0,
+                viewBox: "0 0 8 8",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ C("path", { d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z", fill: "currentColor" })
+              }
+            ),
+            /* @__PURE__ */ C(
+              t1,
+              {
+                "data-active": L.direction === "desc" ? !0 : void 0,
+                viewBox: "0 0 8 8",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ C("path", { d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z", fill: "currentColor" })
+              }
+            )
+          ] }) : r ? /* @__PURE__ */ d(
+            D1,
+            {
+              transitionProperty: "opacity",
+              transitionDuration: "fast",
+              opacity: 0,
+              visibility: "hidden",
+              _groupHover: { opacity: 1, visibility: "visible" },
+              children: [
+                /* @__PURE__ */ C(t1, { "data-active": !0, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z", fill: "currentColor" }) }),
+                /* @__PURE__ */ C(t1, { "data-active": !0, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C("path", { d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z", fill: "currentColor" }) })
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
   }
 );
 J4.displayName = "Th";
-const Z8 = A(o("td"), "td"), Q4 = o("td", n2), K4 = f((e, l) => {
-  const r = v1(null);
-  return g1(() => {
+const Z8 = A(o("td"), "td"), Q4 = o("td", L2), K4 = f((e, l) => {
+  const r = g1(null);
+  return R1(() => {
     var t, i;
     if (r.current) {
       const a = (i = (t = r.current) == null ? void 0 : t.closest("table")) == null ? void 0 : i.querySelector("thead > tr");
@@ -516,9 +539,9 @@ const Z8 = A(o("td"), "td"), Q4 = o("td", n2), K4 = f((e, l) => {
   }, []), /* @__PURE__ */ C("tr", { ref: l, className: "table_tr__group__title", children: /* @__PURE__ */ C(Q4, { ref: r, ...e }) });
 });
 K4.displayName = "TableGroupTitle";
-const C3 = o("td", L2), e3 = f((e, l) => {
-  const r = v1(null);
-  return g1(() => {
+const C3 = o("td", d2), e3 = f((e, l) => {
+  const r = g1(null);
+  return R1(() => {
     var t, i;
     if (r.current) {
       const a = (i = (t = r.current) == null ? void 0 : t.closest("table")) == null ? void 0 : i.querySelector("thead > tr");
@@ -527,31 +550,31 @@ const C3 = o("td", L2), e3 = f((e, l) => {
   }, []), /* @__PURE__ */ C("tr", { ref: l, className: "table_tr__empty", children: /* @__PURE__ */ C(C3, { ref: r, ...e }) });
 });
 e3.displayName = "TableEmptyRow";
-const { withProvider: l3, withContext: y1 } = R(a2), r3 = l3(o("nav"), "root"), o3 = y1(o("ol"), "list"), h8 = y1(o("li"), "item"), f8 = y1(o(M.a), "link"), t3 = /* @__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" }) }), v8 = f(
+const { withProvider: l3, withContext: x1 } = R(c2), r3 = l3(o("nav"), "root"), o3 = x1(o("ol"), "list"), h8 = x1(o("li"), "item"), f8 = x1(o(M.a), "link"), t3 = /* @__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" }) }), v8 = f(
   ({ children: e, separator: l = t3, ...r }, t) => {
     var a;
-    const i = v2.toArray(
-      R2.isFragment(e) ? (a = e.props) == null ? void 0 : a.children : e
+    const i = g2.toArray(
+      m2.isFragment(e) ? (a = e.props) == null ? void 0 : a.children : e
     );
-    return /* @__PURE__ */ C(r3, { ...r, "aria-label": r["aria-label"] ?? "breadcrumb", ref: t, children: /* @__PURE__ */ C(o3, { children: i.map((n, L) => Z1(n, {
+    return /* @__PURE__ */ C(r3, { ...r, "aria-label": r["aria-label"] ?? "breadcrumb", ref: t, children: /* @__PURE__ */ C(o3, { children: i.map((n, L) => h1(n, {
       "aria-current": L === i.length - 1 ? "page" : void 0,
-      children: L === i.length - 1 ? n.props.children : /* @__PURE__ */ d(p1, { children: [
+      children: L === i.length - 1 ? n.props.children : /* @__PURE__ */ d(s1, { children: [
         n.props.children,
-        l ? /* @__PURE__ */ C(p1, { children: typeof l == "object" ? Z1(l, { role: "presentation" }) : /* @__PURE__ */ C("span", { role: "presentation", children: l }) }) : null
+        l ? /* @__PURE__ */ C(s1, { children: typeof l == "object" ? h1(l, { role: "presentation" }) : /* @__PURE__ */ C("span", { role: "presentation", children: l }) }) : null
       ] })
     })) }) });
   }
-), { withProvider: i3, withContext: u1 } = R(c2), g8 = i3(D.Root, void 0, {
+), { withProvider: i3, withContext: M1 } = R(u2), g8 = i3(D.Root, void 0, {
   defaultProps: {
     unmountOnExit: !0,
     lazyMount: !0,
     portalled: !0
   }
-}), R8 = u1(o(D.CloseTrigger), "closeTrigger"), m8 = u1(o(D.Trigger), "trigger"), n3 = u1(o(D.Positioner), "positioner"), r5 = f(
+}), R8 = M1(o(D.CloseTrigger), "closeTrigger"), m8 = M1(o(D.Trigger), "trigger"), n3 = M1(o(D.Positioner), "positioner"), o5 = f(
   ({ children: e, ...l }, r) => /* @__PURE__ */ C(C1, { children: /* @__PURE__ */ C(n3, { children: /* @__PURE__ */ C(D.Content, { ref: r, ...l, children: e }) }) })
 );
-r5.displayName = D.Content.displayName;
-const b8 = u1(o(r5), "content"), y8 = D.Context;
+o5.displayName = D.Content.displayName;
+const b8 = M1(o(o5), "content"), y8 = D.Context;
 function L3({
   value: e,
   defaultValue: l,
@@ -559,7 +582,7 @@ function L3({
   onChange: t = () => {
   }
 }) {
-  const [i, a] = J1(l !== void 0 ? l : r), n = (L, ...u) => {
+  const [i, a] = Q1(l !== void 0 ? l : r), n = (L, ...u) => {
     a(L), t == null || t(L, ...u);
   };
   return e !== void 0 ? [e, t, !0] : [i, n, !1];
@@ -585,15 +608,15 @@ const J = Symbol("dots"), d3 = ({
     w <= 0 ? u(1) : w > n ? u(n) : u(w);
   }, h = () => c(L + 1), y = () => c(L - 1), _ = () => c(1), I = () => c(n);
   return {
-    range: n1(() => {
+    range: L1(() => {
       if (l * 2 + 3 + r * 2 >= n)
         return z(1, n);
-      const N = Math.max(L - l, r), T = Math.min(L + l, n - r), B = N > r + 2, Y = T < n - (r + 1);
-      if (!B && Y) {
+      const N = Math.max(L - l, r), T = Math.min(L + l, n - r), F = N > r + 2, Y = T < n - (r + 1);
+      if (!F && Y) {
         const X = l * 2 + r + 2;
         return [...z(1, X), J, ...z(n - (r - 1), n)];
       }
-      if (B && !Y) {
+      if (F && !Y) {
         const X = r + 1 + 2 * l;
         return [...z(1, r), J, ...z(n - X, n)];
       }
@@ -612,9 +635,9 @@ const J = Symbol("dots"), d3 = ({
     first: _,
     last: I
   };
-}, D1 = (e, l) => (r) => {
+}, A1 = (e, l) => (r) => {
   e == null || e(r), l == null || l(r);
-}, { withProvider: a3, withContext: o5 } = R(u2), c3 = a3(o("div"), "root"), u3 = o5(o("button"), "item"), M3 = o5(o("div"), "dots"), x8 = ({
+}, { withProvider: a3, withContext: t5 } = R(M2), c3 = a3(o("div"), "root"), u3 = t5(o("button"), "item"), M3 = t5(o("div"), "dots"), x8 = ({
   total: e,
   value: l,
   defaultValue: r,
@@ -633,10 +656,10 @@ const J = Symbol("dots"), d3 = ({
     total: e,
     siblings: L,
     boundaries: u
-  }), w = D1(a, _), N = D1(n, I);
+  }), w = A1(a, _), N = A1(n, I);
   return /* @__PURE__ */ d(c3, { ...c, children: [
     /* @__PURE__ */ C(
-      f1,
+      v1,
       {
         size: "md",
         variant: "tertiary",
@@ -646,7 +669,7 @@ const J = Symbol("dots"), d3 = ({
         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" }) })
       }
     ),
-    h.map((T, B) => T === J ? /* @__PURE__ */ q1(M3, { ...i ? { "data-disabled": !0 } : {}, key: B }, "...") : /* @__PURE__ */ C(
+    h.map((T, F) => T === J ? /* @__PURE__ */ J1(M3, { ...i ? { "data-disabled": !0 } : {}, key: F }, "...") : /* @__PURE__ */ C(
       u3,
       {
         disabled: i,
@@ -656,10 +679,10 @@ const J = Symbol("dots"), d3 = ({
         onClick: () => y(T),
         children: T
       },
-      B
+      F
     )),
     /* @__PURE__ */ C(
-      f1,
+      v1,
       {
         size: "md",
         variant: "tertiary",
@@ -670,7 +693,7 @@ const J = Symbol("dots"), d3 = ({
       }
     )
   ] });
-}, F = (e) => f((l, r) => Z1(e, {
+}, B = (e) => f((l, r) => h1(e, {
   fill: "currentColor",
   ref: r,
   stroke: "currentColor",
@@ -678,7 +701,7 @@ const J = Symbol("dots"), d3 = ({
   height: void 0,
   preserveAspectRatio: "xMidYMid meet",
   ...l
-})), p3 = F(
+})), p3 = B(
   /* @__PURE__ */ d("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ d("g", { clipPath: "url(#clip0_1422_2)", children: [
       /* @__PURE__ */ C(
@@ -1139,7 +1162,7 @@ const J = Symbol("dots"), d3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_2", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), s3 = F(
+), s3 = B(
   /* @__PURE__ */ d("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",
@@ -1150,7 +1173,7 @@ const J = Symbol("dots"), d3 = ({
     ) }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_4", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), Z3 = F(
+), Z3 = B(
   /* @__PURE__ */ d("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ d("g", { clipPath: "url(#clip0_1422_86)", children: [
       /* @__PURE__ */ C(
@@ -4081,7 +4104,7 @@ const J = Symbol("dots"), d3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_86", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), h3 = F(
+), h3 = B(
   /* @__PURE__ */ d("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ d("g", { clipPath: "url(#clip0_1422_91)", children: [
       /* @__PURE__ */ C(
@@ -4762,7 +4785,7 @@ const J = Symbol("dots"), d3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_91", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), f3 = F(
+), f3 = B(
   /* @__PURE__ */ d("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ d("g", { clipPath: "url(#clip0_1422_164)", children: [
       /* @__PURE__ */ C(
@@ -6252,7 +6275,7 @@ const J = Symbol("dots"), d3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_164", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), v3 = F(
+), v3 = B(
   /* @__PURE__ */ d("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ d("g", { clipPath: "url(#clip0_1422_237)", children: [
       /* @__PURE__ */ C(
@@ -7301,7 +7324,7 @@ const J = Symbol("dots"), d3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_237", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), g3 = F(
+), g3 = B(
   /* @__PURE__ */ d("svg", { width: "924", height: "658", viewBox: "0 0 924 658", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ d("g", { clipPath: "url(#clip0_1422_310)", children: [
       /* @__PURE__ */ C(
@@ -9472,7 +9495,7 @@ const J = Symbol("dots"), d3 = ({
     ] }),
     /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_1422_310", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", fill: "currentColor" }) }) })
   ] })
-), R3 = F(
+), R3 = B(
   /* @__PURE__ */ d("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__ */ d("g", { clipPath: "url(#clip1_1422_1919)", children: [
       /* @__PURE__ */ C(
@@ -9553,7 +9576,7 @@ const J = Symbol("dots"), d3 = ({
       /* @__PURE__ */ C("clipPath", { id: "clip1_1422_1919", children: /* @__PURE__ */ C("rect", { width: "924", height: "658", rx: "24", fill: "currentColor" }) })
     ] })
   ] })
-), m3 = o(M.div, M2), b3 = (e) => {
+), m3 = o(M.div, p2), b3 = (e) => {
   switch (e) {
     case "neutral":
       return /* @__PURE__ */ C(R3, {});
@@ -9575,14 +9598,14 @@ const J = Symbol("dots"), d3 = ({
       throw new Error(`Invalid pattern given: "${e}"`);
   }
 }, H8 = (e) => {
-  const l = v1(null);
-  return g1(() => {
+  const l = g1(null);
+  return R1(() => {
     if (l.current) {
       const r = l.current.parentElement;
       r && getComputedStyle(r).position === "static" && (r.style.position = "relative");
     }
   }, []), /* @__PURE__ */ C(m3, { ref: l, ...e, children: b3(e.pattern) });
-}, w8 = o(M.button, p2), { withProvider: y3, withContext: E } = R(s2), x3 = y3(o(s.Root), "root", {
+}, w8 = o(M.button, s2), { withProvider: y3, withContext: E } = R(Z2), x3 = y3(o(s.Root), "root", {
   defaultProps: {
     loopFocus: !0
   }
@@ -9605,34 +9628,34 @@ const J = Symbol("dots"), d3 = ({
   id: w,
   ids: N,
   immediate: T,
-  invalid: B,
+  invalid: F,
   isItemDisabled: Y,
   itemToString: X,
-  itemToValue: a5,
-  loopFocus: c5,
-  name: u5,
-  onExitComplete: M5,
-  onFocusOutside: p5,
-  onHighlightChange: s5,
-  onInteractOutside: Z5,
-  onOpenChange: h5,
-  onPointerDownOutside: f5,
-  open: v5,
-  present: g5,
-  readOnly: R5,
-  required: m5,
-  scrollToIndexFn: b5,
-  value: y5,
-  ...x5
+  itemToValue: c5,
+  loopFocus: u5,
+  name: M5,
+  onExitComplete: p5,
+  onFocusOutside: s5,
+  onHighlightChange: Z5,
+  onInteractOutside: h5,
+  onOpenChange: f5,
+  onPointerDownOutside: v5,
+  open: g5,
+  present: R5,
+  readOnly: m5,
+  required: b5,
+  scrollToIndexFn: y5,
+  value: x5,
+  ...H5
 }) => {
-  const o1 = e.every((m) => "severity" in m && !!m.severity), M1 = y || (e.length > 0 ? [e[0].value.toString()] : void 0), [H5, w5] = J1(() => {
-    if (M1) {
-      const m = e.find((_5) => _5.value.toString() === M1[0]);
+  const o1 = e.every((m) => "severity" in m && !!m.severity), p1 = y || (e.length > 0 ? [e[0].value.toString()] : void 0), [w5, V5] = Q1(() => {
+    if (p1) {
+      const m = e.find((S5) => S5.value.toString() === p1[0]);
       return m && o1 ? m.severity : "neutral";
     }
     return e.length > 0 && o1 ? e[0].severity : "neutral";
-  }), V5 = (m) => {
-    m.items.length > 0 && typeof m.items[0] == "object" && w5(m.items[0].severity ?? "neutral"), a == null || a(m);
+  }), _5 = (m) => {
+    m.items.length > 0 && typeof m.items[0] == "object" && V5(m.items[0].severity ?? "neutral"), a == null || a(m);
   };
   return /* @__PURE__ */ d(
     x3,
@@ -9643,10 +9666,10 @@ const J = Symbol("dots"), d3 = ({
       lazyMount: l,
       unmountOnExit: t,
       items: e,
-      defaultValue: M1,
+      defaultValue: p1,
       positioning: { sameWidth: !0, gutter: 0, ...i },
-      onValueChange: o1 ? V5 : a,
-      severity: o1 ? H5 : n,
+      onValueChange: o1 ? _5 : a,
+      severity: o1 ? w5 : n,
       size: L,
       disabled: _,
       form: I,
@@ -9654,26 +9677,26 @@ const J = Symbol("dots"), d3 = ({
       id: w,
       ids: N,
       immediate: T,
-      invalid: B,
+      invalid: F,
       isItemDisabled: Y,
       itemToString: X,
-      itemToValue: a5,
-      loopFocus: c5,
-      name: u5,
-      onExitComplete: M5,
-      onFocusOutside: p5,
-      onHighlightChange: s5,
-      onInteractOutside: Z5,
-      onOpenChange: h5,
-      onPointerDownOutside: f5,
-      open: v5,
-      present: g5,
-      readOnly: R5,
-      required: m5,
-      scrollToIndexFn: b5,
-      value: y5,
+      itemToValue: c5,
+      loopFocus: u5,
+      name: M5,
+      onExitComplete: p5,
+      onFocusOutside: s5,
+      onHighlightChange: Z5,
+      onInteractOutside: h5,
+      onOpenChange: f5,
+      onPointerDownOutside: v5,
+      open: g5,
+      present: R5,
+      readOnly: m5,
+      required: b5,
+      scrollToIndexFn: y5,
+      value: x5,
       children: [
-        /* @__PURE__ */ d(T3, { ...x5, children: [
+        /* @__PURE__ */ d(T3, { ...H5, children: [
           /* @__PURE__ */ C(P3, {}),
           /* @__PURE__ */ C(w3, { 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",
@@ -9683,12 +9706,12 @@ const J = Symbol("dots"), d3 = ({
             }
           ) }) })
         ] }),
-        /* @__PURE__ */ C(e5, { when: r, wrapper: (m) => /* @__PURE__ */ C(C1, { children: m }), children: /* @__PURE__ */ C(S3, { children: /* @__PURE__ */ C(H3, { children: e.map((m) => /* @__PURE__ */ C(V3, { item: m, children: /* @__PURE__ */ C(_3, { truncate: !0, children: m.label }) }, m.value)) }) }) }),
+        /* @__PURE__ */ C(l5, { when: r, wrapper: (m) => /* @__PURE__ */ C(C1, { children: m }), children: /* @__PURE__ */ C(S3, { children: /* @__PURE__ */ C(H3, { children: e.map((m) => /* @__PURE__ */ C(V3, { item: m, children: /* @__PURE__ */ C(_3, { truncate: !0, children: m.label }) }, m.value)) }) }) }),
         /* @__PURE__ */ C(s.HiddenSelect, {})
       ]
     }
   );
-}, A1 = g2({
+}, E1 = R2({
   slots: ["root", "price", "unit"],
   base: {
     root: {
@@ -9753,8 +9776,8 @@ const J = Symbol("dots"), d3 = ({
     size: "md"
   }
 }), k3 = f((e, l) => {
-  const [r, t] = A1.splitVariantProps(e), [i, a] = U(t), { className: n, unit: L, price: u, ...c } = a, h = A1(r), y = !!L;
-  return /* @__PURE__ */ d("span", { ref: l, className: W("price-tag", h.root, e1(i), n), ...c, children: [
+  const [r, t] = E1.splitVariantProps(e), [i, a] = U(t), { className: n, unit: L, price: u, ...c } = a, h = E1(r), y = !!L;
+  return /* @__PURE__ */ d("span", { ref: l, className: j("price-tag", h.root, e1(i), n), ...c, children: [
     /* @__PURE__ */ C("span", { className: h.price, children: u }),
     y ? /* @__PURE__ */ d("span", { className: h.unit, children: [
       "/ ",
@@ -9763,20 +9786,20 @@ const J = Symbol("dots"), d3 = ({
   ] });
 });
 k3.displayName = "PriceTag";
-const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"), F3 = r1(o(M.h3), "title"), B3 = r1(o(M.img), "image"), D3 = r1(o("div"), "content"), A3 = r1(o("p"), "description"), E3 = r1(o("span"), "highlight"), _8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const { withProvider: I3, withContext: r1 } = R(h2), z3 = I3(o("div"), "root"), B3 = r1(o(M.h3), "title"), F3 = r1(o(M.img), "image"), D3 = r1(o("div"), "content"), A3 = r1(o("p"), "description"), E3 = r1(o("span"), "highlight"), _8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Content: D3,
   Description: A3,
   Highlight: E3,
-  Image: B3,
+  Image: F3,
   Root: z3,
-  Title: F3
+  Title: B3
 }, Symbol.toStringTag, { value: "Module" })), N3 = {
   xl: "1536px",
   lg: "1200px",
   md: "900px",
   sm: "600px"
-}, j3 = {
+}, W3 = {
   extend: {
     checked: "&:where(:checked, [data-checked], [aria-checked=true], [data-state=checked])",
     closed: "&:where([data-state=closed])",
@@ -9794,7 +9817,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
     today: "&:where([data-today])",
     underValue: '&:where([data-state="under-value"])'
   }
-}, W3 = {
+}, j3 = {
   "2xl": "672px",
   "3xl": "768px",
   "4xl": "896px",
@@ -9807,7 +9830,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   sm: "384px",
   xl: "576px",
   xs: "320px"
-}, $3 = m2({
+}, $3 = b2({
   blob: {
     "0%": {
       rotate: "0deg"
@@ -9925,7 +9948,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
       transform: "rotate(360deg)"
     }
   }
-}), t5 = b({
+}), i5 = b({
   base: {
     _focusVisible: {
       ring: "2px solid {colors.primary.200}",
@@ -10206,7 +10229,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
     size: "md"
   },
   jsx: ["Switch", "SwitchField"],
-  slots: S5.keys(),
+  slots: T5.keys(),
   variants: {
     size: {
       md: {
@@ -10261,7 +10284,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
       sm: { textStyle: "body.sm" }
     }
   }
-}), i5 = b({
+}), n5 = b({
   base: {
     '&[type="time"]::-webkit-calendar-picker-indicator': {
       display: "none"
@@ -10321,7 +10344,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   base: {
     px: "space-16",
     py: "space-8",
-    ...i5.base
+    ...n5.base
   }
 }), X3 = b({
   base: {
@@ -10362,7 +10385,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   className: "form-helper-text",
   description: "The styles for the FormHelperText component",
   jsx: ["FormHelperText"]
-}), J3 = T5.extendWith("header", "body", "footer"), Q3 = Z({
+}), J3 = P5.extendWith("header", "body", "footer"), Q3 = Z({
   className: "drawer",
   slots: J3.keys(),
   jsx: ["Drawer"],
@@ -10485,7 +10508,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
 }), K3 = Z({
   className: "accordion",
   jsx: ["Accordion"],
-  slots: P5.keys(),
+  slots: k5.keys(),
   base: {
     root: {
       display: "flex",
@@ -10627,7 +10650,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   jsx: ["FormLabel"]
 }), e6 = Z({
   className: "checkbox",
-  slots: k5.keys(),
+  slots: I5.keys(),
   jsx: ["Checkbox"],
   base: {
     root: {
@@ -10731,10 +10754,14 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
         control: {
           width: "size-16",
           height: "size-16",
+          minWidth: "size-16",
+          minHeight: "size-16",
           borderRadius: "radius-4",
           "& svg": {
             width: "size-12",
-            height: "size-12"
+            height: "size-12",
+            minWidth: "size-12",
+            minHeight: "size-12"
           }
         },
         label: {
@@ -10745,7 +10772,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   }
 }), l6 = Z({
   className: "tabs",
-  slots: I5.keys(),
+  slots: z5.keys(),
   base: {
     root: {
       isolation: "isolate",
@@ -10849,7 +10876,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
       }
     }
   }
-}), t1 = Z({
+}), i1 = Z({
   base: {
     control: {
       fontFamily: "satoshi",
@@ -11014,7 +11041,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
     size: "md"
   },
   jsx: ["Select"],
-  slots: G1.keys(),
+  slots: U1.keys(),
   variants: {
     size: {
       md: {
@@ -11086,9 +11113,9 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   className: "input-group",
   description: "The styles for the InputGroup component",
   jsx: ["InputGroup"]
-}), E1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K", t6 = Z({
+}), N1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K", t6 = Z({
   className: "datepicker",
-  slots: z5.keys(),
+  slots: B5.keys(),
   jsx: ["DatePicker"],
   base: {
     root: {
@@ -11137,7 +11164,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
       px: "space-4",
       appearance: "none",
       paddingRight: "30px",
-      background: `url('${E1}') no-repeat right 10px center`,
+      background: `url('${N1}') no-repeat right 10px center`,
       _focus: {
         border: "1px solid {colors.primary.500}"
       }
@@ -11153,7 +11180,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
       px: "space-4",
       appearance: "none",
       paddingRight: "30px",
-      background: `url('${E1}') no-repeat right 10px center`,
+      background: `url('${N1}') no-repeat right 10px center`,
       _focus: {
         border: "1px solid {colors.primary.500}"
       }
@@ -11362,7 +11389,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
 }), n6 = Z({
   className: "radio-button-group",
   jsx: ["RadioButtonGroup"],
-  slots: U1.keys(),
+  slots: Y1.keys(),
   base: {
     root: {
       display: "inline-flex",
@@ -11508,7 +11535,7 @@ const { withProvider: I3, withContext: r1 } = R(Z2), z3 = I3(o("div"), "root"),
   defaultVariants: {
     size: "md"
   },
-  slots: U1.keys(),
+  slots: Y1.keys(),
   variants: {
     size: {
       md: {
@@ -11778,10 +11805,10 @@ function R6(e) {
     return Object.propertyIsEnumerable.call(e, l);
   }) : [];
 }
-function N1(e) {
+function W1(e) {
   return Object.keys(e).concat(R6(e));
 }
-function n5(e, l) {
+function L5(e, l) {
   try {
     return l in e;
   } catch {
@@ -11789,14 +11816,14 @@ function n5(e, l) {
   }
 }
 function m6(e, l) {
-  return n5(e, l) && !(Object.hasOwnProperty.call(e, l) && Object.propertyIsEnumerable.call(e, l));
+  return L5(e, l) && !(Object.hasOwnProperty.call(e, l) && Object.propertyIsEnumerable.call(e, l));
 }
 function b6(e, l, r) {
   var t = {};
-  return r.isMergeableObject(e) && N1(e).forEach(function(i) {
+  return r.isMergeableObject(e) && W1(e).forEach(function(i) {
     t[i] = Q(e[i], r);
-  }), N1(l).forEach(function(i) {
-    m6(e, i) || (n5(e, i) && r.isMergeableObject(l[i]) ? t[i] = g6(i, r)(e[i], l[i], r) : t[i] = Q(l[i], r));
+  }), W1(l).forEach(function(i) {
+    m6(e, i) || (L5(e, i) && r.isMergeableObject(l[i]) ? t[i] = g6(i, r)(e[i], l[i], r) : t[i] = Q(l[i], r));
   }), t;
 }
 function $(e, l, r) {
@@ -11813,7 +11840,7 @@ $.all = function(l, r) {
 };
 var y6 = $, x6 = y6;
 const H6 = /* @__PURE__ */ c6(x6), w6 = H6(
-  t5,
+  i5,
   b({
     className: "icon-button",
     defaultVariants: {
@@ -12128,7 +12155,7 @@ const H6 = /* @__PURE__ */ c6(x6), w6 = H6(
   variants: {}
 }), z6 = Z({
   className: "popover",
-  slots: B5.keys(),
+  slots: D5.keys(),
   jsx: ["Popover", "PopoverTrigger", "PopoverContent", "PopoverCloseTrigger"],
   base: {
     positioner: {
@@ -12189,7 +12216,7 @@ const H6 = /* @__PURE__ */ c6(x6), w6 = H6(
       _hover: "grey.50"
     }
   }
-}, F6 = Z({
+}, B6 = Z({
   className: "pagination",
   jsx: ["Pagination"],
   slots: ["root", "item", "dots"],
@@ -12215,15 +12242,15 @@ const H6 = /* @__PURE__ */ c6(x6), w6 = H6(
     }
   }
 });
-var W1, $1, O1;
-const B6 = Z({
+var $1, O1, G1;
+const F6 = Z({
   base: {
     root: {
       display: "contents"
     },
-    content: (W1 = t1.base) == null ? void 0 : W1.content,
-    indicator: ($1 = t1.base) == null ? void 0 : $1.indicator,
-    item: (O1 = t1.base) == null ? void 0 : O1.item,
+    content: ($1 = i1.base) == null ? void 0 : $1.content,
+    indicator: (O1 = i1.base) == null ? void 0 : O1.indicator,
+    item: (G1 = i1.base) == null ? void 0 : G1.item,
     valueText: {
       flex: 1,
       textAlign: "left"
@@ -12259,7 +12286,7 @@ const B6 = Z({
     severity: "neutral"
   },
   jsx: ["StatusTagSelect"],
-  slots: G1.keys(),
+  slots: U1.keys(),
   variants: {
     size: {
       lg: {
@@ -12535,7 +12562,7 @@ const B6 = Z({
   description: "The styles for the ButtonFilter component",
   jsx: ["ButtonFilter"]
 }), N6 = {
-  button: t5,
+  button: i5,
   iconButton: w6,
   heading: O3,
   switchRecipe: G3,
@@ -12543,7 +12570,7 @@ const B6 = Z({
   textarea: Y3,
   formControl: X3,
   formHelperText: q3,
-  input: i5,
+  input: n5,
   inputAddon: r6,
   inputGroup: o6,
   tableGroupTitle: T6,
@@ -12551,7 +12578,7 @@ const B6 = Z({
   tableContainer: k6,
   illustration: A6,
   buttonFilter: E6
-}, j6 = {
+}, W6 = {
   drawer: Q3,
   radioButtonGroup: n6,
   radioGroup: L6,
@@ -12561,8 +12588,8 @@ const B6 = Z({
   datepicker: t6,
   tabs: l6,
   tag: i6,
-  statusTagSelect: B6,
-  select: t1,
+  statusTagSelect: F6,
+  select: i1,
   chip: d6,
   actionCard: a6,
   tooltip: V6,
@@ -12570,9 +12597,9 @@ const B6 = Z({
   table: S6,
   breadcrumb: I6,
   popover: z6,
-  pagination: F6,
+  pagination: B6,
   productCardCatalog: D6
-}, W6 = b2.colors({
+}, j6 = y2.colors({
   decorative: {
     red: {
       light: { value: "#FFB5AD" },
@@ -12709,8 +12736,8 @@ const B6 = Z({
     }
   }
 }), $6 = {
-  colors: W6
-}, O6 = y2({
+  colors: j6
+}, O6 = x2({
   body: {
     lg: {
       value: {
@@ -13325,19 +13352,19 @@ var o9 = {
   transition: ["transitionProperty", "transitionDuration", "transitionTimingFunction", "transitionDelay"]
 };
 Object.values(o9).reduce((e, l) => (l.forEach((r) => e.add(r)), e), /* @__PURE__ */ new Set([]));
-var t9 = 16, L5 = "px", d5 = "em", i1 = "rem", i9 = new RegExp(String.raw`-?\d+(?:\.\d+|\d*)`), n9 = new RegExp(`${L5}|${d5}|${i1}`), L9 = new RegExp(`${i9.source}(${n9.source})`);
+var t9 = 16, d5 = "px", a5 = "em", n1 = "rem", i9 = new RegExp(String.raw`-?\d+(?:\.\d+|\d*)`), n9 = new RegExp(`${d5}|${a5}|${n1}`), L9 = new RegExp(`${i9.source}(${n9.source})`);
 function d9(e = "") {
   const l = e.match(L9);
   return l == null ? void 0 : l[1];
 }
 function x(e = "") {
   const l = d9(e);
-  if (!l || l === i1)
+  if (!l || l === n1)
     return e;
+  if (l === a5)
+    return `${parseFloat(e)}${n1}`;
   if (l === d5)
-    return `${parseFloat(e)}${i1}`;
-  if (l === L5)
-    return `${parseFloat(e) / t9}${i1}`;
+    return `${parseFloat(e) / t9}${n1}`;
 }
 const a9 = g.fontSizes({
   body: {
@@ -13469,7 +13496,7 @@ const a9 = g.fontSizes({
   sizes: e9,
   spacing: l9,
   zIndex: s9
-}, h9 = x2({
+}, h9 = H2({
   className: "size",
   transform(e) {
     return { height: e, width: e };
@@ -13479,23 +13506,23 @@ const a9 = g.fontSizes({
   extend: {
     boxSize: h9
   }
-}, S8 = H2({
+}, S8 = w2({
   name: "@stokelp/ui-preset",
   staticCss: {
     recipes: "*"
   },
   theme: {
     breakpoints: N3,
-    containerSizes: W3,
+    containerSizes: j3,
     keyframes: $3,
     recipes: N6,
     semanticTokens: $6,
-    slotRecipes: j6,
+    slotRecipes: W6,
     textStyles: O6,
     tokens: Z9
   },
   utilities: f9,
-  conditions: j3
+  conditions: W3
 });
 export {
   H9 as Accordion,
@@ -13511,9 +13538,9 @@ export {
   v8 as Breadcrumb,
   h8 as BreadcrumbItem,
   f8 as BreadcrumbLink,
-  h1 as Button,
+  f1 as Button,
   w8 as ButtonFilter,
-  V2 as Checkbox,
+  _2 as Checkbox,
   o8 as Chip,
   t8 as ChipAvatar,
   n8 as ChipClearTrigger,
@@ -13521,22 +13548,22 @@ export {
   q9 as DatePicker,
   T9 as Drawer,
   P9 as DrawerBody,
-  P2 as DrawerCloseTrigger,
-  B9 as DrawerContent,
+  k2 as DrawerCloseTrigger,
+  F9 as DrawerContent,
   D9 as DrawerContext,
   k9 as DrawerFooter,
   I9 as DrawerHeader,
   z9 as DrawerTitle,
-  F9 as DrawerTrigger,
+  B9 as DrawerTrigger,
   A9 as FormControl,
   N9 as FormHelperText,
   E9 as FormLabel,
-  j9 as Heading,
-  f1 as IconButton,
+  W9 as Heading,
+  v1 as IconButton,
   H8 as Illustration,
-  _1 as Input,
-  S1 as InputAddon,
-  T1 as InputGroup,
+  S1 as Input,
+  T1 as InputAddon,
+  P1 as InputGroup,
   x8 as Pagination,
   g8 as Popover,
   R8 as PopoverCloseTrigger,
@@ -13553,8 +13580,8 @@ export {
   r8 as RadioGroupLabel,
   Y9 as Select,
   V8 as StatusTagSelect,
-  O2 as Switch,
-  Y4 as Table,
+  G2 as Switch,
+  X4 as Table,
   u8 as TableContainer,
   e3 as TableEmptyRow,
   K4 as TableGroupTitle,
@@ -13565,11 +13592,11 @@ export {
   J9 as Tag,
   p8 as Tbody,
   Z8 as Td,
-  G2 as Text,
-  W9 as Textarea,
+  U2 as Text,
+  j9 as Textarea,
   J4 as Th,
   M8 as Thead,
-  W2 as Tooltip,
+  $2 as Tooltip,
   s8 as Tr,
   S8 as preset
 };