laif-ds 0.1.85 → 0.1.88

package/dist/components/ui/multiple-selector.js

@@ -1,151 +1,159 @@
 "use client";
-import { jsx as o, jsxs as L, Fragment as K } from "react/jsx-runtime";
-import { Command as ie, useCommandState as ae } from "../../node_modules/cmdk/dist/index.js";
-import * as a from "react";
-import { useEffect as C, forwardRef as de } from "react";
-import { CommandPortal as ue } from "./command-portal.js";
-import { Badge as ce } from "./badge.js";
-import { CommandItem as V, Command as fe, CommandList as me, CommandGroup as ge } from "./command.js";
-import { cn as h } from "../../lib/utils.js";
-import { Label as he } from "./label.js";
-import q from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function ve(r, s) {
-  const [l, u] = a.useState(r);
+import { jsx as r, jsxs as L, Fragment as G } from "react/jsx-runtime";
+import { Command as ue, useCommandState as ce } from "../../node_modules/cmdk/dist/index.js";
+import * as o from "react";
+import { useEffect as C, forwardRef as fe } from "react";
+import { Popover as me, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
+import { Badge as pe } from "./badge.js";
+import { CommandItem as I, Command as q, CommandList as ve, CommandGroup as be } from "./command.js";
+import { cn as p } from "../../lib/utils.js";
+import { Label as xe } from "./label.js";
+import { Icon as we } from "./icon.js";
+import Ne from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function ye(s, l) {
+  const [i, u] = o.useState(s);
   return C(() => {
-    const d = setTimeout(() => u(r), s);
+    const a = setTimeout(() => u(s), l);
     return () => {
-      clearTimeout(d);
+      clearTimeout(a);
     };
-  }, [r, s]), l;
+  }, [s, l]), i;
 }
-function I(r, s) {
-  if (r.length === 0)
+function T(s, l) {
+  if (s.length === 0)
     return {};
-  if (!s)
+  if (!l)
     return {
-      "": r
+      "": s
     };
-  const l = {};
-  return r.forEach((u) => {
-    const d = u[s] || "";
-    l[d] || (l[d] = []), l[d].push(u);
-  }), l;
+  const i = {};
+  return s.forEach((u) => {
+    const a = u[l] || "";
+    i[a] || (i[a] = []), i[a].push(u);
+  }), i;
 }
-function pe(r, s) {
-  const l = JSON.parse(JSON.stringify(r));
-  for (const [u, d] of Object.entries(l))
-    l[u] = d.filter(
-      (F) => !s.find((c) => c.value === F.value)
+function Ce(s, l) {
+  const i = JSON.parse(JSON.stringify(s));
+  for (const [u, a] of Object.entries(i))
+    i[u] = a.filter(
+      (V) => !l.find((c) => c.value === V.value)
     );
-  return l;
+  return i;
 }
-function be(r, s) {
-  for (const [, l] of Object.entries(r))
-    if (l.some((u) => s.find((d) => d.value === u.value)))
+function Ee(s, l) {
+  for (const [, i] of Object.entries(s))
+    if (i.some((u) => l.find((a) => a.value === u.value)))
       return !0;
   return !1;
 }
-const Q = de(({ className: r, ...s }, l) => ae((d) => d.filtered.count === 0) ? /* @__PURE__ */ o(
+const Q = fe(({ className: s, ...l }, i) => ce((a) => a.filtered.count === 0) ? /* @__PURE__ */ r(
   "div",
   {
-    ref: l,
-    className: h("py-6 text-center text-sm", r),
+    ref: i,
+    className: p("py-6 text-center text-sm", s),
     "cmdk-empty": "",
     role: "presentation",
-    ...s
+    ...l
   }
 ) : null);
 Q.displayName = "CommandEmpty";
-const xe = a.forwardRef(
+const Oe = o.forwardRef(
   ({
-    value: r,
-    onChange: s,
-    placeholder: l,
+    value: s,
+    onChange: l,
+    placeholder: i,
     defaultOptions: u = [],
-    options: d,
-    delay: F,
+    options: a,
+    delay: V,
     onSearch: c,
-    onSearchSync: G,
+    onSearchSync: X,
     loadingIndicator: Y,
     emptyIndicator: D,
     maxSelected: _ = Number.MAX_SAFE_INTEGER,
-    onMaxSelected: z,
-    hidePlaceholderWhenSelected: A,
-    disabled: v,
-    groupBy: p,
+    onMaxSelected: A,
+    hidePlaceholderWhenSelected: U,
+    disabled: N,
+    groupBy: v,
     className: Z,
-    badgeClassName: W,
-    selectFirstItem: B = !0,
-    creatable: k = !1,
-    triggerSearchOnFocus: S = !1,
+    badgeClassName: B,
+    selectFirstItem: P = !0,
+    creatable: E = !1,
+    triggerSearchOnFocus: R = !1,
     commandProps: m,
-    inputProps: E,
-    hideClearAllButton: P = !1,
-    label: U
-  }, ee) => {
-    const f = a.useRef(null), [b, M] = a.useState(!1), [te, X] = a.useState(!1), [H, $] = a.useState(!1), R = a.useRef(null), [t, N] = a.useState(r || []), [x, T] = a.useState(
-      I(u, p)
-    ), [g, J] = a.useState(""), w = ve(g, F || 500);
-    a.useImperativeHandle(
-      ee,
+    inputProps: O,
+    hideClearAllButton: ee = !1,
+    label: W
+  }, te) => {
+    const h = o.useRef(null), [f, S] = o.useState(!1), [ne, z] = o.useState(!1), [H, $] = o.useState(!1), [re, oe] = o.useState(
+      void 0
+    ), j = o.useRef(null), F = o.useRef(null), [t, y] = o.useState(s || []), [b, J] = o.useState(
+      T(u, v)
+    ), [g, K] = o.useState(""), x = ye(g, V || 500);
+    o.useImperativeHandle(
+      te,
       () => ({
         selectedValue: [...t],
-        input: f.current,
-        focus: () => f?.current?.focus(),
-        reset: () => N([])
+        input: h.current,
+        focus: () => h?.current?.focus(),
+        reset: () => y([])
       }),
       [t]
     );
-    const y = (e) => {
-      R.current && !R.current.contains(e.target) && f.current && !f.current.contains(e.target) && (M(!1), f.current.blur());
-    }, j = a.useCallback(
+    const w = (e) => {
+      j.current && !j.current.contains(e.target) && h.current && !h.current.contains(e.target) && (S(!1), h.current.blur());
+    }, M = o.useCallback(
       (e) => {
-        const n = t.filter((i) => i.value !== e.value);
-        N(n), s?.(n);
+        const n = t.filter((d) => d.value !== e.value);
+        y(n), l?.(n);
       },
-      [s, t]
-    ), ne = a.useCallback(
+      [l, t]
+    ), se = o.useCallback(
       (e) => {
-        const n = f.current;
-        n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || j(t[t.length - 1])), e.key === "Escape" && n.blur());
+        const n = h.current;
+        n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || M(t[t.length - 1])), e.key === "Escape" && n.blur());
       },
-      [j, t]
+      [M, t]
     );
     C(() => {
       if (typeof document < "u")
-        return b ? (document.addEventListener("mousedown", y), document.addEventListener("touchend", y)) : (document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y)), () => {
-          document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y);
+        return f ? (document.addEventListener("mousedown", w), document.addEventListener("touchend", w)) : (document.removeEventListener("mousedown", w), document.removeEventListener("touchend", w)), () => {
+          document.removeEventListener("mousedown", w), document.removeEventListener("touchend", w);
         };
-    }, [b, y]), C(() => {
-      r && N(r);
-    }, [r]), C(() => {
-      if (!d || c)
+    }, [f, w]), C(() => {
+      s && y(s);
+    }, [s]), C(() => {
+      if (!a || c)
         return;
-      const e = I(d || [], p);
-      JSON.stringify(e) !== JSON.stringify(x) && T(e);
-    }, [u, d, p, c, x]), C(() => {
+      const e = T(a || [], v);
+      JSON.stringify(e) !== JSON.stringify(b) && J(e);
+    }, [u, a, v, c, b]), C(() => {
       const e = () => {
-        const i = G?.(w);
-        T(I(i || [], p));
+        const d = X?.(x);
+        J(T(d || [], v));
       };
       (async () => {
-        !G || !b || (S && e(), w && e());
+        !X || !f || (R && e(), x && e());
       })();
-    }, [w, p, b, S]), C(() => {
+    }, [x, v, f, R]), C(() => {
       const e = async () => {
         $(!0);
-        const i = await c?.(w);
-        T(I(i || [], p)), $(!1);
+        const d = await c?.(x);
+        J(T(d || [], v)), $(!1);
       };
       (async () => {
-        !c || !b || (S && await e(), w && await e());
+        !c || !f || (R && await e(), x && await e());
       })();
-    }, [w, p, b, S]);
-    const re = () => {
-      if (!k || be(x, [{ value: g, label: g }]) || t.find((n) => n.value === g))
+    }, [x, v, f, R]), o.useEffect(() => {
+      if (f && F.current) {
+        const e = F.current.getBoundingClientRect();
+        oe(e.width);
+      }
+    }, [f]);
+    const le = () => {
+      if (!E || Ee(b, [{ value: g, label: g }]) || t.find((n) => n.value === g))
         return;
-      const e = /* @__PURE__ */ o(
-        V,
+      const e = /* @__PURE__ */ r(
+        I,
         {
           value: g,
           className: "cursor-pointer",
@@ -154,213 +162,217 @@ const xe = a.forwardRef(
           },
           onSelect: (n) => {
             if (t.length >= _) {
-              z?.(t.length);
+              A?.(t.length);
               return;
             }
-            J("");
-            const i = [...t, { value: n, label: n }];
-            N(i), s?.(i);
+            K("");
+            const d = [...t, { value: n, label: n }];
+            y(d), l?.(d);
           },
           children: `Create "${g}"`
         }
       );
-      if (!c && g.length > 0 || c && w.length > 0 && !H)
+      if (!c && g.length > 0 || c && x.length > 0 && !H)
         return e;
-    }, oe = a.useCallback(() => {
+    }, ie = o.useCallback(() => {
       if (D)
-        return c && !k && Object.keys(x).length === 0 ? /* @__PURE__ */ o(V, { value: "-", disabled: !0, children: D }) : /* @__PURE__ */ o(Q, { children: D });
-    }, [k, D, c, x]), se = a.useMemo(
-      () => pe(x, t),
-      [x, t]
-    ), le = a.useCallback(() => {
+        return c && !E && Object.keys(b).length === 0 ? /* @__PURE__ */ r(I, { value: "-", disabled: !0, children: D }) : /* @__PURE__ */ r(Q, { children: D });
+    }, [E, D, c, b]), de = o.useMemo(
+      () => Ce(b, t),
+      [b, t]
+    ), ae = o.useCallback(() => {
       if (m?.filter)
         return m.filter;
-      if (k)
+      if (E)
         return (e, n) => e.toLowerCase().includes(n.toLowerCase()) ? 1 : -1;
-    }, [k, m?.filter]);
+    }, [E, m?.filter]);
     return /* @__PURE__ */ L("div", { className: "flex flex-col space-y-1.5", children: [
-      U && /* @__PURE__ */ o(he, { children: U }),
-      /* @__PURE__ */ L(
-        fe,
+      W && /* @__PURE__ */ r(xe, { children: W }),
+      /* @__PURE__ */ r(
+        q,
         {
-          ref: R,
+          ref: j,
           ...m,
           onKeyDown: (e) => {
-            ne(e), m?.onKeyDown?.(e);
+            se(e), m?.onKeyDown?.(e);
           },
-          className: h(
-            "h-auto overflow-visible bg-transparent shadow-sm",
+          className: p(
+            "bg-d-input border-d-border h-auto overflow-visible shadow-sm",
             m?.className
           ),
           shouldFilter: m?.shouldFilter !== void 0 ? m.shouldFilter : !c,
-          filter: le(),
-          children: [
-            /* @__PURE__ */ o(
+          filter: ae(),
+          children: /* @__PURE__ */ L(me, { open: f, onOpenChange: S, children: [
+            /* @__PURE__ */ r(he, { asChild: !0, children: /* @__PURE__ */ r(
               "div",
               {
-                className: h(
+                ref: F,
+                className: p(
+                  // asyncSelectTriggerVariants({ size: "default" }),
                   "border-d-input ring-offset-d-background focus-within:ring-d-ring min-h-10 rounded-md border text-base focus-within:ring-1 md:text-sm",
                   {
                     "px-3 py-2": t.length !== 0,
-                    "cursor-text": !v && t.length !== 0,
-                    "disabled:cursor-not-allowed disabled:opacity-50": v
+                    "cursor-text": !N && t.length !== 0,
+                    "disabled:cursor-not-allowed disabled:opacity-50": N
                   },
                   Z
                 ),
-                onClick: () => {
-                  v || f?.current?.focus();
-                },
                 children: /* @__PURE__ */ L("div", { className: "relative flex flex-wrap gap-1", children: [
                   t.map((e) => /* @__PURE__ */ L(
-                    ce,
+                    pe,
                     {
-                      className: h(
+                      className: p(
                         "data-[disabled]:bg-d-secondary-foreground data-[disabled]:text-d-secondary data-[disabled]:hover:bg-d-secondary-foreground",
                         "data-[fixed]:bg-d-secondary-foreground data-[fixed]:text-d-secondary data-[fixed]:hover:bg-d-secondary-foreground",
-                        W
+                        B
                       ),
                       "data-fixed": e.fixed,
-                      "data-disabled": v || void 0,
+                      "data-disabled": N || void 0,
                       children: [
                         e.label,
-                        /* @__PURE__ */ o(
+                        /* @__PURE__ */ r(
                           "button",
                           {
                             type: "button",
-                            className: h(
+                            className: p(
                               "text-d-secondary-foreground ring-offset-d-background focus:ring-d-ring ml-1 rounded-full outline-none focus:ring-1 focus:ring-offset-2",
-                              (v || e.fixed) && "hidden"
+                              (N || e.fixed) && "hidden"
                             ),
                             onKeyDown: (n) => {
-                              n.key === "Enter" && j(e);
+                              n.key === "Enter" && M(e);
                             },
                             onMouseDown: (n) => {
                               n.preventDefault(), n.stopPropagation();
                             },
-                            onClick: () => j(e),
-                            children: /* @__PURE__ */ o(q, { className: "text-d-secondary-foreground hover:text-d-foreground h-3 w-3" })
+                            onClick: () => M(e),
+                            children: /* @__PURE__ */ r(Ne, { className: "text-d-secondary-foreground hover:text-d-foreground h-3 w-3 cursor-pointer" })
                           }
                         )
                       ]
                     },
                     e.value
                   )),
-                  /* @__PURE__ */ o(
-                    ie.Input,
+                  /* @__PURE__ */ r(
+                    ue.Input,
                     {
-                      ...E,
-                      ref: f,
+                      ...O,
+                      ref: h,
                       value: g,
-                      disabled: v,
+                      disabled: N,
                       onValueChange: (e) => {
-                        J(e), E?.onValueChange?.(e);
+                        K(e), O?.onValueChange?.(e);
                       },
                       onBlur: (e) => {
-                        te || M(!1), E?.onBlur?.(e);
+                        ne || S(!1), O?.onBlur?.(e);
                       },
                       onFocus: (e) => {
-                        M(!0), E?.onFocus?.(e);
+                        S(!0), O?.onFocus?.(e);
                       },
-                      placeholder: A && t.length !== 0 ? "" : l,
-                      className: h(
+                      placeholder: U && t.length !== 0 ? "" : i,
+                      className: p(
                         "placeholder:text-d-muted-foreground flex-1 bg-transparent outline-none",
                         {
-                          "w-full": A,
+                          "w-full": U,
                           "px-3 py-2": t.length === 0,
                           "ml-1": t.length !== 0
                         },
-                        E?.className
+                        O?.className
                       )
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(
                     "div",
                     {
-                      className: h(
-                        "bg-d-secondary/20 hover:bg-d-secondary/30 absolute top-0 right-0 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
-                        (P || v || t.length < 1 || t.filter((e) => e.fixed).length === t.length) && "hidden"
+                      className: p(
+                        "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
+                        (ee || N || t.length < 1 || t.filter((e) => e.fixed).length === t.length) && "hidden"
                       ),
                       onClick: () => {
-                        N(t.filter((e) => e.fixed)), s?.(t.filter((e) => e.fixed));
+                        y(t.filter((e) => e.fixed)), l?.(t.filter((e) => e.fixed));
                       },
                       "aria-label": "Clear selection",
-                      children: /* @__PURE__ */ o(q, { size: 12, className: "text-d-foreground" })
+                      children: /* @__PURE__ */ r(
+                        we,
+                        {
+                          name: "X",
+                          size: "xs",
+                          className: "!text-d-foreground opacity-50"
+                        }
+                      )
                     }
                   )
                 ] })
               }
-            ),
-            /* @__PURE__ */ o(
-              ue,
+            ) }),
+            /* @__PURE__ */ r(
+              ge,
               {
-                open: b,
-                triggerRef: R,
-                onClose: () => {
-                  M(!1), f.current?.blur();
-                },
-                children: /* @__PURE__ */ o(
-                  me,
+                className: "border-none p-0 shadow-lg",
+                style: { width: re },
+                onWheel: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ r(q, { shouldFilter: !1, className: "w-full", children: /* @__PURE__ */ r(
+                  ve,
                   {
                     className: "bg-d-popover text-d-popover-foreground animate-in border-d-border w-full rounded-md border shadow-md outline-none",
                     onMouseLeave: () => {
-                      X(!1);
+                      z(!1);
                     },
                     onMouseEnter: () => {
-                      X(!0);
+                      z(!0);
                     },
                     onMouseUp: () => {
-                      f?.current?.focus();
+                      h?.current?.focus();
                     },
-                    children: H ? /* @__PURE__ */ o(K, { children: Y }) : /* @__PURE__ */ L(K, { children: [
-                      oe(),
-                      re(),
-                      !B && /* @__PURE__ */ o(V, { value: "-", className: "hidden" }),
-                      Object.entries(se).map(([e, n]) => /* @__PURE__ */ o(
-                        ge,
+                    children: H ? /* @__PURE__ */ r(G, { children: Y }) : /* @__PURE__ */ L(G, { children: [
+                      ie(),
+                      le(),
+                      !P && /* @__PURE__ */ r(I, { value: "-", className: "hidden" }),
+                      Object.entries(de).map(([e, n]) => /* @__PURE__ */ r(
+                        be,
                         {
                           heading: e,
                           className: "h-full overflow-auto",
-                          children: /* @__PURE__ */ o(K, { children: n.map((i) => /* @__PURE__ */ o(
-                            V,
+                          children: /* @__PURE__ */ r(G, { children: n.map((d) => /* @__PURE__ */ r(
+                            I,
                             {
-                              value: i.label,
-                              disabled: i.disable,
-                              onMouseDown: (O) => {
-                                O.preventDefault(), O.stopPropagation();
+                              value: d.label,
+                              disabled: d.disable,
+                              onMouseDown: (k) => {
+                                k.preventDefault(), k.stopPropagation();
                               },
                               onSelect: () => {
                                 if (t.length >= _) {
-                                  z?.(t.length);
+                                  A?.(t.length);
                                   return;
                                 }
-                                J("");
-                                const O = [...t, i];
-                                N(O), s?.(O);
+                                K("");
+                                const k = [...t, d];
+                                y(k), l?.(k);
                               },
-                              className: h(
+                              className: p(
                                 "cursor-pointer",
-                                i.disable && "text-d-secondary-foreground cursor-default"
+                                d.disable && "text-d-secondary-foreground cursor-default"
                               ),
-                              children: i.label
+                              children: d.label
                             },
-                            i.value
+                            d.value
                           )) })
                         },
                         e
                       ))
                     ] })
                   }
-                )
+                ) })
               }
             )
-          ]
+          ] })
         }
       )
     ] });
   }
 );
-xe.displayName = "MultipleSelector";
+Oe.displayName = "MultipleSelector";
 export {
-  xe as MultipleSelector,
-  ve as useDebounce
+  Oe as MultipleSelector,
+  ye as useDebounce
 };

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

@@ -57,7 +57,7 @@ function k({
   );
 }
 const w = f(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-d-background px-4 py-2 text-sm font-medium hover:bg-d-accent hover:text-d-accent-foreground focus:bg-d-accent focus:text-d-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-d-accent data-[state=open]:text-d-accent-foreground data-[state=open]:focus:bg-d-accent data-[state=open]:bg-d-accent/50 focus-visible:ring-d-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-d-background px-4 py-2 text-sm font-medium hover:bg-d-accent hover:text-d-accent-foreground focus:bg-d-accent focus:text-d-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-d-accent data-[state=open]:text-d-accent-foreground data-[state=open]:focus:bg-d-accent data-[state=open]:bg-d-accent focus-visible:ring-d-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function I({
   className: t,
@@ -134,7 +134,7 @@ function C({
     {
       "data-slot": "navigation-menu-link",
       className: o(
-        "data-[active=true]:focus:bg-d-accent data-[active=true]:hover:bg-d-accent data-[active=true]:bg-d-accent/50 data-[active=true]:text-d-accent-foreground hover:bg-d-accent hover:text-d-accent-foreground focus:bg-d-accent focus:text-d-accent-foreground focus-visible:ring-d-ring/50 [&_svg:not([class*='text-'])]:text-d-secondary-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "data-[active=true]:focus:bg-d-accent data-[active=true]:hover:bg-d-accent data-[active=true]:bg-d-accent data-[active=true]:text-d-accent-foreground hover:bg-d-accent hover:text-d-accent-foreground focus:bg-d-accent focus:text-d-accent-foreground focus-visible:ring-d-ring/50 [&_svg:not([class*='text-'])]:text-d-secondary-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
         t
       ),
       ...a

package/dist/components/ui/select.js

@@ -73,7 +73,7 @@ function J({
     {
       "data-slot": "select-content",
       className: o(
-        "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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        "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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         t
       ),

package/dist/components/ui/switch.js

@@ -3,18 +3,18 @@ import { jsx as e } from "react/jsx-runtime";
 import { Root as d, Thumb as n } from "../../node_modules/@radix-ui/react-switch/dist/index.js";
 import { cn as t } from "../../lib/utils.js";
 function c({
-  className: a,
-  ...r
+  className: r,
+  ...a
 }) {
   return /* @__PURE__ */ e(
     d,
     {
       "data-slot": "switch",
       className: t(
-        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-input focus-visible:border-d-ring focus-visible:ring-d-ring/50 dark:data-[state=unchecked]:bg-d-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        a
+        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-input focus-visible:border-d-ring focus-visible:ring-d-ring/50 dark:data-[state=unchecked]:bg-d-foreground/20 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        r
       ),
-      ...r,
+      ...a,
       children: /* @__PURE__ */ e(
         n,
         {