@arolariu/components 0.0.21 → 0.0.22

package/dist/es/index.js

@@ -1,58 +1,57 @@
 import { Accordion as o, AccordionContent as t, AccordionItem as a, AccordionTrigger as n } from "./accordion.js";
-import { AlertDialog as l, AlertDialogAction as u, AlertDialogCancel as p, AlertDialogContent as m, AlertDialogDescription as d, AlertDialogFooter as g, AlertDialogHeader as b, AlertDialogOverlay as C, AlertDialogPortal as S, AlertDialogTitle as x, AlertDialogTrigger as M } from "./alert-dialog.js";
-import { Alert as c, AlertDescription as T, AlertTitle as s } from "./alert.js";
+import { AlertDialog as l, AlertDialogAction as u, AlertDialogCancel as p, AlertDialogContent as m, AlertDialogDescription as d, AlertDialogFooter as g, AlertDialogHeader as b, AlertDialogOverlay as C, AlertDialogPortal as S, AlertDialogTitle as s, AlertDialogTrigger as x } from "./alert-dialog.js";
+import { Alert as c, AlertDescription as D, AlertTitle as T } from "./alert.js";
 import { AspectRatio as I } from "./aspect-ratio.js";
-import { Avatar as P, AvatarFallback as A, AvatarImage as v } from "./avatar.js";
+import { Avatar as P, AvatarFallback as v, AvatarImage as A } from "./avatar.js";
 import { Badge as F, badgeVariants as G } from "./badge.js";
 import { Breadcrumb as L, BreadcrumbEllipsis as R, BreadcrumbItem as H, BreadcrumbLink as k, BreadcrumbList as N, BreadcrumbPage as y, BreadcrumbSeparator as O } from "./breadcrumb.js";
 import { Button as z, buttonVariants as E } from "./button.js";
-import { Calendar as j } from "./calendar.js";
+import { Calendar as q } from "./calendar.js";
 import { Card as J, CardContent as K, CardDescription as Q, CardFooter as W, CardHeader as X, CardTitle as Y } from "./card.js";
 import { Carousel as _, CarouselContent as $, CarouselItem as ee, CarouselNext as re, CarouselPrevious as oe } from "./carousel.js";
 import { ChartContainer as ae, ChartLegend as ne, ChartLegendContent as ie, ChartStyle as le, ChartTooltip as ue, ChartTooltipContent as pe } from "./chart.js";
 import { Checkbox as de } from "./checkbox.js";
 import { Collapsible as be, CollapsibleContent as Ce, CollapsibleTrigger as Se } from "./collapsible.js";
-import { Command as Me, CommandDialog as De, CommandEmpty as ce, CommandGroup as Te, CommandInput as se, CommandItem as fe, CommandList as Ie, CommandSeparator as we, CommandShortcut as Pe } from "./command.js";
-import { ContextMenu as ve, ContextMenuCheckboxItem as he, ContextMenuContent as Fe, ContextMenuGroup as Ge, ContextMenuItem as Be, ContextMenuLabel as Le, ContextMenuPortal as Re, ContextMenuRadioGroup as He, ContextMenuRadioItem as ke, ContextMenuSeparator as Ne, ContextMenuShortcut as ye, ContextMenuSub as Oe, ContextMenuSubContent as Ve, ContextMenuSubTrigger as ze, ContextMenuTrigger as Ee } from "./context-menu.js";
-import { Dialog as je, DialogClose as qe, DialogContent as Je, DialogDescription as Ke, DialogFooter as Qe, DialogHeader as We, DialogOverlay as Xe, DialogPortal as Ye, DialogTitle as Ze, DialogTrigger as _e } from "./dialog.js";
+import { Command as xe, CommandDialog as Me, CommandEmpty as ce, CommandGroup as De, CommandInput as Te, CommandItem as fe, CommandList as Ie, CommandSeparator as we, CommandShortcut as Pe } from "./command.js";
+import { ContextMenu as Ae, ContextMenuCheckboxItem as he, ContextMenuContent as Fe, ContextMenuGroup as Ge, ContextMenuItem as Be, ContextMenuLabel as Le, ContextMenuPortal as Re, ContextMenuRadioGroup as He, ContextMenuRadioItem as ke, ContextMenuSeparator as Ne, ContextMenuShortcut as ye, ContextMenuSub as Oe, ContextMenuSubContent as Ve, ContextMenuSubTrigger as ze, ContextMenuTrigger as Ee } from "./context-menu.js";
+import { Dialog as qe, DialogClose as Ue, DialogContent as Je, DialogDescription as Ke, DialogFooter as Qe, DialogHeader as We, DialogOverlay as Xe, DialogPortal as Ye, DialogTitle as Ze, DialogTrigger as _e } from "./dialog.js";
 import { Drawer as er, DrawerClose as rr, DrawerContent as or, DrawerDescription as tr, DrawerFooter as ar, DrawerHeader as nr, DrawerOverlay as ir, DrawerPortal as lr, DrawerTitle as ur, DrawerTrigger as pr } from "./drawer.js";
-import { DropdownMenu as dr, DropdownMenuCheckboxItem as gr, DropdownMenuContent as br, DropdownMenuGroup as Cr, DropdownMenuItem as Sr, DropdownMenuLabel as xr, DropdownMenuPortal as Mr, DropdownMenuRadioGroup as Dr, DropdownMenuRadioItem as cr, DropdownMenuSeparator as Tr, DropdownMenuShortcut as sr, DropdownMenuSub as fr, DropdownMenuSubContent as Ir, DropdownMenuSubTrigger as wr, DropdownMenuTrigger as Pr } from "./dropdown-menu.js";
-import { Form as vr, FormControl as hr, FormDescription as Fr, FormField as Gr, FormItem as Br, FormLabel as Lr, FormMessage as Rr, useFormField as Hr } from "./form.js";
+import { DropdownMenu as dr, DropdownMenuCheckboxItem as gr, DropdownMenuContent as br, DropdownMenuGroup as Cr, DropdownMenuItem as Sr, DropdownMenuLabel as sr, DropdownMenuPortal as xr, DropdownMenuRadioGroup as Mr, DropdownMenuRadioItem as cr, DropdownMenuSeparator as Dr, DropdownMenuShortcut as Tr, DropdownMenuSub as fr, DropdownMenuSubContent as Ir, DropdownMenuSubTrigger as wr, DropdownMenuTrigger as Pr } from "./dropdown-menu.js";
+import { Form as Ar, FormControl as hr, FormDescription as Fr, FormField as Gr, FormItem as Br, FormLabel as Lr, FormMessage as Rr, useFormField as Hr } from "./form.js";
 import { HoverCard as Nr, HoverCardContent as yr, HoverCardTrigger as Or } from "./hover-card.js";
-import { InputOTP as zr, InputOTPGroup as Er, InputOTPSeparator as Ur, InputOTPSlot as jr } from "./input-otp.js";
+import { InputOTP as zr, InputOTPGroup as Er, InputOTPSeparator as jr, InputOTPSlot as qr } from "./input-otp.js";
 import { Input as Jr } from "./input.js";
 import { Label as Qr } from "./label.js";
 import { Menubar as Xr, MenubarCheckboxItem as Yr, MenubarContent as Zr, MenubarGroup as _r, MenubarItem as $r, MenubarLabel as eo, MenubarMenu as ro, MenubarPortal as oo, MenubarRadioGroup as to, MenubarRadioItem as ao, MenubarSeparator as no, MenubarShortcut as io, MenubarSub as lo, MenubarSubContent as uo, MenubarSubTrigger as po, MenubarTrigger as mo } from "./menubar.js";
-import { NavigationMenu as bo, NavigationMenuContent as Co, NavigationMenuIndicator as So, NavigationMenuItem as xo, NavigationMenuLink as Mo, NavigationMenuList as Do, NavigationMenuTrigger as co, NavigationMenuViewport as To, navigationMenuTriggerStyle as so } from "./navigation-menu.js";
-import { Pagination as Io, PaginationContent as wo, PaginationEllipsis as Po, PaginationItem as Ao, PaginationLink as vo, PaginationNext as ho, PaginationPrevious as Fo } from "./pagination.js";
+import { NavigationMenu as bo, NavigationMenuContent as Co, NavigationMenuIndicator as So, NavigationMenuItem as so, NavigationMenuLink as xo, NavigationMenuList as Mo, NavigationMenuTrigger as co, NavigationMenuViewport as Do, navigationMenuTriggerStyle as To } from "./navigation-menu.js";
+import { Pagination as Io, PaginationContent as wo, PaginationEllipsis as Po, PaginationItem as vo, PaginationLink as Ao, PaginationNext as ho, PaginationPrevious as Fo } from "./pagination.js";
 import { Popover as Bo, PopoverAnchor as Lo, PopoverContent as Ro, PopoverTrigger as Ho } from "./popover.js";
 import { Progress as No } from "./progress.js";
 import { RadioGroup as Oo, RadioGroupItem as Vo } from "./radio-group.js";
-import { ResizableHandle as Eo, ResizablePanel as Uo, ResizablePanelGroup as jo } from "./resizable.js";
+import { ResizableHandle as Eo, ResizablePanel as jo, ResizablePanelGroup as qo } from "./resizable.js";
 import { ScrollArea as Jo, ScrollBar as Ko } from "./scroll-area.js";
 import { Select as Wo, SelectContent as Xo, SelectGroup as Yo, SelectItem as Zo, SelectLabel as _o, SelectScrollDownButton as $o, SelectScrollUpButton as et, SelectSeparator as rt, SelectTrigger as ot, SelectValue as tt } from "./select.js";
 import { Separator as nt } from "./separator.js";
 import { Sheet as lt, SheetClose as ut, SheetContent as pt, SheetDescription as mt, SheetFooter as dt, SheetHeader as gt, SheetTitle as bt, SheetTrigger as Ct } from "./sheet.js";
-import { Sidebar as xt, SidebarContent as Mt, SidebarFooter as Dt, SidebarGroup as ct, SidebarGroupAction as Tt, SidebarGroupContent as st, SidebarGroupLabel as ft, SidebarHeader as It, SidebarInput as wt, SidebarInset as Pt, SidebarMenu as At, SidebarMenuAction as vt, SidebarMenuBadge as ht, SidebarMenuButton as Ft, SidebarMenuItem as Gt, SidebarMenuSkeleton as Bt, SidebarMenuSub as Lt, SidebarMenuSubButton as Rt, SidebarMenuSubItem as Ht, SidebarProvider as kt, SidebarRail as Nt, SidebarSeparator as yt, SidebarTrigger as Ot, useSidebar as Vt } from "./sidebar.js";
-import { Skeleton as Et } from "./skeleton.js";
-import { Slider as jt } from "./slider.js";
-import { Toaster as Jt } from "./sonner.js";
-import { Switch as Qt } from "./switch.js";
-import { Table as Xt, TableBody as Yt, TableCaption as Zt, TableCell as _t, TableFooter as $t, TableHead as ea, TableHeader as ra, TableRow as oa } from "./table.js";
-import { Tabs as aa, TabsContent as na, TabsList as ia, TabsTrigger as la } from "./tabs.js";
-import { Textarea as pa } from "./textarea.js";
-import { ToggleGroup as da, ToggleGroupItem as ga } from "./toggle-group.js";
-import { Toggle as Ca, toggleVariants as Sa } from "./toggle.js";
-import { Tooltip as Ma, TooltipContent as Da, TooltipProvider as ca, TooltipTrigger as Ta } from "./tooltip.js";
-import { useIsMobile as fa } from "./hooks/use-mobile.js";
-import { cn as wa } from "./lib/utils.js";
+import { S as st, a as xt, b as Mt, c as ct, d as Dt, e as Tt, f as ft, g as It, h as wt, i as Pt, j as vt, k as At, l as ht, m as Ft, n as Gt, o as Bt, p as Lt, q as Rt, r as Ht, s as kt, t as Nt, u as yt, v as Ot, x as Vt, w as zt } from "./sidebar-B-DB4ekI.js";
+import { Skeleton as jt } from "./skeleton.js";
+import { Slider as Ut } from "./slider.js";
+import { Toaster as Kt } from "./sonner.js";
+import { Switch as Wt } from "./switch.js";
+import { Table as Yt, TableBody as Zt, TableCaption as _t, TableCell as $t, TableFooter as ea, TableHead as ra, TableHeader as oa, TableRow as ta } from "./table.js";
+import { Tabs as na, TabsContent as ia, TabsList as la, TabsTrigger as ua } from "./tabs.js";
+import { Textarea as ma } from "./textarea.js";
+import { ToggleGroup as ga, ToggleGroupItem as ba } from "./toggle-group.js";
+import { T as Sa, t as sa } from "./toggle-sZQvHluU.js";
+import { Tooltip as Ma, TooltipContent as ca, TooltipProvider as Da, TooltipTrigger as Ta } from "./tooltip.js";
+import { c as Ia } from "./utils-B9KdtH6G.js";
 export {
   o as Accordion,
   t as AccordionContent,
   a as AccordionItem,
   n as AccordionTrigger,
   c as Alert,
-  T as AlertDescription,
+  D as AlertDescription,
   l as AlertDialog,
   u as AlertDialogAction,
   p as AlertDialogCancel,
@@ -62,13 +61,13 @@ export {
   b as AlertDialogHeader,
   C as AlertDialogOverlay,
   S as AlertDialogPortal,
-  x as AlertDialogTitle,
-  M as AlertDialogTrigger,
-  s as AlertTitle,
+  s as AlertDialogTitle,
+  x as AlertDialogTrigger,
+  T as AlertTitle,
   I as AspectRatio,
   P as Avatar,
-  A as AvatarFallback,
-  v as AvatarImage,
+  v as AvatarFallback,
+  A as AvatarImage,
   F as Badge,
   L as Breadcrumb,
   R as BreadcrumbEllipsis,
@@ -78,7 +77,7 @@ export {
   y as BreadcrumbPage,
   O as BreadcrumbSeparator,
   z as Button,
-  j as Calendar,
+  q as Calendar,
   J as Card,
   K as CardContent,
   Q as CardDescription,
@@ -100,16 +99,16 @@ export {
   be as Collapsible,
   Ce as CollapsibleContent,
   Se as CollapsibleTrigger,
-  Me as Command,
-  De as CommandDialog,
+  xe as Command,
+  Me as CommandDialog,
   ce as CommandEmpty,
-  Te as CommandGroup,
-  se as CommandInput,
+  De as CommandGroup,
+  Te as CommandInput,
   fe as CommandItem,
   Ie as CommandList,
   we as CommandSeparator,
   Pe as CommandShortcut,
-  ve as ContextMenu,
+  Ae as ContextMenu,
   he as ContextMenuCheckboxItem,
   Fe as ContextMenuContent,
   Ge as ContextMenuGroup,
@@ -124,8 +123,8 @@ export {
   Ve as ContextMenuSubContent,
   ze as ContextMenuSubTrigger,
   Ee as ContextMenuTrigger,
-  je as Dialog,
-  qe as DialogClose,
+  qe as Dialog,
+  Ue as DialogClose,
   Je as DialogContent,
   Ke as DialogDescription,
   Qe as DialogFooter,
@@ -149,17 +148,17 @@ export {
   br as DropdownMenuContent,
   Cr as DropdownMenuGroup,
   Sr as DropdownMenuItem,
-  xr as DropdownMenuLabel,
-  Mr as DropdownMenuPortal,
-  Dr as DropdownMenuRadioGroup,
+  sr as DropdownMenuLabel,
+  xr as DropdownMenuPortal,
+  Mr as DropdownMenuRadioGroup,
   cr as DropdownMenuRadioItem,
-  Tr as DropdownMenuSeparator,
-  sr as DropdownMenuShortcut,
+  Dr as DropdownMenuSeparator,
+  Tr as DropdownMenuShortcut,
   fr as DropdownMenuSub,
   Ir as DropdownMenuSubContent,
   wr as DropdownMenuSubTrigger,
   Pr as DropdownMenuTrigger,
-  vr as Form,
+  Ar as Form,
   hr as FormControl,
   Fr as FormDescription,
   Gr as FormField,
@@ -172,8 +171,8 @@ export {
   Jr as Input,
   zr as InputOTP,
   Er as InputOTPGroup,
-  Ur as InputOTPSeparator,
-  jr as InputOTPSlot,
+  jr as InputOTPSeparator,
+  qr as InputOTPSlot,
   Qr as Label,
   Xr as Menubar,
   Yr as MenubarCheckboxItem,
@@ -194,16 +193,16 @@ export {
   bo as NavigationMenu,
   Co as NavigationMenuContent,
   So as NavigationMenuIndicator,
-  xo as NavigationMenuItem,
-  Mo as NavigationMenuLink,
-  Do as NavigationMenuList,
+  so as NavigationMenuItem,
+  xo as NavigationMenuLink,
+  Mo as NavigationMenuList,
   co as NavigationMenuTrigger,
-  To as NavigationMenuViewport,
+  Do as NavigationMenuViewport,
   Io as Pagination,
   wo as PaginationContent,
   Po as PaginationEllipsis,
-  Ao as PaginationItem,
-  vo as PaginationLink,
+  vo as PaginationItem,
+  Ao as PaginationLink,
   ho as PaginationNext,
   Fo as PaginationPrevious,
   Bo as Popover,
@@ -214,8 +213,8 @@ export {
   Oo as RadioGroup,
   Vo as RadioGroupItem,
   Eo as ResizableHandle,
-  Uo as ResizablePanel,
-  jo as ResizablePanelGroup,
+  jo as ResizablePanel,
+  qo as ResizablePanelGroup,
   Jo as ScrollArea,
   Ko as ScrollBar,
   Wo as Select,
@@ -237,18 +236,18 @@ export {
   gt as SheetHeader,
   bt as SheetTitle,
   Ct as SheetTrigger,
-  xt as Sidebar,
-  Mt as SidebarContent,
-  Dt as SidebarFooter,
+  st as Sidebar,
+  xt as SidebarContent,
+  Mt as SidebarFooter,
   ct as SidebarGroup,
-  Tt as SidebarGroupAction,
-  st as SidebarGroupContent,
+  Dt as SidebarGroupAction,
+  Tt as SidebarGroupContent,
   ft as SidebarGroupLabel,
   It as SidebarHeader,
   wt as SidebarInput,
   Pt as SidebarInset,
-  At as SidebarMenu,
-  vt as SidebarMenuAction,
+  vt as SidebarMenu,
+  At as SidebarMenuAction,
   ht as SidebarMenuBadge,
   Ft as SidebarMenuButton,
   Gt as SidebarMenuItem,
@@ -260,37 +259,37 @@ export {
   Nt as SidebarRail,
   yt as SidebarSeparator,
   Ot as SidebarTrigger,
-  Et as Skeleton,
-  jt as Slider,
-  Qt as Switch,
-  Xt as Table,
-  Yt as TableBody,
-  Zt as TableCaption,
-  _t as TableCell,
-  $t as TableFooter,
-  ea as TableHead,
-  ra as TableHeader,
-  oa as TableRow,
-  aa as Tabs,
-  na as TabsContent,
-  ia as TabsList,
-  la as TabsTrigger,
-  pa as Textarea,
-  Jt as Toaster,
-  Ca as Toggle,
-  da as ToggleGroup,
-  ga as ToggleGroupItem,
+  jt as Skeleton,
+  Ut as Slider,
+  Wt as Switch,
+  Yt as Table,
+  Zt as TableBody,
+  _t as TableCaption,
+  $t as TableCell,
+  ea as TableFooter,
+  ra as TableHead,
+  oa as TableHeader,
+  ta as TableRow,
+  na as Tabs,
+  ia as TabsContent,
+  la as TabsList,
+  ua as TabsTrigger,
+  ma as Textarea,
+  Kt as Toaster,
+  Sa as Toggle,
+  ga as ToggleGroup,
+  ba as ToggleGroupItem,
   Ma as Tooltip,
-  Da as TooltipContent,
-  ca as TooltipProvider,
+  ca as TooltipContent,
+  Da as TooltipProvider,
   Ta as TooltipTrigger,
   G as badgeVariants,
   E as buttonVariants,
-  wa as cn,
-  so as navigationMenuTriggerStyle,
-  Sa as toggleVariants,
+  Ia as cn,
+  To as navigationMenuTriggerStyle,
+  sa as toggleVariants,
   Hr as useFormField,
-  fa as useIsMobile,
-  Vt as useSidebar
+  Vt as useIsMobile,
+  zt as useSidebar
 };
 //# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/es/input-otp.js

@@ -1,66 +1,261 @@
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import * as l from "react";
-import { OTPInput as c, OTPInputContext as p } from "./node_modules/input-otp/dist/index.js";
-import { cn as e } from "./lib/utils.js";
-import v from "./node_modules/lucide-react/dist/esm/icons/minus.js";
-function g({
-  className: t,
-  containerClassName: r,
-  ...i
+import { jsx as F, jsxs as Re } from "react/jsx-runtime";
+import * as t from "react";
+import { c as K } from "./utils-B9KdtH6G.js";
+import { c as Oe } from "./createLucideIcon-DuEFx7Oi.js";
+/**
+ * @license lucide-react v0.477.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = [["path", { d: "M5 12h14", key: "1ays0h" }]], De = Oe("Minus", je);
+var Ae = Object.defineProperty, Ie = Object.defineProperties, We = Object.getOwnPropertyDescriptors, Q = Object.getOwnPropertySymbols, fe = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable, ve = (n, a, l) => a in n ? Ae(n, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[a] = l, Be = (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)) he.call(a, l) && ve(n, l, a[l]);
+  return n;
+}, _e = (n, a) => Ie(n, We(a)), Fe = (n, a) => {
+  var l = {};
+  for (var c in n) fe.call(n, c) && a.indexOf(c) < 0 && (l[c] = n[c]);
+  if (n != null && Q) for (var c of Q(n)) a.indexOf(c) < 0 && he.call(n, c) && (l[c] = n[c]);
+  return l;
+};
+function Ne(n) {
+  let a = setTimeout(n, 0), l = setTimeout(n, 10), c = setTimeout(n, 50);
+  return [a, l, c];
+}
+function He(n) {
+  let a = t.useRef();
+  return t.useEffect(() => {
+    a.current = n;
+  }), a.current;
+}
+var Le = 18, ge = 40, Ge = `${ge}px`, $e = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function ze({ containerRef: n, inputRef: a, pushPasswordManagerStrategy: l, isFocused: c }) {
+  let [S, d] = t.useState(!1), [M, E] = t.useState(!1), [A, N] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && S && M, [S, M, l]), I = t.useCallback(() => {
+    let v = n.current, P = a.current;
+    if (!v || !P || A || l === "none") return;
+    let g = v, y = g.getBoundingClientRect().left + g.offsetWidth, W = g.getBoundingClientRect().top + g.offsetHeight / 2, i = y - Le, L = W;
+    document.querySelectorAll($e).length === 0 && document.elementFromPoint(i, L) === v || (d(!0), N(!0));
+  }, [n, a, A, l]);
+  return t.useEffect(() => {
+    let v = n.current;
+    if (!v || l === "none") return;
+    function P() {
+      let y = window.innerWidth - v.getBoundingClientRect().right;
+      E(y >= ge);
+    }
+    P();
+    let g = setInterval(P, 1e3);
+    return () => {
+      clearInterval(g);
+    };
+  }, [n, l]), t.useEffect(() => {
+    let v = c || document.activeElement === a.current;
+    if (l === "none" || !v) return;
+    let P = setTimeout(I, 0), g = setTimeout(I, 2e3), y = setTimeout(I, 5e3), W = setTimeout(() => {
+      N(!0);
+    }, 6e3);
+    return () => {
+      clearTimeout(P), clearTimeout(g), clearTimeout(y), clearTimeout(W);
+    };
+  }, [a, c, l, I]), { hasPWMBadge: S, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Ge };
+}
+var be = t.createContext({}), we = t.forwardRef((n, a) => {
+  var l = n, { value: c, onChange: S, maxLength: d, textAlign: M = "left", pattern: E, placeholder: A, inputMode: N = "numeric", onComplete: H, pushPasswordManagerStrategy: I = "increase-width", pasteTransformer: v, containerClassName: P, noScriptCSSFallback: g = Ve, render: y, children: W } = l, i = Fe(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ne, re, ae, le;
+  let [Se, Ee] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), u = c ?? Se, T = He(u), G = t.useCallback((e) => {
+    S == null || S(e), Ee(e);
+  }, [S]), w = t.useMemo(() => E ? typeof E == "string" ? new RegExp(E) : E : null, [E]), s = t.useRef(null), U = t.useRef(null), X = t.useRef({ value: u, onChange: G, isIOS: typeof window < "u" && ((ne = (L = window == null ? void 0 : window.CSS) == null ? void 0 : L.supports) == null ? void 0 : ne.call(L, "-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) {
+        z(null), V(null);
+        return;
+      }
+      let o = e.selectionStart, m = e.selectionEnd, J = e.selectionDirection, b = e.maxLength, O = e.value, x = Z.current.prev, k = -1, C = -1, j;
+      if (O.length !== 0 && o !== null && m !== null) {
+        let Ce = o === m, Me = o === O.length && O.length < b;
+        if (Ce && !Me) {
+          let D = o;
+          if (D === 0) k = 0, C = 1, j = "forward";
+          else if (D === b) k = D - 1, C = D, j = "backward";
+          else if (b > 1 && O.length > 1) {
+            let te = 0;
+            if (x[0] !== null && x[1] !== null) {
+              j = D < x[1] ? "backward" : "forward";
+              let Te = x[0] === x[1] && x[0] < b;
+              j === "backward" && !Te && (te = -1);
+            }
+            k = te + D, C = te + D + 1;
+          }
+        }
+        k !== -1 && C !== -1 && k !== C && s.current.setSelectionRange(k, C, j);
+      }
+      let pe = k !== -1 ? k : o, me = C !== -1 ? C : m, ke = j ?? J;
+      z(pe), V(me), Z.current.prev = [pe, me, ke];
+    }
+    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 f = () => {
+      r && r.style.setProperty("--root-height", `${e.clientHeight}px`);
+    };
+    f();
+    let h = new ResizeObserver(f);
+    return h.observe(e), () => {
+      document.removeEventListener("selectionchange", p, { capture: !0 }), h.disconnect();
+    };
+  }, []);
+  let [oe, ie] = t.useState(!1), [$, Y] = t.useState(!1), [R, z] = t.useState(null), [B, V] = t.useState(null);
+  t.useEffect(() => {
+    Ne(() => {
+      var e, r, p, f;
+      (e = s.current) == null || e.dispatchEvent(new Event("input"));
+      let h = (r = s.current) == null ? void 0 : r.selectionStart, o = (p = s.current) == null ? void 0 : p.selectionEnd, m = (f = s.current) == null ? void 0 : f.selectionDirection;
+      h !== null && o !== null && (z(h), V(o), Z.current.prev = [h, o, m]);
+    });
+  }, [u, $]), t.useEffect(() => {
+    T !== void 0 && u !== T && T.length < d && u.length === d && (H == null || H(u));
+  }, [d, H, T, u]);
+  let _ = ze({ containerRef: U, inputRef: s, pushPasswordManagerStrategy: I, 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 T == "string" && r.length < T.length && document.dispatchEvent(new Event("selectionchange")), G(r);
+  }, [d, G, T, w]), se = t.useCallback(() => {
+    var e;
+    if (s.current) {
+      let r = Math.min(s.current.value.length, d - 1), p = s.current.value.length;
+      (e = s.current) == null || e.setSelectionRange(r, p), z(r), V(p);
+    }
+    Y(!0);
+  }, [d]), ce = t.useCallback((e) => {
+    var r, p;
+    let f = s.current;
+    if (!v && (!X.current.isIOS || !e.clipboardData || !f)) return;
+    let h = e.clipboardData.getData("text/plain"), o = v ? v(h) : h;
+    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) + o + u.slice(J) : u.slice(0, m) + o + u.slice(m)).slice(0, d);
+    if (b.length > 0 && w && !w.test(b)) return;
+    f.value = b, G(b);
+    let O = Math.min(b.length, d - 1), x = b.length;
+    f.setSelectionRange(O, x), z(O), V(x);
+  }, [d, G, w, u]), ye = 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: _.willPushPWMBadge ? `calc(100% + ${_.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: _.willPushPWMBadge ? `inset(0 ${_.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" }), [_.PWM_BADGE_SPACE_WIDTH, _.willPushPWMBadge, M]), xe = t.useMemo(() => t.createElement("input", _e(Be({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": R, "data-input-otp-mse": B, inputMode: N, pattern: w == null ? void 0 : w.source, "aria-placeholder": A, style: de, maxLength: d, value: u, ref: s, 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, B, R, i, w == null ? void 0 : w.source, u]), ee = t.useMemo(() => ({ slots: Array.from({ length: d }).map((e, r) => {
+    var p;
+    let f = $ && R !== null && B !== null && (R === B && r === R || r >= R && r < B), h = u[r] !== void 0 ? u[r] : null, o = u[0] !== void 0 ? null : (p = A == null ? void 0 : A[r]) != null ? p : null;
+    return { char: h, placeholderChar: o, isActive: f, hasFakeCaret: f && h === null };
+  }), isFocused: $, isHovering: !i.disabled && oe }), [$, oe, d, B, R, i.disabled, u]), Pe = t.useMemo(() => y ? y(ee) : t.createElement(be.Provider, { value: ee }, W), [W, ee, y]);
+  return t.createElement(t.Fragment, null, g !== null && t.createElement("noscript", null, t.createElement("style", null, g)), t.createElement("div", { ref: U, "data-input-otp-container": !0, style: ye, className: P }, Pe, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, xe)));
+});
+we.displayName = "Input";
+function q(n, a) {
+  try {
+    n.insertRule(a);
+  } catch {
+    console.error("input-otp could not insert CSS rule:", a);
+  }
+}
+var Ve = `
+[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__ */ a(
-    c,
+  return /* @__PURE__ */ F(
+    we,
     {
       "data-slot": "input-otp",
-      containerClassName: e(
+      containerClassName: K(
         "flex items-center gap-2 has-disabled:opacity-50",
-        r
+        a
       ),
-      className: e("disabled:cursor-not-allowed", t),
-      ...i
+      className: K("disabled:cursor-not-allowed", n),
+      ...l
     }
   );
 }
-function h({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function Qe({ className: n, ...a }) {
+  return /* @__PURE__ */ F(
     "div",
     {
       "data-slot": "input-otp-group",
-      className: e("flex items-center", t),
-      ...r
+      className: K("flex items-center", n),
+      ...a
     }
   );
 }
-function O({
-  index: t,
-  className: r,
-  ...i
+function Ue({
+  index: n,
+  className: a,
+  ...l
 }) {
-  const n = l.useContext(p).slots[t], { char: d, hasFakeCaret: o, isActive: s } = n || {};
-  return /* @__PURE__ */ u(
+  const S = t.useContext(be).slots[n], { char: d, hasFakeCaret: M, isActive: E } = S || {};
+  return /* @__PURE__ */ Re(
     "div",
     {
       "data-slot": "input-otp-slot",
-      "data-active": s,
-      className: e(
+      "data-active": E,
+      className: K(
         "border-neutral-200 data-[active=true]:border-neutral-950 data-[active=true]:ring-neutral-950/50 data-[active=true]:aria-invalid:ring-red-500/20 dark:data-[active=true]:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 data-[active=true]:aria-invalid:border-red-500 relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] dark:border-neutral-800 dark:data-[active=true]:border-neutral-300 dark:data-[active=true]:ring-neutral-300/50 dark:data-[active=true]:aria-invalid:ring-red-900/20 dark:dark:data-[active=true]:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:data-[active=true]:aria-invalid:border-red-900",
-        r
+        a
       ),
-      ...i,
+      ...l,
       children: [
         d,
-        o && /* @__PURE__ */ a("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-caret-blink bg-neutral-950 h-4 w-px duration-1000 dark:bg-neutral-50" }) })
+        M && /* @__PURE__ */ F("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ F("div", { className: "animate-caret-blink bg-neutral-950 h-4 w-px duration-1000 dark:bg-neutral-50" }) })
       ]
     }
   );
 }
-function P({ ...t }) {
-  return /* @__PURE__ */ a("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ a(v, {}) });
+function Xe({ ...n }) {
+  return /* @__PURE__ */ F("div", { "data-slot": "input-otp-separator", role: "separator", ...n, children: /* @__PURE__ */ F(De, {}) });
 }
 export {
-  g as InputOTP,
-  h as InputOTPGroup,
-  P as InputOTPSeparator,
-  O as InputOTPSlot
+  Ke as InputOTP,
+  Qe as InputOTPGroup,
+  Xe as InputOTPSeparator,
+  Ue as InputOTPSlot
 };
 //# sourceMappingURL=input-otp.js.map