@douglasneuroinformatics/libui 4.1.1 → 4.2.0

package/dist/components.js

@@ -5,8 +5,8 @@ import {
   useNotificationsStore,
   useTheme,
   useTranslation
-} from "./chunk-KI6BSSS6.js";
-import "./chunk-655XRTXX.js";
+} from "./chunk-ZIAKQCCQ.js";
+import "./chunk-ARKHRGTL.js";
 import {
   cn
 } from "./chunk-HCQE34RL.js";
@@ -3560,7 +3560,7 @@ var Form = ({
   };
   const isGrouped = Array.isArray(content);
   const revalidate = () => {
-    const hasErrors = Object.keys(errors).length > 0;
+    const hasErrors = Object.keys(errors).length > 0 || rootErrors.length;
     if (hasErrors) {
       validationSchema.safeParseAsync(values).then((result) => {
         if (!result.success) {
@@ -3570,7 +3570,8 @@ var Form = ({
     }
   };
   useEffect10(() => {
-    revalidate();
+    setErrors({});
+    setRootErrors([]);
   }, [resolvedLanguage]);
   const isSuspended = Boolean(suspendWhileSubmitting && isSubmitting);
   return /* @__PURE__ */ jsxs47(
@@ -4217,29 +4218,111 @@ var NotificationHub = ({ timeout = 5e3 }) => {
   )) }) });
 };
 
+// src/components/OneTimePasswordInput/OneTimePasswordInput.tsx
+import { useEffect as useEffect11, useRef as useRef5, useState as useState9 } from "react";
+import { jsx as jsx154 } from "react/jsx-runtime";
+var CODE_LENGTH = 6;
+var EMPTY_CODE = Object.freeze(Array(CODE_LENGTH).fill(null));
+function getUpdatedDigits(digits, index, value) {
+  const updatedDigits = [...digits];
+  updatedDigits[index] = value;
+  return updatedDigits;
+}
+var OneTimePasswordInput = ({ className, onComplete, ...props }) => {
+  const notifications = useNotificationsStore();
+  const { t } = useTranslation("libui");
+  const [digits, setDigits] = useState9([...EMPTY_CODE]);
+  const inputRefs = digits.map(() => useRef5(null));
+  useEffect11(() => {
+    const isComplete = digits.every((value) => Number.isInteger(value));
+    if (isComplete) {
+      void onComplete(parseInt(digits.join("")));
+      setDigits([...EMPTY_CODE]);
+    }
+  }, [digits]);
+  const focusNext = (index) => inputRefs[index + 1 === digits.length ? 0 : index + 1]?.current?.focus();
+  const focusPrev = (index) => inputRefs[index - 1 >= 0 ? index - 1 : digits.length - 1]?.current?.focus();
+  const handleChange = (e, index) => {
+    let value;
+    if (e.target.value === "") {
+      value = null;
+    } else if (Number.isInteger(parseInt(e.target.value))) {
+      value = parseInt(e.target.value);
+    } else {
+      return;
+    }
+    setDigits((prevDigits) => getUpdatedDigits(prevDigits, index, value));
+    focusNext(index);
+  };
+  const handleKeyDown = (e, index) => {
+    switch (e.key) {
+      case "ArrowLeft":
+        focusPrev(index);
+        break;
+      case "ArrowRight":
+        focusNext(index);
+        break;
+      case "Backspace":
+        setDigits((prevDigits) => getUpdatedDigits(prevDigits, index - 1, null));
+        focusPrev(index);
+    }
+  };
+  const handlePaste = (e) => {
+    e.preventDefault();
+    const pastedDigits = e.clipboardData.getData("text/plain").split("").slice(0, CODE_LENGTH).map((value) => parseInt(value));
+    const isValid = pastedDigits.length === CODE_LENGTH && pastedDigits.every((value) => Number.isInteger(value));
+    if (isValid) {
+      setDigits(pastedDigits);
+    } else {
+      notifications.addNotification({
+        message: t("oneTimePasswordInput.invalidCodeFormat"),
+        type: "warning"
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx154("div", { className: cn("flex gap-2", className), ...props, children: digits.map((_, index) => /* @__PURE__ */ jsx154(
+    "input",
+    {
+      className: "w-1/6 rounded-md border border-slate-300 bg-transparent p-2 shadow-xs hover:border-slate-300 focus:border-sky-800 focus:outline-hidden dark:border-slate-600 dark:hover:border-slate-400 dark:focus:border-sky-500",
+      maxLength: 1,
+      ref: inputRefs[index],
+      type: "text",
+      value: digits[index] ?? "",
+      onChange: (e) => {
+        handleChange(e, index);
+      },
+      onKeyDown: (e) => {
+        handleKeyDown(e, index);
+      },
+      onPaste: handlePaste
+    },
+    index
+  )) });
+};
+
 // src/components/Pagination/PaginationContent.tsx
 import "react";
-import { jsx as jsx154 } from "react/jsx-runtime";
-var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx154("ul", { className: cn("flex flex-row items-center gap-1", className), ...props });
+import { jsx as jsx155 } from "react/jsx-runtime";
+var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx155("ul", { className: cn("flex flex-row items-center gap-1", className), ...props });
 
 // src/components/Pagination/PaginationEllipsis.tsx
 import "react";
 import { MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx155, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx156, jsxs as jsxs55 } from "react/jsx-runtime";
 var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs55("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx155(MoreHorizontalIcon2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx155("span", { className: "sr-only", children: "More pages" })
+  /* @__PURE__ */ jsx156(MoreHorizontalIcon2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx156("span", { className: "sr-only", children: "More pages" })
 ] });
 
 // src/components/Pagination/PaginationItem.tsx
 import "react";
-import { jsx as jsx156 } from "react/jsx-runtime";
-var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx156("li", { className, ...props });
+import { jsx as jsx157 } from "react/jsx-runtime";
+var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx157("li", { className, ...props });
 
 // src/components/Pagination/PaginationLink.tsx
 import "react";
-import { jsx as jsx157 } from "react/jsx-runtime";
-var PaginationLink = ({ children, className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx157(
+import { jsx as jsx158 } from "react/jsx-runtime";
+var PaginationLink = ({ children, className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx158(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -4258,30 +4341,30 @@ var PaginationLink = ({ children, className, isActive, size = "icon", ...props }
 // src/components/Pagination/PaginationNext.tsx
 import "react";
 import { ChevronRightIcon as ChevronRightIcon5 } from "lucide-react";
-import { jsx as jsx158, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs56 } from "react/jsx-runtime";
 var PaginationNext = ({ className, ...props }) => {
   const { t } = useTranslation("libui");
   return /* @__PURE__ */ jsxs56(PaginationLink, { "aria-label": "Go to next page", className: cn("gap-1 pr-2.5", className), size: "md", ...props, children: [
-    /* @__PURE__ */ jsx158("span", { children: t("pagination.next") }),
-    /* @__PURE__ */ jsx158(ChevronRightIcon5, { className: "h-4 w-4" })
+    /* @__PURE__ */ jsx159("span", { children: t("pagination.next") }),
+    /* @__PURE__ */ jsx159(ChevronRightIcon5, { className: "h-4 w-4" })
   ] });
 };
 
 // src/components/Pagination/PaginationPrevious.tsx
 import { ChevronLeftIcon } from "lucide-react";
-import { jsx as jsx159, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs57 } from "react/jsx-runtime";
 var PaginationPrevious = ({ className, ...props }) => {
   const { t } = useTranslation("libui");
   return /* @__PURE__ */ jsxs57(PaginationLink, { "aria-label": "Go to previous page", className: cn("gap-1 pl-2.5", className), size: "md", ...props, children: [
-    /* @__PURE__ */ jsx159(ChevronLeftIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx159("span", { children: t("pagination.previous") })
+    /* @__PURE__ */ jsx160(ChevronLeftIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx160("span", { children: t("pagination.previous") })
   ] });
 };
 
 // src/components/Pagination/PaginationRoot.tsx
 import "react";
-import { jsx as jsx160 } from "react/jsx-runtime";
-var PaginationRoot = ({ className, ...props }) => /* @__PURE__ */ jsx160(
+import { jsx as jsx161 } from "react/jsx-runtime";
+var PaginationRoot = ({ className, ...props }) => /* @__PURE__ */ jsx161(
   "nav",
   {
     "aria-label": "pagination",
@@ -4304,15 +4387,15 @@ var Pagination = Object.assign(PaginationRoot, {
 // src/components/Progress/Progress.tsx
 import { forwardRef as forwardRef95 } from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx161 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
 var Progress = forwardRef95(function Progress2({ className, value, ...props }, ref) {
-  return /* @__PURE__ */ jsx161(
+  return /* @__PURE__ */ jsx162(
     ProgressPrimitive.Root,
     {
       className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx161(
+      children: /* @__PURE__ */ jsx162(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -4331,8 +4414,8 @@ import { Panel } from "react-resizable-panels";
 import "react";
 import { GripVertical } from "lucide-react";
 import { PanelResizeHandle } from "react-resizable-panels";
-import { jsx as jsx162 } from "react/jsx-runtime";
-var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx162(
+import { jsx as jsx163 } from "react/jsx-runtime";
+var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx163(
   PanelResizeHandle,
   {
     className: cn(
@@ -4340,15 +4423,15 @@ var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ j
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx162("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx162(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx163("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx163(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/Resizable/ResizablePanelGroup.tsx
 import "react";
 import { PanelGroup } from "react-resizable-panels";
-import { jsx as jsx163 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx163(
+import { jsx as jsx164 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx164(
   PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -4357,8 +4440,8 @@ var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx163(
 );
 
 // src/components/Resizable/Resizable.tsx
-import { Fragment as Fragment2, jsx as jsx164 } from "react/jsx-runtime";
-var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx164(Fragment2, { children });
+import { Fragment as Fragment2, jsx as jsx165 } from "react/jsx-runtime";
+var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx165(Fragment2, { children });
 var Resizable = Object.assign(ResizableRoot, {
   Handle: ResizableHandle,
   Panel,
@@ -4367,7 +4450,7 @@ var Resizable = Object.assign(ResizableRoot, {
 
 // src/components/SearchBar/SearchBar.tsx
 import { SearchIcon as SearchIcon2 } from "lucide-react";
-import { jsx as jsx165, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs58 } from "react/jsx-runtime";
 var SearchBar = ({
   className,
   onClick,
@@ -4379,8 +4462,8 @@ var SearchBar = ({
 }) => {
   const { t } = useTranslation("libui");
   return /* @__PURE__ */ jsxs58("form", { className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx165(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsx165(
+    /* @__PURE__ */ jsx166(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsx166(
       Input,
       {
         className: "pl-8",
@@ -4400,9 +4483,9 @@ var SearchBar = ({
 // src/components/Separator/Separator.tsx
 import { forwardRef as forwardRef96 } from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx166 } from "react/jsx-runtime";
+import { jsx as jsx167 } from "react/jsx-runtime";
 var Separator5 = forwardRef96(function Separator6({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
-  return /* @__PURE__ */ jsx166(
+  return /* @__PURE__ */ jsx167(
     SeparatorPrimitive.Root,
     {
       className: cn(
@@ -4424,13 +4507,13 @@ import { Close as Close3, Portal as Portal12, Root as Root18, Trigger as Trigger
 
 // src/components/Sheet/SheetBody.tsx
 import "react";
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 var SheetBody = ({
   children,
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx167("div", { className: cn("py-4", className), ...props, children });
+  return /* @__PURE__ */ jsx168("div", { className: cn("py-4", className), ...props, children });
 };
 
 // src/components/Sheet/SheetContent.tsx
@@ -4442,9 +4525,9 @@ import { XIcon as XIcon3 } from "lucide-react";
 // src/components/Sheet/SheetOverlay.tsx
 import { forwardRef as forwardRef97 } from "react";
 import { Overlay as Overlay3 } from "@radix-ui/react-dialog";
-import { jsx as jsx168 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 var SheetOverlay = forwardRef97(function SheetOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx168(
+  return /* @__PURE__ */ jsx169(
     Overlay3,
     {
       className: cn(
@@ -4458,7 +4541,7 @@ var SheetOverlay = forwardRef97(function SheetOverlay2({ className, ...props },
 });
 
 // src/components/Sheet/SheetContent.tsx
-import { jsx as jsx169, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs59 } from "react/jsx-runtime";
 var sheetVariants = cva5(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
@@ -4477,12 +4560,12 @@ var sheetVariants = cva5(
 );
 var SheetContent = React49.forwardRef(function SheetContent2({ children, className, side = "right", ...props }, ref) {
   return /* @__PURE__ */ jsxs59(Portal11, { children: [
-    /* @__PURE__ */ jsx169(SheetOverlay, {}),
+    /* @__PURE__ */ jsx170(SheetOverlay, {}),
     /* @__PURE__ */ jsxs59(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
       children,
       /* @__PURE__ */ jsxs59(Close2, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-        /* @__PURE__ */ jsx169(XIcon3, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx169("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsx170(XIcon3, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx170("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] });
@@ -4491,28 +4574,28 @@ var SheetContent = React49.forwardRef(function SheetContent2({ children, classNa
 // src/components/Sheet/SheetDescription.tsx
 import { forwardRef as forwardRef99 } from "react";
 import { Description as Description3 } from "@radix-ui/react-dialog";
-import { jsx as jsx170 } from "react/jsx-runtime";
+import { jsx as jsx171 } from "react/jsx-runtime";
 var SheetDescription = forwardRef99(function SheetDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx170(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
+  return /* @__PURE__ */ jsx171(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
 });
 
 // src/components/Sheet/SheetFooter.tsx
 import "react";
-import { jsx as jsx171 } from "react/jsx-runtime";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx171("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+import { jsx as jsx172 } from "react/jsx-runtime";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx172("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 
 // src/components/Sheet/SheetHeader.tsx
 import "react";
-import { jsx as jsx172 } from "react/jsx-runtime";
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx172("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+import { jsx as jsx173 } from "react/jsx-runtime";
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx173("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 
 // src/components/Sheet/SheetTitle.tsx
 import { forwardRef as forwardRef100 } from "react";
 import { Title as Title3 } from "@radix-ui/react-dialog";
-import { jsx as jsx173 } from "react/jsx-runtime";
+import { jsx as jsx174 } from "react/jsx-runtime";
 var SheetTitle = forwardRef100(
   function SheetTitle2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx173(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
+    return /* @__PURE__ */ jsx174(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
   }
 );
 
@@ -4530,9 +4613,9 @@ var Sheet = Object.assign(Root18.bind(null), {
 });
 
 // src/components/Spinner/Spinner.tsx
-import { jsx as jsx174 } from "react/jsx-runtime";
+import { jsx as jsx175 } from "react/jsx-runtime";
 var Spinner = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx174("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx175("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx175(
     "span",
     {
       className: "relative animate-spinner overflow-hidden text-slate-900 dark:text-slate-100",
@@ -4550,8 +4633,8 @@ var Spinner = ({ className, ...props }) => {
 
 // src/components/SpinnerIcon/SpinnerIcon.tsx
 import "react";
-import { jsx as jsx175 } from "react/jsx-runtime";
-var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx175(
+import { jsx as jsx176 } from "react/jsx-runtime";
+var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx176(
   "svg",
   {
     className: cn("animate-spin", className),
@@ -4565,25 +4648,25 @@ var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx175(
     width: "24",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx175("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    children: /* @__PURE__ */ jsx176("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   }
 );
 
 // src/components/StatisticCard/StatisticCard.tsx
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect12 } from "react";
 import { motion as motion6, useSpring, useTransform } from "motion/react";
-import { jsx as jsx176, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx177, jsxs as jsxs60 } from "react/jsx-runtime";
 var StatisticCard = ({ className, icon, label, value, ...props }) => {
   const spring = useSpring(0, { bounce: 0 });
   const rounded = useTransform(spring, (latest) => Math.floor(latest));
-  useEffect11(() => {
+  useEffect12(() => {
     spring.set(value);
   }, [spring, value]);
   return /* @__PURE__ */ jsxs60(Card, { className: cn("flex w-full rounded-lg p-4", className), ...props, children: [
-    icon && /* @__PURE__ */ jsx176("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
+    icon && /* @__PURE__ */ jsx177("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
     /* @__PURE__ */ jsxs60("div", { className: "w-full text-center", children: [
-      /* @__PURE__ */ jsx176(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
-      /* @__PURE__ */ jsx176("p", { className: "font-medium leading-relaxed", children: label })
+      /* @__PURE__ */ jsx177(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
+      /* @__PURE__ */ jsx177("p", { className: "font-medium leading-relaxed", children: label })
     ] })
   ] });
 };
@@ -4591,9 +4674,9 @@ var StatisticCard = ({ className, icon, label, value, ...props }) => {
 // src/components/Switch/Switch.tsx
 import { forwardRef as forwardRef101 } from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx177 } from "react/jsx-runtime";
+import { jsx as jsx178 } from "react/jsx-runtime";
 var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx177(
+  return /* @__PURE__ */ jsx178(
     SwitchPrimitives.Root,
     {
       className: cn(
@@ -4602,7 +4685,7 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
       ),
       ...props,
       ref,
-      children: /* @__PURE__ */ jsx177(
+      children: /* @__PURE__ */ jsx178(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -4617,9 +4700,9 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
 // src/components/Tabs/TabsContent.tsx
 import { forwardRef as forwardRef102 } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx178 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     TabsPrimitive.Content,
     {
       className: cn(
@@ -4635,9 +4718,9 @@ var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, r
 // src/components/Tabs/TabsList.tsx
 import { forwardRef as forwardRef103 } from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
-import { jsx as jsx179 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 var TabsList = forwardRef103(function TabsList2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     TabsPrimitive2.List,
     {
       className: cn(
@@ -4653,19 +4736,19 @@ var TabsList = forwardRef103(function TabsList2({ className, ...props }, ref) {
 // src/components/Tabs/TabsRoot.tsx
 import { forwardRef as forwardRef104 } from "react";
 import { Root as Root20 } from "@radix-ui/react-tabs";
-import { jsx as jsx180 } from "react/jsx-runtime";
+import { jsx as jsx181 } from "react/jsx-runtime";
 var TabsRoot = forwardRef104(
   function TabsRoot2(props, ref) {
-    return /* @__PURE__ */ jsx180(Root20, { ref, ...props });
+    return /* @__PURE__ */ jsx181(Root20, { ref, ...props });
   }
 );
 
 // src/components/Tabs/TabsTrigger.tsx
 import { forwardRef as forwardRef105 } from "react";
 import * as TabsPrimitive3 from "@radix-ui/react-tabs";
-import { jsx as jsx181 } from "react/jsx-runtime";
+import { jsx as jsx182 } from "react/jsx-runtime";
 var TabsTrigger = forwardRef105(function TabsTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     TabsPrimitive3.Trigger,
     {
       className: cn(
@@ -4687,7 +4770,7 @@ var Tabs = Object.assign(TabsRoot, {
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 import { MoonIcon, SunIcon } from "lucide-react";
-import { jsx as jsx182, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx183, jsxs as jsxs61 } from "react/jsx-runtime";
 var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
   const [theme, setTheme] = useTheme();
   const toggleTheme = () => {
@@ -4704,8 +4787,8 @@ var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx182(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx182(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        /* @__PURE__ */ jsx183(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx183(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
       ]
     }
   );
@@ -4714,10 +4797,10 @@ var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
 // src/components/Tooltip/TooltipContent.tsx
 import * as React53 from "react";
 import { Content as Content13 } from "@radix-ui/react-tooltip";
-import { jsx as jsx183 } from "react/jsx-runtime";
+import { jsx as jsx184 } from "react/jsx-runtime";
 var TooltipContent = React53.forwardRef(
   function TooltipContent2({ className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx183(
+    return /* @__PURE__ */ jsx184(
       Content13,
       {
         className: cn(
@@ -4736,7 +4819,7 @@ var TooltipContent = React53.forwardRef(
 // src/components/Tooltip/TooltipRoot.tsx
 import "react";
 import { Provider, Root as Root21 } from "@radix-ui/react-tooltip";
-import { jsx as jsx184 } from "react/jsx-runtime";
+import { jsx as jsx185 } from "react/jsx-runtime";
 var TooltipRoot = ({
   children,
   delayDuration = 0,
@@ -4744,15 +4827,15 @@ var TooltipRoot = ({
   open,
   skipDelayDuration = 300
 }) => {
-  return /* @__PURE__ */ jsx184(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx184(Root21, { open, onOpenChange, children }) });
+  return /* @__PURE__ */ jsx185(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx185(Root21, { open, onOpenChange, children }) });
 };
 
 // src/components/Tooltip/TooltipTrigger.tsx
 import { forwardRef as forwardRef107 } from "react";
 import { Trigger as Trigger12 } from "@radix-ui/react-tooltip";
-import { jsx as jsx185 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 var TooltipTrigger = forwardRef107(function TooltipTrigger2({ variant = "outline", ...props }, ref) {
-  return /* @__PURE__ */ jsx185(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx185(Button, { variant, ...props }) });
+  return /* @__PURE__ */ jsx186(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx186(Button, { variant, ...props }) });
 });
 
 // src/components/Tooltip/Tooltip.tsx
@@ -4796,6 +4879,7 @@ export {
   ListboxDropdown,
   MenuBar,
   NotificationHub,
+  OneTimePasswordInput,
   Pagination,
   Popover,
   Progress,