@akira-io/ui 1.0.0 → 1.1.0

package/dist/{chunk-42BJBH56.js → chunk-UUTXPPRN.js}

@@ -1,131 +1,187 @@
-import { cn, panelSurface, focusRing, elevatedSurface, nestedSurfaceReset, fieldSurface, modalSurface, buttonVariants, Button, menuSurface } from './chunk-POE7OYET.js';
-import { XIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, SearchIcon, SearchXIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
-import { Popover as Popover$1, Dialog as Dialog$1 } from 'radix-ui';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, DialogFooter } from './chunk-6QM5BA7B.js';
+import { useUiLabels } from './chunk-5AJFQ6C4.js';
+import { Input } from './chunk-6X4TKSF6.js';
+import { elevatedSurface, cn, panelSurface, glassControl, controlFill, focusRing, nestedSurfaceReset, fieldSurface, Button, buttonVariants, modalSurface, menuSurface } from './chunk-DSD7MVLL.js';
+import { Minus, AlertCircle, ChevronRight, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, SearchIcon, SearchXIcon, CheckIcon, ChevronUpIcon, ArrowLeftIcon, XIcon } from 'lucide-react';
+import * as React6 from 'react';
+import { useId, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as React4 from 'react';
+import { cva } from 'class-variance-authority';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import { Command as Command$1 } from 'cmdk';
+import { Popover as Popover$1 } from 'radix-ui';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import * as LabelPrimitive from '@radix-ui/react-label';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { createPortal } from 'react-dom';
+import { OTPInput, OTPInputContext } from 'input-otp';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
+var confirmDialogDefaultLabels = {
+  title: "Confirm Action",
+  description: "Are you sure you want to continue? This action cannot be undone.",
+  confirmText: "Confirm",
+  cancelText: "Cancel"
+};
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmText,
+  cancelText,
+  variant = "destructive",
+  processing = false,
+  requiredValue,
+  requiredValueLabel = "Type {{value}} to confirm",
+  onConfirm,
+  onCancel
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 inset-0 bg-black/60 backdrop-blur-sm fixed z-50",
-        className
-      ),
-      ...props
+  const labels = useUiLabels("confirmDialog", confirmDialogDefaultLabels, {
+    title,
+    confirmText,
+    cancelText
+  });
+  const resolvedDescription = description ?? labels.description;
+  const inputId = useId();
+  const [typedValue, setTypedValue] = useState("");
+  const unlocked = requiredValue === void 0 || typedValue === requiredValue;
+  useEffect(() => {
+    if (!open) {
+      setTypedValue("");
     }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  hideCloseButton = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
+  }, [open]);
+  const handleConfirm = () => {
+    if (processing || !unlocked) {
+      return;
+    }
+    onConfirm();
+    onOpenChange(false);
+  };
+  const handleCancel = () => {
+    if (processing) {
+      return;
+    }
+    onCancel?.();
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md p-0", "data-slot": "confirm-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "p-6 md:p-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "size-16 rounded-3xl shadow-xl flex items-center justify-center",
+            variant === "destructive" ? "bg-destructive text-destructive-foreground shadow-destructive/20" : "bg-primary text-primary-foreground shadow-primary/20"
+          ),
+          children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DialogTitle, { children: labels.title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: resolvedDescription })
+    ] }),
+    requiredValue !== void 0 && /* @__PURE__ */ jsxs(
+      "div",
       {
-        "data-slot": "dialog-content",
-        className: cn(
-          `${modalSurface} 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 gap-6 p-6 sm:w-full sm:max-w-lg fixed top-[50%] left-[50%] z-50 grid w-[calc(100%-2rem)] max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] overflow-hidden duration-200`,
-          className
-        ),
-        ...props,
+        "data-slot": "confirm-dialog-gate",
+        className: "gap-2 px-6 md:px-8 flex flex-col",
         children: [
-          children,
-          !hideCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, { className: "top-6 right-6 h-10 w-10 shadow-xs absolute z-50 flex items-center justify-center rounded-full border border-border bg-muted text-muted-foreground transition-colors hover:bg-accent hover:text-foreground", children: [
-            /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
+          /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: requiredValueLabel.replace(
+            "{{value}}",
+            requiredValue
+          ) }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: inputId,
+              value: typedValue,
+              autoComplete: "off",
+              disabled: processing,
+              onChange: (event) => setTypedValue(event.target.value)
+            }
+          )
         ]
       }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn(
-        "gap-2 p-6 md:p-8 flex flex-col text-center",
-        className
+    ),
+    /* @__PURE__ */ jsx(DialogFooter, { className: "p-6 md:p-8", children: /* @__PURE__ */ jsxs("div", { className: "gap-4 sm:grid-cols-2 grid w-full", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          disabled: processing,
+          onClick: handleCancel,
+          className: "text-muted-foreground",
+          children: labels.cancelText
+        }
       ),
-      ...props
-    }
-  );
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant,
+          disabled: processing || !unlocked,
+          onClick: handleConfirm,
+          children: [
+            labels.confirmText,
+            /* @__PURE__ */ jsx(ChevronRight, { className: "ml-2 h-5 w-5" })
+          ]
+        }
+      )
+    ] }) })
+  ] }) });
 }
-function DialogFooter({ className, ...props }) {
+var alertVariants = cva(
+  `${elevatedSurface} relative w-full px-5 py-4 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,
+  {
+    variants: {
+      variant: {
+        default: "bg-card/60 text-card-foreground",
+        destructive: "border-destructive/30 bg-destructive/10 text-destructive [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/80"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "gap-3 p-6 md:p-8 sm:flex-row sm:justify-end flex flex-col-reverse border-t border-border",
-        className
-      ),
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
       ...props
     }
   );
 }
-function DialogTitle({
-  className,
-  ...props
-}) {
+function AlertTitle({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
+    "div",
     {
-      "data-slot": "dialog-title",
+      "data-slot": "alert-title",
       className: cn(
-        "text-2xl font-bold tracking-tight md:text-3xl text-foreground",
+        "min-h-4 font-medium tracking-tight col-start-2 line-clamp-1",
         className
       ),
       ...props
     }
   );
 }
-function DialogDescription({
+function AlertDescription({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
+    "div",
     {
-      "data-slot": "dialog-description",
+      "data-slot": "alert-description",
       className: cn(
-        "text-base font-medium leading-relaxed text-muted-foreground",
+        "gap-1 text-sm [&_p]:leading-relaxed col-start-2 grid justify-items-start text-muted-foreground",
         className
       ),
       ...props
@@ -311,8 +367,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React4.useRef(null);
-  React4.useEffect(() => {
+  const ref = React6.useRef(null);
+  React6.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -509,7 +565,7 @@ function CommandShortcut({
 var Popover = Popover$1.Root;
 var PopoverTrigger = Popover$1.Trigger;
 var PopoverAnchor = Popover$1.Anchor;
-var PopoverContent = React4.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
   Popover$1.Content,
   {
     "data-slot": "popover-content",
@@ -681,23 +737,381 @@ function SelectScrollDownButton({
     }
   );
 }
-function Label2({
+var FieldContext = React6.createContext(null);
+function useOptionalField() {
+  return React6.useContext(FieldContext);
+}
+function useField() {
+  const field = useOptionalField();
+  if (!field) {
+    throw new Error("Field parts must be rendered inside a Field.");
+  }
+  return field;
+}
+function FieldError({ message, className, ...props }) {
+  const field = useOptionalField();
+  if (!message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      id: field?.errorId,
+      className: cn(
+        "ml-1 text-xs font-medium text-destructive group-data-[orientation=horizontal]/field:col-span-2 group-data-[orientation=horizontal]/field:row-start-3",
+        className
+      ),
+      "data-slot": "field-error",
+      ...props,
+      children: message
+    }
+  );
+}
+var floatingSheetDefaultLabels = {
+  backLabel: "Back",
+  closeLabel: "Close"
+};
+var FLOATING_SHEET_OFFSET_LIMIT = 3;
+var FloatingSheetStackContext = React6.createContext(null);
+function useFloatingSheetStack() {
+  const context = React6.useContext(FloatingSheetStackContext);
+  if (!context) {
+    throw new Error(
+      "FloatingSheet must be rendered inside a FloatingSheetStack."
+    );
+  }
+  return context;
+}
+function FloatingSheetStack({
+  children,
+  labels
+}) {
+  const { backLabel, closeLabel } = useUiLabels(
+    "floatingSheet",
+    floatingSheetDefaultLabels,
+    labels
+  );
+  const [entries, setEntries] = React6.useState([]);
+  const [container, setContainer] = React6.useState(null);
+  const register = React6.useCallback((entry) => {
+    setEntries(
+      (current) => current.some((item) => item.id === entry.id) ? current.map((item) => item.id === entry.id ? entry : item) : [...current, entry]
+    );
+  }, []);
+  const unregister = React6.useCallback((id) => {
+    setEntries((current) => current.filter((item) => item.id !== id));
+  }, []);
+  const closeAll = React6.useCallback(() => {
+    for (const entry of [...entries].reverse()) {
+      entry.close();
+    }
+  }, [entries]);
+  const value = React6.useMemo(
+    () => ({
+      labels: { backLabel, closeLabel },
+      container,
+      entries,
+      register,
+      unregister,
+      closeAll
+    }),
+    [
+      backLabel,
+      closeLabel,
+      container,
+      entries,
+      register,
+      unregister,
+      closeAll
+    ]
+  );
+  const top = entries.at(-1);
+  return /* @__PURE__ */ jsxs(FloatingSheetStackContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Root,
+      {
+        open: entries.length > 0,
+        onOpenChange: (open) => {
+          if (!open) {
+            closeAll();
+          }
+        },
+        children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+          /* @__PURE__ */ jsx(
+            DialogPrimitive.Overlay,
+            {
+              "data-slot": "floating-sheet-overlay",
+              className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 inset-0 bg-black/60 backdrop-blur-sm fixed z-50"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            DialogPrimitive.Content,
+            {
+              "data-slot": "floating-sheet-stack",
+              "aria-describedby": void 0,
+              onEscapeKeyDown: (event) => {
+                event.preventDefault();
+                if (!top?.persistent) {
+                  top?.close();
+                }
+              },
+              onInteractOutside: (event) => {
+                if (top?.persistent) {
+                  event.preventDefault();
+                }
+              },
+              onOpenAutoFocus: (event) => event.preventDefault(),
+              onCloseAutoFocus: (event) => event.preventDefault(),
+              className: "inset-y-0 right-0 sm:inset-y-4 sm:right-4 sm:w-[calc(100vw-2rem)] sm:max-w-lg fixed z-50 w-full outline-none",
+              children: [
+                /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: top?.title }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ref: setContainer,
+                    "data-slot": "floating-sheet-panels",
+                    className: "relative h-full w-full"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function FloatingSheet({
+  open,
+  onOpenChange,
+  title,
+  description,
+  persistent = false,
+  className,
+  children,
+  ...props
+}) {
+  const { labels, container, entries, register, unregister, closeAll } = useFloatingSheetStack();
+  const id = React6.useId();
+  const titleId = `${id}-title`;
+  const descriptionId = `${id}-description`;
+  const close = React6.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const closeRef = React6.useRef(close);
+  const titleRef = React6.useRef(title);
+  const openerRef = React6.useRef(null);
+  const panelRef = React6.useRef(null);
+  const focusedRef = React6.useRef(false);
+  React6.useEffect(() => {
+    closeRef.current = close;
+    titleRef.current = title;
+  });
+  React6.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    register({
+      id,
+      title: titleRef.current,
+      persistent,
+      close: () => closeRef.current()
+    });
+  }, [open, id, persistent, register]);
+  React6.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    return () => unregister(id);
+  }, [open, id, unregister]);
+  const index = entries.findIndex((entry) => entry.id === id);
+  const depth = index === -1 ? 0 : entries.length - 1 - index;
+  const isTop = index !== -1 && depth === 0;
+  React6.useEffect(() => {
+    if (open) {
+      openerRef.current = document.activeElement;
+      return;
+    }
+    const opener = openerRef.current;
+    openerRef.current = null;
+    if (opener instanceof HTMLElement && document.contains(opener)) {
+      opener.focus();
+    }
+  }, [open]);
+  React6.useEffect(() => {
+    if (!open) {
+      focusedRef.current = false;
+      return;
+    }
+    if (!isTop || focusedRef.current) {
+      return;
+    }
+    focusedRef.current = true;
+    const frame = requestAnimationFrame(() => panelRef.current?.focus());
+    return () => cancelAnimationFrame(frame);
+  }, [open, isTop]);
+  if (!open || !container) {
+    return null;
+  }
+  const offset = Math.min(depth, FLOATING_SHEET_OFFSET_LIMIT);
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref: panelRef,
+        "data-slot": "floating-sheet",
+        "data-depth": depth,
+        role: "dialog",
+        "aria-labelledby": titleId,
+        "aria-describedby": description ? descriptionId : void 0,
+        tabIndex: -1,
+        inert: !isTop,
+        style: {
+          transform: `translateX(-${offset * 26}px) scale(${1 - offset * 0.035})`,
+          zIndex: index
+        },
+        className: cn(
+          `${modalSurface} inset-0 ease-out absolute flex flex-col overflow-hidden transition-transform duration-300 outline-none`,
+          depth > 0 && "max-sm:hidden pointer-events-none",
+          depth > FLOATING_SHEET_OFFSET_LIMIT && "hidden",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "header",
+            {
+              "data-slot": "floating-sheet-header",
+              className: "gap-1 p-5 flex flex-col border-b border-border",
+              children: [
+                index > 0 ? /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "data-slot": "floating-sheet-back",
+                    onClick: close,
+                    className: cn(
+                      "gap-2 h-8 -ml-2 px-2 text-sm font-medium inline-flex w-fit items-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+                      focusRing
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }),
+                      labels.backLabel
+                    ]
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    id: titleId,
+                    "data-slot": "floating-sheet-title",
+                    className: "pr-10 text-lg font-semibold text-foreground",
+                    children: title
+                  }
+                ),
+                description ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    id: descriptionId,
+                    "data-slot": "floating-sheet-description",
+                    className: "text-sm text-muted-foreground",
+                    children: description
+                  }
+                ) : null
+              ]
+            }
+          ),
+          children,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "floating-sheet-close",
+              "aria-label": labels.closeLabel,
+              onClick: closeAll,
+              className: cn(
+                "top-4 right-4 size-9 shadow-xs absolute flex items-center justify-center rounded-full border border-border bg-muted text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none",
+                focusRing
+              ),
+              children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    ),
+    container
+  );
+}
+function FloatingSheetBody({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    LabelPrimitive.Root,
+    "div",
+    {
+      "data-slot": "floating-sheet-body",
+      className: cn("p-5 flex-1 overflow-y-auto", className),
+      ...props
+    }
+  );
+}
+function FloatingSheetFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      "data-slot": "label",
+      "data-slot": "floating-sheet-footer",
       className: cn(
-        "text-sm font-medium text-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "gap-2 p-5 mt-auto flex items-center justify-end border-t border-border",
         className
       ),
       ...props
     }
   );
 }
-var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTP = React6.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "gap-2 flex items-center has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React6.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React6.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-slot",
+      className: cn(
+        glassControl,
+        controlFill,
+        "size-11 text-sm font-medium first:rounded-l-2xl last:rounded-r-2xl relative flex items-center justify-center rounded-none transition-all",
+        isActive && "z-10 ring-[3px] ring-ring/50",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "inset-0 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 animate-caret-blink w-px bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     "data-slot": "switch",
@@ -719,9 +1133,9 @@ var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var Tabs = React4.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { "data-slot": "tabs", ref, ...props }));
+var Tabs = React6.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { "data-slot": "tabs", ref, ...props }));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     "data-slot": "tabs-list",
@@ -734,7 +1148,7 @@ var TabsList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     "data-slot": "tabs-trigger",
@@ -747,7 +1161,7 @@ var TabsTrigger = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     "data-slot": "tabs-content",
@@ -762,7 +1176,7 @@ var TabsContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Textarea = React4.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React6.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -781,6 +1195,6 @@ var Textarea = React4.forwardRef(({ className, ...props }, ref) => {
 });
 Textarea.displayName = "Textarea";
 
-export { Calendar, CalendarDayButton, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Label2 as Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea };
-//# sourceMappingURL=chunk-42BJBH56.js.map
-//# sourceMappingURL=chunk-42BJBH56.js.map
+export { Alert, AlertDescription, AlertTitle, Calendar, CalendarDayButton, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, FieldContext, FieldError, FloatingSheet, FloatingSheetBody, FloatingSheetFooter, FloatingSheetStack, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, confirmDialogDefaultLabels, floatingSheetDefaultLabels, useField };
+//# sourceMappingURL=chunk-UUTXPPRN.js.map
+//# sourceMappingURL=chunk-UUTXPPRN.js.map