@enya-learning/nova 0.4.3 → 0.6.0

package/dist/components/input-group.js

@@ -0,0 +1,85 @@
+"use client";
+import { t as s } from "../chunks/dist-o8x0ip0z71xkr2oh.js";
+import { t as r } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { Button as u } from "./button.js";
+import { Input as l } from "./input.js";
+import { Textarea as d } from "./textarea.js";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+function k({ className: a, ...t }) {
+  return /* @__PURE__ */ n("div", {
+    "data-slot": "input-group",
+    role: "group",
+    className: r("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-4xl border border-border bg-border/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded-xl has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5", a),
+    ...t
+  });
+}
+var p = s("flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-4xl **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4", {
+  variants: { align: {
+    "inline-start": "order-first ps-3 has-[>button]:-ms-1 has-[>kbd]:ms-[-0.15rem]",
+    "inline-end": "order-last pe-3 has-[>button]:-me-1 has-[>kbd]:me-[-0.15rem]",
+    "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-3 [.border-b]:pb-3",
+    "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-3 [.border-t]:pt-3"
+  } },
+  defaultVariants: { align: "inline-start" }
+});
+function z({ className: a, align: t = "inline-start", ...e }) {
+  return /* @__PURE__ */ n("div", {
+    role: "group",
+    "data-slot": "input-group-addon",
+    "data-align": t,
+    className: r(p({ align: t }), a),
+    onClick: (o) => {
+      o.target.closest("button") || o.currentTarget.parentElement?.querySelector("input")?.focus();
+    },
+    ...e
+  });
+}
+var c = s("flex items-center gap-2 rounded-4xl text-sm shadow-none", {
+  variants: { size: {
+    xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+    sm: "",
+    "icon-xs": "size-6 p-0 has-[>svg]:p-0",
+    "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+  } },
+  defaultVariants: { size: "xs" }
+});
+function w({ className: a, type: t = "button", variant: e = "ghost", size: o = "xs", ...i }) {
+  return /* @__PURE__ */ n(u, {
+    type: t,
+    "data-size": o,
+    variant: e,
+    className: r(c({ size: o }), a),
+    ...i
+  });
+}
+function G({ className: a, ...t }) {
+  return /* @__PURE__ */ n("span", {
+    className: r("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", a),
+    ...t
+  });
+}
+function I({ className: a, ...t }) {
+  return /* @__PURE__ */ n(l, {
+    "data-slot": "input-group-control",
+    className: r("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", a),
+    ...t
+  });
+}
+function y({ className: a, ...t }) {
+  return /* @__PURE__ */ n(d, {
+    "data-slot": "input-group-control",
+    className: r("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", a),
+    ...t
+  });
+}
+export {
+  k as InputGroup,
+  z as InputGroupAddon,
+  w as InputGroupButton,
+  I as InputGroupInput,
+  G as InputGroupText,
+  y as InputGroupTextarea
+};
+
+//# sourceMappingURL=input-group.js.map

package/dist/components/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../src/components/input-group/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"../button\"\nimport { Input } from \"../input\"\nimport { Textarea } from \"../textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group relative flex h-9 w-full min-w-0 items-center rounded-4xl border border-border bg-border/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded-xl has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-4xl **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first ps-3 has-[>button]:-ms-1 has-[>kbd]:ms-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pe-3 has-[>button]:-me-1 has-[>kbd]:me-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-3 [.border-b]:pb-3\",\n        \"block-end\":\n          \"order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-3 [.border-t]:pt-3\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 rounded-4xl text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n        \"icon-xs\": \"size-6 p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\"\n  }) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n"],"mappings":";;;;;;;;AAUA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACxE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,MAAK;AAAA,IACL,WAAW,EACT,0nCACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAA0B,EAC9B,kTACA;AAAA,EACE,UAAU,EACR,OAAO;AAAA,IACL,gBACE;AAAA,IACF,cACE;AAAA,IACF,eACE;AAAA,IACF,aACE;AAAA,EACJ,EACF;AAAA,EACA,iBAAiB,EACf,OAAO,eACT;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,WAAA,GACA,OAAA,IAAQ,gBACR,GAAG,EAAA,GAC0E;AAC7E,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,aAAU;AAAA,IACV,cAAY;AAAA,IACZ,WAAW,EAAG,EAAwB,EAAE,OAAA,EAAM,CAAC,GAAG,CAAS;AAAA,IAC3D,SAAA,CAAU,MAAM;AACd,MAAK,EAAE,OAAuB,QAAQ,QAAQ,KAG9C,EAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAM;AAAA,IAC/D;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAA2B,EAC/B,2DACA;AAAA,EACE,UAAU,EACR,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,WAAW;AAAA,EACb,EACF;AAAA,EACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,SAAS,EAAiB,EACxB,WAAA,GACA,MAAA,IAAO,UACP,SAAA,IAAU,SACV,MAAA,IAAO,MACP,GAAG,EAAA,GAIA;AACH,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,aAAW;AAAA,IACF,SAAA;AAAA,IACT,WAAW,EAAG,EAAyB,EAAE,MAAA,EAAK,CAAC,GAAG,CAAS;AAAA,IAC3D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,WAAA,GAAW,GAAG,EAAA,GAAuC;AAC7E,SACE,gBAAA,EAAC,QAAD;AAAA,IACE,WAAW,EACT,0HACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,WAAA,GACA,GAAG,EAAA,GAC6B;AAChC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,+HACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,gJACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/input-otp.js

@@ -0,0 +1,417 @@
+"use client";
+import { t as K } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { jsx as _, jsxs as Re } from "react/jsx-runtime";
+import { HugeiconsIcon as Oe } from "@hugeicons/react";
+import { MinusSignIcon as je } from "@hugeicons/core-free-icons";
+import * as t from "react";
+var De = Object.defineProperty, Ie = Object.defineProperties, We = Object.getOwnPropertyDescriptors, Q = Object.getOwnPropertySymbols, fe = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable, ve = (n, a, l) => a in n ? De(n, a, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: l
+}) : n[a] = l, Ae = (n, a) => {
+  for (var l in a || (a = {})) fe.call(a, l) && ve(n, l, a[l]);
+  if (Q) for (var l of Q(a)) ge.call(a, l) && ve(n, l, a[l]);
+  return n;
+}, Be = (n, a) => Ie(n, We(a)), _e = (n, a) => {
+  var l = {};
+  for (var d in n) fe.call(n, d) && a.indexOf(d) < 0 && (l[d] = n[d]);
+  if (n != null && Q) for (var d of Q(n)) a.indexOf(d) < 0 && ge.call(n, d) && (l[d] = n[d]);
+  return l;
+};
+function Fe(n) {
+  return [
+    setTimeout(n, 0),
+    setTimeout(n, 10),
+    setTimeout(n, 50)
+  ];
+}
+function Ne(n) {
+  let a = t.useRef();
+  return t.useEffect(() => {
+    a.current = n;
+  }), a.current;
+}
+var He = 18, he = 40, Le = `${he}px`, ze = [
+  "[data-lastpass-icon-root]",
+  "com-1password-button",
+  "[data-dashlanecreated]",
+  '[style$="2147483647 !important;"]'
+].join(",");
+function Ge({ containerRef: n, inputRef: a, pushPasswordManagerStrategy: l, isFocused: d }) {
+  let [E, c] = t.useState(!1), [F, P] = t.useState(!1), [D, N] = t.useState(!1), q = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && E && F, [
+    E,
+    F,
+    l
+  ]), I = t.useCallback(() => {
+    let v = n.current, x = a.current;
+    if (!v || !x || D || l === "none") return;
+    let h = v, k = h.getBoundingClientRect().left + h.offsetWidth, W = h.getBoundingClientRect().top + h.offsetHeight / 2, o = k - He, H = W;
+    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, H) === v || (c(!0), N(!0));
+  }, [
+    n,
+    a,
+    D,
+    l
+  ]);
+  return t.useEffect(() => {
+    let v = n.current;
+    if (!v || l === "none") return;
+    function x() {
+      P(window.innerWidth - v.getBoundingClientRect().right >= he);
+    }
+    x();
+    let h = setInterval(x, 1e3);
+    return () => {
+      clearInterval(h);
+    };
+  }, [n, l]), t.useEffect(() => {
+    let v = d || document.activeElement === a.current;
+    if (l === "none" || !v) return;
+    let x = setTimeout(I, 0), h = setTimeout(I, 2e3), k = setTimeout(I, 5e3), W = setTimeout(() => {
+      N(!0);
+    }, 6e3);
+    return () => {
+      clearTimeout(x), clearTimeout(h), clearTimeout(k), clearTimeout(W);
+    };
+  }, [
+    a,
+    d,
+    l,
+    I
+  ]), {
+    hasPWMBadge: E,
+    willPushPWMBadge: q,
+    PWM_BADGE_SPACE_WIDTH: Le
+  };
+}
+var be = t.createContext({}), we = t.forwardRef((n, a) => {
+  var l = n, { value: d, onChange: E, maxLength: c, textAlign: F = "left", pattern: P, placeholder: D, inputMode: N = "numeric", onComplete: q, pushPasswordManagerStrategy: I = "increase-width", pasteTransformer: v, containerClassName: x, noScriptCSSFallback: h = $e, render: k, children: W } = l, o = _e(l, [
+    "value",
+    "onChange",
+    "maxLength",
+    "textAlign",
+    "pattern",
+    "placeholder",
+    "inputMode",
+    "onComplete",
+    "pushPasswordManagerStrategy",
+    "pasteTransformer",
+    "containerClassName",
+    "noScriptCSSFallback",
+    "render",
+    "children"
+  ]), H, ne, re, ae, le;
+  let [Se, Ee] = t.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), u = d ?? Se, M = Ne(u), L = t.useCallback((e) => {
+    E?.(e), Ee(e);
+  }, [E]), w = t.useMemo(() => P ? typeof P == "string" ? new RegExp(P) : P : null, [P]), s = t.useRef(null), U = t.useRef(null), X = t.useRef({
+    value: u,
+    onChange: L,
+    isIOS: typeof window < "u" && ((ne = (H = window?.CSS) == null ? void 0 : H.supports) == null ? void 0 : ne.call(H, "-webkit-touch-callout", "none"))
+  }), Z = t.useRef({ prev: [
+    (re = s.current) == null ? void 0 : re.selectionStart,
+    (ae = s.current) == null ? void 0 : ae.selectionEnd,
+    (le = s.current) == null ? void 0 : le.selectionDirection
+  ] });
+  t.useImperativeHandle(a, () => s.current, []), t.useEffect(() => {
+    let e = s.current, r = U.current;
+    if (!e || !r) return;
+    X.current.value !== e.value && X.current.onChange(e.value), Z.current.prev = [
+      e.selectionStart,
+      e.selectionEnd,
+      e.selectionDirection
+    ];
+    function p() {
+      if (document.activeElement !== e) {
+        G(null), $(null);
+        return;
+      }
+      let i = e.selectionStart, m = e.selectionEnd, J = e.selectionDirection, b = e.maxLength, R = e.value, S = Z.current.prev, y = -1, C = -1, O;
+      if (R.length !== 0 && i !== null && m !== null) {
+        let ke = i === m, Me = i === R.length && R.length < b;
+        if (ke && !Me) {
+          let j = i;
+          if (j === 0) y = 0, C = 1, O = "forward";
+          else if (j === b) y = j - 1, C = j, O = "backward";
+          else if (b > 1 && R.length > 1) {
+            let te = 0;
+            if (S[0] !== null && S[1] !== null) {
+              O = j < S[1] ? "backward" : "forward";
+              let Te = S[0] === S[1] && S[0] < b;
+              O === "backward" && !Te && (te = -1);
+            }
+            y = te + j, C = te + j + 1;
+          }
+        }
+        y !== -1 && C !== -1 && y !== C && s.current.setSelectionRange(y, C, O);
+      }
+      let pe = y !== -1 ? y : i, me = C !== -1 ? C : m, Pe = O ?? J;
+      G(pe), $(me), Z.current.prev = [
+        pe,
+        me,
+        Pe
+      ];
+    }
+    if (document.addEventListener("selectionchange", p, { capture: !0 }), p(), document.activeElement === e && Y(!0), !document.getElementById("input-otp-style")) {
+      let i = document.createElement("style");
+      if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
+        let m = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
+        V(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), V(i.sheet, `[data-input-otp]:autofill { ${m} }`), V(i.sheet, `[data-input-otp]:-webkit-autofill { ${m} }`), V(i.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), V(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+      }
+    }
+    let f = () => {
+      r && r.style.setProperty("--root-height", `${e.clientHeight}px`);
+    };
+    f();
+    let g = new ResizeObserver(f);
+    return g.observe(e), () => {
+      document.removeEventListener("selectionchange", p, { capture: !0 }), g.disconnect();
+    };
+  }, []);
+  let [oe, ie] = t.useState(!1), [z, Y] = t.useState(!1), [T, G] = t.useState(null), [A, $] = t.useState(null);
+  t.useEffect(() => {
+    Fe(() => {
+      var e, r, p, f;
+      (e = s.current) == null || e.dispatchEvent(new Event("input"));
+      let g = (r = s.current) == null ? void 0 : r.selectionStart, i = (p = s.current) == null ? void 0 : p.selectionEnd, m = (f = s.current) == null ? void 0 : f.selectionDirection;
+      g !== null && i !== null && (G(g), $(i), Z.current.prev = [
+        g,
+        i,
+        m
+      ]);
+    });
+  }, [u, z]), t.useEffect(() => {
+    M !== void 0 && u !== M && M.length < c && u.length === c && q?.(u);
+  }, [
+    c,
+    q,
+    M,
+    u
+  ]);
+  let B = Ge({
+    containerRef: U,
+    inputRef: s,
+    pushPasswordManagerStrategy: I,
+    isFocused: z
+  }), ue = t.useCallback((e) => {
+    let r = e.currentTarget.value.slice(0, c);
+    if (r.length > 0 && w && !w.test(r)) {
+      e.preventDefault();
+      return;
+    }
+    typeof M == "string" && r.length < M.length && document.dispatchEvent(new Event("selectionchange")), L(r);
+  }, [
+    c,
+    L,
+    M,
+    w
+  ]), se = t.useCallback(() => {
+    var e;
+    if (s.current) {
+      let r = Math.min(s.current.value.length, c - 1), p = s.current.value.length;
+      (e = s.current) == null || e.setSelectionRange(r, p), G(r), $(p);
+    }
+    Y(!0);
+  }, [c]), ce = t.useCallback((e) => {
+    var r, p;
+    let f = s.current;
+    if (!v && (!X.current.isIOS || !e.clipboardData || !f)) return;
+    let g = e.clipboardData.getData("text/plain"), i = v ? v(g) : g;
+    e.preventDefault();
+    let m = (r = s.current) == null ? void 0 : r.selectionStart, J = (p = s.current) == null ? void 0 : p.selectionEnd, b = (m !== J ? u.slice(0, m) + i + u.slice(J) : u.slice(0, m) + i + u.slice(m)).slice(0, c);
+    if (b.length > 0 && w && !w.test(b)) return;
+    f.value = b, L(b);
+    let R = Math.min(b.length, c - 1), S = b.length;
+    f.setSelectionRange(R, S), G(R), $(S);
+  }, [
+    c,
+    L,
+    w,
+    u
+  ]), xe = t.useMemo(() => ({
+    position: "relative",
+    cursor: o.disabled ? "default" : "text",
+    userSelect: "none",
+    WebkitUserSelect: "none",
+    pointerEvents: "none"
+  }), [o.disabled]), de = t.useMemo(() => ({
+    position: "absolute",
+    inset: 0,
+    width: B.willPushPWMBadge ? `calc(100% + ${B.PWM_BADGE_SPACE_WIDTH})` : "100%",
+    clipPath: B.willPushPWMBadge ? `inset(0 ${B.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0,
+    height: "100%",
+    display: "flex",
+    textAlign: F,
+    opacity: "1",
+    color: "transparent",
+    pointerEvents: "all",
+    background: "transparent",
+    caretColor: "transparent",
+    border: "0 solid transparent",
+    outline: "0 solid transparent",
+    boxShadow: "none",
+    lineHeight: "1",
+    letterSpacing: "-.5em",
+    fontSize: "var(--root-height)",
+    fontFamily: "monospace",
+    fontVariantNumeric: "tabular-nums"
+  }), [
+    B.PWM_BADGE_SPACE_WIDTH,
+    B.willPushPWMBadge,
+    F
+  ]), ye = t.useMemo(() => t.createElement("input", Be(Ae({ autoComplete: o.autoComplete || "one-time-code" }, o), {
+    "data-input-otp": !0,
+    "data-input-otp-placeholder-shown": u.length === 0 || void 0,
+    "data-input-otp-mss": T,
+    "data-input-otp-mse": A,
+    inputMode: N,
+    pattern: w?.source,
+    "aria-placeholder": D,
+    style: de,
+    maxLength: c,
+    value: u,
+    ref: s,
+    onPaste: (e) => {
+      var r;
+      ce(e), (r = o.onPaste) == null || r.call(o, e);
+    },
+    onChange: ue,
+    onMouseOver: (e) => {
+      var r;
+      ie(!0), (r = o.onMouseOver) == null || r.call(o, e);
+    },
+    onMouseLeave: (e) => {
+      var r;
+      ie(!1), (r = o.onMouseLeave) == null || r.call(o, e);
+    },
+    onFocus: (e) => {
+      var r;
+      se(), (r = o.onFocus) == null || r.call(o, e);
+    },
+    onBlur: (e) => {
+      var r;
+      Y(!1), (r = o.onBlur) == null || r.call(o, e);
+    }
+  })), [
+    ue,
+    se,
+    ce,
+    N,
+    de,
+    c,
+    A,
+    T,
+    o,
+    w?.source,
+    u
+  ]), ee = t.useMemo(() => ({
+    slots: Array.from({ length: c }).map((e, r) => {
+      var p;
+      let f = z && T !== null && A !== null && (T === A && r === T || r >= T && r < A), g = u[r] !== void 0 ? u[r] : null;
+      return {
+        char: g,
+        placeholderChar: u[0] !== void 0 ? null : (p = D?.[r]) != null ? p : null,
+        isActive: f,
+        hasFakeCaret: f && g === null
+      };
+    }),
+    isFocused: z,
+    isHovering: !o.disabled && oe
+  }), [
+    z,
+    oe,
+    c,
+    A,
+    T,
+    o.disabled,
+    u
+  ]), Ce = t.useMemo(() => k ? k(ee) : t.createElement(be.Provider, { value: ee }, W), [
+    W,
+    ee,
+    k
+  ]);
+  return t.createElement(t.Fragment, null, h !== null && t.createElement("noscript", null, t.createElement("style", null, h)), t.createElement("div", {
+    ref: U,
+    "data-input-otp-container": !0,
+    style: xe,
+    className: x
+  }, Ce, t.createElement("div", { style: {
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none"
+  } }, ye)));
+});
+we.displayName = "Input";
+function V(n, a) {
+  try {
+    n.insertRule(a);
+  } catch {
+    console.error("input-otp could not insert CSS rule:", a);
+  }
+}
+var $e = `
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;
+function Ke({ className: n, containerClassName: a, ...l }) {
+  return /* @__PURE__ */ _(we, {
+    "data-slot": "input-otp",
+    containerClassName: K("cn-input-otp flex items-center has-disabled:opacity-50", a),
+    spellCheck: !1,
+    className: K("disabled:cursor-not-allowed", n),
+    ...l
+  });
+}
+function Qe({ className: n, ...a }) {
+  return /* @__PURE__ */ _("div", {
+    "data-slot": "input-otp-group",
+    className: K("flex items-center rounded-4xl has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", n),
+    ...a
+  });
+}
+function Ue({ index: n, className: a, ...l }) {
+  const { char: d, hasFakeCaret: E, isActive: c } = t.useContext(be)?.slots[n] ?? {};
+  return /* @__PURE__ */ Re("div", {
+    "data-slot": "input-otp-slot",
+    "data-active": c,
+    className: K("relative flex size-9 items-center justify-center border-y border-e border-border bg-border/30 text-sm transition-all outline-none first:rounded-s-4xl first:border-s last:rounded-e-4xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40", a),
+    ...l,
+    children: [d, E && /* @__PURE__ */ _("div", {
+      className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+      children: /* @__PURE__ */ _("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+    })]
+  });
+}
+function Xe({ ...n }) {
+  return /* @__PURE__ */ _("div", {
+    "data-slot": "input-otp-separator",
+    className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+    role: "separator",
+    ...n,
+    children: /* @__PURE__ */ _(Oe, { icon: je })
+  });
+}
+export {
+  Ke as InputOTP,
+  Qe as InputOTPGroup,
+  Xe as InputOTPSeparator,
+  Ue as InputOTPSlot
+};
+
+//# sourceMappingURL=input-otp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":["U","S"],"sources":["../../../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/input-otp/dist/index.mjs","../../src/components/input-otp/input-otp.tsx"],"sourcesContent":["var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var vt=(r,s,e)=>s in r?Bt(r,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[s]=e,St=(r,s)=>{for(var e in s||(s={}))gt.call(s,e)&&vt(r,e,s[e]);if(Y)for(var e of Y(s))Et.call(s,e)&&vt(r,e,s[e]);return r},bt=(r,s)=>At(r,kt(s));var Pt=(r,s)=>{var e={};for(var u in r)gt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&Y)for(var u of Y(r))s.indexOf(u)<0&&Et.call(r,u)&&(e[u]=r[u]);return e};import*as n from\"react\";function ht(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return[s,e,u]}import*as U from\"react\";function _t(r){let s=U.useRef();return U.useEffect(()=>{s.current=r}),s.current}import*as S from\"react\";var Ot=18,wt=40,Gt=`${wt}px`,xt=[\"[data-lastpass-icon-root]\",\"com-1password-button\",\"[data-dashlanecreated]\",'[style$=\"2147483647 !important;\"]'].join(\",\");function Tt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let[P,D]=S.useState(!1),[G,H]=S.useState(!1),[F,W]=S.useState(!1),Z=S.useMemo(()=>e===\"none\"?!1:(e===\"increase-width\"||e===\"experimental-no-flickering\")&&P&&G,[P,G,e]),T=S.useCallback(()=>{let f=r.current,h=s.current;if(!f||!h||F||e===\"none\")return;let a=f,B=a.getBoundingClientRect().left+a.offsetWidth,A=a.getBoundingClientRect().top+a.offsetHeight/2,z=B-Ot,q=A;document.querySelectorAll(xt).length===0&&document.elementFromPoint(z,q)===f||(D(!0),W(!0))},[r,s,F,e]);return S.useEffect(()=>{let f=r.current;if(!f||e===\"none\")return;function h(){let A=window.innerWidth-f.getBoundingClientRect().right;H(A>=wt)}h();let a=setInterval(h,1e3);return()=>{clearInterval(a)}},[r,e]),S.useEffect(()=>{let f=u||document.activeElement===s.current;if(e===\"none\"||!f)return;let h=setTimeout(T,0),a=setTimeout(T,2e3),B=setTimeout(T,5e3),A=setTimeout(()=>{W(!0)},6e3);return()=>{clearTimeout(h),clearTimeout(a),clearTimeout(B),clearTimeout(A)}},[s,u,e,T]),{hasPWMBadge:P,willPushPWMBadge:Z,PWM_BADGE_SPACE_WIDTH:Gt}}var jt=n.createContext({}),Lt=n.forwardRef((A,B)=>{var z=A,{value:r,onChange:s,maxLength:e,textAlign:u=\"left\",pattern:P,placeholder:D,inputMode:G=\"numeric\",onComplete:H,pushPasswordManagerStrategy:F=\"increase-width\",pasteTransformer:W,containerClassName:Z,noScriptCSSFallback:T=Nt,render:f,children:h}=z,a=Pt(z,[\"value\",\"onChange\",\"maxLength\",\"textAlign\",\"pattern\",\"placeholder\",\"inputMode\",\"onComplete\",\"pushPasswordManagerStrategy\",\"pasteTransformer\",\"containerClassName\",\"noScriptCSSFallback\",\"render\",\"children\"]);var X,lt,ut,dt,ft;let[q,nt]=n.useState(typeof a.defaultValue==\"string\"?a.defaultValue:\"\"),i=r!=null?r:q,I=_t(i),x=n.useCallback(t=>{s==null||s(t),nt(t)},[s]),m=n.useMemo(()=>P?typeof P==\"string\"?new RegExp(P):P:null,[P]),l=n.useRef(null),K=n.useRef(null),J=n.useRef({value:i,onChange:x,isIOS:typeof window!=\"undefined\"&&((lt=(X=window==null?void 0:window.CSS)==null?void 0:X.supports)==null?void 0:lt.call(X,\"-webkit-touch-callout\",\"none\"))}),V=n.useRef({prev:[(ut=l.current)==null?void 0:ut.selectionStart,(dt=l.current)==null?void 0:dt.selectionEnd,(ft=l.current)==null?void 0:ft.selectionDirection]});n.useImperativeHandle(B,()=>l.current,[]),n.useEffect(()=>{let t=l.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),V.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){L(null),N(null);return}let c=t.selectionStart,b=t.selectionEnd,mt=t.selectionDirection,v=t.maxLength,C=t.value,_=V.current.prev,g=-1,E=-1,w;if(C.length!==0&&c!==null&&b!==null){let Dt=c===b,Ht=c===C.length&&C.length<v;if(Dt&&!Ht){let y=c;if(y===0)g=0,E=1,w=\"forward\";else if(y===v)g=y-1,E=y,w=\"backward\";else if(v>1&&C.length>1){let et=0;if(_[0]!==null&&_[1]!==null){w=y<_[1]?\"backward\":\"forward\";let Wt=_[0]===_[1]&&_[0]<v;w===\"backward\"&&!Wt&&(et=-1)}g=et+y,E=et+y+1}}g!==-1&&E!==-1&&g!==E&&l.current.setSelectionRange(g,E,w)}let pt=g!==-1?g:c,Rt=E!==-1?E:b,yt=w!=null?w:mt;L(pt),N(Rt),V.current.prev=[pt,Rt,yt]}if(document.addEventListener(\"selectionchange\",d,{capture:!0}),d(),document.activeElement===t&&Q(!0),!document.getElementById(\"input-otp-style\")){let c=document.createElement(\"style\");if(c.id=\"input-otp-style\",document.head.appendChild(c),c.sheet){let b=\"background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;\";$(c.sheet,\"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }\"),$(c.sheet,`[data-input-otp]:autofill { ${b} }`),$(c.sheet,`[data-input-otp]:-webkit-autofill { ${b} }`),$(c.sheet,\"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }\"),$(c.sheet,\"[data-input-otp] + * { pointer-events: all !important; }\")}}let R=()=>{o&&o.style.setProperty(\"--root-height\",`${t.clientHeight}px`)};R();let p=new ResizeObserver(R);return p.observe(t),()=>{document.removeEventListener(\"selectionchange\",d,{capture:!0}),p.disconnect()}},[]);let[ot,rt]=n.useState(!1),[j,Q]=n.useState(!1),[M,L]=n.useState(null),[k,N]=n.useState(null);n.useEffect(()=>{ht(()=>{var R,p,c,b;(R=l.current)==null||R.dispatchEvent(new Event(\"input\"));let t=(p=l.current)==null?void 0:p.selectionStart,o=(c=l.current)==null?void 0:c.selectionEnd,d=(b=l.current)==null?void 0:b.selectionDirection;t!==null&&o!==null&&(L(t),N(o),V.current.prev=[t,o,d])})},[i,j]),n.useEffect(()=>{I!==void 0&&i!==I&&I.length<e&&i.length===e&&(H==null||H(i))},[e,H,I,i]);let O=Tt({containerRef:K,inputRef:l,pushPasswordManagerStrategy:F,isFocused:j}),st=n.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&m&&!m.test(o)){t.preventDefault();return}typeof I==\"string\"&&o.length<I.length&&document.dispatchEvent(new Event(\"selectionchange\")),x(o)},[e,x,I,m]),at=n.useCallback(()=>{var t;if(l.current){let o=Math.min(l.current.value.length,e-1),d=l.current.value.length;(t=l.current)==null||t.setSelectionRange(o,d),L(o),N(d)}Q(!0)},[e]),ct=n.useCallback(t=>{var g,E;let o=l.current;if(!W&&(!J.current.isIOS||!t.clipboardData||!o))return;let d=t.clipboardData.getData(\"text/plain\"),R=W?W(d):d;t.preventDefault();let p=(g=l.current)==null?void 0:g.selectionStart,c=(E=l.current)==null?void 0:E.selectionEnd,v=(p!==c?i.slice(0,p)+R+i.slice(c):i.slice(0,p)+R+i.slice(p)).slice(0,e);if(v.length>0&&m&&!m.test(v))return;o.value=v,x(v);let C=Math.min(v.length,e-1),_=v.length;o.setSelectionRange(C,_),L(C),N(_)},[e,x,m,i]),It=n.useMemo(()=>({position:\"relative\",cursor:a.disabled?\"default\":\"text\",userSelect:\"none\",WebkitUserSelect:\"none\",pointerEvents:\"none\"}),[a.disabled]),it=n.useMemo(()=>({position:\"absolute\",inset:0,width:O.willPushPWMBadge?`calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})`:\"100%\",clipPath:O.willPushPWMBadge?`inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:\"100%\",display:\"flex\",textAlign:u,opacity:\"1\",color:\"transparent\",pointerEvents:\"all\",background:\"transparent\",caretColor:\"transparent\",border:\"0 solid transparent\",outline:\"0 solid transparent\",boxShadow:\"none\",lineHeight:\"1\",letterSpacing:\"-.5em\",fontSize:\"var(--root-height)\",fontFamily:\"monospace\",fontVariantNumeric:\"tabular-nums\"}),[O.PWM_BADGE_SPACE_WIDTH,O.willPushPWMBadge,u]),Mt=n.useMemo(()=>n.createElement(\"input\",bt(St({autoComplete:a.autoComplete||\"one-time-code\"},a),{\"data-input-otp\":!0,\"data-input-otp-placeholder-shown\":i.length===0||void 0,\"data-input-otp-mss\":M,\"data-input-otp-mse\":k,inputMode:G,pattern:m==null?void 0:m.source,\"aria-placeholder\":D,style:it,maxLength:e,value:i,ref:l,onPaste:t=>{var o;ct(t),(o=a.onPaste)==null||o.call(a,t)},onChange:st,onMouseOver:t=>{var o;rt(!0),(o=a.onMouseOver)==null||o.call(a,t)},onMouseLeave:t=>{var o;rt(!1),(o=a.onMouseLeave)==null||o.call(a,t)},onFocus:t=>{var o;at(),(o=a.onFocus)==null||o.call(a,t)},onBlur:t=>{var o;Q(!1),(o=a.onBlur)==null||o.call(a,t)}})),[st,at,ct,G,it,e,k,M,a,m==null?void 0:m.source,i]),tt=n.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{var c;let d=j&&M!==null&&k!==null&&(M===k&&o===M||o>=M&&o<k),R=i[o]!==void 0?i[o]:null,p=i[0]!==void 0?null:(c=D==null?void 0:D[o])!=null?c:null;return{char:R,placeholderChar:p,isActive:d,hasFakeCaret:d&&R===null}}),isFocused:j,isHovering:!a.disabled&&ot}),[j,ot,e,k,M,a.disabled,i]),Ct=n.useMemo(()=>f?f(tt):n.createElement(jt.Provider,{value:tt},h),[h,tt,f]);return n.createElement(n.Fragment,null,T!==null&&n.createElement(\"noscript\",null,n.createElement(\"style\",null,T)),n.createElement(\"div\",{ref:K,\"data-input-otp-container\":!0,style:It,className:Z},Ct,n.createElement(\"div\",{style:{position:\"absolute\",inset:0,pointerEvents:\"none\"}},Mt)))});Lt.displayName=\"Input\";function $(r,s){try{r.insertRule(s)}catch(e){console.error(\"input-otp could not insert CSS rule:\",s)}}var Nt=`\n[data-input-otp] {\n  --nojs-bg: white !important;\n  --nojs-fg: black !important;\n\n  background-color: var(--nojs-bg) !important;\n  color: var(--nojs-fg) !important;\n  caret-color: var(--nojs-fg) !important;\n  letter-spacing: .25em !important;\n  text-align: center !important;\n  border: 1px solid var(--nojs-fg) !important;\n  border-radius: 4px !important;\n  width: 100% !important;\n}\n@media (prefers-color-scheme: dark) {\n  [data-input-otp] {\n    --nojs-bg: black !important;\n    --nojs-fg: white !important;\n  }\n}`;var Kt=\"^\\\\d+$\",Jt=\"^[a-zA-Z]+$\",Qt=\"^[a-zA-Z0-9]+$\";export{Lt as OTPInput,jt as OTPInputContext,Jt as REGEXP_ONLY_CHARS,Kt as REGEXP_ONLY_DIGITS,Qt as REGEXP_ONLY_DIGITS_AND_CHARS};\n//# sourceMappingURL=index.mjs.map","import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"cn-input-otp flex items-center has-disabled:opacity-50\",\n        containerClassName\n      )}\n      spellCheck={false}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        \"flex items-center rounded-4xl has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"relative flex size-9 items-center justify-center border-y border-e border-border bg-border/30 text-sm transition-all outline-none first:rounded-s-4xl first:border-s last:rounded-e-4xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n      role=\"separator\"\n      {...props}\n    >\n      <HugeiconsIcon icon={MinusSignIcon} />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/components/input.js

@@ -0,0 +1,18 @@
+"use client";
+import { t } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { Input as o } from "@base-ui/react/input";
+function u({ className: i, type: e, ...r }) {
+  return /* @__PURE__ */ n(o, {
+    type: e,
+    "data-slot": "input",
+    className: t("h-9 w-full min-w-0 rounded-4xl border border-border bg-border/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", i),
+    ...r
+  });
+}
+export {
+  u as Input
+};
+
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-9 w-full min-w-0 rounded-4xl border border-border bg-border/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAKA,SAAS,EAAM,EAAE,WAAA,GAAW,MAAA,GAAM,GAAG,EAAA,GAAwC;AAC3E,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,aAAU;AAAA,IACV,WAAW,EACT,qlBACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL"}