@stokelp/ui 1.13.3 → 1.13.4

package/dist/ui.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e, jsxs as l, Fragment as ne } from "react/jsx-runtime";
 import { Accordion as B, Checkbox as T, Dialog as S, ark as I, Portal as $, Switch as P, Tabs as R, Select as v, DatePicker as s, RadioGroup as b, switchAnatomy as le, dialogAnatomy as se, accordionAnatomy as de, checkboxAnatomy as ce, tabsAnatomy as pe, selectAnatomy as ue, datePickerAnatomy as me, radioGroupAnatomy as K } from "@ark-ui/react";
-import { styled as t, splitCssProps as D, Circle as he } from "@stokelp/styled-system/jsx";
+import { styled as r, splitCssProps as D, Circle as he } from "@stokelp/styled-system/jsx";
 import { accordion as ge, button as be, checkbox as X, drawer as ve, formControl as xe, formLabel as j, formHelperText as ye, heading as fe, switchRecipe as O, text as we, textarea as Ce, tabs as ke, select as Se, input as _e, inputAddon as Te, inputGroup as Ie, datepicker as Re, tag as U, radioButtonGroup as ze, radioGroup as Pe } from "@stokelp/styled-system/recipes";
 import { createContext as Fe, forwardRef as y, useContext as Be, createElement as Le, useMemo as Y } from "react";
 import { cx as F, css as A } from "@stokelp/styled-system/css";
 import { defineKeyframes as De, defineRecipe as C, defineSlotRecipe as x, defineSemanticTokens as Ae, defineTextStyles as Ne, defineTokens as m, defineUtility as We, definePreset as He } from "@pandacss/dev";
-const q = (...r) => r.filter(Boolean).join(" "), _ = (r, o) => {
+const q = (...t) => t.filter(Boolean).join(" "), _ = (t, o) => {
   const a = Fe(null);
   return {
     withContext: (d, n, p) => n ? y((c, V) => {
@@ -20,10 +20,10 @@ const q = (...r) => r.filter(Boolean).join(" "), _ = (r, o) => {
       });
     }) : d,
     withProvider: (d, n, p) => y((c, V) => {
-      const [z, M] = r.splitVariantProps({
+      const [z, M] = t.splitVariantProps({
         ...c,
         ...p == null ? void 0 : p.defaultProps
-      }), Z = r(z);
+      }), Z = t(z);
       return /* @__PURE__ */ e(a.Provider, { value: Z, children: /* @__PURE__ */ e(
         d,
         {
@@ -35,12 +35,12 @@ const q = (...r) => r.filter(Boolean).join(" "), _ = (r, o) => {
       ) });
     })
   };
-}, { withProvider: Ee, withContext: N } = _(ge), Jr = Ee(t(B.Root), "root"), Kr = N(t(B.Item), "item"), eo = N(t(B.ItemContent), "itemContent"), to = N(t(B.ItemIndicator), "itemIndicator", {
+}, { withProvider: Ee, withContext: N } = _(ge), Jr = Ee(r(B.Root), "root"), Kr = N(r(B.Item), "item"), eo = N(r(B.ItemContent), "itemContent"), to = N(r(B.ItemIndicator), "itemIndicator", {
   defaultProps: {
     children: /* @__PURE__ */ e("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M4.94 6.03L8 9.08333L11.06 6.03L12 6.97L8 10.97L4 6.97L4.94 6.03Z", fill: "currentColor" }) })
   }
-}), ro = N(t(B.ItemTrigger), "itemTrigger"), G = t("button", be), Ve = y((r, o) => {
-  const [a, i] = X.splitVariantProps(r), [h, d] = D(i), { children: n, className: p, ...w } = d, c = X(a);
+}), ro = N(r(B.ItemTrigger), "itemTrigger"), G = r("button", be), Ve = y((t, o) => {
+  const [a, i] = X.splitVariantProps(t), [h, d] = D(i), { children: n, className: p, ...w } = d, c = X(a);
   return /* @__PURE__ */ l(T.Root, { ref: o, className: F(c.root, A(h), p), ...w, children: [
     /* @__PURE__ */ l(T.Control, { className: c.control, children: [
       /* @__PURE__ */ e(T.Indicator, { children: /* @__PURE__ */ e(Me, {}) }),
@@ -68,9 +68,9 @@ const Me = () => /* @__PURE__ */ l("svg", { viewBox: "0 0 12 13", fill: "none",
     unmountOnExit: !0,
     lazyMount: !0
   }
-}), ao = k(t(I.main), "body"), $e = k(t(S.CloseTrigger), "closeTrigger"), io = k(t(I.footer), "footer"), ee = y(
-  ({ children: r, showCloseTrigger: o = !0, ...a }, i) => /* @__PURE__ */ l(I.header, { ...a, ref: i, children: [
-    r,
+}), ao = k(r(I.main), "body"), $e = k(r(S.CloseTrigger), "closeTrigger"), io = k(r(I.footer), "footer"), ee = y(
+  ({ children: t, showCloseTrigger: o = !0, ...a }, i) => /* @__PURE__ */ l(I.header, { ...a, ref: i, children: [
+    t,
     o && /* @__PURE__ */ e($e, { asChild: !0, children: /* @__PURE__ */ e(G, { ml: "auto", p: "space-8", variant: "tertiary", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
       "path",
       {
@@ -81,36 +81,36 @@ const Me = () => /* @__PURE__ */ l("svg", { viewBox: "0 0 12 13", fill: "none",
   ] })
 );
 ee.displayName = "DrawerHeader";
-const no = k(ee, "header"), lo = k(t(S.Title), "title"), so = k(t(S.Trigger), "trigger"), Ye = k(t(S.Positioner), "positioner"), Ze = k(t(S.Backdrop), "backdrop"), te = y(
-  ({ children: r, ...o }, a) => /* @__PURE__ */ l($, { children: [
+const no = k(ee, "header"), lo = k(r(S.Title), "title"), so = k(r(S.Trigger), "trigger"), Ye = k(r(S.Positioner), "positioner"), Ze = k(r(S.Backdrop), "backdrop"), te = y(
+  ({ children: t, ...o }, a) => /* @__PURE__ */ l($, { children: [
     /* @__PURE__ */ e(Ze, {}),
-    /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(S.Content, { ref: a, ...o, children: r }) })
+    /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(S.Content, { ref: a, ...o, children: t }) })
   ] })
 );
 te.displayName = S.Content.displayName;
-const co = k(t(te), "content"), Xe = t("div", xe, {
+const co = k(r(te), "content"), Xe = r("div", xe, {
   defaultProps: {
     role: "group"
   }
-}), po = ({ isInvalid: r, isRequired: o, ...a }) => {
+}), po = ({ isInvalid: t, isRequired: o, ...a }) => {
   const i = {
-    ...r ? { "aria-invalid": !0 } : {},
+    ...t ? { "aria-invalid": !0 } : {},
     ...o ? { "aria-required": !0 } : {}
   };
   return /* @__PURE__ */ e(Xe, { ...i, ...a });
-}, Oe = t("label", j), uo = (r) => {
-  const [o, a] = j.splitVariantProps(r), [i, h] = D(a), { children: d, className: n, addon: p, ...w } = h, c = j(o);
+}, Oe = r("label", j), uo = (t) => {
+  const [o, a] = j.splitVariantProps(t), [i, h] = D(a), { children: d, className: n, addon: p, ...w } = h, c = j(o);
   return /* @__PURE__ */ l(Oe, { className: F(c.root, A(i), n), ...w, children: [
     d,
-    p ? /* @__PURE__ */ e(t.span, { className: c.addon, children: p }) : null
+    p ? /* @__PURE__ */ e(r.span, { className: c.addon, children: p }) : null
   ] });
-}, mo = t("p", ye, {
+}, mo = r("p", ye, {
   dataAttr: !0
-}), ho = (r) => {
-  const { as: o = "h2", ...a } = r, i = Y(() => t(o, fe), [o]);
+}), ho = (t) => {
+  const { as: o = "h2", ...a } = t, i = Y(() => r(o, fe), [o]);
   return /* @__PURE__ */ e(i, { size: o, ...a });
-}, Ue = y((r, o) => {
-  const [a, i] = O.splitVariantProps(r), [h, d] = D(i), { children: n, className: p, ...w } = d, c = O(a);
+}, Ue = y((t, o) => {
+  const [a, i] = O.splitVariantProps(t), [h, d] = D(i), { children: n, className: p, ...w } = d, c = O(a);
   return /* @__PURE__ */ l(P.Root, { ref: o, className: F(c.root, A(h), p), ...w, children: [
     /* @__PURE__ */ e(P.Control, { className: c.control, children: /* @__PURE__ */ e(P.Thumb, { className: c.thumb }) }),
     n ? /* @__PURE__ */ e(P.Label, { className: c.label, children: n }) : null,
@@ -118,26 +118,26 @@ const co = k(t(te), "content"), Xe = t("div", xe, {
   ] });
 });
 Ue.displayName = "Switch";
-const qe = (r) => {
-  const { as: o = "p", ...a } = r, i = Y(() => t(o, we), [o]);
+const qe = (t) => {
+  const { as: o = "p", ...a } = t, i = Y(() => r(o, we), [o]);
   return /* @__PURE__ */ e(i, { ...a });
-}, go = t(I.textarea, Ce), { withProvider: Qe, withContext: W } = _(ke), bo = Qe(t(R.Root), "root", {
+}, go = r(I.textarea, Ce), { withProvider: Qe, withContext: W } = _(ke), bo = Qe(r(R.Root), "root", {
   defaultProps: {
     lazyMount: !0
   }
-}), vo = W(t(R.Content), "content"), xo = W(t(R.Trigger), "trigger"), Je = W(t(R.Indicator), "indicator"), re = y(
-  ({ children: r, ...o }, a) => /* @__PURE__ */ l(R.List, { ref: a, ...o, children: [
-    r,
+}), vo = W(r(R.Content), "content"), xo = W(r(R.Trigger), "trigger"), Je = W(r(R.Indicator), "indicator"), re = y(
+  ({ children: t, ...o }, a) => /* @__PURE__ */ l(R.List, { ref: a, ...o, children: [
+    t,
     /* @__PURE__ */ e(Je, {})
   ] })
 );
 re.displayName = R.List.displayName;
-const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o === !0 ? a(r) : r, { withProvider: et, withContext: f } = _(Se), tt = et(t(v.Root), "root", {
+const yo = W(r(re), "list"), Ke = ({ children: t, when: o, wrapper: a }) => o === !0 ? a(t) : t, { withProvider: et, withContext: f } = _(Se), tt = et(r(v.Root), "root", {
   defaultProps: {
     loopFocus: !0
   }
-}), rt = f(t(v.ClearTrigger), "clearTrigger"), ot = f(t(v.Content), "content"), at = f(t(v.Control), "control"), it = f(t(v.Indicator), "indicator"), nt = f(t(v.Item), "item"), lt = f(t(v.ItemIndicator), "itemIndicator"), st = f(t(v.ItemText), "itemText"), dt = f(t(v.Positioner), "positioner"), ct = f(t(v.Trigger), "trigger"), pt = f(t(v.ValueText), "valueText"), fo = ({
-  items: r,
+}), rt = f(r(v.ClearTrigger), "clearTrigger"), ot = f(r(v.Content), "content"), at = f(r(v.Control), "control"), it = f(r(v.Indicator), "indicator"), nt = f(r(v.Item), "item"), lt = f(r(v.ItemIndicator), "itemIndicator"), st = f(r(v.ItemText), "itemText"), dt = f(r(v.Positioner), "positioner"), ct = f(r(v.Trigger), "trigger"), pt = f(r(v.ValueText), "valueText"), fo = ({
+  items: t,
   placeholder: o,
   emptyLabel: a,
   usePortal: i = !0,
@@ -148,7 +148,7 @@ const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o ==
   {
     lazyMount: !0,
     unmountOnExit: !0,
-    items: r,
+    items: t,
     positioning: { sameWidth: !0, gutter: 0, ...h },
     "data-recipe": "select",
     ...d,
@@ -156,7 +156,7 @@ const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o ==
       /* @__PURE__ */ l(at, { children: [
         /* @__PURE__ */ l(ct, { children: [
           /* @__PURE__ */ e(pt, { truncate: !0, placeholder: o }),
-          /* @__PURE__ */ e(it, { asChild: !0, children: /* @__PURE__ */ e(t.svg, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(it, { asChild: !0, children: /* @__PURE__ */ e(r.svg, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
             "path",
             {
               d: "M7.41 8.29498L12 12.875L16.59 8.29498L18 9.70498L12 15.705L6 9.70498L7.41 8.29498Z",
@@ -164,29 +164,29 @@ const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o ==
             }
           ) }) })
         ] }),
-        /* @__PURE__ */ e(rt, { asChild: !0, children: /* @__PURE__ */ e(t.svg, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(rt, { asChild: !0, children: /* @__PURE__ */ e("button", { children: /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
           "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__ */ e(Ke, { when: i, wrapper: (n) => /* @__PURE__ */ e($, { children: n }), children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(ot, { children: r.length === 0 ? /* @__PURE__ */ e(qe, { px: "space-8", textAlign: "center", children: a ?? "Aucun résultat" }) : r.map((n) => /* @__PURE__ */ l(nt, { item: n, children: [
+      /* @__PURE__ */ e(Ke, { when: i, wrapper: (n) => /* @__PURE__ */ e($, { children: n }), children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(ot, { children: t.length === 0 ? /* @__PURE__ */ e(qe, { px: "space-8", textAlign: "center", children: a ?? "Aucun résultat" }) : t.map((n) => /* @__PURE__ */ l(nt, { item: n, children: [
         /* @__PURE__ */ e(st, { truncate: !0, children: n.label }),
         d.multiple ? /* @__PURE__ */ e(lt, { children: "✓" }) : null
       ] }, n.value)) }) }) }),
       /* @__PURE__ */ e(v.HiddenSelect, {})
     ]
   }
-), ut = t("input", _e, {
+), ut = r("input", _e, {
   dataAttr: !0
-}), mt = t(I.div, Te, {
+}), mt = r(I.div, Te, {
   dataAttr: !0
-}), ht = t("div", Ie, {
+}), ht = r("div", Ie, {
   dataAttr: !0
-}), wo = (r) => {
-  const { as: o = "div", ...a } = r, i = Y(() => t(o), [o]);
+}), wo = (t) => {
+  const { as: o = "div", ...a } = t, i = Y(() => r(o), [o]);
   return /* @__PURE__ */ e(i, { ...a });
 }, { withProvider: gt, withContext: u } = _(Re), bt = gt(s.Root, "root", {
   defaultProps: {
@@ -205,9 +205,9 @@ const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o ==
     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"
   }
-) }), At = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M10.4698 4.94L9.52979 4L5.52979 8L9.52979 12L10.4698 11.06L7.41645 8L10.4698 4.94Z", fill: "currentColor" }) }), Nt = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M6.46979 4L5.52979 4.94L8.58312 8L5.52979 11.06L6.46979 12L10.4698 8L6.46979 4Z", fill: "currentColor" }) }), Co = ({ placeholder: r, preflightClassName: o, ...a }) => /* @__PURE__ */ l(bt, { ...a, children: [
+) }), At = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M10.4698 4.94L9.52979 4L5.52979 8L9.52979 12L10.4698 11.06L7.41645 8L10.4698 4.94Z", fill: "currentColor" }) }), Nt = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M6.46979 4L5.52979 4.94L8.58312 8L5.52979 11.06L6.46979 12L10.4698 8L6.46979 4Z", fill: "currentColor" }) }), Co = ({ placeholder: t, preflightClassName: o, ...a }) => /* @__PURE__ */ l(bt, { ...a, children: [
   /* @__PURE__ */ e(xt, { asChild: !0, children: /* @__PURE__ */ l(ht, { children: [
-    /* @__PURE__ */ e(yt, { asChild: !0, index: 0, placeholder: r, children: /* @__PURE__ */ e(ut, {}) }),
+    /* @__PURE__ */ e(yt, { asChild: !0, index: 0, placeholder: t, children: /* @__PURE__ */ e(ut, {}) }),
     /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(Pt, { children: /* @__PURE__ */ e(Dt, {}) }) })
   ] }) }),
   /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(Ct, { className: o, children: /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(Bt, { view: "day", children: /* @__PURE__ */ e(s.Context, { children: (i) => /* @__PURE__ */ l(ne, { children: [
@@ -222,29 +222,29 @@ const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o ==
       /* @__PURE__ */ e(St, { children: i.weeks.map((h, d) => /* @__PURE__ */ e(Q, { children: h.map((n, p) => /* @__PURE__ */ e(_t, { value: n, children: /* @__PURE__ */ e(Tt, { asChild: !0, children: /* @__PURE__ */ e("button", { children: n.day }) }) }, p)) }, d)) })
     ] })
   ] }) }) }) }) }) })
-] }), ko = y((r, o) => {
-  const [a, i] = U.splitVariantProps(r), [h, d] = D(i), { children: n, className: p, ...w } = d, c = U(a);
+] }), ko = y((t, o) => {
+  const [a, i] = U.splitVariantProps(t), [h, d] = D(i), { children: n, className: p, ...w } = d, c = U(a);
   return /* @__PURE__ */ l(I.div, { ref: o, className: F(c.root, A(h), p), ...w, children: [
     n,
     /* @__PURE__ */ e(he, { className: F(c.badge) })
   ] });
-}), { withProvider: Wt, withContext: H } = _(ze), Ht = H(t(b.ItemControl), "itemControl"), Et = H(t(b.ItemText), "itemText"), Vt = y(({ children: r, value: o, ...a }, i) => /* @__PURE__ */ l(b.Item, { ref: i, ...a, value: o, children: [
-  /* @__PURE__ */ e(Et, { children: r }),
+}), { withProvider: Wt, withContext: H } = _(ze), Ht = H(r(b.ItemControl), "itemControl"), Et = H(r(b.ItemText), "itemText"), Vt = y(({ children: t, value: o, ...a }, i) => /* @__PURE__ */ l(b.Item, { ref: i, ...a, value: o, children: [
+  /* @__PURE__ */ e(Et, { children: t }),
   /* @__PURE__ */ e(Ht, {}),
   /* @__PURE__ */ e(b.ItemHiddenInput, {})
-] })), So = Wt(t(b.Root), "root", {
+] })), So = Wt(r(b.Root), "root", {
   defaultProps: {
     orientation: "horizontal"
   }
-}), _o = H(t(Vt), "item"), To = H(t(b.Label), "label"), { withProvider: Mt, withContext: E } = _(Pe), jt = E(t(b.ItemControl), "itemControl"), Gt = E(t(b.ItemText), "itemText"), $t = y(({ children: r, value: o, ...a }, i) => /* @__PURE__ */ l(b.Item, { ref: i, ...a, value: o, children: [
+}), _o = H(r(Vt), "item"), To = H(r(b.Label), "label"), { withProvider: Mt, withContext: E } = _(Pe), jt = E(r(b.ItemControl), "itemControl"), Gt = E(r(b.ItemText), "itemText"), $t = y(({ children: t, value: o, ...a }, i) => /* @__PURE__ */ l(b.Item, { ref: i, ...a, value: o, children: [
   /* @__PURE__ */ e(jt, {}),
-  /* @__PURE__ */ e(Gt, { children: r }),
+  /* @__PURE__ */ e(Gt, { children: t }),
   /* @__PURE__ */ e(b.ItemHiddenInput, {})
-] })), Io = Mt(t(b.Root), "root", {
+] })), Io = Mt(r(b.Root), "root", {
   defaultProps: {
     orientation: "horizontal"
   }
-}), Ro = E(t($t), "item"), zo = E(t(b.Label), "label"), Yt = {
+}), Ro = E(r($t), "item"), zo = E(r(b.Label), "label"), Yt = {
   xl: "1536px",
   lg: "1200px",
   md: "900px",
@@ -1353,7 +1353,6 @@ const yo = W(t(re), "list"), Ke = ({ children: r, when: o, wrapper: a }) => o ==
       position: "absolute",
       cursor: "pointer",
       right: "space-48",
-      bg: "white",
       top: "11px",
       color: {
         base: "secondary.900",
@@ -2690,20 +2689,20 @@ var Br = {
   textEmphasis: ["textEmphasisStyle", "textEmphasisColor"],
   transition: ["transitionProperty", "transitionDuration", "transitionTimingFunction", "transitionDelay"]
 };
-Object.values(Br).reduce((r, o) => [...r, ...o], []);
+Object.values(Br).reduce((t, o) => [...t, ...o], []);
 var Lr = 16, ae = "px", ie = "em", L = "rem";
-function Dr(r = "") {
-  const o = new RegExp(String.raw`-?\d+(?:\.\d+|\d*)`), a = new RegExp(`${ae}|${ie}|${L}`), i = r.match(new RegExp(`${o.source}(${a.source})`));
+function Dr(t = "") {
+  const o = new RegExp(String.raw`-?\d+(?:\.\d+|\d*)`), a = new RegExp(`${ae}|${ie}|${L}`), i = t.match(new RegExp(`${o.source}(${a.source})`));
   return i == null ? void 0 : i[1];
 }
-function g(r = "") {
-  const o = Dr(r);
+function g(t = "") {
+  const o = Dr(t);
   if (!o || o === L)
-    return r;
+    return t;
   if (o === ie)
-    return `${parseFloat(r)}${L}`;
+    return `${parseFloat(t)}${L}`;
   if (o === ae)
-    return `${parseFloat(r) / Lr}${L}`;
+    return `${parseFloat(t) / Lr}${L}`;
 }
 const Ar = m.fontSizes({
   body: {
@@ -2837,8 +2836,8 @@ const Ar = m.fontSizes({
   zIndex: Vr
 }, jr = We({
   className: "size",
-  transform(r) {
-    return { height: r, width: r };
+  transform(t) {
+    return { height: t, width: t };
   },
   values: "sizes"
 }), Gr = {