laif-ds 0.2.71 → 0.2.73

package/dist/components/ui/date-picker.js

@@ -1,231 +1,248 @@
 "use client";
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { designTokens as i } from "../design-tokens.js";
-import { TimePickerColumn as M } from "./app-time-picker.js";
-import { Calendar as V } from "./calendar.js";
-import { Icon as q } from "./icon.js";
-import { Label as de } from "./label.js";
-import { Popover as ce, PopoverTrigger as me, PopoverContent as ue } from "./popover.js";
-import { cn as E } from "../../lib/utils.js";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { designTokens as r } from "../design-tokens.js";
+import { Calendar as L } from "./calendar.js";
+import { Icon as X } from "./icon.js";
+import { Label as ue } from "./label.js";
+import { Popover as fe, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
+import { cn as B } from "../../lib/utils.js";
 import * as f from "react";
-import { useCallback as L, useMemo as p, useEffect as fe } from "react";
-import { it as he } from "../../node_modules/date-fns/locale/it.js";
-import { formatDate as w } from "../../node_modules/date-fns/format.js";
-import { isSameDay as ge } from "../../node_modules/date-fns/isSameDay.js";
-function Pe(t) {
+import { useCallback as G, useMemo as p, useEffect as ve } from "react";
+import { TimePickerColumn as k } from "./app-time-picker.js";
+import { it as be } from "../../node_modules/date-fns/locale/it.js";
+import { formatDate as H } from "../../node_modules/date-fns/format.js";
+import { isSameDay as Ce } from "../../node_modules/date-fns/isSameDay.js";
+const J = (t) => {
+  if (!Number.isFinite(t)) return 1;
+  const x = Math.trunc(t);
+  return Math.min(59, Math.max(1, x));
+};
+function Oe(t) {
   const {
-    placeholder: X = "Seleziona data",
-    dateFormat: B,
-    className: G,
-    disabled: l = !1,
+    placeholder: x = "Seleziona data",
+    dateFormat: K,
+    className: Q,
+    disabled: d = !1,
     size: h = "default",
-    firstDate: N,
-    lastDate: S,
-    availableDates: H,
-    locale: u = he,
+    firstDate: P,
+    lastDate: z,
+    availableDates: O,
+    locale: u = be,
     initialCalendarMonth: g,
-    customCalendarProps: P,
-    label: k,
-    labelClassName: J,
-    wrpClassName: K,
-    id: Q,
-    "data-testid": U,
-    minDate: O,
-    maxDate: z,
-    numberOfMonths: W,
-    clearable: Y = !1,
-    onClear: I
-  } = t, o = t.mode === "range", C = !o && t.showTime === !0, T = !o && t.withSeconds === !0, x = B ?? (C ? T ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [n, b] = f.useState(
-    o ? void 0 : t.value
-  ), [r, y] = f.useState(
-    o ? t.value : void 0
-  ), [F, v] = f.useState(
+    customCalendarProps: F,
+    label: I,
+    labelClassName: U,
+    wrpClassName: W,
+    id: Y,
+    "data-testid": Z,
+    minDate: T,
+    maxDate: j,
+    numberOfMonths: $,
+    clearable: ee = !1,
+    onClear: A
+  } = t, n = t.mode === "range", v = !n && t.showTime === !0, w = !n && t.withSeconds === !0, M = n ? 1 : J(t.minuteStep), y = n ? 1 : J(t.secondStep), D = K ?? (v ? w ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [s, b] = f.useState(
+    n ? void 0 : t.value
+  ), [i, N] = f.useState(
+    n ? t.value : void 0
+  ), [R, C] = f.useState(
     g
-  ), [j, A] = f.useState(!1), Z = (e) => {
+  ), [_, V] = f.useState(!1), te = (e) => {
     const a = e ? new Date(e) : void 0;
-    C && a && n && a.setHours(
-      n.getHours(),
-      n.getMinutes(),
-      n.getSeconds()
-    ), b(a), a && v(a), !o && t.onChange && t.onChange(a), !C && a && A(!1);
-  }, $ = L(() => {
-    o ? (y(void 0), t.onChange && t.onChange(void 0)) : (b(void 0), t.onChange && t.onChange(void 0)), I?.();
-  }, [o, t.onChange, I]), ee = n?.getHours(), te = n?.getMinutes(), ae = n?.getSeconds(), oe = p(
+    v && a && s && a.setHours(
+      s.getHours(),
+      s.getMinutes(),
+      s.getSeconds()
+    ), b(a), a && C(a), !n && t.onChange && t.onChange(a), !v && a && V(!1);
+  }, ae = G(() => {
+    n ? (N(void 0), t.onChange && t.onChange(void 0)) : (b(void 0), t.onChange && t.onChange(void 0)), A?.();
+  }, [n, t.onChange, A]), ne = s?.getHours(), oe = s?.getMinutes(), se = s?.getSeconds(), ie = p(
     () => Array.from({ length: 24 }, (e, a) => a),
     []
-  ), ne = p(
-    () => Array.from({ length: 60 }, (e, a) => a),
-    []
-  ), se = p(
-    () => Array.from({ length: 60 }, (e, a) => a),
-    []
-  ), D = L(
+  ), re = p(
+    () => Array.from(
+      { length: Math.floor(59 / M) + 1 },
+      (e, a) => a * M
+    ),
+    [M]
+  ), le = p(
+    () => Array.from(
+      { length: Math.floor(59 / y) + 1 },
+      (e, a) => a * y
+    ),
+    [y]
+  ), S = G(
     (e, a) => {
-      const c = n ? new Date(n) : /* @__PURE__ */ new Date();
-      n || c.setHours(0, 0, 0, 0), e === "hour" ? c.setHours(a) : e === "minute" ? c.setMinutes(a) : e === "second" && c.setSeconds(a), b(c), !o && t.onChange && t.onChange(c);
+      const m = s ? new Date(s) : /* @__PURE__ */ new Date();
+      s || m.setHours(0, 0, 0, 0), e === "hour" ? m.setHours(a) : e === "minute" ? m.setMinutes(a) : e === "second" && m.setSeconds(a), b(m), !n && t.onChange && t.onChange(m);
     },
-    [n, o, t.onChange]
-  ), re = (e) => {
-    y(e), e?.from && v(e.from), o && t.onChange && t.onChange(e);
+    [s, n, t.onChange]
+  ), de = (e) => {
+    N(e), e?.from && C(e.from), n && t.onChange && t.onChange(e);
   };
-  let d = [];
-  N && d.push({ before: N }), S && d.push({ after: S }), H?.length && d.push(
-    (e) => !H.some(
-      (a) => ge(a, e)
+  let c = [];
+  P && c.push({ before: P }), z && c.push({ after: z }), O?.length && c.push(
+    (e) => !O.some(
+      (a) => Ce(a, e)
     )
-  ), l && (d = [!0]), fe(() => {
-    if (o) {
-      y(t.value);
+  ), d && (c = [!0]), ve(() => {
+    if (n) {
+      N(t.value);
       const e = t.value?.from;
-      v(e ?? g);
+      C(e ?? g);
     } else
-      b(t.value), v(
+      b(t.value), C(
         t.value ?? g
       );
-  }, [t.value, o, g]);
-  const ie = f.useId(), R = Q ?? ie, _ = o ? !!r?.from : !!n, le = () => o && r ? /* @__PURE__ */ m("span", { children: [
-    r.from && w(r.from, x, { locale: u }),
-    r.from && r.to && " - ",
-    r.to && w(r.to, x, { locale: u })
-  ] }) : !o && n ? /* @__PURE__ */ s("span", { children: w(n, x, { locale: u }) }) : /* @__PURE__ */ s("span", { className: "text-d-muted-foreground", children: X });
-  return /* @__PURE__ */ m("div", { className: E("flex flex-col gap-1.5", K), children: [
-    k && /* @__PURE__ */ s(de, { htmlFor: R, className: J, children: k }),
-    /* @__PURE__ */ m(
-      ce,
-      {
-        open: l ? !1 : j,
-        onOpenChange: A,
-        modal: !0,
-        children: [
-          /* @__PURE__ */ s(me, { asChild: !0, children: /* @__PURE__ */ m(
-            "div",
-            {
-              id: R,
-              "data-testid": U,
-              className: E(
-                i.input.base,
-                i.radius.default,
-                i.text.base,
-                i.interaction.disabled,
-                "flex items-center gap-2 font-normal whitespace-nowrap [&>span]:line-clamp-1",
-                i.focusRing,
-                j && i.activeRing,
-                "hover:border-d-ring cursor-pointer transition-colors",
-                !_ && "text-d-muted-foreground",
-                l && "cursor-not-allowed opacity-50",
-                h === "default" && i.sizes.default,
-                h === "sm" && i.sizes.sm,
-                h === "lg" && i.sizes.lg,
-                G
-              ),
-              "aria-disabled": l,
-              role: "button",
-              tabIndex: l ? -1 : 0,
-              onClick: l ? void 0 : () => {
-              },
-              children: [
-                /* @__PURE__ */ s(q, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
-                /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: le() }),
-                Y && _ && /* @__PURE__ */ s(
-                  "div",
+  }, [t.value, n, g]);
+  const ce = f.useId(), q = Y ?? ce, E = n ? !!i?.from : !!s, me = () => n && i ? /* @__PURE__ */ l("span", { children: [
+    i.from && H(i.from, D, { locale: u }),
+    i.from && i.to && " - ",
+    i.to && H(i.to, D, { locale: u })
+  ] }) : !n && s ? /* @__PURE__ */ o("span", { children: H(s, D, { locale: u }) }) : /* @__PURE__ */ o("span", { className: "text-d-muted-foreground", children: x });
+  return /* @__PURE__ */ l("div", { className: B("flex flex-col gap-1.5", W), children: [
+    I && /* @__PURE__ */ o(ue, { htmlFor: q, className: U, children: I }),
+    /* @__PURE__ */ l(fe, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
+      /* @__PURE__ */ o(he, { asChild: !0, children: /* @__PURE__ */ l(
+        "div",
+        {
+          id: q,
+          "data-testid": Z,
+          className: B(
+            r.input.base,
+            r.radius.default,
+            r.text.base,
+            r.interaction.disabled,
+            "flex items-center gap-2 font-normal whitespace-nowrap [&>span]:line-clamp-1",
+            r.focusRing,
+            _ && r.activeRing,
+            "hover:border-d-ring cursor-pointer transition-colors",
+            !E && "text-d-muted-foreground",
+            d && "cursor-not-allowed opacity-50",
+            h === "default" && r.sizes.default,
+            h === "sm" && r.sizes.sm,
+            h === "lg" && r.sizes.lg,
+            Q
+          ),
+          "aria-disabled": d,
+          role: "button",
+          tabIndex: d ? -1 : 0,
+          onClick: d ? void 0 : () => {
+          },
+          children: [
+            /* @__PURE__ */ o(X, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
+            /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: me() }),
+            ee && E && /* @__PURE__ */ o(
+              "div",
+              {
+                role: "button",
+                className: "bg-d-accent hover:bg-d-accent/80 border-d-border flex shrink-0 cursor-pointer items-center justify-center rounded-full border p-1 transition-colors",
+                onClick: (e) => {
+                  e.stopPropagation(), e.preventDefault(), ae();
+                },
+                onMouseDown: (e) => e.preventDefault(),
+                "aria-label": "Clear selection",
+                children: /* @__PURE__ */ o(
+                  X,
                   {
-                    role: "button",
-                    className: "bg-d-accent hover:bg-d-accent/80 border-d-border flex shrink-0 cursor-pointer items-center justify-center rounded-full border p-1 transition-colors",
-                    onClick: (e) => {
-                      e.stopPropagation(), e.preventDefault(), $();
-                    },
-                    onMouseDown: (e) => e.preventDefault(),
-                    "aria-label": "Clear selection",
-                    children: /* @__PURE__ */ s(
-                      q,
-                      {
-                        name: "X",
-                        size: "xs",
-                        className: "!text-d-foreground opacity-50"
-                      }
-                    )
+                    name: "X",
+                    size: "xs",
+                    className: "!text-d-foreground opacity-50"
                   }
                 )
-              ]
-            }
-          ) }),
-          " ",
-          /* @__PURE__ */ m(
-            ue,
-            {
-              className: "flex min-h-0 w-auto flex-row p-0 shadow",
-              align: "start",
-              children: [
-                o ? /* @__PURE__ */ s(
-                  V,
+              }
+            )
+          ]
+        }
+      ) }),
+      " ",
+      /* @__PURE__ */ l(
+        ge,
+        {
+          className: "flex max-h-[500px] min-h-0 w-auto flex-row p-0 shadow",
+          align: "start",
+          children: [
+            n ? /* @__PURE__ */ o(
+              L,
+              {
+                ...F || {},
+                mode: "range",
+                selected: i,
+                onSelect: de,
+                autoFocus: !0,
+                disabled: c,
+                locale: u,
+                defaultMonth: R,
+                numberOfMonths: $ ?? 1,
+                minDate: T,
+                maxDate: j
+              }
+            ) : /* @__PURE__ */ o(
+              L,
+              {
+                ...F || {},
+                mode: "single",
+                selected: s,
+                onSelect: te,
+                autoFocus: !0,
+                disabled: c,
+                locale: u,
+                defaultMonth: R,
+                minDate: T,
+                maxDate: j
+              }
+            ),
+            v && /* @__PURE__ */ l("div", { className: "border-d-border/50 relative flex shrink-0 flex-row overflow-hidden border-l", children: [
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  className: "invisible flex h-0 flex-row overflow-hidden opacity-0 select-none",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" }),
+                    /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" }),
+                    w && /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ l("div", { className: "absolute inset-0 flex h-full w-full flex-row overflow-y-auto", children: [
+                /* @__PURE__ */ o(
+                  k,
                   {
-                    ...P || {},
-                    mode: "range",
-                    selected: r,
-                    onSelect: re,
-                    autoFocus: !0,
-                    disabled: d,
-                    locale: u,
-                    defaultMonth: F,
-                    numberOfMonths: W ?? 1,
-                    minDate: O,
-                    maxDate: z
+                    type: "hour",
+                    value: ne,
+                    options: ie,
+                    onChange: (e) => S("hour", e),
+                    className: "flex flex-1"
                   }
-                ) : /* @__PURE__ */ s(
-                  V,
+                ),
+                /* @__PURE__ */ o(
+                  k,
                   {
-                    ...P || {},
-                    mode: "single",
-                    selected: n,
-                    onSelect: Z,
-                    autoFocus: !0,
-                    disabled: d,
-                    locale: u,
-                    defaultMonth: F,
-                    minDate: O,
-                    maxDate: z
+                    type: "minute",
+                    value: oe,
+                    options: re,
+                    onChange: (e) => S("minute", e),
+                    className: "flex flex-1"
                   }
                 ),
-                C && /* @__PURE__ */ m("div", { className: "border-d-border/50 flex max-h-[300px] min-h-0 flex-1 flex-row border-l", children: [
-                  /* @__PURE__ */ s(
-                    M,
-                    {
-                      type: "hour",
-                      value: ee,
-                      options: oe,
-                      onChange: (e) => D("hour", e),
-                      className: "flex flex-1"
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    M,
-                    {
-                      type: "minute",
-                      value: te,
-                      options: ne,
-                      onChange: (e) => D("minute", e),
-                      className: "flex flex-1"
-                    }
-                  ),
-                  T && /* @__PURE__ */ s(
-                    M,
-                    {
-                      type: "second",
-                      value: ae,
-                      options: se,
-                      onChange: (e) => D("second", e),
-                      className: "flex flex-1"
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    )
+                w && /* @__PURE__ */ o(
+                  k,
+                  {
+                    type: "second",
+                    value: se,
+                    options: le,
+                    onChange: (e) => S("second", e),
+                    className: "flex flex-1"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] })
   ] });
 }
 export {
-  Pe as DatePicker
+  Oe as DatePicker
 };

package/dist/components/ui/dropdown-menu.js

@@ -1,130 +1,131 @@
 "use client";
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as x, Group as N, Portal as l, RadioGroup as y, Sub as v, Trigger as R, CheckboxItem as m, ItemIndicator as c, Content as p, Item as u, Label as f, RadioItem as b, Separator as g, SubContent as w, SubTrigger as h } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { Root as v, Group as h, Portal as c, RadioGroup as N, Sub as y, Trigger as R, CheckboxItem as l, ItemIndicator as m, Content as p, Item as u, Label as f, RadioItem as b, Separator as g, SubContent as w, SubTrigger as x } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import * as n from "react";
 import { cn as r } from "../../lib/utils.js";
 import D from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 import M from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
 import S from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-const H = x, J = R, K = N, O = l, Q = v, U = y, I = s.forwardRef(({ className: e, inset: o, children: t, ...n }, d) => /* @__PURE__ */ i(
-  h,
+const H = v, J = R, K = h, O = c, Q = y, U = N, I = n.forwardRef(({ className: e, inset: t, children: o, ...d }, s) => /* @__PURE__ */ i(
+  x,
   {
-    ref: d,
+    ref: s,
     className: r(
-      "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      o && "pl-8",
+      "focus:bg-d-accent data-[state=open]:bg-d-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t && "pl-8",
       e
     ),
-    ...n,
+    ...d,
     children: [
-      t,
+      o,
       /* @__PURE__ */ a(S, { className: "ml-auto" })
     ]
   }
 ));
-I.displayName = h.displayName;
-const C = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
+I.displayName = x.displayName;
+const C = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   w,
   {
-    ref: t,
+    ref: o,
     className: r(
-      "bg-popover text-popover-foreground 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 border-d-border z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
+      "bg-d-popover text-d-popover-foreground 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 border-d-border z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
       e
     ),
-    ...o
+    ...t
   }
 ));
 C.displayName = w.displayName;
-const z = s.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+const z = n.forwardRef(({ className: e, sideOffset: t = 4, ...o }, d) => /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(
   p,
   {
-    ref: n,
-    sideOffset: o,
+    ref: d,
+    sideOffset: t,
     className: r(
-      "bg-popover text-popover-foreground border-d-border z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+      "bg-d-popover text-d-popover-foreground border-d-border z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
       "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 origin-[--radix-dropdown-menu-content-transform-origin]",
       e
     ),
-    ...t
+    ...o
   }
 ) }));
 z.displayName = p.displayName;
-const k = s.forwardRef(({ className: e, inset: o, ...t }, n) => /* @__PURE__ */ a(
+const k = n.forwardRef(({ className: e, inset: t, variant: o = "default", ...d }, s) => /* @__PURE__ */ a(
   u,
   {
-    ref: n,
+    ref: s,
+    "data-variant": o,
     className: r(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      o && "pl-8",
+      "focus:bg-d-accent focus:text-d-accent-foreground data-[variant=destructive]:text-d-destructive data-[variant=destructive]:focus:bg-d-destructive/10 data-[variant=destructive]:focus:text-d-destructive data-[variant=destructive]:*:[svg]:!text-d-destructive relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      t && "pl-8",
       e
     ),
-    ...t
+    ...d
   }
 ));
 k.displayName = u.displayName;
-const G = s.forwardRef(({ className: e, children: o, checked: t, ...n }, d) => /* @__PURE__ */ i(
-  m,
+const G = n.forwardRef(({ className: e, children: t, checked: o, ...d }, s) => /* @__PURE__ */ i(
+  l,
   {
-    ref: d,
+    ref: s,
     className: r(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
-    checked: t,
-    ...n,
+    checked: o,
+    ...d,
     children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(D, { className: "h-4 w-4" }) }) }),
-      o
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(D, { className: "h-4 w-4" }) }) }),
+      t
     ]
   }
 ));
-G.displayName = m.displayName;
-const T = s.forwardRef(({ className: e, children: o, ...t }, n) => /* @__PURE__ */ i(
+G.displayName = l.displayName;
+const T = n.forwardRef(({ className: e, children: t, ...o }, d) => /* @__PURE__ */ i(
   b,
   {
-    ref: n,
+    ref: d,
     className: r(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
-    ...t,
+    ...o,
     children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(M, { className: "h-2 w-2 fill-current" }) }) }),
-      o
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(M, { className: "h-2 w-2 fill-current" }) }) }),
+      t
     ]
   }
 ));
 T.displayName = b.displayName;
-const j = s.forwardRef(({ className: e, inset: o, ...t }, n) => /* @__PURE__ */ a(
+const j = n.forwardRef(({ className: e, inset: t, ...o }, d) => /* @__PURE__ */ a(
   f,
   {
-    ref: n,
+    ref: d,
     className: r(
       "px-2 py-1.5 text-sm font-semibold",
-      o && "pl-8",
+      t && "pl-8",
       e
     ),
-    ...t
+    ...o
   }
 ));
 j.displayName = f.displayName;
-const L = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
+const L = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   g,
   {
-    ref: t,
-    className: r("bg-muted -mx-1 my-1 h-px", e),
-    ...o
+    ref: o,
+    className: r("bg-d-border -mx-1 my-1 h-px", e),
+    ...t
   }
 ));
 L.displayName = g.displayName;
 const P = ({
   className: e,
-  ...o
+  ...t
 }) => /* @__PURE__ */ a(
   "span",
   {
     className: r("ml-auto text-xs tracking-widest opacity-60", e),
-    ...o
+    ...t
   }
 );
 P.displayName = "DropdownMenuShortcut";