twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/{surfaces-CMiB6au_.js → surfaces-B8zw9F5W.js}

@@ -1,19 +1,20 @@
-import { s as K, t as L } from "./theme-constants-Bpkh40Q_.js";
-import { Ot as ea, wt as U } from "./TablerIcons-CSp0ySKT.js";
-import { Fragment as ra, jsx as r, jsxs as I } from "react/jsx-runtime";
+import { s as K, t as L } from "./theme-constants-DETwIS-a.js";
+import { t as g } from "./mergeClassNames-BHKm1BNi.js";
+import { Ot as aa, wt as U } from "./TablerIcons-Ctfi8z4q.js";
 import { clsx as s } from "clsx";
-import oa, { createContext as ta, forwardRef as ia, useContext as da, useRef as na } from "react";
-import { isBoolean as sa, isFunction as W, isNonEmptyArray as la } from "@sniptt/guards";
+import ea, { createContext as ra, forwardRef as oa, useContext as ta, useRef as ia } from "react";
+import { isBoolean as da, isFunction as na, isNonEmptyArray as sa } from "@sniptt/guards";
+import { Fragment as la, jsx as r, jsxs as I } from "react/jsx-runtime";
 import { useRender as S } from "@base-ui/react/use-render";
 import { AlertDialog as k } from "@base-ui/react/alert-dialog";
 import { useDirection as _a } from "@base-ui/react/direction-provider";
 import { Menu as l } from "@base-ui/react/menu";
 import { Dialog as q } from "@base-ui/react/dialog";
 import { Popover as N } from "@base-ui/react/popover";
-var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_solid_1fskg_22", ma = "_outline_1fskg_26", pa = "_soft_1fskg_30", ua = "_sm_1fskg_35", ga = "_md_1fskg_40", ha = "_square_1fskg_46", fa = "_round_1fskg_51", ka = "_accent_1fskg_57", Na = "_success_1fskg_63", Ca = "_warning_1fskg_69", ba = "_hoverable_1fskg_75", wa = "_box_1fskg_113", Pa = "_indicator_1fskg_134", xa = "_check_1fskg_150", Da = "_minus_1fskg_151", b = {
+var ca = "_root_1fskg_1", ma = "_solid_1fskg_22", va = "_outline_1fskg_26", pa = "_soft_1fskg_30", ua = "_sm_1fskg_35", ga = "_md_1fskg_40", ha = "_square_1fskg_46", fa = "_round_1fskg_51", ka = "_accent_1fskg_57", Na = "_success_1fskg_63", Ca = "_warning_1fskg_69", ba = "_hoverable_1fskg_75", wa = "_box_1fskg_113", Pa = "_indicator_1fskg_134", xa = "_check_1fskg_150", Da = "_minus_1fskg_151", b = {
   root: ca,
-  solid: va,
-  outline: ma,
+  solid: ma,
+  outline: va,
   soft: pa,
   sm: ua,
   md: ga,
@@ -36,42 +37,42 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
   footer: Aa,
   title: Ha,
   description: La
-}, Sa = ({ render: a, ref: e, className: o, ...t }) => S({
+}, Sa = ({ render: a, ref: e, className: t, ...o }) => S({
   render: a,
   ref: e,
   props: {
-    ...t,
-    className: s(C.body, o)
+    ...o,
+    className: s(C.body, t)
   }
 }), $a = ({ className: a, ...e }) => /* @__PURE__ */ r(k.Description, {
   ...e,
   className: g(C.description, a)
-}), Ba = ({ render: a, ref: e, className: o, ...t }) => S({
+}), Ba = ({ render: a, ref: e, className: t, ...o }) => S({
   render: a,
   ref: e,
   props: {
-    ...t,
-    className: s(C.footer, o)
+    ...o,
+    className: s(C.footer, t)
   }
-}), za = ({ render: a, ref: e, className: o, ...t }) => S({
+}), za = ({ render: a, ref: e, className: t, ...o }) => S({
   render: a,
   ref: e,
   props: {
-    ...t,
-    className: s(C.header, o)
+    ...o,
+    className: s(C.header, t)
   }
-}), Oa = ({ size: a = "md", container: e, keepMounted: o, className: t, ...i }) => {
+}), Oa = ({ size: a = "md", container: e, keepMounted: t, className: o, ...i }) => {
   const d = L(), n = _a();
   return /* @__PURE__ */ I(k.Portal, {
     container: e === void 0 ? d ?? void 0 : e,
-    keepMounted: o,
+    keepMounted: t,
     children: [/* @__PURE__ */ r(k.Backdrop, { className: C.backdrop }), /* @__PURE__ */ r(k.Viewport, {
       dir: n,
       className: C.viewport,
       children: /* @__PURE__ */ r(k.Popup, {
         ...i,
         "data-size": a,
-        className: g(C.popup, t)
+        className: g(C.popup, o)
       })
     })]
   });
@@ -88,31 +89,31 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
   Header: za,
   Body: Sa,
   Footer: Ba
-}), Sr = /* @__PURE__ */ Ea(), qa = "_card_1cl8g_1", Ga = { card: qa }, $r = ({ children: a, className: e, fullWidth: o, rounded: t, backgroundColor: i, style: d, ...n }) => /* @__PURE__ */ r("div", {
+}), $r = /* @__PURE__ */ Ea(), qa = "_card_1cl8g_1", Ga = { card: qa }, Br = ({ children: a, className: e, fullWidth: t, rounded: o, backgroundColor: i, style: d, ...n }) => /* @__PURE__ */ r("div", {
   className: s(Ga.card, e),
-  "data-full-width": o || void 0,
-  "data-rounded": t || void 0,
+  "data-full-width": t || void 0,
+  "data-rounded": o || void 0,
   style: K(i) ? {
     ...d,
     "--card-background-color": i
   } : d,
   ...n,
   children: a
-}), ja = "_cardContent_10wri_1", Ka = { cardContent: ja }, Br = ({ children: a, className: e, divider: o, isClickable: t, hasHoverHighlight: i, ...d }) => /* @__PURE__ */ r("div", {
+}), ja = "_cardContent_10wri_1", Ka = { cardContent: ja }, zr = ({ children: a, className: e, divider: t, isClickable: o, hasHoverHighlight: i, ...d }) => /* @__PURE__ */ r("div", {
   className: s(Ka.cardContent, e),
-  "data-divider": o || void 0,
-  "data-clickable": t || void 0,
+  "data-divider": t || void 0,
+  "data-clickable": o || void 0,
   "data-hover-highlight": i || void 0,
   ...d,
   children: a
-}), Ua = "_cardFooter_15rlh_1", Wa = { cardFooter: Ua }, zr = ({ children: a, className: e, divider: o, ...t }) => /* @__PURE__ */ r("div", {
+}), Ua = "_cardFooter_15rlh_1", Wa = { cardFooter: Ua }, Or = ({ children: a, className: e, divider: t, ...o }) => /* @__PURE__ */ r("div", {
   className: s(Wa.cardFooter, e),
-  "data-no-divider": o === !1 || void 0,
-  ...t,
+  "data-no-divider": t === !1 || void 0,
+  ...o,
   children: a
-}), Va = "_cardHeader_yrli2_1", Xa = { cardHeader: Va }, Or = ({ children: a, className: e, ...o }) => /* @__PURE__ */ r("div", {
+}), Va = "_cardHeader_yrli2_1", Xa = { cardHeader: Va }, Fr = ({ children: a, className: e, ...t }) => /* @__PURE__ */ r("div", {
   className: s(Xa.cardHeader, e),
-  ...o,
+  ...t,
   children: a
 }), Ya = "_commandTextContainer_2o210_1", Za = "_commandText_2o210_1", Ja = "_commandKey_2o210_15", G = {
   commandTextContainer: Ya,
@@ -122,12 +123,12 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
   className: G.commandText,
   children: a && /* @__PURE__ */ r("div", {
     className: G.commandTextContainer,
-    children: a.map((o, t) => /* @__PURE__ */ I(oa.Fragment, { children: [/* @__PURE__ */ r("div", {
+    children: a.map((t, o) => /* @__PURE__ */ I(ea.Fragment, { children: [/* @__PURE__ */ r("div", {
       className: G.commandKey,
-      children: o
-    }), t < a.length - 1 && e] }, t))
+      children: t
+    }), o < a.length - 1 && e] }, o))
   })
-}), A = (a) => K(a) && !sa(a) && a !== "", ae = ({ checked: a, disabled: e }) => /* @__PURE__ */ r("span", {
+}), A = (a) => K(a) && !da(a) && a !== "", ae = ({ checked: a, disabled: e }) => /* @__PURE__ */ r("span", {
   "aria-hidden": !0,
   className: s(b.root, b.solid, b.sm, b.square, b.accent),
   "data-checked": a || void 0,
@@ -139,7 +140,7 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
       children: /* @__PURE__ */ r(U, { "aria-hidden": !0 })
     })
   })
-}), ee = "_root_1mkwm_2", re = "_startIcon_1mkwm_47", oe = "_endIcon_1mkwm_48", te = "_label_1mkwm_60", ie = "_text_1mkwm_70", de = "_description_1mkwm_77", ne = "_inlineDescription_1mkwm_85", se = "_endDescription_1mkwm_90", le = "_hotkeys_1mkwm_95", _e = "_actions_1mkwm_101", ce = "_checkIndicator_1mkwm_117", ve = "_submenuIcon_1mkwm_124", c = {
+}), ee = "_root_1mkwm_2", re = "_startIcon_1mkwm_47", oe = "_endIcon_1mkwm_48", te = "_label_1mkwm_60", ie = "_text_1mkwm_70", de = "_description_1mkwm_77", ne = "_inlineDescription_1mkwm_85", se = "_endDescription_1mkwm_90", le = "_hotkeys_1mkwm_95", _e = "_actions_1mkwm_101", ce = "_checkIndicator_1mkwm_117", me = "_submenuIcon_1mkwm_124", c = {
   root: ee,
   startIcon: re,
   endIcon: oe,
@@ -151,10 +152,10 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
   hotkeys: le,
   actions: _e,
   checkIndicator: ce,
-  submenuIcon: ve
-}, me = ({ color: a = "neutral", selected: e = !1, focused: o = !1, disabled: t = !1, indicator: i = "none", startIcon: d, endIcon: n, description: m, descriptionPlacement: _ = "inline", actions: p, hotkeys: h, hasSubmenu: f = !1, className: u, children: x, render: B, ref: z, onClick: O, ...F }) => {
-  const R = A(m), E = (T) => {
-    if (t) {
+  submenuIcon: me
+}, ve = ({ color: a = "neutral", selected: e = !1, focused: t = !1, disabled: o = !1, indicator: i = "none", startIcon: d, endIcon: n, description: v, descriptionPlacement: _ = "inline", actions: p, hotkeys: h, hasSubmenu: f = !1, className: u, children: x, render: B, ref: z, onClick: O, ...F }) => {
+  const R = A(v), E = (T) => {
+    if (o) {
       T.preventDefault();
       return;
     }
@@ -167,18 +168,18 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
       color: a,
       indicator: i,
       selected: e,
-      highlighted: o,
-      disabled: t
+      highlighted: t,
+      disabled: o
     },
     props: {
       ...F,
       className: s(c.root, u),
-      "aria-disabled": t || void 0,
+      "aria-disabled": o || void 0,
       onClick: E,
-      children: /* @__PURE__ */ I(ra, { children: [
+      children: /* @__PURE__ */ I(la, { children: [
         i === "checkbox" && /* @__PURE__ */ r(ae, {
           checked: e,
-          disabled: t
+          disabled: o
         }),
         A(d) && /* @__PURE__ */ r("div", {
           className: c.startIcon,
@@ -191,18 +192,18 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
             children: x
           }), R && _ === "inline" && /* @__PURE__ */ r("div", {
             className: s(c.description, c.inlineDescription),
-            children: m
+            children: v
           })]
         }),
         R && _ === "end" && /* @__PURE__ */ r("div", {
           className: s(c.description, c.endDescription),
-          children: m
+          children: v
         }),
         A(p) && /* @__PURE__ */ r("div", {
           className: c.actions,
           children: p
         }),
-        la(h) && /* @__PURE__ */ r("div", {
+        sa(h) && /* @__PURE__ */ r("div", {
           className: c.hotkeys,
           children: /* @__PURE__ */ r(Qa, { hotKeys: h })
         }),
@@ -214,28 +215,28 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
           className: c.checkIndicator,
           "aria-hidden": !0
         }),
-        f && /* @__PURE__ */ r(ea, {
+        f && /* @__PURE__ */ r(aa, {
           className: c.submenuIcon,
           "aria-hidden": !0
         })
       ] })
     }
   });
-}, $ = ({ color: a = "neutral", startIcon: e, endIcon: o, description: t, descriptionPlacement: i, hotkeys: d, disabled: n = !1, children: m, render: _, ...p }, h) => ({
+}, $ = ({ color: a = "neutral", startIcon: e, endIcon: t, description: o, descriptionPlacement: i, hotkeys: d, disabled: n = !1, children: v, render: _, ...p }, h) => ({
   ...p,
   disabled: n,
-  render: (f, u) => /* @__PURE__ */ r(me, {
+  render: (f, u) => /* @__PURE__ */ r(ve, {
     ...f,
-    render: W(_) ? (x) => _(x, u) : _,
+    render: na(_) ? (x) => _(x, u) : _,
     color: a,
     disabled: n,
     startIcon: e,
-    endIcon: o,
-    description: t,
+    endIcon: t,
+    description: o,
     descriptionPlacement: i,
     hotkeys: d,
     ...h?.(u),
-    children: m
+    children: v
   })
 }), pe = (a) => /* @__PURE__ */ r(l.CheckboxItem, { ...$(a, (e) => ({
   indicator: "checkbox",
@@ -252,7 +253,7 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
 }), Ce = ({ className: a, ...e }) => /* @__PURE__ */ r(l.GroupLabel, {
   ...e,
   className: g(P.groupLabel, a)
-}), be = (a) => /* @__PURE__ */ r(l.Item, { ...$(a) }), V = ta(!1), we = {
+}), be = (a) => /* @__PURE__ */ r(l.Item, { ...$(a) }), W = ra(!1), we = {
   root: {
     side: "bottom",
     align: "start",
@@ -265,22 +266,22 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
     sideOffset: 0,
     alignOffset: -4
   }
-}, Pe = ({ side: a, align: e, sideOffset: o, alignOffset: t, anchor: i, keepMounted: d, className: n, children: m, ..._ }) => {
-  const p = L(), { container: h = p ?? void 0, ...f } = _, u = we[da(V) ? "submenu" : "root"];
+}, Pe = ({ side: a, align: e, sideOffset: t, alignOffset: o, anchor: i, keepMounted: d, className: n, children: v, ..._ }) => {
+  const p = L(), { container: h = p ?? void 0, ...f } = _, u = we[ta(W) ? "submenu" : "root"];
   return /* @__PURE__ */ r(l.Portal, {
     container: h,
     keepMounted: d,
     children: /* @__PURE__ */ r(l.Positioner, {
       side: a ?? u.side,
       align: e ?? u.align,
-      sideOffset: o ?? u.sideOffset,
-      alignOffset: t ?? u.alignOffset,
+      sideOffset: t ?? u.sideOffset,
+      alignOffset: o ?? u.alignOffset,
       anchor: i,
       className: P.positioner,
       children: /* @__PURE__ */ r(l.Popup, {
         ...f,
         className: g(P.popup, n),
-        children: m
+        children: v
       })
     })
   });
@@ -293,13 +294,13 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
 })) }), ye = ({ className: a, ...e }) => /* @__PURE__ */ r(l.Separator, {
   ...e,
   className: g(P.separator, a)
-}), Me = ({ children: a, ...e }) => /* @__PURE__ */ r(V.Provider, {
+}), Me = ({ children: a, ...e }) => /* @__PURE__ */ r(W.Provider, {
   value: !0,
   children: /* @__PURE__ */ r(l.SubmenuRoot, {
     ...e,
     children: a
   })
-}), Ie = (a) => /* @__PURE__ */ r(l.SubmenuTrigger, { ...$(a, () => ({ hasSubmenu: !0 })) }), Fr = {
+}), Ie = (a) => /* @__PURE__ */ r(l.SubmenuTrigger, { ...$(a, () => ({ hasSubmenu: !0 })) }), Er = {
   Root: l.Root,
   Trigger: l.Trigger,
   Popup: Pe,
@@ -312,7 +313,7 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
   Separator: ye,
   SubmenuRoot: Me,
   SubmenuTrigger: Ie
-}, Re = "_modal_4h0sx_1", Te = "_small_4h0sx_20", Ae = "_medium_4h0sx_24", He = "_large_4h0sx_28", Le = "_extraLarge_4h0sx_32", Se = "_paddingNone_4h0sx_37", $e = "_paddingSmall_4h0sx_41", Be = "_paddingMedium_4h0sx_45", ze = "_paddingLarge_4h0sx_49", Oe = "_overlayDark_4h0sx_53", Fe = "_smallBorderRadius_4h0sx_57", Ee = "_overlayTransparent_4h0sx_61", qe = "_mobile_4h0sx_67", Ge = "_narrowWidth_4h0sx_74", je = "_autoHeight_4h0sx_78", Ke = "_fullscreen_4h0sx_82", v = {
+}, Re = "_modal_4h0sx_1", Te = "_small_4h0sx_20", Ae = "_medium_4h0sx_24", He = "_large_4h0sx_28", Le = "_extraLarge_4h0sx_32", Se = "_paddingNone_4h0sx_37", $e = "_paddingSmall_4h0sx_41", Be = "_paddingMedium_4h0sx_45", ze = "_paddingLarge_4h0sx_49", Oe = "_overlayDark_4h0sx_53", Fe = "_smallBorderRadius_4h0sx_57", Ee = "_overlayTransparent_4h0sx_61", qe = "_mobile_4h0sx_67", Ge = "_narrowWidth_4h0sx_74", je = "_autoHeight_4h0sx_78", Ke = "_fullscreen_4h0sx_82", m = {
   modal: Re,
   small: Te,
   medium: Ae,
@@ -333,16 +334,16 @@ var g = (a, e) => (o) => s(a, W(e) ? e(o) : e), ca = "_root_1fskg_1", va = "_sol
   backdrop: Ue,
   overlayLight: We,
   inContainer: Ve
-}, X = ia(({ overlay: a, backdropZIndex: e, isInContainer: o, className: t, style: i, ...d }, n) => /* @__PURE__ */ r("div", {
+}, V = oa(({ overlay: a, backdropZIndex: e, isInContainer: t, className: o, style: i, ...d }, n) => /* @__PURE__ */ r("div", {
   ref: n,
-  className: s(j.backdrop, a === "light" && j.overlayLight, o && j.inContainer, t),
+  className: s(j.backdrop, a === "light" && j.overlayLight, t && j.inContainer, o),
   style: {
     "--modal-backdrop-z-index": e,
     ...i
   },
   ...d
 }));
-X.displayName = "ModalBackdrop";
+V.displayName = "ModalBackdrop";
 var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
   "ArrowUp",
   "ArrowDown",
@@ -351,16 +352,16 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
   "Home",
   "End"
 ]), Je = {
-  none: v.paddingNone,
-  small: v.paddingSmall,
-  medium: v.paddingMedium,
-  large: v.paddingLarge
+  none: m.paddingNone,
+  small: m.paddingSmall,
+  medium: m.paddingMedium,
+  large: m.paddingLarge
 }, Qe = {
-  dark: v.overlayDark,
+  dark: m.overlayDark,
   light: void 0,
-  transparent: v.overlayTransparent
-}, Er = ({ isOpen: a, ariaLabel: e, children: o, size: t = "medium", padding: i = "medium", overlay: d = "dark", isMobile: n = !1, isInContainer: m = !1, container: _, gap: p, smallBorderRadius: h, narrowWidth: f, autoHeight: u, width: x, modalZIndex: B = Xe, backdropZIndex: z = Ye, backdropTestId: O = "modal-backdrop", backdropClickOutsideId: F, preventClickOutside: R, onBackdropMouseDown: E, modalRef: T }) => {
-  const Y = na(null), Z = T ?? Y, J = L(), Q = K(_) ? _ : J ?? void 0, aa = (D) => {
+  transparent: m.overlayTransparent
+}, qr = ({ isOpen: a, ariaLabel: e, children: t, size: o = "medium", padding: i = "medium", overlay: d = "dark", isMobile: n = !1, isInContainer: v = !1, container: _, gap: p, smallBorderRadius: h, narrowWidth: f, autoHeight: u, width: x, modalZIndex: B = Xe, backdropZIndex: z = Ye, backdropTestId: O = "modal-backdrop", backdropClickOutsideId: F, preventClickOutside: R, onBackdropMouseDown: E, modalRef: T }) => {
+  const X = ia(null), Y = T ?? X, Z = L(), J = K(_) ? _ : Z ?? void 0, Q = (D) => {
     D.stopPropagation(), E?.(D);
   };
   return /* @__PURE__ */ r(q.Root, {
@@ -368,14 +369,14 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
     modal: !1,
     disablePointerDismissal: !0,
     children: /* @__PURE__ */ r(q.Portal, {
-      container: Q,
-      children: /* @__PURE__ */ r(X, {
+      container: J,
+      children: /* @__PURE__ */ r(V, {
         "data-testid": O,
         "data-click-outside-id": F,
-        onMouseDown: aa,
+        onMouseDown: Q,
         overlay: d,
         backdropZIndex: z,
-        isInContainer: m,
+        isInContainer: v,
         children: /* @__PURE__ */ r(q.Popup, {
           initialFocus: !1,
           finalFocus: !1,
@@ -383,9 +384,9 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
             Ze.has(D.key) && D.preventBaseUIHandler();
           },
           render: /* @__PURE__ */ r("div", {
-            ref: Z,
+            ref: Y,
             "aria-label": e,
-            className: s(v.modal, v[t], Je[i], Qe[d], n && v.mobile, h && v.smallBorderRadius, f && v.narrowWidth, u && v.autoHeight),
+            className: s(m.modal, m[o], Je[i], Qe[d], n && m.mobile, h && m.smallBorderRadius, f && m.narrowWidth, u && m.autoHeight),
             style: {
               "--modal-z-index": B,
               width: n ? void 0 : x,
@@ -393,7 +394,7 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
             },
             "data-globally-prevent-click-outside": R
           }),
-          children: o
+          children: t
         })
       })
     })
@@ -405,8 +406,8 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
   overflowHidden: or,
   withContentPadding: tr,
   noPadding: ir
-}, qr = ({ children: a, isVerticallyCentered: e, isHorizontallyCentered: o, noPadding: t, overflowHidden: i, gap: d, contentPadding: n }) => /* @__PURE__ */ r("div", {
-  className: s(w.content, e && w.verticallyCentered, o && w.horizontallyCentered, i && w.overflowHidden, n !== void 0 && w.withContentPadding, t && w.noPadding),
+}, Gr = ({ children: a, isVerticallyCentered: e, isHorizontallyCentered: t, noPadding: o, overflowHidden: i, gap: d, contentPadding: n }) => /* @__PURE__ */ r("div", {
+  className: s(w.content, e && w.verticallyCentered, t && w.horizontallyCentered, i && w.overflowHidden, n !== void 0 && w.withContentPadding, o && w.noPadding),
   style: {
     gap: d !== void 0 ? `var(--t-spacing-${d})` : void 0,
     "--modal-content-padding": n !== void 0 ? `var(--t-spacing-${n})` : void 0
@@ -417,17 +418,17 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
   autoHeight: nr,
   centered: sr,
   smallPadding: lr
-}, Gr = ({ children: a, autoHeight: e, centered: o, smallPadding: t, className: i }) => /* @__PURE__ */ r("div", {
-  className: s(H.footer, e && H.autoHeight, o && H.centered, t && H.smallPadding, i),
+}, jr = ({ children: a, autoHeight: e, centered: t, smallPadding: o, className: i }) => /* @__PURE__ */ r("div", {
+  className: s(H.footer, e && H.autoHeight, t && H.centered, o && H.smallPadding, i),
   children: a
-}), _r = "_header_1njem_1", cr = "_autoHeight_1njem_11", vr = "_noPadding_1njem_15", mr = "_withHorizontalPadding_1njem_19", pr = "_withBorderBottom_1njem_29", y = {
+}), _r = "_header_1njem_1", cr = "_autoHeight_1njem_11", mr = "_noPadding_1njem_15", vr = "_withHorizontalPadding_1njem_19", pr = "_withBorderBottom_1njem_29", y = {
   header: _r,
   autoHeight: cr,
-  noPadding: vr,
-  withHorizontalPadding: mr,
+  noPadding: mr,
+  withHorizontalPadding: vr,
   withBorderBottom: pr
-}, jr = ({ children: a, noPadding: e, autoHeight: o, hasBorderBottom: t, paddingHorizontal: i, backgroundColor: d }) => /* @__PURE__ */ r("div", {
-  className: s(y.header, o && y.autoHeight, e && y.noPadding, i !== void 0 && y.withHorizontalPadding, t && y.withBorderBottom),
+}, Kr = ({ children: a, noPadding: e, autoHeight: t, hasBorderBottom: o, paddingHorizontal: i, backgroundColor: d }) => /* @__PURE__ */ r("div", {
+  className: s(y.header, t && y.autoHeight, e && y.noPadding, i !== void 0 && y.withHorizontalPadding, o && y.withBorderBottom),
   style: {
     "--modal-header-padding-horizontal": i !== void 0 ? `var(--t-spacing-${i})` : void 0,
     backgroundColor: d
@@ -442,16 +443,16 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
 }, Nr = ({ className: a, ...e }) => /* @__PURE__ */ r(N.Description, {
   ...e,
   className: g(M.description, a)
-}), Cr = ({ side: a = "bottom", align: e = "center", sideOffset: o = 8, alignOffset: t, arrow: i = !1, anchor: d, container: n, keepMounted: m, className: _, children: p, ...h }) => {
+}), Cr = ({ side: a = "bottom", align: e = "center", sideOffset: t = 8, alignOffset: o, arrow: i = !1, anchor: d, container: n, keepMounted: v, className: _, children: p, ...h }) => {
   const f = L();
   return /* @__PURE__ */ r(N.Portal, {
     container: n ?? f ?? void 0,
-    keepMounted: m,
+    keepMounted: v,
     children: /* @__PURE__ */ r(N.Positioner, {
       side: a,
       align: e,
-      sideOffset: o,
-      alignOffset: t,
+      sideOffset: t,
+      alignOffset: o,
       anchor: d,
       className: M.positioner,
       children: /* @__PURE__ */ I(N.Popup, {
@@ -464,7 +465,7 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
 }, br = ({ className: a, ...e }) => /* @__PURE__ */ r(N.Title, {
   ...e,
   className: g(M.title, a)
-}), Kr = {
+}), Ur = {
   Root: N.Root,
   Trigger: N.Trigger,
   Popup: Cr,
@@ -474,21 +475,20 @@ var Xe = 40, Ye = 39, Ze = /* @__PURE__ */ new Set([
 };
 export {
   b as _,
-  Er as a,
-  me as c,
+  qr as a,
+  ve as c,
   Qa as d,
-  Or as f,
-  Sr as g,
-  $r as h,
-  qr as i,
+  Fr as f,
+  $r as g,
+  Br as h,
+  Gr as i,
   c as l,
-  Br as m,
-  jr as n,
-  X as o,
-  zr as p,
-  Gr as r,
-  Fr as s,
-  Kr as t,
-  A as u,
-  g as v
+  zr as m,
+  Kr as n,
+  V as o,
+  Or as p,
+  jr as r,
+  Er as s,
+  Ur as t,
+  A as u
 };

package/dist/surfaces-ec8RlQ5J.cjs

@@ -0,0 +1 @@
+const ae=require("./chunk-u_mIcLyS.cjs"),C=require("./theme-constants-Do_FO7Uy.cjs"),g=require("./mergeClassNames-BbJtXN2t.cjs");let d=require("clsx"),P=require("react");P=ae.__toESM(P,1);let U=require("@sniptt/guards"),a=require("react/jsx-runtime"),H=require("@base-ui/react/use-render"),x=require("@base-ui/react/alert-dialog"),oe=require("@base-ui/react/direction-provider"),_=require("@base-ui/react/menu"),$=require("@base-ui/react/dialog"),b=require("@base-ui/react/popover"),K=require("@tabler/icons-react");var te="_root_1fskg_1",ne="_solid_1fskg_22",ie="_outline_1fskg_26",se="_soft_1fskg_30",de="_sm_1fskg_35",le="_md_1fskg_40",_e="_square_1fskg_46",ce="_round_1fskg_51",ue="_accent_1fskg_57",me="_success_1fskg_63",ve="_warning_1fskg_69",pe="_hoverable_1fskg_75",ge="_box_1fskg_113",he="_indicator_1fskg_134",fe="_check_1fskg_150",xe="_minus_1fskg_151",j={root:te,solid:ne,outline:ie,soft:se,sm:de,md:le,square:_e,round:ce,accent:ue,success:me,warning:ve,hoverable:pe,box:ge,indicator:he,check:fe,minus:xe},be="_backdrop_12kqm_1",je="_viewport_12kqm_12",ke="_popup_12kqm_31",Ce="_header_12kqm_73",Pe="_body_12kqm_81",Ne="_footer_12kqm_85",De="_title_12kqm_96",Me="_description_12kqm_103",k={backdrop:be,viewport:je,popup:ke,header:Ce,body:Pe,footer:Ne,title:De,description:Me},ye=({render:e,ref:r,className:t,...o})=>(0,H.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(k.body,t)}}),we=({className:e,...r})=>(0,a.jsx)(x.AlertDialog.Description,{...r,className:g.mergeClassNames(k.description,e)}),Ie=({render:e,ref:r,className:t,...o})=>(0,H.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(k.footer,t)}}),Ae=({render:e,ref:r,className:t,...o})=>(0,H.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(k.header,t)}}),Re=({size:e="md",container:r,keepMounted:t,className:o,...n})=>{const i=C.useThemeContainer(),s=(0,oe.useDirection)();return(0,a.jsxs)(x.AlertDialog.Portal,{container:r===void 0?i??void 0:r,keepMounted:t,children:[(0,a.jsx)(x.AlertDialog.Backdrop,{className:k.backdrop}),(0,a.jsx)(x.AlertDialog.Viewport,{dir:s,className:k.viewport,children:(0,a.jsx)(x.AlertDialog.Popup,{...n,"data-size":e,className:g.mergeClassNames(k.popup,o)})})]})},Te=({className:e,...r})=>(0,a.jsx)(x.AlertDialog.Title,{...r,className:g.mergeClassNames(k.title,e)}),Oe=()=>({Root:x.AlertDialog.Root,Trigger:x.AlertDialog.Trigger,Popup:Re,Title:Te,Description:we,Close:x.AlertDialog.Close,Header:Ae,Body:ye,Footer:Ie}),He=Oe(),qe="_card_1cl8g_1",Le={card:qe},Se=({children:e,className:r,fullWidth:t,rounded:o,backgroundColor:n,style:i,...s})=>(0,a.jsx)("div",{className:(0,d.clsx)(Le.card,r),"data-full-width":t||void 0,"data-rounded":o||void 0,style:C.isDefined(n)?{...i,"--card-background-color":n}:i,...s,children:e}),Be="_cardContent_10wri_1",Fe={cardContent:Be},ze=({children:e,className:r,divider:t,isClickable:o,hasHoverHighlight:n,...i})=>(0,a.jsx)("div",{className:(0,d.clsx)(Fe.cardContent,r),"data-divider":t||void 0,"data-clickable":o||void 0,"data-hover-highlight":n||void 0,...i,children:e}),$e="_cardFooter_15rlh_1",Ee={cardFooter:$e},Ge=({children:e,className:r,divider:t,...o})=>(0,a.jsx)("div",{className:(0,d.clsx)(Ee.cardFooter,r),"data-no-divider":t===!1||void 0,...o,children:e}),Ke="_cardHeader_yrli2_1",Ue={cardHeader:Ke},We=({children:e,className:r,...t})=>(0,a.jsx)("div",{className:(0,d.clsx)(Ue.cardHeader,r),...t,children:e}),Ve="_commandTextContainer_2o210_1",Xe="_commandText_2o210_1",Ye="_commandKey_2o210_15",E={commandTextContainer:Ve,commandText:Xe,commandKey:Ye},V=({hotKeys:e,joinLabel:r="then"})=>(0,a.jsx)("div",{className:E.commandText,children:e&&(0,a.jsx)("div",{className:E.commandTextContainer,children:e.map((t,o)=>(0,a.jsxs)(P.default.Fragment,{children:[(0,a.jsx)("div",{className:E.commandKey,children:t}),o<e.length-1&&r]},o))})}),I=e=>C.isDefined(e)&&!(0,U.isBoolean)(e)&&e!=="",Ze=({checked:e,disabled:r})=>(0,a.jsx)("span",{"aria-hidden":!0,className:(0,d.clsx)(j.root,j.solid,j.sm,j.square,j.accent),"data-checked":e||void 0,"data-disabled":r||void 0,children:(0,a.jsx)("span",{className:j.box,children:e&&(0,a.jsx)("span",{className:j.indicator,children:(0,a.jsx)(K.IconCheck,{"aria-hidden":!0})})})}),Je="_root_1mkwm_2",Qe="_startIcon_1mkwm_47",er="_endIcon_1mkwm_48",rr="_label_1mkwm_60",ar="_text_1mkwm_70",or="_description_1mkwm_77",tr="_inlineDescription_1mkwm_85",nr="_endDescription_1mkwm_90",ir="_hotkeys_1mkwm_95",sr="_actions_1mkwm_101",dr="_checkIndicator_1mkwm_117",lr="_submenuIcon_1mkwm_124",l={root:Je,startIcon:Qe,endIcon:er,label:rr,text:ar,description:or,inlineDescription:tr,endDescription:nr,hotkeys:ir,actions:sr,checkIndicator:dr,submenuIcon:lr},X=({color:e="neutral",selected:r=!1,focused:t=!1,disabled:o=!1,indicator:n="none",startIcon:i,endIcon:s,description:m,descriptionPlacement:c="inline",actions:v,hotkeys:h,hasSubmenu:f=!1,className:p,children:M,render:L,ref:S,onClick:B,...F})=>{const R=I(m),z=T=>{if(o){T.preventDefault();return}B?.(T)};return(0,H.useRender)({render:L,ref:S,state:{color:e,indicator:n,selected:r,highlighted:t,disabled:o},props:{...F,className:(0,d.clsx)(l.root,p),"aria-disabled":o||void 0,onClick:z,children:(0,a.jsxs)(a.Fragment,{children:[n==="checkbox"&&(0,a.jsx)(Ze,{checked:r,disabled:o}),I(i)&&(0,a.jsx)("div",{className:l.startIcon,children:i}),(0,a.jsxs)("div",{className:l.label,children:[(0,a.jsx)("div",{className:l.text,children:M}),R&&c==="inline"&&(0,a.jsx)("div",{className:(0,d.clsx)(l.description,l.inlineDescription),children:m})]}),R&&c==="end"&&(0,a.jsx)("div",{className:(0,d.clsx)(l.description,l.endDescription),children:m}),I(v)&&(0,a.jsx)("div",{className:l.actions,children:v}),(0,U.isNonEmptyArray)(h)&&(0,a.jsx)("div",{className:l.hotkeys,children:(0,a.jsx)(V,{hotKeys:h})}),I(s)&&(0,a.jsx)("div",{className:l.endIcon,children:s}),n==="check"&&r&&(0,a.jsx)(K.IconCheck,{className:l.checkIndicator,"aria-hidden":!0}),f&&(0,a.jsx)(K.IconChevronRight,{className:l.submenuIcon,"aria-hidden":!0})]})}})},q=({color:e="neutral",startIcon:r,endIcon:t,description:o,descriptionPlacement:n,hotkeys:i,disabled:s=!1,children:m,render:c,...v},h)=>({...v,disabled:s,render:(f,p)=>(0,a.jsx)(X,{...f,render:(0,U.isFunction)(c)?M=>c(M,p):c,color:e,disabled:s,startIcon:r,endIcon:t,description:o,descriptionPlacement:n,hotkeys:i,...h?.(p),children:m})}),_r=e=>(0,a.jsx)(_.Menu.CheckboxItem,{...q(e,r=>({indicator:"checkbox",selected:r.checked}))}),cr="_positioner_3411d_1",ur="_popup_3411d_5",mr="_group_3411d_36",vr="_groupLabel_3411d_42",pr="_separator_3411d_54",D={positioner:cr,popup:ur,group:mr,groupLabel:vr,separator:pr},gr=({className:e,...r})=>(0,a.jsx)(_.Menu.Group,{...r,className:g.mergeClassNames(D.group,e)}),hr=({className:e,...r})=>(0,a.jsx)(_.Menu.GroupLabel,{...r,className:g.mergeClassNames(D.groupLabel,e)}),fr=e=>(0,a.jsx)(_.Menu.Item,{...q(e)}),Y=(0,P.createContext)(!1),xr={root:{side:"bottom",align:"start",sideOffset:8,alignOffset:0},submenu:{side:"inline-end",align:"start",sideOffset:0,alignOffset:-4}},br=({side:e,align:r,sideOffset:t,alignOffset:o,anchor:n,keepMounted:i,className:s,children:m,...c})=>{const v=C.useThemeContainer(),{container:h=v??void 0,...f}=c,p=xr[(0,P.useContext)(Y)?"submenu":"root"];return(0,a.jsx)(_.Menu.Portal,{container:h,keepMounted:i,children:(0,a.jsx)(_.Menu.Positioner,{side:e??p.side,align:r??p.align,sideOffset:t??p.sideOffset,alignOffset:o??p.alignOffset,anchor:n,className:D.positioner,children:(0,a.jsx)(_.Menu.Popup,{...f,className:g.mergeClassNames(D.popup,s),children:m})})})},jr=({className:e,...r})=>(0,a.jsx)(_.Menu.RadioGroup,{...r,className:g.mergeClassNames(D.group,e)}),kr=e=>(0,a.jsx)(_.Menu.RadioItem,{...q(e,r=>({indicator:"check",selected:r.checked}))}),Cr=({className:e,...r})=>(0,a.jsx)(_.Menu.Separator,{...r,className:g.mergeClassNames(D.separator,e)}),Pr=({children:e,...r})=>(0,a.jsx)(Y.Provider,{value:!0,children:(0,a.jsx)(_.Menu.SubmenuRoot,{...r,children:e})}),Nr=e=>(0,a.jsx)(_.Menu.SubmenuTrigger,{...q(e,()=>({hasSubmenu:!0}))}),Dr={Root:_.Menu.Root,Trigger:_.Menu.Trigger,Popup:br,Item:fr,CheckboxItem:_r,RadioGroup:jr,RadioItem:kr,Group:gr,GroupLabel:hr,Separator:Cr,SubmenuRoot:Pr,SubmenuTrigger:Nr},Mr="_modal_4h0sx_1",yr="_small_4h0sx_20",wr="_medium_4h0sx_24",Ir="_large_4h0sx_28",Ar="_extraLarge_4h0sx_32",Rr="_paddingNone_4h0sx_37",Tr="_paddingSmall_4h0sx_41",Or="_paddingMedium_4h0sx_45",Hr="_paddingLarge_4h0sx_49",qr="_overlayDark_4h0sx_53",Lr="_smallBorderRadius_4h0sx_57",Sr="_overlayTransparent_4h0sx_61",Br="_mobile_4h0sx_67",Fr="_narrowWidth_4h0sx_74",zr="_autoHeight_4h0sx_78",$r="_fullscreen_4h0sx_82",u={modal:Mr,small:yr,medium:wr,large:Ir,extraLarge:Ar,paddingNone:Rr,paddingSmall:Tr,paddingMedium:Or,paddingLarge:Hr,overlayDark:qr,smallBorderRadius:Lr,overlayTransparent:Sr,mobile:Br,narrowWidth:Fr,autoHeight:zr,fullscreen:$r},Er="_backdrop_1oefj_1",Gr="_overlayLight_1oefj_16",Kr="_inContainer_1oefj_20",G={backdrop:Er,overlayLight:Gr,inContainer:Kr},W=(0,P.forwardRef)(({overlay:e,backdropZIndex:r,isInContainer:t,className:o,style:n,...i},s)=>(0,a.jsx)("div",{ref:s,className:(0,d.clsx)(G.backdrop,e==="light"&&G.overlayLight,t&&G.inContainer,o),style:{"--modal-backdrop-z-index":r,...n},...i}));W.displayName="ModalBackdrop";var Ur=40,Wr=39,Vr=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"]),Xr={none:u.paddingNone,small:u.paddingSmall,medium:u.paddingMedium,large:u.paddingLarge},Yr={dark:u.overlayDark,light:void 0,transparent:u.overlayTransparent},Zr=({isOpen:e,ariaLabel:r,children:t,size:o="medium",padding:n="medium",overlay:i="dark",isMobile:s=!1,isInContainer:m=!1,container:c,gap:v,smallBorderRadius:h,narrowWidth:f,autoHeight:p,width:M,modalZIndex:L=Ur,backdropZIndex:S=Wr,backdropTestId:B="modal-backdrop",backdropClickOutsideId:F,preventClickOutside:R,onBackdropMouseDown:z,modalRef:T})=>{const Z=(0,P.useRef)(null),J=T??Z,Q=C.useThemeContainer(),ee=C.isDefined(c)?c:Q??void 0,re=y=>{y.stopPropagation(),z?.(y)};return(0,a.jsx)($.Dialog.Root,{open:e,modal:!1,disablePointerDismissal:!0,children:(0,a.jsx)($.Dialog.Portal,{container:ee,children:(0,a.jsx)(W,{"data-testid":B,"data-click-outside-id":F,onMouseDown:re,overlay:i,backdropZIndex:S,isInContainer:m,children:(0,a.jsx)($.Dialog.Popup,{initialFocus:!1,finalFocus:!1,onKeyDown:y=>{Vr.has(y.key)&&y.preventBaseUIHandler()},render:(0,a.jsx)("div",{ref:J,"aria-label":r,className:(0,d.clsx)(u.modal,u[o],Xr[n],Yr[i],s&&u.mobile,h&&u.smallBorderRadius,f&&u.narrowWidth,p&&u.autoHeight),style:{"--modal-z-index":L,width:s?void 0:M,gap:v!==void 0?`var(--t-spacing-${v})`:void 0},"data-globally-prevent-click-outside":R}),children:t})})})})},Jr="_content_1g670_1",Qr="_verticallyCentered_1g670_11",ea="_horizontallyCentered_1g670_15",ra="_overflowHidden_1g670_19",aa="_withContentPadding_1g670_23",oa="_noPadding_1g670_27",N={content:Jr,verticallyCentered:Qr,horizontallyCentered:ea,overflowHidden:ra,withContentPadding:aa,noPadding:oa},ta=({children:e,isVerticallyCentered:r,isHorizontallyCentered:t,noPadding:o,overflowHidden:n,gap:i,contentPadding:s})=>(0,a.jsx)("div",{className:(0,d.clsx)(N.content,r&&N.verticallyCentered,t&&N.horizontallyCentered,n&&N.overflowHidden,s!==void 0&&N.withContentPadding,o&&N.noPadding),style:{gap:i!==void 0?`var(--t-spacing-${i})`:void 0,"--modal-content-padding":s!==void 0?`var(--t-spacing-${s})`:void 0},children:e}),na="_footer_1lanc_1",ia="_autoHeight_1lanc_12",sa="_centered_1lanc_16",da="_smallPadding_1lanc_20",O={footer:na,autoHeight:ia,centered:sa,smallPadding:da},la=({children:e,autoHeight:r,centered:t,smallPadding:o,className:n})=>(0,a.jsx)("div",{className:(0,d.clsx)(O.footer,r&&O.autoHeight,t&&O.centered,o&&O.smallPadding,n),children:e}),_a="_header_1njem_1",ca="_autoHeight_1njem_11",ua="_noPadding_1njem_15",ma="_withHorizontalPadding_1njem_19",va="_withBorderBottom_1njem_29",w={header:_a,autoHeight:ca,noPadding:ua,withHorizontalPadding:ma,withBorderBottom:va},pa=({children:e,noPadding:r,autoHeight:t,hasBorderBottom:o,paddingHorizontal:n,backgroundColor:i})=>(0,a.jsx)("div",{className:(0,d.clsx)(w.header,t&&w.autoHeight,r&&w.noPadding,n!==void 0&&w.withHorizontalPadding,o&&w.withBorderBottom),style:{"--modal-header-padding-horizontal":n!==void 0?`var(--t-spacing-${n})`:void 0,backgroundColor:i},children:e}),ga="_positioner_zlrze_1",ha="_popup_zlrze_5",fa="_title_zlrze_29",xa="_description_zlrze_36",ba="_arrow_zlrze_42",A={positioner:ga,popup:ha,title:fa,description:xa,arrow:ba},ja=({className:e,...r})=>(0,a.jsx)(b.Popover.Description,{...r,className:g.mergeClassNames(A.description,e)}),ka=({side:e="bottom",align:r="center",sideOffset:t=8,alignOffset:o,arrow:n=!1,anchor:i,container:s,keepMounted:m,className:c,children:v,...h})=>{const f=C.useThemeContainer();return(0,a.jsx)(b.Popover.Portal,{container:s??f??void 0,keepMounted:m,children:(0,a.jsx)(b.Popover.Positioner,{side:e,align:r,sideOffset:t,alignOffset:o,anchor:i,className:A.positioner,children:(0,a.jsxs)(b.Popover.Popup,{...h,className:g.mergeClassNames(A.popup,c),children:[n&&(0,a.jsx)(b.Popover.Arrow,{className:A.arrow}),v]})})})},Ca=({className:e,...r})=>(0,a.jsx)(b.Popover.Title,{...r,className:g.mergeClassNames(A.title,e)}),Pa={Root:b.Popover.Root,Trigger:b.Popover.Trigger,Popup:ka,Title:Ca,Description:ja,Close:b.Popover.Close};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return Se}});Object.defineProperty(exports,"CardContent",{enumerable:!0,get:function(){return ze}});Object.defineProperty(exports,"CardFooter",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"CardHeader",{enumerable:!0,get:function(){return We}});Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return j}});Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return l}});Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return Dr}});Object.defineProperty(exports,"MenuItemHotKeys",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return Zr}});Object.defineProperty(exports,"ModalBackdrop",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"ModalContent",{enumerable:!0,get:function(){return ta}});Object.defineProperty(exports,"ModalFooter",{enumerable:!0,get:function(){return la}});Object.defineProperty(exports,"ModalHeader",{enumerable:!0,get:function(){return pa}});Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return Pa}});Object.defineProperty(exports,"isRenderableSlot",{enumerable:!0,get:function(){return I}});

package/dist/testing.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("./theme-constants-27fpVK7_.cjs");let t=require("react/jsx-runtime"),V=require("clsx"),v=require("@sniptt/guards"),n=require("react-router-dom");var T={test:"error",config:{rules:[{id:"color-contrast",enabled:!1}]}},w="_layout_17ld0_1",y={layout:w},_=({width:e,backgroundColor:r,height:A,children:o})=>(0,t.jsx)("div",{className:y.layout,style:{background:r,height:R.isDefined(A)?`${A}px`:"fit-content",minWidth:e?"unset":"300px",width:e?`${e}px`:"fit-content"},children:o}),F="_columnTitle_5dert_1",f="_rowsTitle_5dert_7",D="_rowTitle_5dert_15",S="_elementTitle_5dert_23",k="_container_5dert_32",x="_columnContainer_5dert_37",N="_rowsContainer_5dert_43",b="_rowContainer_5dert_49",M="_elementContainer_5dert_56",I="_cellContainer_5dert_60",a={columnTitle:F,rowsTitle:f,rowTitle:D,elementTitle:S,container:k,columnContainer:x,rowsContainer:N,rowContainer:b,elementContainer:M,cellContainer:I},u={name:"",values:[void 0],props:()=>({})},C=e=>(0,v.isString)(e)||(0,v.isNumber)(e),L=(e,r)=>{const{catalog:{dimensions:A=[],options:o={}}={dimensions:[],options:{}}}=r.parameters||{};if(!A||!Array.isArray(A))return(0,t.jsx)(e,{});const[s=u,i=u,p=u,h=u]=A;return(0,t.jsx)("div",{className:a.container,children:h.values.map((c,g)=>(0,t.jsxs)("div",{className:a.columnContainer,children:[(0,t.jsx)("div",{className:a.columnTitle,children:h.labels?.(c)??(C(c)?c:"")}),p.values.map((m,E)=>(0,t.jsxs)("div",{className:a.rowsContainer,children:[(0,t.jsx)("div",{className:a.rowsTitle,children:p.labels?.(m)??(C(m)?m:"")}),i.values.map((d,Q)=>(0,t.jsxs)("div",{className:a.rowContainer,children:[(0,t.jsx)("div",{className:a.rowTitle,children:i.labels?.(d)??(C(d)?d:"")}),s.values.map((l,B)=>(0,t.jsxs)("div",{className:a.cellContainer,id:A.length>1?`catalog-cell-${g}-${E}-${Q}-${B}`:l,children:[(0,t.jsx)("span",{className:a.elementTitle,children:s.labels?.(l)??(C(l)?l:"")}),(0,t.jsx)("div",{className:(0,V.clsx)(a.elementContainer,o?.elementContainer?.className),style:{minWidth:o?.elementContainer?.width?`${o.elementContainer.width}px`:"auto",...o?.elementContainer?.style},children:(0,t.jsx)(e,{args:{...r.args,...s.props(l),...i.props(d),...p.props(m),...h.props(c)}})})]},`d1-${B}`))]},`d2-${Q}`))]},`d3-${E}`))]},`d4-${g}`))})},W=(e,r)=>{if(e)switch(r){case"default":return R.themeCssVariables.grayScale.gray11;case"danger":return R.themeCssVariables.color.red;case"blue":return R.themeCssVariables.color.blue;default:return}},K=(e,r)=>{const{container:A}=r.parameters,o=r.args.inverted,s=r.args.accent,i=W(o,s);return(0,t.jsx)(_,{width:A?.width,height:A?.height,backgroundColor:i,children:(0,t.jsx)(e,{})})},U=e=>typeof e!="object"||e===null?!1:Object.keys(e).every(r=>typeof e[r]=="string"),j=(e,r)=>({pathname:e.replace(/:(\w+)/g,A=>r?.[A]??"")}),P=()=>(0,t.jsx)(_,{children:(0,t.jsx)(n.Outlet,{})}),q=({Story:e,args:r,initialEntries:A,initialIndex:o})=>(0,n.createMemoryRouter)((0,n.createRoutesFromElements)((0,t.jsx)(n.Route,{element:(0,t.jsx)(P,{}),children:(0,t.jsx)(n.Route,{path:r.routePath??"*",element:(0,t.jsx)(e,{})})})),{initialEntries:A,initialIndex:o}),O=(e,{args:r})=>(0,t.jsx)(n.RouterProvider,{router:q({Story:e,args:r,initialEntries:r.routePath&&typeof r.routePath=="string"&&(r.routeParams===void 0||U(r.routeParams))?[j(r.routePath,r.routeParams)]:[{pathname:"/"}]})}),Y=e=>(0,t.jsx)(n.MemoryRouter,{children:(0,t.jsx)(e,{})}),J="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABgAAAAAQAAAGAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAA/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMACwgICggHCwoJCg0MCw0RHBIRDw8RIhkaFBwpJCsqKCQnJy0yQDctMD0wJyc4TDk9Q0VISUgrNk9VTkZUQEdIRf/bAEMBDA0NEQ8RIRISIUUuJy5FRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRf/dAAQAAv/aAAwDAQACEQMRAD8Ava1q728otYY98joSCTgZrnbXWdTtrhrfVZXWLafmcAEkdgR/hVltQku9Q8+OIEBcGOT+ID0PY1ka1KH2u8ToqnPLbmIqG7u6LtbQ7RXBRec4Uck9eKXcPWsKDWVnhWSL5kYcFelSf2m3901POh8jP//QoyIAnTuKpXsY82NsksUyWPU5q/L9z8RVK++/F/uCsVsaEURwgA4HtT9x9TUcf3KfUGh//9k=";exports.A11Y_DEFER_COLOR_CONTRAST=T;exports.AVATAR_URL_MOCK=J;exports.CatalogDecorator=L;exports.ComponentDecorator=K;exports.ComponentStorybookLayout=_;exports.ComponentWithRouterDecorator=O;exports.RouterDecorator=Y;exports.computeLocation=j;exports.isRouteParams=U;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("./theme-constants-Do_FO7Uy.cjs");let V=require("clsx"),v=require("@sniptt/guards"),t=require("react/jsx-runtime"),n=require("react-router-dom");var T={test:"error",config:{rules:[{id:"color-contrast",enabled:!1}]}},w="_layout_17ld0_1",y={layout:w},_=({width:e,backgroundColor:r,height:A,children:o})=>(0,t.jsx)("div",{className:y.layout,style:{background:r,height:R.isDefined(A)?`${A}px`:"fit-content",minWidth:e?"unset":"300px",width:e?`${e}px`:"fit-content"},children:o}),F="_columnTitle_5dert_1",f="_rowsTitle_5dert_7",D="_rowTitle_5dert_15",S="_elementTitle_5dert_23",k="_container_5dert_32",x="_columnContainer_5dert_37",N="_rowsContainer_5dert_43",b="_rowContainer_5dert_49",M="_elementContainer_5dert_56",I="_cellContainer_5dert_60",a={columnTitle:F,rowsTitle:f,rowTitle:D,elementTitle:S,container:k,columnContainer:x,rowsContainer:N,rowContainer:b,elementContainer:M,cellContainer:I},u={name:"",values:[void 0],props:()=>({})},C=e=>(0,v.isString)(e)||(0,v.isNumber)(e),L=(e,r)=>{const{catalog:{dimensions:A=[],options:o={}}={dimensions:[],options:{}}}=r.parameters||{};if(!A||!Array.isArray(A))return(0,t.jsx)(e,{});const[s=u,i=u,p=u,h=u]=A;return(0,t.jsx)("div",{className:a.container,children:h.values.map((c,g)=>(0,t.jsxs)("div",{className:a.columnContainer,children:[(0,t.jsx)("div",{className:a.columnTitle,children:h.labels?.(c)??(C(c)?c:"")}),p.values.map((m,E)=>(0,t.jsxs)("div",{className:a.rowsContainer,children:[(0,t.jsx)("div",{className:a.rowsTitle,children:p.labels?.(m)??(C(m)?m:"")}),i.values.map((d,Q)=>(0,t.jsxs)("div",{className:a.rowContainer,children:[(0,t.jsx)("div",{className:a.rowTitle,children:i.labels?.(d)??(C(d)?d:"")}),s.values.map((l,B)=>(0,t.jsxs)("div",{className:a.cellContainer,id:A.length>1?`catalog-cell-${g}-${E}-${Q}-${B}`:l,children:[(0,t.jsx)("span",{className:a.elementTitle,children:s.labels?.(l)??(C(l)?l:"")}),(0,t.jsx)("div",{className:(0,V.clsx)(a.elementContainer,o?.elementContainer?.className),style:{minWidth:o?.elementContainer?.width?`${o.elementContainer.width}px`:"auto",...o?.elementContainer?.style},children:(0,t.jsx)(e,{args:{...r.args,...s.props(l),...i.props(d),...p.props(m),...h.props(c)}})})]},`d1-${B}`))]},`d2-${Q}`))]},`d3-${E}`))]},`d4-${g}`))})},W=(e,r)=>{if(e)switch(r){case"default":return R.themeCssVariables.grayScale.gray11;case"danger":return R.themeCssVariables.color.red;case"blue":return R.themeCssVariables.color.blue;default:return}},K=(e,r)=>{const{container:A}=r.parameters,o=r.args.inverted,s=r.args.accent,i=W(o,s);return(0,t.jsx)(_,{width:A?.width,height:A?.height,backgroundColor:i,children:(0,t.jsx)(e,{})})},U=e=>typeof e!="object"||e===null?!1:Object.keys(e).every(r=>typeof e[r]=="string"),j=(e,r)=>({pathname:e.replace(/:(\w+)/g,A=>r?.[A]??"")}),P=()=>(0,t.jsx)(_,{children:(0,t.jsx)(n.Outlet,{})}),q=({Story:e,args:r,initialEntries:A,initialIndex:o})=>(0,n.createMemoryRouter)((0,n.createRoutesFromElements)((0,t.jsx)(n.Route,{element:(0,t.jsx)(P,{}),children:(0,t.jsx)(n.Route,{path:r.routePath??"*",element:(0,t.jsx)(e,{})})})),{initialEntries:A,initialIndex:o}),O=(e,{args:r})=>(0,t.jsx)(n.RouterProvider,{router:q({Story:e,args:r,initialEntries:r.routePath&&typeof r.routePath=="string"&&(r.routeParams===void 0||U(r.routeParams))?[j(r.routePath,r.routeParams)]:[{pathname:"/"}]})}),Y=e=>(0,t.jsx)(n.MemoryRouter,{children:(0,t.jsx)(e,{})}),J="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABgAAAAAQAAAGAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAA/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMACwgICggHCwoJCg0MCw0RHBIRDw8RIhkaFBwpJCsqKCQnJy0yQDctMD0wJyc4TDk9Q0VISUgrNk9VTkZUQEdIRf/bAEMBDA0NEQ8RIRISIUUuJy5FRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRf/dAAQAAv/aAAwDAQACEQMRAD8Ava1q728otYY98joSCTgZrnbXWdTtrhrfVZXWLafmcAEkdgR/hVltQku9Q8+OIEBcGOT+ID0PY1ka1KH2u8ToqnPLbmIqG7u6LtbQ7RXBRec4Uck9eKXcPWsKDWVnhWSL5kYcFelSf2m3901POh8jP//QoyIAnTuKpXsY82NsksUyWPU5q/L9z8RVK++/F/uCsVsaEURwgA4HtT9x9TUcf3KfUGh//9k=";exports.A11Y_DEFER_COLOR_CONTRAST=T;exports.AVATAR_URL_MOCK=J;exports.CatalogDecorator=L;exports.ComponentDecorator=K;exports.ComponentStorybookLayout=_;exports.ComponentWithRouterDecorator=O;exports.RouterDecorator=Y;exports.computeLocation=j;exports.isRouteParams=U;

package/dist/testing.mjs

@@ -1,7 +1,7 @@
-import { c as h, s as U } from "./theme-constants-Bpkh40Q_.js";
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { c as h, s as U } from "./theme-constants-DETwIS-a.js";
 import { clsx as V } from "clsx";
 import { isNumber as w, isString as f } from "@sniptt/guards";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { MemoryRouter as T, Outlet as y, Route as v, RouterProvider as F, createMemoryRouter as k, createRoutesFromElements as N } from "react-router-dom";
 var Ae = {
   test: "error",

package/dist/theme/constants/ThemeLight.d.ts

@@ -152,6 +152,7 @@ export declare const THEME_LIGHT: {
     boxShadow: {
         color: string;
         light: string;
+        sidebar: string;
         strong: string;
         underline: string;
         superHeavy: string;

package/dist/{theme-DWGWo1te.js → theme-OwFrow8b.js}

@@ -261,6 +261,7 @@ var d = { duration: {
   boxShadow: {
     color: "rgba(0, 0, 0, 0.6)",
     light: "0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 4px 0px rgba(0, 0, 0, 0.08)",
+    sidebar: "-4px 4px 4px 0px rgba(0, 0, 0, 0.03)",
     strong: "2px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.08)",
     underline: "0px 1px 0px 0px rgba(0, 0, 0, 0.32)",
     superHeavy: "2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)"
@@ -1305,6 +1306,7 @@ var d = { duration: {
   boxShadow: {
     color: "color(display-p3 0 0 0 / 0.039)",
     light: "0px 2px 4px 0px color(display-p3 0 0 0 / 0.039), 0px 0px 4px 0px color(display-p3 0 0 0 / 0.078)",
+    sidebar: "-4px 4px 4px 0px rgba(0, 0, 0, 0.005)",
     strong: "2px 4px 16px 0px color(display-p3 0 0 0 / 0.161), 0px 2px 4px 0px color(display-p3 0 0 0 / 0.078)",
     underline: "0px 1px 0px 0px color(display-p3 0 0 0 / 0.361)",
     superHeavy: "0px 0px 8px 0px color(display-p3 0 0 0 / 0.161), 0px 8px 64px -16px color(display-p3 0 0 0 / 0.478), 0px 24px 56px -16px color(display-p3 0 0 0 / 0.078)"