laif-ds 0.2.23 → 0.2.24

package/dist/components/ui/alert-dialog.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { Root as n, Trigger as i, Content as s, Title as d, Description as c, Action as g, Cancel as u, Portal as f, Overlay as m } from "../../node_modules/@radix-ui/react-alert-dialog/dist/index.js";
-import { cn as o } from "../../lib/utils.js";
 import { buttonVariants as l } from "./button.js";
+import { cn as o } from "../../lib/utils.js";
 function N({ ...t }) {
   return /* @__PURE__ */ e(n, { "data-slot": "alert-dialog", ...t });
 }
@@ -64,7 +64,7 @@ function C({ className: t, ...a }) {
     }
   );
 }
-function z({ className: t, ...a }) {
+function h({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     d,
     {
@@ -74,7 +74,7 @@ function z({ className: t, ...a }) {
     }
   );
 }
-function h({
+function z({
   className: t,
   ...a
 }) {
@@ -100,7 +100,7 @@ function O({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     u,
     {
-      className: o(l({ variant: "outline" }), t),
+      className: o(l({ variant: "ghost" }), t),
       ...a
     }
   );
@@ -110,11 +110,11 @@ export {
   j as AlertDialogAction,
   O as AlertDialogCancel,
   T as AlertDialogContent,
-  h as AlertDialogDescription,
+  z as AlertDialogDescription,
   C as AlertDialogFooter,
   w as AlertDialogHeader,
   x as AlertDialogOverlay,
   p as AlertDialogPortal,
-  z as AlertDialogTitle,
+  h as AlertDialogTitle,
   y as AlertDialogTrigger
 };

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
-import * as t from "react";
-import { useEffect as B } from "react";
+import { Badge as B } from "./badge.js";
+import { Command as E, CommandList as F, CommandEmpty as V, CommandGroup as G, CommandItem as X } from "./command.js";
+import { Label as $ } from "./label.js";
 import { cn as u } from "../../lib/utils.js";
-import { Label as E } from "./label.js";
-import { Badge as F } from "./badge.js";
-import { Popover as V, PopoverTrigger as G, PopoverContent as X } from "./popover.js";
-import { Command as $, CommandList as q, CommandEmpty as H, CommandGroup as I, CommandItem as J } from "./command.js";
-import { inputVariants as K } from "./input.js";
-import { Checkbox as Q } from "./checkbox.js";
+import * as t from "react";
+import { useEffect as q } from "react";
+import { selectTriggerVariants as H } from "./async-select.js";
+import { Checkbox as I } from "./checkbox.js";
 import { Icon as N } from "./icon.js";
-import { selectTriggerVariants as U } from "./async-select.js";
+import { inputVariants as J } from "./input.js";
+import { Popover as K, PopoverTrigger as Q, PopoverContent as U } from "./popover.js";
 import Y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const Z = t.createContext({ size: "default" });
 function ue({
@@ -30,12 +30,12 @@ function ue({
   cancelLabel: j = "Cancella selezione",
   maxSelectedItems: i
 }) {
-  const f = t.useId(), [s, D] = t.useState(!1), [c, v] = t.useState(""), [O, S] = t.useState(
+  const f = t.useId(), [s, D] = t.useState(!1), [d, v] = t.useState(""), [O, S] = t.useState(
     void 0
   ), L = t.useRef(null), p = t.useRef(null), w = t.useCallback(
     (e) => {
       if (n.includes(e))
-        o(n.filter((d) => d !== e));
+        o(n.filter((c) => c !== e));
       else {
         if (i && n.length >= i)
           return;
@@ -45,24 +45,24 @@ function ue({
     [n, o, i]
   ), T = t.useCallback(() => {
     o([]), v(""), g && g();
-  }, [o]), h = t.useMemo(() => a.filter((e) => n.includes(e.value)), [a, n]), W = t.useMemo(() => c ? a.filter(
-    (e) => e.label.toLowerCase().includes(c.toLowerCase())
-  ) : a, [a, c]), x = t.useMemo(() => i ? n.length >= i : !1, [n, i]);
-  return B(() => {
+  }, [o]), h = t.useMemo(() => a.filter((e) => n.includes(e.value)), [a, n]), W = t.useMemo(() => d ? a.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ) : a, [a, d]), x = t.useMemo(() => i ? n.length >= i : !1, [n, i]);
+  return q(() => {
     if (s && p.current) {
       const e = p.current.getBoundingClientRect();
       S(e.width);
     }
   }, [s]), /* @__PURE__ */ r(Z.Provider, { value: { size: m, id: f }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
-    b && /* @__PURE__ */ r(E, { htmlFor: f, className: u(k, "w-fit"), children: b }),
+    b && /* @__PURE__ */ r($, { htmlFor: f, className: u(k, "w-fit"), children: b }),
     /* @__PURE__ */ r(
       "div",
       {
         ref: L,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
-        children: /* @__PURE__ */ l(V, { open: s, onOpenChange: D, children: [
-          /* @__PURE__ */ r(G, { asChild: !0, children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ l(K, { open: s, onOpenChange: D, children: [
+          /* @__PURE__ */ r(Q, { asChild: !0, children: /* @__PURE__ */ l(
             "button",
             {
               id: f,
@@ -72,10 +72,10 @@ function ue({
               disabled: y,
               ref: p,
               className: u(
-                U({ size: m }),
+                H({ size: m }),
                 "!bg-d-input hover:bg-d-input/50 relative w-full justify-between font-normal",
                 "ring-offset-background border-d-border/50 flex items-center rounded-md border whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-                "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
+                "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
                 "focus-visible:ring-d-ring focus-visible:ring-1",
                 s && "ring-d-ring ring-1",
                 z
@@ -83,7 +83,7 @@ function ue({
               children: [
                 /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: h.length > 0 ? /* @__PURE__ */ l(A, { children: [
                   /* @__PURE__ */ l(
-                    F,
+                    B,
                     {
                       variant: "secondary",
                       className: "!bg-d-accent flex items-center gap-1",
@@ -118,7 +118,7 @@ function ue({
             }
           ) }),
           /* @__PURE__ */ r(
-            X,
+            U,
             {
               className: u("p-0"),
               style: { width: O },
@@ -127,7 +127,7 @@ function ue({
               sideOffset: 4,
               onWheel: (e) => e.stopPropagation(),
               avoidCollisions: !1,
-              children: /* @__PURE__ */ l($, { className: "bg-d-popover w-full rounded-md border border-none", children: [
+              children: /* @__PURE__ */ l(E, { className: "bg-d-popover w-full rounded-md border border-none", children: [
                 R && /* @__PURE__ */ r("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                   /* @__PURE__ */ r(
                     N,
@@ -142,31 +142,31 @@ function ue({
                     {
                       id: "app-multiple-select-dropdown-filter",
                       placeholder: P,
-                      value: c,
+                      value: d,
                       onChange: (e) => v(e.target.value),
-                      className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${K({ size: m })} !shadow-none`
+                      className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${J({ size: m })} !shadow-none`
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ l(q, { className: "max-h-60 w-full", children: [
-                  /* @__PURE__ */ r(H, { children: M }),
-                  /* @__PURE__ */ r(I, { children: W.map((e) => {
-                    const d = n.includes(e.value);
+                /* @__PURE__ */ l(F, { className: "max-h-60 w-full", children: [
+                  /* @__PURE__ */ r(V, { children: M }),
+                  /* @__PURE__ */ r(G, { children: W.map((e) => {
+                    const c = n.includes(e.value);
                     return /* @__PURE__ */ l(
-                      J,
+                      X,
                       {
                         value: e.value,
-                        disabled: e.disabled || !d && x,
+                        disabled: e.disabled || !c && x,
                         onSelect: () => w(e.value),
                         className: u(
                           "aria-selected:!bg-d-accent aria-selected:text-d-accent-foreground flex cursor-pointer items-center gap-2 px-2 py-1.5",
-                          (e.disabled || !d && x) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !c && x) && "cursor-not-allowed opacity-50"
                         ),
                         children: [
                           /* @__PURE__ */ r(
-                            Q,
+                            I,
                             {
-                              checked: d,
+                              checked: c,
                               className: "z-10 mr-2 flex-shrink-0",
                               onCheckedChange: () => {
                                 console.log("checkbox change for:", e.value), w(e.value);

package/dist/components/ui/app-select.js

@@ -1,197 +1,200 @@
 "use client";
-import { jsxs as s, jsx as l, Fragment as ee } from "react/jsx-runtime";
-import { Badge as le } from "./badge.js";
-import { Command as re, CommandInput as ne, CommandList as te, CommandEmpty as ae, CommandGroup as D, CommandItem as j } from "./command.js";
-import { Label as se } from "./label.js";
-import { cn as h } from "../../lib/utils.js";
-import { useState as p, useRef as oe, useMemo as N, useCallback as ie, useEffect as de } from "react";
-import { Checkbox as ce } from "./checkbox.js";
-import { Icon as B } from "./icon.js";
-import { Popover as ue, PopoverTrigger as me, PopoverContent as fe } from "./popover.js";
-import he from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const pe = {
+import { jsxs as s, jsx as r, Fragment as le } from "react/jsx-runtime";
+import { Badge as re } from "./badge.js";
+import { Command as ne, CommandInput as te, CommandList as ae, CommandEmpty as se, CommandGroup as j, CommandItem as B } from "./command.js";
+import { Label as ie } from "./label.js";
+import { cn as y } from "../../lib/utils.js";
+import { useState as h, useRef as oe, useMemo as N, useCallback as de, useEffect as ce } from "react";
+import { Button as D } from "./button.js";
+import { Checkbox as ue } from "./checkbox.js";
+import { Icon as me } from "./icon.js";
+import { Popover as fe, PopoverTrigger as he, PopoverContent as pe } from "./popover.js";
+import ge from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const ve = {
   sm: "min-h-8 h-8 text-xs py-1.5",
   default: "min-h-9 h-9 text-sm py-2",
   lg: "min-h-10 h-10 text-base py-2"
-}, ge = {
-  sm: "h-5 w-5",
-  default: "h-5 w-5",
-  lg: "h-5.5 w-5.5"
 };
-function ze(M) {
+function ke(S) {
   const {
-    multiple: a = !1,
-    options: u,
-    value: S,
-    defaultValue: A,
-    onValueChange: R,
-    onClear: g,
-    placeholder: E = "Seleziona...",
-    emptyPlaceholder: F = "Nessun risultato",
-    searchPlaceholder: L = "Cerca...",
-    addItemPlaceholder: T = "Aggiungi",
-    itemCountMessage: W = (e) => `${e} elementi selezionati`,
-    maxSelectedMessage: X = (e) => `Puoi selezionare fino a ${e} elementi`,
+    multiple: n = !1,
+    options: m,
+    value: A,
+    defaultValue: L,
+    onValueChange: M,
+    onClear: p,
+    placeholder: R = "Seleziona...",
+    emptyPlaceholder: X = "Nessun risultato",
+    searchPlaceholder: E = "Cerca...",
+    addItemPlaceholder: F = "Aggiungi",
+    itemCountMessage: T = (e) => `${e} elementi selezionati`,
+    maxSelectedMessage: W = (e) => `Puoi selezionare fino a ${e} elementi`,
     label: P,
     className: $ = "",
-    wrpClassName: q = "",
-    searchable: V = !1,
-    creatable: G = !1,
-    groupBy: v = "group",
+    wrpClassName: G = "",
+    searchable: O = !1,
+    creatable: q = !1,
+    groupBy: g = "group",
     maxSelected: o,
     showChipsInsteadOfCount: H = !1,
-    disabled: b,
-    size: z = "default"
-  } = M, [x, C] = p(!1), [i, w] = p(""), y = oe(null), [J, K] = p(0), O = S !== void 0, [Q, U] = p(A), d = O ? S : Q, c = (e) => {
-    O || U(e), R?.(e);
-  }, n = N(() => a ? Array.isArray(d) ? d : [] : d != null ? [d] : [], [d, a]), f = N(() => {
-    const e = u.filter((t) => n.includes(t.value));
-    if (a) {
-      const t = n.filter((r) => !e.find((m) => m.value === r)).map((r) => ({ value: r, label: r }));
-      return [...e, ...t];
-    } else if (n.length && !e.length)
-      return [{ value: n[0], label: n[0] }];
+    disabled: v,
+    size: J = "default",
+    isSingleSelectClearable: K = !1
+  } = S, [b, x] = h(!1), [d, C] = h(""), w = oe(null), [Q, U] = h(0), V = S.hasOwnProperty("value"), [Y, Z] = h(L), i = V ? A : Y, c = (e) => {
+    V || Z(e), M?.(e);
+  }, t = N(() => n ? Array.isArray(i) ? i : [] : i != null ? [i] : [], [i, n]), u = N(() => {
+    const e = m.filter((a) => t.includes(a.value));
+    if (n) {
+      const a = t.filter((l) => !e.find((f) => f.value === l)).map((l) => ({ value: l, label: l }));
+      return [...e, ...a];
+    } else if (t.length && !e.length)
+      return [{ value: t[0], label: t[0] }];
     return e;
-  }, [u, n, a]), I = (e) => {
+  }, [m, t, n]), z = (e) => {
     if (!e.disabled)
-      if (a) {
-        const t = n.includes(e.value);
-        if (!t && o !== void 0 && n.length >= o)
+      if (n) {
+        const a = t.includes(e.value);
+        if (!a && o !== void 0 && t.length >= o)
           return;
         c(
-          t ? n.filter((r) => r !== e.value) : [...n, e.value]
+          a ? t.filter((l) => l !== e.value) : [...t, e.value]
         );
       } else
-        c(e.value), C(!1);
-  }, Y = ie(() => {
-    c([]), w(""), g && g();
-  }, [c, g]), Z = N(() => v ? u.reduce(
-    (e, t) => {
-      const r = t[v] || "";
-      return e[r] = e[r] || [], e[r].push(t), e;
+        c(e.value), x(!1);
+  }, k = de(() => {
+    c(n ? [] : void 0), C(""), p && p();
+  }, [c, p, n]), _ = N(() => g ? m.reduce(
+    (e, a) => {
+      const l = a[g] || "";
+      return e[l] = e[l] || [], e[l].push(a), e;
     },
     {}
-  ) : { "": u }, [u, v]);
-  return de(() => {
-    x && y.current && K(y.current.getBoundingClientRect().width);
-  }, [x]), /* @__PURE__ */ s("div", { className: h("flex flex-col gap-2", q), children: [
-    P && /* @__PURE__ */ l(se, { children: P }),
+  ) : { "": m }, [m, g]);
+  return ce(() => {
+    b && w.current && U(w.current.getBoundingClientRect().width);
+  }, [b]), /* @__PURE__ */ s("div", { className: y("flex flex-col gap-2", G), children: [
+    P && /* @__PURE__ */ r(ie, { children: P }),
     /* @__PURE__ */ s(
-      ue,
+      fe,
       {
-        open: b ? !1 : x,
-        onOpenChange: (e) => !b && C(e),
+        open: v ? !1 : b,
+        onOpenChange: (e) => !v && x(e),
         modal: !0,
         children: [
-          /* @__PURE__ */ l(me, { asChild: !0, children: /* @__PURE__ */ s(
+          /* @__PURE__ */ r(he, { asChild: !0, children: /* @__PURE__ */ s(
             "div",
             {
-              ref: y,
-              className: h(
-                "bg-d-input border-d-border/50 focus-within:ring-d-ring flex min-h-10 w-full min-w-[100px] items-center justify-between gap-2 rounded-md border px-3 py-2 text-sm focus-within:ring-1",
-                pe[z],
-                b && "cursor-not-allowed opacity-50",
+              ref: w,
+              className: y(
+                "bg-d-input border-d-border/50 focus-within:ring-d-ring flex min-h-10 w-full min-w-[100px] cursor-pointer items-center justify-between gap-2 rounded-md border px-3 py-2 text-sm focus-within:ring-1",
+                ve[J],
+                v && "cursor-not-allowed opacity-50",
                 $
               ),
               children: [
-                f.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: E }) : a ? /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: H ? /* @__PURE__ */ l(ee, { children: f.map((e) => /* @__PURE__ */ s(
-                    le,
+                u.length === 0 ? /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: R }) : n ? /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: H ? /* @__PURE__ */ r(le, { children: u.map((e) => /* @__PURE__ */ s(
+                    re,
                     {
                       variant: "secondary",
                       className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
-                      onClick: (t) => {
-                        t.stopPropagation(), I(e);
+                      onClick: (a) => {
+                        a.stopPropagation(), z(e);
                       },
                       children: [
                         e.label,
-                        !e.fixed && /* @__PURE__ */ l(B, { name: "X", size: "xs" })
+                        !e.fixed && /* @__PURE__ */ r(me, { name: "X", size: "xs" })
                       ]
                     },
                     e.value
-                  )) }) : /* @__PURE__ */ l("div", { children: W(f.length) }) }),
-                  /* @__PURE__ */ l(
-                    "div",
+                  )) }) : /* @__PURE__ */ r("div", { children: T(u.length) }) }),
+                  n && /* @__PURE__ */ r(
+                    D,
                     {
-                      className: h(
-                        "border-d-input bg-d-accent flex aspect-square cursor-pointer items-center rounded-full p-1",
-                        ge[z]
-                      ),
+                      className: "h-6 w-6 rounded-full",
+                      iconLeft: "X",
+                      variant: "ghost-destructive",
+                      size: "icon",
                       onClick: (e) => {
-                        e.stopPropagation(), e.preventDefault(), Y();
-                      },
-                      onMouseDown: (e) => e.preventDefault(),
-                      children: /* @__PURE__ */ l(
-                        B,
-                        {
-                          name: "X",
-                          size: "xs",
-                          className: "!text-d-foreground h-full w-full opacity-50"
-                        }
-                      )
+                        e.stopPropagation(), e.preventDefault(), k();
+                      }
+                    }
+                  )
+                ] }) : /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate", children: typeof u[0]?.label == "string" ? /* @__PURE__ */ r("span", { children: u[0]?.label }) : u[0]?.label }),
+                  K && i !== void 0 && i !== null && /* @__PURE__ */ r(
+                    D,
+                    {
+                      className: "h-6 w-6 rounded-full",
+                      iconLeft: "X",
+                      variant: "ghost-destructive",
+                      size: "icon",
+                      onClick: (e) => {
+                        e.stopPropagation(), e.preventDefault(), k();
+                      }
                     }
                   )
-                ] }) : /* @__PURE__ */ l("span", { children: f[0]?.label }),
-                /* @__PURE__ */ l(he, { className: "h-4 w-4 opacity-50" })
+                ] }),
+                /* @__PURE__ */ r(ge, { className: "h-4 w-4 opacity-50" })
               ]
             }
           ) }),
-          /* @__PURE__ */ l(
-            fe,
+          /* @__PURE__ */ r(
+            pe,
             {
               className: "p-0",
-              style: { width: J },
+              style: { width: Q },
               align: "start",
               sideOffset: 4,
-              children: /* @__PURE__ */ s(re, { shouldFilter: !!V, className: "w-full", children: [
-                V && /* @__PURE__ */ l(
-                  ne,
+              children: /* @__PURE__ */ s(ne, { shouldFilter: !!O, className: "w-full", children: [
+                O && /* @__PURE__ */ r(
+                  te,
                   {
-                    placeholder: L,
+                    placeholder: E,
                     className: "placeholder:text-d-muted-foreground",
-                    value: i,
-                    onValueChange: w
+                    value: d,
+                    onValueChange: C
                   }
                 ),
-                /* @__PURE__ */ s(te, { className: "max-h-60 overflow-auto overscroll-contain", children: [
-                  /* @__PURE__ */ l(ae, { children: F }),
-                  G && i && /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(
-                    j,
+                /* @__PURE__ */ s(ae, { className: "max-h-60 overflow-auto overscroll-contain", children: [
+                  /* @__PURE__ */ r(se, { children: X }),
+                  q && d && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
+                    B,
                     {
                       className: "cursor-pointer",
                       onSelect: () => {
-                        i && (c(a ? [...n, i] : i), w(""), !a && C(!1));
+                        d && (c(n ? [...t, d] : d), C(""), !n && x(!1));
                       },
                       children: /* @__PURE__ */ s("div", { className: "text-d-foreground text-xs", children: [
-                        T,
+                        F,
                         " “",
-                        i,
+                        d,
                         "”"
                       ] })
                     }
                   ) }),
-                  Object.entries(Z).map(([e, t]) => /* @__PURE__ */ l(D, { heading: e || void 0, children: t.map((r) => {
-                    const m = n.includes(r.value), _ = a && o !== void 0 && !m && n.length >= o, k = r.disabled || _;
+                  Object.entries(_).map(([e, a]) => /* @__PURE__ */ r(j, { heading: e || void 0, children: a.map((l) => {
+                    const f = t.includes(l.value), ee = n && o !== void 0 && !f && t.length >= o, I = l.disabled || ee;
                     return /* @__PURE__ */ s(
-                      j,
+                      B,
                       {
-                        value: typeof r.label == "string" ? r.label : String(r.value),
-                        onSelect: () => !k && I(r),
-                        className: h(
+                        value: typeof l.label == "string" ? l.label : String(l.value),
+                        onSelect: () => !I && z(l),
+                        className: y(
                           "cursor-pointer",
-                          k && "cursor-not-allowed opacity-50",
-                          !a && m && "bg-d-accent/75 text-d-accent-foreground"
+                          I && "cursor-not-allowed opacity-50",
+                          !n && f && "bg-d-accent/75 text-d-accent-foreground"
                         ),
                         children: [
-                          a && /* @__PURE__ */ l(ce, { checked: m, className: "mr-1" }),
-                          /* @__PURE__ */ l("span", { children: r.label })
+                          n && /* @__PURE__ */ r(ue, { checked: f, className: "mr-1" }),
+                          typeof l.label == "string" ? /* @__PURE__ */ r("span", { children: l.label }) : l.label
                         ]
                       },
-                      r.value
+                      l.value
                     );
                   }) }, e))
                 ] }),
-                a && o !== void 0 && n.length >= o && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: X(o) })
+                n && o !== void 0 && t.length >= o && /* @__PURE__ */ r("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: W(o) })
               ] })
             }
           )
@@ -201,5 +204,5 @@ function ze(M) {
   ] });
 }
 export {
-  ze as AppSelect
+  ke as AppSelect
 };

package/dist/components/ui/badge.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { Root as i } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as o } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as n } from "../../lib/utils.js";
-const s = o(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive transition-[color,box-shadow] overflow-hidden",
+import { jsx as o } from "react/jsx-runtime";
+import { Root as d } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as n } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as i } from "../../lib/utils.js";
+const s = n(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
         default: "border-transparent bg-d-primary text-d-primary-foreground [a&]:hover:bg-d-primary/90",
         secondary: "border-transparent bg-d-secondary text-d-secondary-foreground [a&]:hover:bg-d-secondary/90",
-        destructive: "border-transparent bg-d-destructive text-white [a&]:hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60",
+        ghost: "border-transparent bg-transparent text-d-secondary-foreground [a&]:hover:bg-d-secondary/90",
+        destructive: "border-transparent bg-d-destructive text-white [a&]:hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20",
         outline: "text-d-foreground [a&]:hover:bg-d-accent [a&]:hover:text-d-background !bg-d-background",
         "outline-primary": "text-d-primary [a&]:hover:bg-d-accent [a&]:hover:text-d-background !bg-d-background !border-d-primary"
       }
@@ -24,14 +25,14 @@ function p({
   className: r,
   variant: e,
   asChild: t = !1,
-  ...d
+  ...a
 }) {
-  return /* @__PURE__ */ a(
-    t ? i : "span",
+  return /* @__PURE__ */ o(
+    t ? d : "span",
     {
       "data-slot": "badge",
-      className: n(s({ variant: e }), r),
-      ...d
+      className: i(s({ variant: e }), r),
+      ...a
     }
   );
 }