@arolariu/components 0.0.10 → 0.0.11

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

@@ -2,215 +2,50 @@ import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-dropdown-menu";
 import { CheckIcon as u, CircleIcon as i, ChevronRightIcon as l } from "lucide-react";
 import { cn as o } from "../../lib/utils.js";
-function f({
-  ...t
-}) {
-  return /* @__PURE__ */ e(n.Root, { "data-slot": "dropdown-menu", ...t });
+function f({ ...t }) {
+  return e(n.Root, { "data-slot": "dropdown-menu", ...t });
 }
-function g({
-  ...t
-}) {
-  return /* @__PURE__ */ e(n.Portal, { "data-slot": "dropdown-menu-portal", ...t });
+function g({ ...t }) {
+  return e(n.Portal, { "data-slot": "dropdown-menu-portal", ...t });
 }
-function b({
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    n.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...t
-    }
-  );
+function b({ ...t }) {
+  return e(n.Trigger, { "data-slot": "dropdown-menu-trigger", ...t });
 }
-function x({
-  className: t,
-  sideOffset: a = 4,
-  ...r
-}) {
-  return /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
-    n.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset: a,
-      className: o(
-        "bg-white text-neutral-950 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 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
-      ),
-      ...r
-    }
-  ) });
+function x({ className: t, sideOffset: a = 4, ...r }) {
+  return e(n.Portal, { children: e(n.Content, { "data-slot": "dropdown-menu-content", sideOffset: a, className: o("bg-white text-neutral-950 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 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", t), ...r }) });
 }
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ e(n.Group, { "data-slot": "dropdown-menu-group", ...t });
+function v({ ...t }) {
+  return e(n.Group, { "data-slot": "dropdown-menu-group", ...t });
 }
-function w({
-  className: t,
-  inset: a,
-  variant: r = "default",
-  ...d
-}) {
-  return /* @__PURE__ */ e(
-    n.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": a,
-      "data-variant": r,
-      className: o(
-        "focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 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 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
-        t
-      ),
-      ...d
-    }
-  );
+function w({ className: t, inset: a, variant: r = "default", ...d }) {
+  return e(n.Item, { "data-slot": "dropdown-menu-item", "data-inset": a, "data-variant": r, className: o("focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 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 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400", t), ...d });
 }
-function h({
-  className: t,
-  children: a,
-  checked: r,
-  ...d
-}) {
-  return /* @__PURE__ */ s(
-    n.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: o(
-        "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
-        t
-      ),
-      checked: r,
-      ...d,
-      children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "size-4" }) }) }),
-        a
-      ]
-    }
-  );
+function h({ className: t, children: a, checked: r, ...d }) {
+  return s(n.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: o("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", t), checked: r, ...d, children: [e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: e(n.ItemIndicator, { children: e(u, { className: "size-4" }) }) }), a] });
 }
-function k({
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    n.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...t
-    }
-  );
+function k({ ...t }) {
+  return e(n.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...t });
 }
-function z({
-  className: t,
-  children: a,
-  ...r
-}) {
-  return /* @__PURE__ */ s(
-    n.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: o(
-        "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
-        t
-      ),
-      ...r,
-      children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(i, { className: "size-2 fill-current" }) }) }),
-        a
-      ]
-    }
-  );
+function z({ className: t, children: a, ...r }) {
+  return s(n.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: o("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", t), ...r, children: [e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: e(n.ItemIndicator, { children: e(i, { className: "size-2 fill-current" }) }) }), a] });
 }
-function D({
-  className: t,
-  inset: a,
-  ...r
-}) {
-  return /* @__PURE__ */ e(
-    n.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": a,
-      className: o(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        t
-      ),
-      ...r
-    }
-  );
+function D({ className: t, inset: a, ...r }) {
+  return e(n.Label, { "data-slot": "dropdown-menu-label", "data-inset": a, className: o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t), ...r });
 }
-function M({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    n.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: o("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t),
-      ...a
-    }
-  );
+function M({ className: t, ...a }) {
+  return e(n.Separator, { "data-slot": "dropdown-menu-separator", className: o("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t), ...a });
 }
-function N({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: o(
-        "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
-        t
-      ),
-      ...a
-    }
-  );
+function N({ className: t, ...a }) {
+  return e("span", { "data-slot": "dropdown-menu-shortcut", className: o("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400", t), ...a });
 }
-function I({
-  ...t
-}) {
-  return /* @__PURE__ */ e(n.Sub, { "data-slot": "dropdown-menu-sub", ...t });
+function I({ ...t }) {
+  return e(n.Sub, { "data-slot": "dropdown-menu-sub", ...t });
 }
-function y({
-  className: t,
-  inset: a,
-  children: r,
-  ...d
-}) {
-  return /* @__PURE__ */ s(
-    n.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": a,
-      className: o(
-        "focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",
-        t
-      ),
-      ...d,
-      children: [
-        r,
-        /* @__PURE__ */ e(l, { className: "ml-auto size-4" })
-      ]
-    }
-  );
+function y({ className: t, inset: a, children: r, ...d }) {
+  return s(n.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": a, className: o("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50", t), ...d, children: [r, e(l, { className: "ml-auto size-4" })] });
 }
-function _({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    n.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: o(
-        "bg-white text-neutral-950 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 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
-      ),
-      ...a
-    }
-  );
+function _({ className: t, ...a }) {
+  return e(n.SubContent, { "data-slot": "dropdown-menu-sub-content", className: o("bg-white text-neutral-950 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 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", t), ...a });
 }
 export {
   f as DropdownMenu,

package/dist/es/components/ui/form.js

@@ -4,11 +4,7 @@ import { Slot as f } from "@radix-ui/react-slot";
 import { FormProvider as u, useFormContext as F, useFormState as x, Controller as I } from "react-hook-form";
 import { cn as i } from "../../lib/utils.js";
 import { Label as p } from "./label.js";
-const S = u, l = s.createContext(
-  {}
-), $ = ({
-  ...t
-}) => /* @__PURE__ */ n(l.Provider, { value: { name: t.name }, children: /* @__PURE__ */ n(I, { ...t }) }), d = () => {
+const S = u, l = s.createContext({}), $ = ({ ...t }) => n(l.Provider, { value: { name: t.name }, children: n(I, { ...t }) }), d = () => {
   const t = s.useContext(l), r = s.useContext(c), { getFieldState: e } = F(), o = x({ name: t.name }), a = e(t.name, o);
   if (!t)
     throw new Error("useFormField should be used within <FormField>");
@@ -21,74 +17,27 @@ const S = u, l = s.createContext(
     formMessageId: `${m}-form-item-message`,
     ...a
   };
-}, c = s.createContext(
-  {}
-);
+}, c = s.createContext({});
 function D({ className: t, ...r }) {
   const e = s.useId();
-  return /* @__PURE__ */ n(c.Provider, { value: { id: e }, children: /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "form-item",
-      className: i("grid gap-2", t),
-      ...r
-    }
-  ) });
+  return n(c.Provider, { value: { id: e }, children: n("div", { "data-slot": "form-item", className: i("grid gap-2", t), ...r }) });
 }
-function M({
-  className: t,
-  ...r
-}) {
+function M({ className: t, ...r }) {
   const { error: e, formItemId: o } = d();
-  return /* @__PURE__ */ n(
-    p,
-    {
-      "data-slot": "form-label",
-      "data-error": !!e,
-      className: i("data-[error=true]:text-neutral-50 dark:data-[error=true]:text-neutral-50", t),
-      htmlFor: o,
-      ...r
-    }
-  );
+  return n(p, { "data-slot": "form-label", "data-error": !!e, className: i("data-[error=true]:text-neutral-50 dark:data-[error=true]:text-neutral-50", t), htmlFor: o, ...r });
 }
 function N({ ...t }) {
   const { error: r, formItemId: e, formDescriptionId: o, formMessageId: a } = d();
-  return /* @__PURE__ */ n(
-    f,
-    {
-      "data-slot": "form-control",
-      id: e,
-      "aria-describedby": r ? `${o} ${a}` : `${o}`,
-      "aria-invalid": !!r,
-      ...t
-    }
-  );
+  return n(f, { "data-slot": "form-control", id: e, "aria-describedby": r ? `${o} ${a}` : `${o}`, "aria-invalid": !!r, ...t });
 }
 function k({ className: t, ...r }) {
   const { formDescriptionId: e } = d();
-  return /* @__PURE__ */ n(
-    "p",
-    {
-      "data-slot": "form-description",
-      id: e,
-      className: i("text-neutral-500 text-sm dark:text-neutral-400", t),
-      ...r
-    }
-  );
+  return n("p", { "data-slot": "form-description", id: e, className: i("text-neutral-500 text-sm dark:text-neutral-400", t), ...r });
 }
 function w({ className: t, ...r }) {
   var m;
   const { error: e, formMessageId: o } = d(), a = e ? String((m = e == null ? void 0 : e.message) != null ? m : "") : r.children;
-  return a ? /* @__PURE__ */ n(
-    "p",
-    {
-      "data-slot": "form-message",
-      id: o,
-      className: i("text-neutral-50 text-sm dark:text-neutral-50", t),
-      ...r,
-      children: a
-    }
-  ) : null;
+  return a ? n("p", { "data-slot": "form-message", id: o, className: i("text-neutral-50 text-sm dark:text-neutral-50", t), ...r, children: a }) : null;
 }
 export {
   S as Form,

package/dist/es/components/ui/hover-card.js

@@ -1,38 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-hover-card";
 import { cn as n } from "../../lib/utils.js";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(a.Root, { "data-slot": "hover-card", ...t });
+function l({ ...t }) {
+  return e(a.Root, { "data-slot": "hover-card", ...t });
 }
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "hover-card-trigger", ...t });
+function m({ ...t }) {
+  return e(a.Trigger, { "data-slot": "hover-card-trigger", ...t });
 }
-function u({
-  className: t,
-  align: r = "center",
-  sideOffset: o = 4,
-  ...d
-}) {
-  return /* @__PURE__ */ e(
-    a.Content,
-    {
-      "data-slot": "hover-card-content",
-      align: r,
-      sideOffset: o,
-      className: n(
-        "bg-white text-neutral-950 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 z-50 w-64 rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
-      ),
-      ...d
-    }
-  );
+function f({ className: t, align: r = "center", sideOffset: o = 4, ...d }) {
+  return e(a.Content, { "data-slot": "hover-card-content", align: r, sideOffset: o, className: n("bg-white text-neutral-950 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 z-50 w-64 rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", t), ...d });
 }
 export {
-  m as HoverCard,
-  u as HoverCardContent,
-  l as HoverCardTrigger
+  l as HoverCard,
+  f as HoverCardContent,
+  m as HoverCardTrigger
 };

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

@@ -3,59 +3,18 @@ import * as l from "react";
 import { OTPInput as c, OTPInputContext as p } from "input-otp";
 import { MinusIcon as v } from "lucide-react";
 import { cn as e } from "../../lib/utils.js";
-function g({
-  className: t,
-  containerClassName: r,
-  ...i
-}) {
-  return /* @__PURE__ */ a(
-    c,
-    {
-      "data-slot": "input-otp",
-      containerClassName: e(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        r
-      ),
-      className: e("disabled:cursor-not-allowed", t),
-      ...i
-    }
-  );
+function g({ className: t, containerClassName: r, ...i }) {
+  return a(c, { "data-slot": "input-otp", containerClassName: e("flex items-center gap-2 has-disabled:opacity-50", r), className: e("disabled:cursor-not-allowed", t), ...i });
 }
 function h({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: e("flex items-center", t),
-      ...r
-    }
-  );
+  return a("div", { "data-slot": "input-otp-group", className: e("flex items-center", t), ...r });
 }
-function O({
-  index: t,
-  className: r,
-  ...i
-}) {
+function O({ index: t, className: r, ...i }) {
   const n = l.useContext(p).slots[t], { char: d, hasFakeCaret: o, isActive: s } = n || {};
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      "data-active": s,
-      className: e(
-        "border-neutral-200 data-[active=true]:border-neutral-950 data-[active=true]:ring-neutral-950/50 data-[active=true]:aria-invalid:ring-red-500/20 dark:data-[active=true]:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 data-[active=true]:aria-invalid:border-red-500 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] dark:border-neutral-800 dark:data-[active=true]:border-neutral-300 dark:data-[active=true]:ring-neutral-300/50 dark:data-[active=true]:aria-invalid:ring-red-900/20 dark:dark:data-[active=true]:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:data-[active=true]:aria-invalid:border-red-900",
-        r
-      ),
-      ...i,
-      children: [
-        d,
-        o && /* @__PURE__ */ a("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-caret-blink bg-neutral-950 h-4 w-px duration-1000 dark:bg-neutral-50" }) })
-      ]
-    }
-  );
+  return u("div", { "data-slot": "input-otp-slot", "data-active": s, className: e("border-neutral-200 data-[active=true]:border-neutral-950 data-[active=true]:ring-neutral-950/50 data-[active=true]:aria-invalid:ring-red-500/20 dark:data-[active=true]:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 data-[active=true]:aria-invalid:border-red-500 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] dark:border-neutral-800 dark:data-[active=true]:border-neutral-300 dark:data-[active=true]:ring-neutral-300/50 dark:data-[active=true]:aria-invalid:ring-red-900/20 dark:dark:data-[active=true]:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:data-[active=true]:aria-invalid:border-red-900", r), ...i, children: [d, o && a("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: a("div", { className: "animate-caret-blink bg-neutral-950 h-4 w-px duration-1000 dark:bg-neutral-50" }) })] });
 }
 function P({ ...t }) {
-  return /* @__PURE__ */ a("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ a(v, {}) });
+  return a("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: a(v, {}) });
 }
 export {
   g as InputOTP,

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

@@ -1,20 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cn as t } from "../../lib/utils.js";
 function d({ className: e, type: r, ...i }) {
-  return /* @__PURE__ */ a(
-    "input",
-    {
-      type: r,
-      "data-slot": "input",
-      className: t(
-        "border-neutral-200 file:text-neutral-950 placeholder:text-neutral-500 selection:bg-neutral-900 selection:text-neutral-50 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:selection:bg-neutral-50 dark:selection:text-neutral-900",
-        "focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50",
-        "aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
-        e
-      ),
-      ...i
-    }
-  );
+  return a("input", { type: r, "data-slot": "input", className: t("border-neutral-200 file:text-neutral-950 placeholder:text-neutral-500 selection:bg-neutral-900 selection:text-neutral-50 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:selection:bg-neutral-50 dark:selection:text-neutral-900", "focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50", "aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", e), ...i });
 }
 export {
   d as Input

package/dist/es/components/ui/label.js

@@ -1,21 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-label";
 import { cn as r } from "../../lib/utils.js";
-function l({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ o(
-    a.Root,
-    {
-      "data-slot": "label",
-      className: r(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        e
-      ),
-      ...t
-    }
-  );
+function l({ className: e, ...t }) {
+  return o(a.Root, { "data-slot": "label", className: r("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e), ...t });
 }
 export {
   l as Label