laif-ds 0.2.23 → 0.2.25

package/dist/components/ui/button.js

@@ -1,20 +1,22 @@
 "use client";
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as m } from "../../node_modules/class-variance-authority/dist/index.js";
+import { Root as m } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as v } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as l } from "../../lib/utils.js";
 import { Icon as u } from "./icon.js";
-const b = m(
-  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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-all duration-200 ease-out transform-gpu active:scale-[0.98] active:shadow-sm overflow-hidden relative group",
+const b = v(
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive transition-all duration-200 ease-out transform-gpu active:scale-[0.98] active:shadow-sm overflow-hidden relative group  disabled:cursor-not-allowed disabled:opacity-50  [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-d-ring",
   {
     variants: {
       variant: {
         default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90 hover:shadow-d-primary/25 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
-        destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
-        outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground hover:border-d-accent dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
+        destructive: "bg-d-destructive text-d-destructive-foreground shadow-xs hover:bg-d-destructive/90 hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
+        outline: "border border-d-foreground bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground hover:border-d-accent disabled:border-d-foreground/30",
         "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary hover:bg-d-primary/5 hover:border-d-primary/80 ",
         secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground ",
-        ghost: "hover:bg-d-accent hover:text-d-accent-foreground dark:hover:bg-d-accent",
+        ghost: "hover:bg-d-accent hover:text-d-accent-foreground ",
+        "ghost-destructive": "text-d-destructive  bg-transparent hover:bg-d-destructive/10",
+        "ghost-accent": "text-d-primary bg-transparent hover:bg-d-primary/10",
         link: "text-d-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -34,22 +36,22 @@ function w({
   className: o,
   variant: a,
   size: e,
-  asChild: n = !1,
-  iconLeft: d,
-  iconRight: i,
+  asChild: d = !1,
+  iconLeft: n,
+  iconRight: s,
   isLoading: f = !1,
   ...t
 }) {
-  const s = n ? v : "button";
-  return n ? /* @__PURE__ */ r(
-    s,
+  const i = d ? m : "button";
+  return d ? /* @__PURE__ */ r(
+    i,
     {
       "data-slot": "button",
       className: l(b({ variant: a, size: e, className: o })),
       ...t
     }
   ) : /* @__PURE__ */ c(
-    s,
+    i,
     {
       "data-slot": "button",
       className: l(b({ variant: a, size: e, className: o }), "relative"),
@@ -86,18 +88,18 @@ function w({
               )
             ]
           }
-        ) : d && /* @__PURE__ */ r(
+        ) : n && /* @__PURE__ */ r(
           u,
           {
-            name: d,
+            name: n,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        i && /* @__PURE__ */ r(
+        s && /* @__PURE__ */ r(
           u,
           {
-            name: i,
+            name: s,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         )

package/dist/components/ui/calendar.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as d } from "react/jsx-runtime";
 import * as g from "react";
-import { cn as e } from "../../lib/utils.js";
 import { buttonVariants as m, Button as b } from "./button.js";
+import { cn as e } from "../../lib/utils.js";
 import { getDefaultClassNames as f } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
 import { DayPicker as w } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
 import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import h from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import h from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 function B({
   className: c,
   classNames: i,
@@ -124,12 +124,12 @@ function B({
           }
         ),
         Chevron: ({ className: a, orientation: n, ...o }) => n === "left" ? /* @__PURE__ */ d(_, { className: e("size-4", a), ...o }) : n === "right" ? /* @__PURE__ */ d(
-          h,
+          y,
           {
             className: e("size-4", a),
             ...o
           }
-        ) : /* @__PURE__ */ d(y, { className: e("size-4", a), ...o }),
+        ) : /* @__PURE__ */ d(h, { className: e("size-4", a), ...o }),
         DayButton: v,
         WeekNumber: ({ children: a, ...n }) => /* @__PURE__ */ d("td", { ...n, children: /* @__PURE__ */ d("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
         ...p
@@ -159,7 +159,7 @@ function v({
       "data-range-end": r.range_end,
       "data-range-middle": r.range_middle,
       className: e(
-        "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-d-ring/50 dark:hover:text-d-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-d-ring/50 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         s.day,
         c
       ),

package/dist/components/ui/checkbox.js

@@ -1,33 +1,33 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { Checkbox as o, CheckboxIndicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
-import { cn as n } from "../../lib/utils.js";
-import s from "../../node_modules/lucide-react/dist/esm/icons/minus.js";
+import { Checkbox as d, CheckboxIndicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as s } from "../../lib/utils.js";
+import n from "../../node_modules/lucide-react/dist/esm/icons/minus.js";
 import c from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 function f({
   className: t,
   checked: i,
-  ...d
+  ...o
 }) {
   const e = i === "indeterminate";
   return /* @__PURE__ */ r(
-    o,
+    d,
     {
       "data-slot": "checkbox",
-      className: n(
-        "peer bg-d-input border-d-border data-[state=checked]:bg-d-primary data-[state=checked]:border-d-primary data-[state=checked]:text-d-primary-foreground focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:border-d-destructive aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+      className: s(
+        "peer bg-d-input border-d-border data-[state=checked]:bg-d-primary data-[state=checked]:border-d-primary data-[state=checked]:text-d-primary-foreground focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:border-d-destructive aria-invalid:ring-d-destructive/20 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         e && "bg-d-primary border-d-primary text-d-primary-foreground",
         t
       ),
       checked: e ? !1 : i,
-      ...d,
+      ...o,
       children: /* @__PURE__ */ r(
         a,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
           forceMount: e || void 0,
-          children: e ? /* @__PURE__ */ r(s, { className: "size-3.5" }) : /* @__PURE__ */ r(c, { className: "size-3.5" })
+          children: e ? /* @__PURE__ */ r(n, { className: "size-3.5" }) : /* @__PURE__ */ r(c, { className: "size-3.5" })
         }
       )
     }

package/dist/components/ui/confirmer.js

@@ -1,31 +1,57 @@
 "use client";
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { createAsk as p } from "../../node_modules/use-ask/dist/index.js";
-import { AlertDialog as d, AlertDialogContent as m, AlertDialogHeader as A, AlertDialogTitle as f, AlertDialogDescription as g, AlertDialogFooter as h, AlertDialogCancel as u } from "./alert-dialog.js";
-import { Button as C } from "./button.js";
-const [n, D] = p({}), O = n.ask;
-n.safeAsk;
-const k = {
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { createAsk as d } from "../../node_modules/use-ask/dist/index.js";
+import { AlertDialog as m, AlertDialogContent as p, AlertDialogHeader as u, AlertDialogTitle as f, AlertDialogDescription as A, AlertDialogFooter as g, AlertDialogCancel as v } from "./alert-dialog.js";
+import { Button as h } from "./button.js";
+import { Icon as x } from "./icon.js";
+const [i, C] = d({}), O = i.ask;
+i.safeAsk;
+const D = {
   title: "Are you sure?",
   cancelText: "Cancel",
-  actionText: "Continue"
+  actionText: "Continue",
+  variant: "default"
 }, P = () => {
-  const [{ key: r, payload: i }, { asking: l, cancel: c, ok: a }] = D(), e = { ...k, ...i };
-  return /* @__PURE__ */ o(
-    d,
+  const [{ key: n, payload: o }, { asking: a, cancel: c, ok: l }] = C(), e = { ...D, ...o };
+  return /* @__PURE__ */ t(
+    m,
     {
-      open: l,
+      open: a,
       onOpenChange: (s) => !s && c(),
-      children: /* @__PURE__ */ t(m, { children: [
-        /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(f, { children: e.title }) }),
-        /* @__PURE__ */ o(g, { children: e.description }),
-        /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ o(u, { ...e.CancelProps, children: e.cancelText }),
-          /* @__PURE__ */ o(C, { ...e.ActionProps, onClick: () => a(!0), children: e.actionText })
+      children: /* @__PURE__ */ r(p, { children: [
+        /* @__PURE__ */ t(u, { children: /* @__PURE__ */ r(
+          f,
+          {
+            className: e.variant === "destructive" ? "flex items-center gap-2" : void 0,
+            children: [
+              e.variant === "destructive" && /* @__PURE__ */ t(
+                x,
+                {
+                  name: "AlertTriangle",
+                  className: "text-d-destructive",
+                  size: "sm"
+                }
+              ),
+              e.title
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ t(A, { children: e.description }),
+        /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ t(v, { ...e.CancelProps, children: e.cancelText }),
+          /* @__PURE__ */ t(
+            h,
+            {
+              ...e.ActionProps,
+              variant: e.variant === "destructive" ? "destructive" : "default",
+              onClick: () => l(!0),
+              children: e.actionText
+            }
+          )
         ] })
       ] })
     },
-    r
+    n
   );
 };
 export {

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Root as u, Trigger as c, Portal as d, Content as l, Item as m, CheckboxItem as f, ItemIndicator as i, RadioItem as x, Label as p, Separator as g, Group as v, Sub as b, SubContent as h, SubTrigger as C, RadioGroup as z } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
+import { Root as u, Trigger as c, Portal as d, Content as l, Item as m, CheckboxItem as f, ItemIndicator as i, RadioItem as x, Label as p, Separator as g, Group as b, Sub as v, SubContent as h, SubTrigger as C, RadioGroup as z } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
 import { cn as a } from "../../lib/utils.js";
 import M from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 import y from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
@@ -18,7 +18,7 @@ function T({
 function j({
   ...t
 }) {
-  return /* @__PURE__ */ e(v, { "data-slot": "context-menu-group", ...t });
+  return /* @__PURE__ */ e(b, { "data-slot": "context-menu-group", ...t });
 }
 function L({
   ...t
@@ -28,7 +28,7 @@ function L({
 function P({
   ...t
 }) {
-  return /* @__PURE__ */ e(b, { "data-slot": "context-menu-sub", ...t });
+  return /* @__PURE__ */ e(v, { "data-slot": "context-menu-sub", ...t });
 }
 function q({
   ...t
@@ -109,7 +109,7 @@ function E({
       "data-inset": n,
       "data-variant": o,
       className: a(
-        "focus:bg-d-accent focus:text-d-accent-foreground data-[variant=destructive]:text-d-destructive data-[variant=destructive]:focus:bg-d-destructive/10 dark:data-[variant=destructive]:focus:bg-d-destructive/20 data-[variant=destructive]:focus:text-d-destructive data-[variant=destructive]:*:[svg]:!text-d-destructive [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "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 [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         t
       ),
       ...s

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

@@ -1,39 +1,48 @@
 "use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as g } from "../../lib/utils.js";
-import { buttonVariants as x } from "./button.js";
-import { Icon as h } from "./icon.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { buttonVariants as w } from "./button.js";
 import { Calendar as v } from "./calendar.js";
-import { Popover as w, PopoverTrigger as P, PopoverContent as b } from "./popover.js";
-import { formatDate as C } from "../../node_modules/date-fns/format.js";
-function E({
-  value: n,
-  onChange: a,
-  placeholder: l = "Seleziona data",
-  dateFormat: m = "PPP",
-  className: f,
-  buttonVariant: u = "default",
+import { Icon as y } from "./icon.js";
+import { Popover as C, PopoverTrigger as j, PopoverContent as N } from "./popover.js";
+import { cn as S } from "../../lib/utils.js";
+import * as u from "react";
+import { formatDate as k } from "../../node_modules/date-fns/format.js";
+import { isSameDay as I } from "../../node_modules/date-fns/isSameDay.js";
+function B({
+  value: i,
+  onChange: s,
+  placeholder: p = "Seleziona data",
+  dateFormat: g = "PPP",
+  className: h,
+  buttonVariant: x = "default",
   disabled: t = !1,
-  size: o = "default"
+  size: o = "default",
+  firstDate: d,
+  lastDate: f,
+  availableDates: m
 }) {
-  const [r, i] = c.useState(n);
-  c.useEffect(() => {
-    i(n);
-  }, [n]);
-  const p = (s) => {
-    i(s), a && a(s);
+  const [n, c] = u.useState(i);
+  u.useEffect(() => {
+    c(i);
+  }, [i]);
+  const b = (a) => {
+    c(a), s && s(a);
   };
-  return /* @__PURE__ */ d(w, { open: t ? !1 : void 0, children: [
-    /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
+  let r = [];
+  return d && r.push({ before: d }), f && r.push({ after: f }), m?.length && r.push(
+    (a) => !m.some(
+      (P) => I(P, a)
+    )
+  ), t && (r = [!0]), /* @__PURE__ */ l(C, { open: t ? !1 : void 0, children: [
+    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
-        className: g(
-          x({ variant: u, size: o }),
+        className: S(
+          w({ variant: x, size: o }),
           "border-d-input text-d-foreground hover:bg-d-accent bg-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-d-ring flex items-center justify-between border px-3 py-2 font-normal whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none [&>span]:line-clamp-1",
-          !r && "text-d-muted-foreground",
+          !n && "text-d-muted-foreground",
           t && "cursor-not-allowed opacity-50",
-          f,
+          h,
           o === "sm" && "text-xs",
           o === "lg" && "text-lg"
         ),
@@ -42,30 +51,30 @@ function E({
         tabIndex: t ? -1 : 0,
         onClick: t ? void 0 : () => {
         },
-        children: /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-2", children: [
+        children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between gap-2", children: [
           /* @__PURE__ */ e(
-            h,
+            y,
             {
               name: "Calendar",
               size: o === "default" ? "md" : o === "sm" ? "xs" : "sm"
             }
           ),
-          r ? /* @__PURE__ */ e("span", { children: C(r, m) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground", children: l })
+          n ? /* @__PURE__ */ e("span", { children: k(n, g) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground", children: p })
         ] })
       }
     ) }),
-    /* @__PURE__ */ e(b, { className: "w-auto p-0", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(N, { className: "w-auto p-0", children: /* @__PURE__ */ e(
       v,
       {
         mode: "single",
-        selected: r,
-        onSelect: p,
-        initialFocus: !0,
-        disabled: t
+        selected: n,
+        onSelect: b,
+        autoFocus: !0,
+        disabled: r
       }
     ) })
   ] });
 }
 export {
-  E as DatePicker
+  B as DatePicker
 };

package/dist/components/ui/input-otp.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import * as c from "react";
-import { OTPInput as l, OTPInputContext as p } from "../../node_modules/input-otp/dist/index.js";
-import { cn as r } from "../../lib/utils.js";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { OTPInput as c, OTPInputContext as l } from "../../node_modules/input-otp/dist/index.js";
+import * as p from "react";
+import { cn as a } from "../../lib/utils.js";
 function x({
   className: t,
   containerClassName: e,
   ...i
 }) {
-  return /* @__PURE__ */ a(
-    l,
+  return /* @__PURE__ */ r(
+    c,
     {
       "data-slot": "input-otp",
-      containerClassName: r(
+      containerClassName: a(
         "flex items-center gap-2 has-disabled:opacity-50",
         e
       ),
-      className: r("disabled:cursor-not-allowed", t),
+      className: a("disabled:cursor-not-allowed", t),
       ...i
     }
   );
 }
 function b({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "input-otp-group",
-      className: r("flex items-center", t),
+      className: a("flex items-center", t),
       ...e
     }
   );
@@ -36,20 +36,20 @@ function g({
   className: e,
   ...i
 }) {
-  const n = c.useContext(p), { char: d, hasFakeCaret: s, isActive: o } = n?.slots[t] ?? {};
+  const n = p.useContext(l), { char: s, hasFakeCaret: o, isActive: d } = n?.slots[t] ?? {};
   return /* @__PURE__ */ u(
     "div",
     {
       "data-slot": "input-otp-slot",
-      "data-active": o,
-      className: r(
-        "data-[active=true]:border-d-ring data-[active=true]:ring-d-ring/50 data-[active=true]:aria-invalid:ring-d-destructive/20 dark:data-[active=true]:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive data-[active=true]:aria-invalid:border-d-destructive dark:bg-d-input/30 border-d-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+      "data-active": d,
+      className: a(
+        "data-[active=true]:border-d-ring data-[active=true]:ring-d-ring/50 data-[active=true]:aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive data-[active=true]:aria-invalid:border-d-destructive border-d-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
         e
       ),
       ...i,
       children: [
-        d,
-        s && /* @__PURE__ */ a("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        s,
+        o && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import * as c from "react";
-import { motion as s } from "framer-motion";
-import { cn as i } from "../../lib/utils.js";
+import { cn as n } from "../../lib/utils.js";
+import { motion as c } from "framer-motion";
+import * as s from "react";
 const x = {
   container: {
     initial: { opacity: 0, y: 20 },
@@ -10,7 +10,7 @@ const x = {
     exit: { opacity: 0, y: -20 }
   }
 };
-function V({
+function k({
   value: r = 1,
   onChange: l,
   min: p = 1,
@@ -19,39 +19,39 @@ function V({
   buttonClassName: d,
   counterClassName: h
 }) {
-  const [e, a] = c.useState(r), [u, m] = c.useState(!1);
-  c.useEffect(() => {
+  const [e, a] = s.useState(r), [u, m] = s.useState(!1);
+  s.useEffect(() => {
     a(r);
   }, [r]);
   const v = (o) => {
     if (o.preventDefault(), e < b) {
-      const n = e + 1;
-      a(n), l?.(n);
+      const i = e + 1;
+      a(i), l?.(i);
     } else
       f();
   }, y = (o) => {
     if (o.preventDefault(), e > p) {
-      const n = e - 1;
-      a(n), l?.(n);
+      const i = e - 1;
+      a(i), l?.(i);
     } else
       f();
   }, f = () => {
     m(!0), setTimeout(() => m(!1), 300);
   };
   return /* @__PURE__ */ t(
-    s.div,
+    c.div,
     {
       "data-slot": "input-selector",
       variants: x.container,
       initial: "initial",
       animate: "animate",
       exit: "exit",
-      className: i(
+      className: n(
         "flex w-full flex-col items-center justify-center gap-8",
         g
       ),
       children: /* @__PURE__ */ N(
-        s.div,
+        c.div,
         {
           variants: u ? {
             initial: { x: 0 },
@@ -69,7 +69,7 @@ function V({
               {
                 type: "button",
                 onClick: y,
-                className: i(
+                className: n(
                   "border-d-border h-12 w-12 rounded-full",
                   "bg-d-background",
                   "hover:bg-d-accent hover:text-d-accent-foreground",
@@ -81,14 +81,14 @@ function V({
               }
             ),
             /* @__PURE__ */ t(
-              s.span,
+              c.span,
               {
                 variants: x.container,
                 initial: "initial",
                 animate: "animate",
                 exit: "exit",
-                className: i(
-                  "text-d-foreground dark:text-d-foreground text-2xl font-medium",
+                className: n(
+                  "text-d-foreground text-2xl font-medium",
                   h
                 ),
                 children: e
@@ -100,7 +100,7 @@ function V({
               {
                 type: "button",
                 onClick: v,
-                className: i(
+                className: n(
                   "border-d-border h-12 w-12 rounded-full border",
                   "bg-d-background",
                   "hover:bg-d-accent hover:text-d-accent-foreground",
@@ -118,5 +118,5 @@ function V({
   );
 }
 export {
-  V as InputSelector
+  k as InputSelector
 };