@rafal.lemieszewski/tide-ui 0.87.7 → 0.87.9

package/dist/es/components/fundamental/input.js

@@ -4,7 +4,7 @@ import { cva as m } from "class-variance-authority";
 import { cn as c } from "../../lib/utils.js";
 import { Icon as b } from "./icon.js";
 const n = m(
-  "flex w-full rounded-m border transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)] disabled:cursor-not-allowed disabled:opacity-50",
+  "flex w-full rounded-[var(--border-radius-m)] border transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)] disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       variant: {

package/dist/es/components/fundamental/kbd.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as t from "react";
-import { cva as m } from "class-variance-authority";
+import { cva as d } from "class-variance-authority";
 import { cn as o } from "../../lib/utils.js";
-const d = m(
-  "inline-flex items-center justify-center rounded-xs font-mono font-medium transition-colors select-none relative",
+const m = d(
+  "inline-flex items-center justify-center rounded-[var(--border-radius-xs)] font-mono font-medium transition-colors select-none relative",
   {
     variants: {
       variant: {
@@ -32,7 +32,7 @@ const d = m(
   ({ className: r, variant: e, size: a, ...i }, n) => /* @__PURE__ */ s(
     "kbd",
     {
-      className: o(d({ variant: e, size: a, className: r })),
+      className: o(m({ variant: e, size: a, className: r })),
       ref: n,
       ...i
     }
@@ -53,5 +53,5 @@ c.displayName = "KbdGroup";
 export {
   p as Kbd,
   c as KbdGroup,
-  d as kbdVariants
+  m as kbdVariants
 };

package/dist/es/components/fundamental/month-picker.js

@@ -26,7 +26,7 @@ const W = {
     yearHeader: "text-label-sm",
     monthGridGap: "gap-[var(--space-xs)]",
     monthButton: "px-[var(--space-xs)] py-[var(--space-s)] text-body-sm",
-    monthBorderRadius: "rounded-m"
+    monthBorderRadius: "rounded-[var(--border-radius-m)]"
   },
   small: {
     container: "gap-[var(--space-s)]",
@@ -37,36 +37,36 @@ const W = {
     yearHeader: "[&]:text-caption-medium-sm [&]:font-medium py-[var(--space-s)]",
     monthGridGap: "gap-1",
     monthButton: "px-1 py-[var(--space-xs)] [&]:text-caption-sm",
-    monthBorderRadius: "rounded-s"
+    monthBorderRadius: "rounded-[var(--border-radius-s)]"
   }
-}, n = (r) => new Date(r.getFullYear(), r.getMonth(), 1), X = (r) => r.toLocaleDateString("en-US", { month: "short" }), Z = (r) => Array.from({ length: 12 }, (a, o) => new Date(r, o, 1)), $ = (r, a, o, l) => {
-  const f = n(r);
-  if (a) {
-    const i = n(a);
+}, a = (r) => new Date(r.getFullYear(), r.getMonth(), 1), X = (r) => r.toLocaleDateString("en-US", { month: "short" }), Z = (r) => Array.from({ length: 12 }, (n, o) => new Date(r, o, 1)), $ = (r, n, o, l) => {
+  const f = a(r);
+  if (n) {
+    const i = a(n);
     if (f < i) return !0;
   }
   if (o) {
-    const i = n(o);
+    const i = a(o);
     if (f > i) return !0;
   }
   if (l && l.length > 0) {
     const i = f.getTime();
     for (const g of l)
-      if (n(g).getTime() === i)
+      if (a(g).getTime() === i)
         return !0;
   }
   return !1;
-}, B = (r, a, o) => {
-  if (!a) return !1;
-  const l = n(r).getTime(), f = n(a).getTime();
+}, B = (r, n, o) => {
+  if (!n) return !1;
+  const l = a(r).getTime(), f = a(n).getTime();
   if (!o)
     return l > f;
-  const i = n(o).getTime();
+  const i = a(o).getTime();
   return l > f && l < i;
-}, v = (r, a) => !r || !a ? !1 : n(r).getTime() === n(a).getTime(), ee = /* @__PURE__ */ p.forwardRef(
+}, v = (r, n) => !r || !n ? !1 : a(r).getTime() === a(n).getTime(), ee = /* @__PURE__ */ p.forwardRef(
   ({
     value: r,
-    onChange: a,
+    onChange: n,
     mode: o,
     size: l = "default",
     yearCount: f,
@@ -75,8 +75,8 @@ const W = {
     maxDate: C,
     disabledDates: R,
     className: Y,
-    monthLabelFormat: S,
-    yearLabelFormat: b,
+    monthLabelFormat: b,
+    yearLabelFormat: S,
     enableNavigation: h = !1,
     onYearNavigate: G
   }, I) => {
@@ -90,14 +90,14 @@ const W = {
       N(e), G?.(e);
     }, P = (e) => {
       if (o === "single") {
-        a(n(e));
+        n(a(e));
         return;
       }
       if (!c)
-        M(n(e));
+        M(a(e));
       else {
         const t = c < e ? c : e, m = c < e ? e : c;
-        a([n(t), n(m)]), M(null), x(null);
+        n([a(t), a(m)]), M(null), x(null);
       }
     }, j = (e) => c || !r ? !1 : Array.isArray(r) ? v(e, r[0]) || v(e, r[1]) : v(e, r), q = (e) => {
       if (c || !r || !Array.isArray(r)) return !1;
@@ -116,7 +116,7 @@ const W = {
         }
       ),
       /* @__PURE__ */ d("div", { className: u("flex flex-1", s.yearGridGap), children: D.map((e) => /* @__PURE__ */ T("div", { className: u("flex-1 flex flex-col", s.yearSectionGap), children: [
-        /* @__PURE__ */ d("div", { className: u(s.yearHeader, "text-[var(--color-text-primary)] text-center"), children: b ? b(e) : e }),
+        /* @__PURE__ */ d("div", { className: u(s.yearHeader, "text-[var(--color-text-primary)] text-center"), children: S ? S(e) : e }),
         /* @__PURE__ */ d("div", { className: u("grid grid-cols-3", s.monthGridGap), children: Z(e).map((t) => {
           const m = $(t, g, C, R), L = j(t), U = q(t), V = F(t), J = v(t, c);
           return /* @__PURE__ */ d(
@@ -137,7 +137,7 @@ const W = {
                 (U || V) && "bg-[var(--color-background-blue-subtle)] text-[var(--color-text-primary)]",
                 (L || J) && "!bg-[var(--color-background-blue-bold)] !text-[var(--color-text-on-action)]"
               ),
-              children: S ? S(t) : X(t)
+              children: b ? b(t) : X(t)
             },
             t.getTime()
           );

package/dist/es/components/fundamental/popover.js

@@ -1,18 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import * as n from "react";
 import * as o from "@radix-ui/react-popover";
 import { cn as s } from "../../lib/utils.js";
-const c = o.Root, f = o.Trigger, v = o.Anchor, m = /* @__PURE__ */ n.forwardRef(({ className: e, align: r = "center", sideOffset: a = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+const c = o.Root, f = o.Trigger, v = o.Anchor, m = /* @__PURE__ */ n.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...d }, i) => /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ r(
   o.Content,
   {
-    ref: d,
-    align: r,
+    ref: i,
+    align: e,
     sideOffset: a,
     className: s(
-      "z-50 w-[var(--radix-popover-trigger-width)] min-w-[16rem] overflow-hidden rounded-l border border-[var(--color-border-divider)] bg-[var(--color-surface-primary)] p-[var(--space-2xl)] text-[var(--color-text-primary)] shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
+      "z-50 w-[var(--radix-popover-trigger-width)] min-w-[16rem] overflow-hidden rounded-[var(--border-radius-l)] border border-[var(--color-border-divider)] bg-[var(--color-surface-primary)] p-[var(--space-2xl)] text-[var(--color-text-primary)] shadow-[var(--shadow-500)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
     ),
-    ...i
+    ...d
   }
 ) }));
 m.displayName = o.Content.displayName;

package/dist/es/components/fundamental/resizable.js

@@ -26,7 +26,7 @@ const d = ({
       a
     ),
     ...l,
-    children: r && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-s border border-[var(--color-border-primary-subtle)] bg-[var(--color-background-secondary)]", children: /* @__PURE__ */ e(
+    children: r && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-[var(--border-radius-s)] border border-[var(--color-border-primary-subtle)] bg-[var(--color-background-secondary)]", children: /* @__PURE__ */ e(
       o,
       {
         name: "grip-vertical",

package/dist/es/components/fundamental/select.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import * as l from "react";
 import * as e from "@radix-ui/react-select";
-import { cva as i } from "class-variance-authority";
+import { cva as d } from "class-variance-authority";
 import { cn as s } from "../../lib/utils.js";
 import { Icon as n } from "./icon.js";
-import { ChevronUp as f, ChevronDown as b, Check as v } from "lucide-react";
-const x = i(
-  "flex w-full items-center justify-between gap-[var(--space-xs)] rounded-s border bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] transition-all duration-150 ease-in-out placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-100 disabled:bg-[var(--color-background-disabled)] disabled:text-[var(--color-text-disabled)]",
+import { ChevronUp as u, ChevronDown as b, Check as f } from "lucide-react";
+const x = d(
+  "flex w-full items-center justify-between gap-[var(--space-xs)] rounded-[var(--border-radius-s)] border bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] transition-all duration-150 ease-in-out placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-100 disabled:bg-[var(--color-background-disabled)] disabled:text-[var(--color-text-disabled)]",
   {
     variants: {
       variant: {
@@ -14,13 +14,13 @@ const x = i(
           "border-[var(--color-interaction-border-input)]",
           "enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)]",
           "enabled:hover:border-[var(--color-interaction-border-input-hovered)]",
-          "enabled:hover:shadow-sm"
+          "enabled:hover:shadow-[var(--shadow-200)]"
         ],
         error: [
           "border-[var(--color-border-error-bold)]",
           "enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)]",
           "enabled:hover:border-[var(--color-border-error-bold)]",
-          "enabled:hover:shadow-sm",
+          "enabled:hover:shadow-[var(--shadow-200)]",
           "focus-visible:border-[var(--color-border-error-bold)]"
         ]
       },
@@ -35,20 +35,20 @@ const x = i(
       size: "m"
     }
   }
-), h = i(
-  "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-m border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] shadow-[0px_0px_12px_-2px_rgba(0,14,20,0.08),0px_16px_24px_-8px_rgba(0,14,20,0.08),0px_4px_8px_-4px_rgba(0,14,20,0.04),0px_1px_1px_0px_rgba(0,14,20,0.02)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
-), y = i(
-  "relative flex w-full cursor-default select-none items-center h-8 rounded-s outline-none focus:bg-[var(--color-background-neutral-subtlest-hovered)] focus:text-[var(--color-text-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 px-2 py-1 text-body-md",
+), h = d(
+  "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--border-radius-m)] border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] shadow-[0px_0px_12px_-2px_rgba(0,14,20,0.08),0px_16px_24px_-8px_rgba(0,14,20,0.08),0px_4px_8px_-4px_rgba(0,14,20,0.04),0px_1px_1px_0px_rgba(0,14,20,0.02)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+), y = d(
+  "relative flex w-full cursor-default select-none items-center h-8 rounded-[var(--border-radius-s)] outline-none focus:bg-[var(--color-background-neutral-subtlest-hovered)] focus:text-[var(--color-text-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 px-2 py-1 text-body-md",
   {
     variants: {},
     defaultVariants: {}
   }
-), g = i(
+), g = d(
   "px-2 py-1 [&]:text-body-medium-sm text-[var(--color-text-tertiary)]"
-), w = i(
+), w = d(
   "h-px bg-[var(--color-border-primary-subtle)] my-[var(--space-xs)]"
-), T = e.Root, L = e.Group, B = e.Value, N = /* @__PURE__ */ l.forwardRef(({ className: t, variant: o, size: a, children: d, ...c }, p) => {
-  const u = a || "m";
+), T = e.Root, L = e.Group, B = e.Value, N = /* @__PURE__ */ l.forwardRef(({ className: t, variant: o, size: a, children: i, ...c }, p) => {
+  const v = a || "m";
   return /* @__PURE__ */ m(
     e.Trigger,
     {
@@ -56,14 +56,14 @@ const x = i(
       className: s(x({ variant: o, size: a }), t),
       ...c,
       children: [
-        d,
-        /* @__PURE__ */ r(e.Icon, { asChild: !0, children: /* @__PURE__ */ r(n, { name: b, size: u }) })
+        i,
+        /* @__PURE__ */ r(e.Icon, { asChild: !0, children: /* @__PURE__ */ r(n, { name: b, size: v }) })
       ]
     }
   );
 });
 N.displayName = e.Trigger.displayName;
-const S = /* @__PURE__ */ l.forwardRef(({ className: t, children: o, position: a = "popper", modal: d = !1, ...c }, p) => /* @__PURE__ */ r(e.Portal, { children: /* @__PURE__ */ m(
+const S = /* @__PURE__ */ l.forwardRef(({ className: t, children: o, position: a = "popper", modal: i = !1, ...c }, p) => /* @__PURE__ */ r(e.Portal, { children: /* @__PURE__ */ m(
   e.Content,
   {
     ref: p,
@@ -75,7 +75,7 @@ const S = /* @__PURE__ */ l.forwardRef(({ className: t, children: o, position: a
     position: a,
     ...c,
     children: [
-      /* @__PURE__ */ r(e.ScrollUpButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ r(n, { name: f, size: "s" }) }),
+      /* @__PURE__ */ r(e.ScrollUpButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ r(n, { name: u, size: "s" }) }),
       /* @__PURE__ */ r(
         e.Viewport,
         {
@@ -91,15 +91,15 @@ const S = /* @__PURE__ */ l.forwardRef(({ className: t, children: o, position: a
   }
 ) }));
 S.displayName = e.Content.displayName;
-const _ = /* @__PURE__ */ l.forwardRef(({ className: t, children: o, ...a }, d) => /* @__PURE__ */ m(
+const _ = /* @__PURE__ */ l.forwardRef(({ className: t, children: o, ...a }, i) => /* @__PURE__ */ m(
   e.Item,
   {
-    ref: d,
+    ref: i,
     className: s(y(), t),
     ...a,
     children: [
       /* @__PURE__ */ r(e.ItemText, { children: o }),
-      /* @__PURE__ */ r("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(n, { name: v, size: "s", color: "brand" }) }) })
+      /* @__PURE__ */ r("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(n, { name: f, size: "s", color: "brand" }) }) })
     ]
   }
 ));

package/dist/es/components/fundamental/sheet.js

@@ -1,66 +1,66 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import * as i from "react";
 import * as a from "@radix-ui/react-dialog";
-import { cva as g } from "class-variance-authority";
-import { cn as l } from "../../lib/utils.js";
-import { Button as S } from "./button.js";
-import { X as w } from "lucide-react";
-const c = i.createContext({ overlay: !1 }), C = ({ modal: t, overlay: e = !1, ...r }) => /* @__PURE__ */ o(c.Provider, { value: { overlay: e }, children: /* @__PURE__ */ o(a.Root, { modal: t ?? e, ...r }) });
+import { cva as S } from "class-variance-authority";
+import { cn as d } from "../../lib/utils.js";
+import { Button as w } from "./button.js";
+import { X as b } from "lucide-react";
+const c = i.createContext({ overlay: !1 }), C = ({ modal: t, overlay: e = !1, ...s }) => /* @__PURE__ */ o(c.Provider, { value: { overlay: e }, children: /* @__PURE__ */ o(a.Root, { modal: t ?? e, ...s }) });
 C.displayName = "Sheet";
-const I = a.Trigger, X = a.Close, D = a.Portal, m = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+const I = a.Trigger, X = a.Close, D = a.Portal, m = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o(
   a.Overlay,
   {
-    className: l(
+    className: d(
       "fixed inset-0 z-50 bg-[var(--color-background-blanket)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
     ...e,
-    ref: r
+    ref: s
   }
 ));
 m.displayName = a.Overlay.displayName;
-const O = g(
-  "fixed z-50 gap-[var(--space-l)] bg-[var(--color-surface-primary)] p-[var(--space-3xl)] shadow-xl transition ease-in-out overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+const O = S(
+  "fixed z-50 gap-[var(--space-l)] bg-[var(--color-surface-primary)] p-[var(--space-3xl)] shadow-[var(--shadow-500)] transition ease-in-out overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
-        top: "inset-x-[var(--space-s)] top-[var(--space-s)] rounded-m border-b border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-[var(--space-s)] bottom-[var(--space-s)] rounded-m border-t border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-[var(--space-s)] left-[var(--space-s)] rounded-m w-3/4 border-r border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-[var(--space-s)] right-[var(--space-s)] rounded-m w-3/4 border-l border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+        top: "inset-x-[var(--space-s)] top-[var(--space-s)] rounded-[var(--border-radius-m)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-[var(--space-s)] bottom-[var(--space-s)] rounded-[var(--border-radius-m)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-[var(--space-s)] left-[var(--space-s)] rounded-[var(--border-radius-m)] w-3/4 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-[var(--space-s)] right-[var(--space-s)] rounded-[var(--border-radius-m)] w-3/4 data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
       }
     },
     defaultVariants: {
       side: "right"
     }
   }
-), P = /* @__PURE__ */ i.forwardRef(({ side: t = "right", className: e, children: r, showClose: p = !0, dismissible: d = !0, overlay: f, onPointerDownOutside: v, onInteractOutside: u, onFocusOutside: h, ...y }, x) => {
-  const b = i.useContext(c), N = f ?? b.overlay;
-  return /* @__PURE__ */ n(D, { children: [
-    N && /* @__PURE__ */ o(m, {}),
-    /* @__PURE__ */ n(
+), P = /* @__PURE__ */ i.forwardRef(({ side: t = "right", className: e, children: s, showClose: p = !0, dismissible: n = !0, overlay: f, onPointerDownOutside: v, onInteractOutside: u, onFocusOutside: h, ...x }, y) => {
+  const N = i.useContext(c), g = f ?? N.overlay;
+  return /* @__PURE__ */ l(D, { children: [
+    g && /* @__PURE__ */ o(m, {}),
+    /* @__PURE__ */ l(
       a.Content,
       {
-        ref: x,
-        className: l(O({ side: t }), e),
-        ...y,
-        onPointerDownOutside: (s) => {
-          d || s.preventDefault(), v?.(s);
+        ref: y,
+        className: d(O({ side: t }), e),
+        ...x,
+        onPointerDownOutside: (r) => {
+          n || r.preventDefault(), v?.(r);
         },
-        onInteractOutside: (s) => {
-          d || s.preventDefault(), u?.(s);
+        onInteractOutside: (r) => {
+          n || r.preventDefault(), u?.(r);
         },
-        onFocusOutside: (s) => {
-          d || s.preventDefault(), h?.(s);
+        onFocusOutside: (r) => {
+          n || r.preventDefault(), h?.(r);
         },
         children: [
-          r,
+          s,
           p && /* @__PURE__ */ o(a.Close, { asChild: !0, children: /* @__PURE__ */ o(
-            S,
+            w,
             {
               variant: "default",
               size: "m",
-              icon: w,
+              icon: b,
               iconPosition: "only",
               className: "absolute right-[var(--space-l)] top-[var(--space-l)]",
               children: /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
@@ -78,7 +78,7 @@ const R = ({
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: d(
       "flex flex-col space-y-[var(--space-s)] text-center sm:text-left",
       t
     ),
@@ -92,7 +92,7 @@ const T = ({
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: d(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--space-s)]",
       t
     ),
@@ -100,11 +100,11 @@ const T = ({
   }
 );
 T.displayName = "SheetFooter";
-const j = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+const j = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o(
   a.Title,
   {
-    ref: r,
-    className: l(
+    ref: s,
+    className: d(
       "text-heading-lg text-[var(--color-text-primary)]",
       t
     ),
@@ -112,11 +112,11 @@ const j = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE
   }
 ));
 j.displayName = a.Title.displayName;
-const z = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+const z = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o(
   a.Description,
   {
-    ref: r,
-    className: l("text-body-md text-[var(--color-text-secondary)]", t),
+    ref: s,
+    className: d("text-body-md text-[var(--color-text-secondary)]", t),
     ...e
   }
 ));