@clasing/ui 0.1.123 → 0.1.124

package/dist/components/dropdown-menu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dropdown-menu"),s=require("../index-DoxiiusW.cjs"),d=require("../icon-component-LY_vGYHZ.cjs");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=u(i);function c({...e}){return t.jsxRuntimeExports.jsx(o.Root,{"data-slot":"dropdown-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"dropdown-menu-portal",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function l({className:e,sideOffset:n=4,...r}){return t.jsxRuntimeExports.jsx(o.Portal,{children:t.jsxRuntimeExports.jsx(o.Content,{"data-slot":"dropdown-menu-content",sideOffset:n,className:s.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),...r})})}function x({...e}){return t.jsxRuntimeExports.jsx(o.Group,{"data-slot":"dropdown-menu-group",...e})}function f({className:e,inset:n,variant:r="default",...a}){return t.jsxRuntimeExports.jsx(o.Item,{"data-slot":"dropdown-menu-item","data-inset":n,"data-variant":r,className:s.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-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",e),...a})}function g({className:e,children:n,checked:r,...a}){return t.jsxRuntimeExports.jsxs(o.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:s.cn("focus:bg-accent focus:text-accent-foreground 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",e),checked:r,...a,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(d.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),n]})}function w({...e}){return t.jsxRuntimeExports.jsx(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function b({className:e,children:n,...r}){return t.jsxRuntimeExports.jsxs(o.RadioItem,{"data-slot":"dropdown-menu-radio-item",className:s.cn("focus:bg-accent focus:text-accent-foreground 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",e),...r,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(d.IconComponent,{iconName:"IconCircleFilled",className:"size-2 fill-current"})})}),n]})}function j({className:e,inset:n,...r}){return t.jsxRuntimeExports.jsx(o.Label,{"data-slot":"dropdown-menu-label","data-inset":n,className:s.cn("px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8",e),...r})}function v({className:e,...n}){return t.jsxRuntimeExports.jsx(o.Separator,{"data-slot":"dropdown-menu-separator",className:s.cn("bg-border -mx-1 my-1 h-px",e),...n})}function h({className:e,...n}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"dropdown-menu-shortcut",className:s.cn("text-muted-foreground ml-auto text-xs tracking-widest",e),...n})}function D({...e}){return t.jsxRuntimeExports.jsx(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function M({className:e,inset:n,children:r,...a}){return t.jsxRuntimeExports.jsxs(o.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":n,className:s.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",e),...a,children:[r,t.jsxRuntimeExports.jsx(d.IconComponent,{iconName:"IconChevronRight",className:"ml-auto size-4"})]})}function R({className:e,...n}){return t.jsxRuntimeExports.jsx(o.SubContent,{"data-slot":"dropdown-menu-sub-content",className:s.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...n})}exports.DropdownMenu=c;exports.DropdownMenuCheckboxItem=g;exports.DropdownMenuContent=l;exports.DropdownMenuGroup=x;exports.DropdownMenuItem=f;exports.DropdownMenuLabel=j;exports.DropdownMenuPortal=p;exports.DropdownMenuRadioGroup=w;exports.DropdownMenuRadioItem=b;exports.DropdownMenuSeparator=v;exports.DropdownMenuShortcut=h;exports.DropdownMenuSub=D;exports.DropdownMenuSubContent=R;exports.DropdownMenuSubTrigger=M;exports.DropdownMenuTrigger=m;

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

@@ -0,0 +1,237 @@
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import * as n from "@radix-ui/react-dropdown-menu";
+import { c as r } from "../index-CRiPKpXj.js";
+import { I as d } from "../icon-component-BZ-4FDV6.js";
+function l({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Root, { "data-slot": "dropdown-menu", ...e });
+}
+function m({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
+}
+function p({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...e
+    }
+  );
+}
+function f({
+  className: e,
+  sideOffset: o = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
+    n.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset: o,
+      className: r(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        e
+      ),
+      ...a
+    }
+  ) });
+}
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
+}
+function g({
+  className: e,
+  inset: o,
+  variant: a = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": o,
+      "data-variant": a,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-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",
+        e
+      ),
+      ...s
+    }
+  );
+}
+function v({
+  className: e,
+  children: o,
+  checked: a,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    n.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground 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",
+        e
+      ),
+      checked: a,
+      ...s,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { iconName: "IconCheck", className: "size-4" }) }) }),
+        o
+      ]
+    }
+  );
+}
+function b({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...e
+    }
+  );
+}
+function w({
+  className: e,
+  children: o,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    n.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground 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",
+        e
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(
+          d,
+          {
+            iconName: "IconCircleFilled",
+            className: "size-2 fill-current"
+          }
+        ) }) }),
+        o
+      ]
+    }
+  );
+}
+function h({
+  className: e,
+  inset: o,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": o,
+      className: r(
+        "px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function j({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: r("bg-border -mx-1 my-1 h-px", e),
+      ...o
+    }
+  );
+}
+function z({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: r(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function N({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function D({
+  className: e,
+  inset: o,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    n.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": o,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        e
+      ),
+      ...s,
+      children: [
+        a,
+        /* @__PURE__ */ t.jsx(d, { iconName: "IconChevronRight", className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function M({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    n.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: r(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        e
+      ),
+      ...o
+    }
+  );
+}
+export {
+  l as DropdownMenu,
+  v as DropdownMenuCheckboxItem,
+  f as DropdownMenuContent,
+  x as DropdownMenuGroup,
+  g as DropdownMenuItem,
+  h as DropdownMenuLabel,
+  m as DropdownMenuPortal,
+  b as DropdownMenuRadioGroup,
+  w as DropdownMenuRadioItem,
+  j as DropdownMenuSeparator,
+  z as DropdownMenuShortcut,
+  N as DropdownMenuSub,
+  M as DropdownMenuSubContent,
+  D as DropdownMenuSubTrigger,
+  p as DropdownMenuTrigger
+};

package/dist/components/hover-card.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-hover-card"),d=require("../index-DoxiiusW.cjs");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const n=s(i);function c({...t}){return a.jsxRuntimeExports.jsx(n.Root,{"data-slot":"hover-card",...t})}function u({...t}){return a.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"hover-card-trigger",...t})}function l({className:t,align:r="center",sideOffset:e=4,...o}){return a.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"hover-card-portal",children:a.jsxRuntimeExports.jsx(n.Content,{"data-slot":"hover-card-content",align:r,sideOffset:e,className:d.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...o})})}exports.HoverCard=c;exports.HoverCardContent=l;exports.HoverCardTrigger=u;

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

@@ -0,0 +1,38 @@
+import { j as o } from "../jsx-runtime-C5mzlN2N.js";
+import * as r from "@radix-ui/react-hover-card";
+import { c as i } from "../index-CRiPKpXj.js";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(r.Root, { "data-slot": "hover-card", ...t });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(r.Trigger, { "data-slot": "hover-card-trigger", ...t });
+}
+function l({
+  className: t,
+  align: e = "center",
+  sideOffset: a = 4,
+  ...d
+}) {
+  return /* @__PURE__ */ o.jsx(r.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ o.jsx(
+    r.Content,
+    {
+      "data-slot": "hover-card-content",
+      align: e,
+      sideOffset: a,
+      className: i(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        t
+      ),
+      ...d
+    }
+  ) });
+}
+export {
+  m as HoverCard,
+  l as HoverCardContent,
+  c as HoverCardTrigger
+};

package/dist/components/icon-component.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../icon-component-LY_vGYHZ.cjs");exports.IconComponent=o.IconComponent;

package/dist/components/icon-component.es.js

@@ -0,0 +1,4 @@
+import { I as e } from "../icon-component-BZ-4FDV6.js";
+export {
+  e as IconComponent
+};

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

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../jsx-runtime-DUiatUiq.cjs"),ke=require("react"),K=require("../index-DoxiiusW.cjs"),Re=require("../icon-component-LY_vGYHZ.cjs");function Te(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const n=Te(ke);var Ie=Object.defineProperty,De=Object.defineProperties,Ae=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,ve=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable,fe=(e,r,a)=>r in e?Ie(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,We=(e,r)=>{for(var a in r||(r={}))ve.call(r,a)&&fe(e,a,r[a]);if(Q)for(var a of Q(r))ge.call(r,a)&&fe(e,a,r[a]);return e},Be=(e,r)=>De(e,Ae(r)),_e=(e,r)=>{var a={};for(var i in e)ve.call(e,i)&&r.indexOf(i)<0&&(a[i]=e[i]);if(e!=null&&Q)for(var i of Q(e))r.indexOf(i)<0&&ge.call(e,i)&&(a[i]=e[i]);return a};function Ne(e){let r=setTimeout(e,0),a=setTimeout(e,10),i=setTimeout(e,50);return[r,a,i]}function Fe(e){let r=n.useRef();return n.useEffect(()=>{r.current=e}),r.current}var He=18,he=40,Le=`${he}px`,Ge=["[data-lastpass-icon-root]","com-1password-button","[data-dashlanecreated]",'[style$="2147483647 !important;"]'].join(",");function $e({containerRef:e,inputRef:r,pushPasswordManagerStrategy:a,isFocused:i}){let[w,p]=n.useState(!1),[j,M]=n.useState(!1),[A,F]=n.useState(!1),H=n.useMemo(()=>a==="none"?!1:(a==="increase-width"||a==="experimental-no-flickering")&&w&&j,[w,j,a]),W=n.useCallback(()=>{let f=e.current,P=r.current;if(!f||!P||A||a==="none")return;let h=f,E=h.getBoundingClientRect().left+h.offsetWidth,B=h.getBoundingClientRect().top+h.offsetHeight/2,u=E-He,L=B;document.querySelectorAll(Ge).length===0&&document.elementFromPoint(u,L)===f||(p(!0),F(!0))},[e,r,A,a]);return n.useEffect(()=>{let f=e.current;if(!f||a==="none")return;function P(){let E=window.innerWidth-f.getBoundingClientRect().right;M(E>=he)}P();let h=setInterval(P,1e3);return()=>{clearInterval(h)}},[e,a]),n.useEffect(()=>{let f=i||document.activeElement===r.current;if(a==="none"||!f)return;let P=setTimeout(W,0),h=setTimeout(W,2e3),E=setTimeout(W,5e3),B=setTimeout(()=>{F(!0)},6e3);return()=>{clearTimeout(P),clearTimeout(h),clearTimeout(E),clearTimeout(B)}},[r,i,a,W]),{hasPWMBadge:w,willPushPWMBadge:H,PWM_BADGE_SPACE_WIDTH:Le}}var be=n.createContext({}),xe=n.forwardRef((e,r)=>{var a=e,{value:i,onChange:w,maxLength:p,textAlign:j="left",pattern:M,placeholder:A,inputMode:F="numeric",onComplete:H,pushPasswordManagerStrategy:W="increase-width",pasteTransformer:f,containerClassName:P,noScriptCSSFallback:h=qe,render:E,children:B}=a,u=_e(a,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]),L,ne,re,ae,le;let[we,Ee]=n.useState(typeof u.defaultValue=="string"?u.defaultValue:""),s=i??we,O=Fe(s),G=n.useCallback(t=>{w?.(t),Ee(t)},[w]),x=n.useMemo(()=>M?typeof M=="string"?new RegExp(M):M:null,[M]),c=n.useRef(null),U=n.useRef(null),X=n.useRef({value:s,onChange:G,isIOS:typeof window<"u"&&((ne=(L=window?.CSS)==null?void 0:L.supports)==null?void 0:ne.call(L,"-webkit-touch-callout","none"))}),Z=n.useRef({prev:[(re=c.current)==null?void 0:re.selectionStart,(ae=c.current)==null?void 0:ae.selectionEnd,(le=c.current)==null?void 0:le.selectionDirection]});n.useImperativeHandle(r,()=>c.current,[]),n.useEffect(()=>{let t=c.current,l=U.current;if(!t||!l)return;X.current.value!==t.value&&X.current.onChange(t.value),Z.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){q(null),z(null);return}let o=t.selectionStart,m=t.selectionEnd,J=t.selectionDirection,b=t.maxLength,R=t.value,S=Z.current.prev,y=-1,C=-1,T;if(R.length!==0&&o!==null&&m!==null){let je=o===m,Me=o===R.length&&R.length<b;if(je&&!Me){let I=o;if(I===0)y=0,C=1,T="forward";else if(I===b)y=I-1,C=I,T="backward";else if(b>1&&R.length>1){let te=0;if(S[0]!==null&&S[1]!==null){T=I<S[1]?"backward":"forward";let Oe=S[0]===S[1]&&S[0]<b;T==="backward"&&!Oe&&(te=-1)}y=te+I,C=te+I+1}}y!==-1&&C!==-1&&y!==C&&c.current.setSelectionRange(y,C,T)}let de=y!==-1?y:o,me=C!==-1?C:m,Ce=T??J;q(de),z(me),Z.current.prev=[de,me,Ce]}if(document.addEventListener("selectionchange",d,{capture:!0}),d(),document.activeElement===t&&Y(!0),!document.getElementById("input-otp-style")){let o=document.createElement("style");if(o.id="input-otp-style",document.head.appendChild(o),o.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(o.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),V(o.sheet,`[data-input-otp]:autofill { ${m} }`),V(o.sheet,`[data-input-otp]:-webkit-autofill { ${m} }`),V(o.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(o.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let v=()=>{l&&l.style.setProperty("--root-height",`${t.clientHeight}px`)};v();let g=new ResizeObserver(v);return g.observe(t),()=>{document.removeEventListener("selectionchange",d,{capture:!0}),g.disconnect()}},[]);let[oe,ie]=n.useState(!1),[$,Y]=n.useState(!1),[k,q]=n.useState(null),[_,z]=n.useState(null);n.useEffect(()=>{Ne(()=>{var t,l,d,v;(t=c.current)==null||t.dispatchEvent(new Event("input"));let g=(l=c.current)==null?void 0:l.selectionStart,o=(d=c.current)==null?void 0:d.selectionEnd,m=(v=c.current)==null?void 0:v.selectionDirection;g!==null&&o!==null&&(q(g),z(o),Z.current.prev=[g,o,m])})},[s,$]),n.useEffect(()=>{O!==void 0&&s!==O&&O.length<p&&s.length===p&&H?.(s)},[p,H,O,s]);let N=$e({containerRef:U,inputRef:c,pushPasswordManagerStrategy:W,isFocused:$}),ue=n.useCallback(t=>{let l=t.currentTarget.value.slice(0,p);if(l.length>0&&x&&!x.test(l)){t.preventDefault();return}typeof O=="string"&&l.length<O.length&&document.dispatchEvent(new Event("selectionchange")),G(l)},[p,G,O,x]),se=n.useCallback(()=>{var t;if(c.current){let l=Math.min(c.current.value.length,p-1),d=c.current.value.length;(t=c.current)==null||t.setSelectionRange(l,d),q(l),z(d)}Y(!0)},[p]),ce=n.useCallback(t=>{var l,d;let v=c.current;if(!f&&(!X.current.isIOS||!t.clipboardData||!v))return;let g=t.clipboardData.getData("text/plain"),o=f?f(g):g;t.preventDefault();let m=(l=c.current)==null?void 0:l.selectionStart,J=(d=c.current)==null?void 0:d.selectionEnd,b=(m!==J?s.slice(0,m)+o+s.slice(J):s.slice(0,m)+o+s.slice(m)).slice(0,p);if(b.length>0&&x&&!x.test(b))return;v.value=b,G(b);let R=Math.min(b.length,p-1),S=b.length;v.setSelectionRange(R,S),q(R),z(S)},[p,G,x,s]),Se=n.useMemo(()=>({position:"relative",cursor:u.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[u.disabled]),pe=n.useMemo(()=>({position:"absolute",inset:0,width:N.willPushPWMBadge?`calc(100% + ${N.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:N.willPushPWMBadge?`inset(0 ${N.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:j,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"}),[N.PWM_BADGE_SPACE_WIDTH,N.willPushPWMBadge,j]),Pe=n.useMemo(()=>n.createElement("input",Be(We({autoComplete:u.autoComplete||"one-time-code"},u),{"data-input-otp":!0,"data-input-otp-placeholder-shown":s.length===0||void 0,"data-input-otp-mss":k,"data-input-otp-mse":_,inputMode:F,pattern:x?.source,"aria-placeholder":A,style:pe,maxLength:p,value:s,ref:c,onPaste:t=>{var l;ce(t),(l=u.onPaste)==null||l.call(u,t)},onChange:ue,onMouseOver:t=>{var l;ie(!0),(l=u.onMouseOver)==null||l.call(u,t)},onMouseLeave:t=>{var l;ie(!1),(l=u.onMouseLeave)==null||l.call(u,t)},onFocus:t=>{var l;se(),(l=u.onFocus)==null||l.call(u,t)},onBlur:t=>{var l;Y(!1),(l=u.onBlur)==null||l.call(u,t)}})),[ue,se,ce,F,pe,p,_,k,u,x?.source,s]),ee=n.useMemo(()=>({slots:Array.from({length:p}).map((t,l)=>{var d;let v=$&&k!==null&&_!==null&&(k===_&&l===k||l>=k&&l<_),g=s[l]!==void 0?s[l]:null,o=s[0]!==void 0?null:(d=A?.[l])!=null?d:null;return{char:g,placeholderChar:o,isActive:v,hasFakeCaret:v&&g===null}}),isFocused:$,isHovering:!u.disabled&&oe}),[$,oe,p,_,k,u.disabled,s]),ye=n.useMemo(()=>E?E(ee):n.createElement(be.Provider,{value:ee},B),[B,ee,E]);return n.createElement(n.Fragment,null,h!==null&&n.createElement("noscript",null,n.createElement("style",null,h)),n.createElement("div",{ref:U,"data-input-otp-container":!0,style:Se,className:P},ye,n.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},Pe)))});xe.displayName="Input";function V(e,r){try{e.insertRule(r)}catch{console.error("input-otp could not insert CSS rule:",r)}}var qe=`
+[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 ze({className:e,containerClassName:r,...a}){return D.jsxRuntimeExports.jsx(xe,{"data-slot":"input-otp",containerClassName:K.cn("flex items-center gap-2 has-disabled:opacity-50",r),className:K.cn("disabled:cursor-not-allowed",e),...a})}function Ve({className:e,...r}){return D.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-group",className:K.cn("flex items-center",e),...r})}function Ze({index:e,className:r,...a}){const i=n.useContext(be),{char:w,hasFakeCaret:p,isActive:j}=i?.slots[e]??{};return D.jsxRuntimeExports.jsxs("div",{"data-slot":"input-otp-slot","data-active":j,className:K.cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm 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]",r),...a,children:[w,p&&D.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:D.jsxRuntimeExports.jsx("div",{className:"animate-caret-blink bg-foreground h-4 w-px duration-1000"})})]})}function Je({...e}){return D.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...e,children:D.jsxRuntimeExports.jsx(Re.IconComponent,{iconName:"IconMinus"})})}exports.InputOTP=ze;exports.InputOTPGroup=Ve;exports.InputOTPSeparator=Je;exports.InputOTPSlot=Ze;

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

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

package/dist/components/input.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-DFPJ_mtM.cjs");exports.Input=t.Input;

package/dist/components/input.es.js

@@ -0,0 +1,4 @@
+import { I as r } from "../input-DwPDvbRE.js";
+export {
+  r as Input
+};

package/dist/components/label.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../label-CbzkBbPT.cjs");exports.Label=e.Label;

package/dist/components/label.es.js

@@ -0,0 +1,4 @@
+import { L as o } from "../label-BpDUqtrC.js";
+export {
+  o as Label
+};

package/dist/components/menubar.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-DUiatUiq.cjs"),c=require("@radix-ui/react-menubar"),o=require("../index-DoxiiusW.cjs"),i=require("../icon-component-LY_vGYHZ.cjs");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=m(c);function l({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Root,{"data-slot":"menubar",className:o.cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",e),...t})}function x({...e}){return n.jsxRuntimeExports.jsx(a.Menu,{"data-slot":"menubar-menu",...e})}function b({...e}){return n.jsxRuntimeExports.jsx(a.Group,{"data-slot":"menubar-group",...e})}function u({...e}){return n.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"menubar-portal",...e})}function p({...e}){return n.jsxRuntimeExports.jsx(a.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function f({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"menubar-trigger",className:o.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",e),...t})}function g({className:e,align:t="start",alignOffset:r=-4,sideOffset:s=8,...d}){return n.jsxRuntimeExports.jsx(u,{children:n.jsxRuntimeExports.jsx(a.Content,{"data-slot":"menubar-content",align:t,alignOffset:r,sideOffset:s,className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in 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-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",e),...d})})}function j({className:e,inset:t,variant:r="default",...s}){return n.jsxRuntimeExports.jsx(a.Item,{"data-slot":"menubar-item","data-inset":t,"data-variant":r,className:o.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-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",e),...s})}function v({className:e,children:t,checked:r,...s}){return n.jsxRuntimeExports.jsxs(a.CheckboxItem,{"data-slot":"menubar-checkbox-item",className:o.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs 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",e),checked:r,...s,children:[n.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n.jsxRuntimeExports.jsx(a.ItemIndicator,{children:n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t]})}function M({className:e,children:t,...r}){return n.jsxRuntimeExports.jsxs(a.RadioItem,{"data-slot":"menubar-radio-item",className:o.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs 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",e),...r,children:[n.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n.jsxRuntimeExports.jsx(a.ItemIndicator,{children:n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconCircle",className:"size-2 fill-current"})})}),t]})}function h({className:e,inset:t,...r}){return n.jsxRuntimeExports.jsx(a.Label,{"data-slot":"menubar-label","data-inset":t,className:o.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function R({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Separator,{"data-slot":"menubar-separator",className:o.cn("bg-border -mx-1 my-1 h-px",e),...t})}function E({className:e,...t}){return n.jsxRuntimeExports.jsx("span",{"data-slot":"menubar-shortcut",className:o.cn("text-muted-foreground ml-auto text-xs tracking-widest",e),...t})}function N({...e}){return n.jsxRuntimeExports.jsx(a.Sub,{"data-slot":"menubar-sub",...e})}function I({className:e,inset:t,children:r,...s}){return n.jsxRuntimeExports.jsxs(a.SubTrigger,{"data-slot":"menubar-sub-trigger","data-inset":t,className:o.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",e),...s,children:[r,n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconChevronRight",className:"ml-auto h-4 w-4"})]})}function S({className:e,...t}){return n.jsxRuntimeExports.jsx(a.SubContent,{"data-slot":"menubar-sub-content",className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...t})}exports.Menubar=l;exports.MenubarCheckboxItem=v;exports.MenubarContent=g;exports.MenubarGroup=b;exports.MenubarItem=j;exports.MenubarLabel=h;exports.MenubarMenu=x;exports.MenubarPortal=u;exports.MenubarRadioGroup=p;exports.MenubarRadioItem=M;exports.MenubarSeparator=R;exports.MenubarShortcut=E;exports.MenubarSub=N;exports.MenubarSubContent=S;exports.MenubarSubTrigger=I;exports.MenubarTrigger=f;