@akira-io/ui 1.3.0 → 2.0.0

package/dist/{chunk-7LBWPBVE.js → chunk-UCJTM3UM.js}

@@ -1,22 +1,42 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, DialogFooter } from './chunk-O5DZTX7D.js';
-import { useUiLabels } from './chunk-QNF4LJVT.js';
-import { Input } from './chunk-UTSTTTH5.js';
-import { elevatedSurface, cn, panelSurface, glassControl, controlFill, focusRing, nestedSurfaceReset, fieldSurface, fieldFocus, Button, buttonVariants, modalSurface, menuSurface } from './chunk-I5UZAJB4.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 { 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 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';
+'use client';
 
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-EYPM6IMS.js";
+import {
+  useUiLabels
+} from "./chunk-E26KKMGS.js";
+import {
+  Label
+} from "./chunk-TM5MN3MI.js";
+import {
+  Input
+} from "./chunk-3Z2VGVPI.js";
+import {
+  Button,
+  buttonVariants,
+  cn,
+  controlFill,
+  elevatedSurface,
+  fieldFocus,
+  fieldSurface,
+  focusRing,
+  glassControl,
+  menuSurface,
+  modalSurface,
+  nestedSurfaceReset,
+  panelSurface
+} from "./chunk-KHOA4TEI.js";
+
+// src/components/ui/confirm-dialog.tsx
+import { AlertCircle, ChevronRight } from "lucide-react";
+import { useEffect, useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var confirmDialogDefaultLabels = {
   title: "Confirm Action",
   description: "Are you sure you want to continue? This action cannot be undone.",
@@ -131,84 +151,19 @@ function ConfirmDialog({
     ] }) })
   ] }) });
 }
-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 text-card-foreground",
-        destructive: "border-destructive/30 bg-destructive/10 text-destructive [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/80",
-        warning: "ring-warning/20 bg-warning/10 text-warning *:data-[slot=alert-description]:text-warning/80",
-        info: "ring-info/20 bg-info/10 text-info *:data-[slot=alert-description]:text-info/80"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var alertDefaultLabels = {
-  warningLabel: "Warning",
-  infoLabel: "Information"
-};
-var SEVERITY_LABELS = {
-  warning: "warningLabel",
-  info: "infoLabel"
-};
-function Alert({
-  className,
-  variant,
-  labels,
-  slotName = "alert",
-  ...props
-}) {
-  const resolved = useUiLabels("alert", alertDefaultLabels, labels);
-  const severity = variant ? SEVERITY_LABELS[variant] : void 0;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "alert",
-      "aria-label": severity ? resolved[severity] : void 0,
-      className: cn(alertVariants({ variant }), className),
-      ...props,
-      "data-slot": slotName
-    }
-  );
-}
-function AlertTitle({
-  className,
-  slotName = "alert-title",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "min-h-4 font-medium tracking-tight col-start-2 line-clamp-1",
-        className
-      ),
-      ...props,
-      "data-slot": slotName
-    }
-  );
-}
-function AlertDescription({
-  className,
-  slotName = "alert-description",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "gap-1 text-sm [&_p]:leading-relaxed col-start-2 grid justify-items-start text-muted-foreground",
-        className
-      ),
-      ...props,
-      "data-slot": slotName
-    }
-  );
-}
+
+// src/components/ui/calendar.tsx
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "lucide-react";
+import * as React from "react";
+import {
+  DayPicker,
+  getDefaultClassNames
+} from "react-day-picker";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -221,7 +176,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     DayPicker,
     {
       showOutsideDays,
@@ -335,7 +290,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             "div",
             {
               ref: rootRef,
@@ -347,7 +302,7 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ jsx2(
               ChevronLeftIcon,
               {
                 className: cn("size-4", className2),
@@ -356,7 +311,7 @@ function Calendar({
             );
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ jsx2(
               ChevronRightIcon,
               {
                 className: cn("size-4", className2),
@@ -364,7 +319,7 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             ChevronDownIcon,
             {
               className: cn("size-4", className2),
@@ -374,7 +329,7 @@ function Calendar({
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx2("td", { ...props2, children: /* @__PURE__ */ jsx2("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -389,11 +344,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React6.useRef(null);
-  React6.useEffect(() => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     Button,
     {
       ref,
@@ -413,13 +368,18 @@ function CalendarDayButton({
     }
   );
 }
+
+// src/components/ui/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon, SearchXIcon } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Command({
   className,
   slotName = "command",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Command$1,
+  return /* @__PURE__ */ jsx3(
+    CommandPrimitive,
     {
       className: cn(
         elevatedSurface,
@@ -440,12 +400,12 @@ function CommandDialog({
   hideCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs2(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs2(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx3(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx3(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx3(
       DialogContent,
       {
         className: cn(
@@ -453,7 +413,7 @@ function CommandDialog({
           className
         ),
         hideCloseButton,
-        children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-item]]:py-2.5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+        children: /* @__PURE__ */ jsx3(Command, { className: "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-item]]:py-2.5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
   ] });
@@ -463,7 +423,7 @@ function CommandInput({
   slotName = "command-input",
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx3("div", { className: "shrink-0 border-b border-border", children: /* @__PURE__ */ jsxs2(
     "div",
     {
       "data-slot": "command-input-wrapper",
@@ -472,12 +432,12 @@ function CommandInput({
         "h-11 gap-3 px-4 m-3 flex items-center"
       ),
       children: [
-        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx(
-          Command$1.Input,
+        /* @__PURE__ */ jsx3(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx3(
+          CommandPrimitive.Input,
           {
             className: cn(
-              "h-11 text-sm font-medium flex w-full bg-transparent outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              "h-11 text-base sm:text-sm font-medium flex w-full bg-transparent outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
             ...props,
@@ -493,8 +453,8 @@ function CommandList({
   slotName = "command-list",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Command$1.List,
+  return /* @__PURE__ */ jsx3(
+    CommandPrimitive.List,
     {
       className: cn(
         "scroll-py-1 max-h-[300px] overflow-x-hidden overflow-y-auto",
@@ -511,8 +471,8 @@ function CommandEmpty({
   slotName = "command-empty",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    Command$1.Empty,
+  return /* @__PURE__ */ jsxs2(
+    CommandPrimitive.Empty,
     {
       className: cn(
         "gap-3 px-6 py-10 flex flex-col items-center justify-center text-center",
@@ -521,8 +481,8 @@ function CommandEmpty({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "size-10 flex items-center justify-center rounded-full bg-surface-recessed text-muted-foreground", children: /* @__PURE__ */ jsx(SearchXIcon, { className: "size-5" }) }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children })
+        /* @__PURE__ */ jsx3("span", { className: "size-10 flex items-center justify-center rounded-full bg-surface-recessed text-muted-foreground", children: /* @__PURE__ */ jsx3(SearchXIcon, { className: "size-5" }) }),
+        /* @__PURE__ */ jsx3("span", { className: "text-sm text-muted-foreground", children })
       ]
     }
   );
@@ -532,8 +492,8 @@ function CommandGroup({
   slotName = "command-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Group,
+  return /* @__PURE__ */ jsx3(
+    CommandPrimitive.Group,
     {
       className: cn(
         "p-3 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium overflow-hidden text-foreground [&_[cmdk-group-heading]]:text-muted-foreground",
@@ -549,8 +509,8 @@ function CommandSeparator({
   slotName = "command-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Separator,
+  return /* @__PURE__ */ jsx3(
+    CommandPrimitive.Separator,
     {
       className: cn("mx-3 h-px bg-border", className),
       ...props,
@@ -563,8 +523,8 @@ function CommandItem({
   slotName = "command-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Item,
+  return /* @__PURE__ */ jsx3(
+    CommandPrimitive.Item,
     {
       className: cn(
         "gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 rounded-xl relative flex cursor-default items-center outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground",
@@ -580,7 +540,7 @@ function CommandShortcut({
   slotName = "command-shortcut",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       className: cn(
@@ -592,18 +552,23 @@ function CommandShortcut({
     }
   );
 }
-var Popover = Popover$1.Root;
-var PopoverTrigger = Popover$1.Trigger;
-var PopoverAnchor = Popover$1.Anchor;
-var PopoverContent = React6.forwardRef(
+
+// src/components/ui/popover.tsx
+import { Popover as PopoverPrimitive } from "radix-ui";
+import * as React2 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React2.forwardRef(
   ({
     className,
     align = "center",
     sideOffset = 4,
     slotName = "popover-content",
     ...props
-  }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
-    Popover$1.Content,
+  }, ref) => /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
+    PopoverPrimitive.Content,
     {
       ref,
       align,
@@ -617,24 +582,29 @@ var PopoverContent = React6.forwardRef(
     }
   ) })
 );
-PopoverContent.displayName = Popover$1.Content.displayName;
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/ui/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Select({
   slotName = "select",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx5(SelectPrimitive.Root, { ...props, "data-slot": slotName });
 }
 function SelectGroup({
   slotName = "select-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx5(SelectPrimitive.Group, { ...props, "data-slot": slotName });
 }
 function SelectValue({
   slotName = "select-value",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx5(SelectPrimitive.Value, { ...props, "data-slot": slotName });
 }
 function SelectTrigger({
   className,
@@ -642,18 +612,18 @@ function SelectTrigger({
   slotName = "select-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     SelectPrimitive.Trigger,
     {
       className: cn(
-        `${fieldSurface} h-11 px-4 text-sm font-medium *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-full items-center justify-between transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0 [&>span]:line-clamp-1 ${fieldFocus}`,
+        `${fieldSurface} h-11 px-4 font-medium *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-full items-center justify-between transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0 [&>span]:line-clamp-1 ${fieldFocus}`,
         className
       ),
       ...props,
       "data-slot": slotName,
       children: [
         children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx5(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx5(ChevronDownIcon2, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -665,7 +635,7 @@ function SelectContent({
   slotName = "select-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx5(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs3(
     SelectPrimitive.Content,
     {
       className: cn(
@@ -677,8 +647,8 @@ function SelectContent({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx5(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx5(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -688,7 +658,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx5(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -698,7 +668,7 @@ function SelectLabel({
   slotName = "select-label",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.Label,
     {
       className: cn(
@@ -716,7 +686,7 @@ function SelectItem({
   slotName = "select-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     SelectPrimitive.Item,
     {
       className: cn(
@@ -726,8 +696,8 @@ function SelectItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "right-2 size-3.5 absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx5("span", { className: "right-2 size-3.5 absolute flex items-center justify-center", children: /* @__PURE__ */ jsx5(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx5(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -737,7 +707,7 @@ function SelectSeparator({
   slotName = "select-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.Separator,
     {
       className: cn(
@@ -754,7 +724,7 @@ function SelectScrollUpButton({
   slotName = "select-scroll-up-button",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.ScrollUpButton,
     {
       className: cn(
@@ -763,7 +733,7 @@ function SelectScrollUpButton({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx5(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -772,7 +742,7 @@ function SelectScrollDownButton({
   slotName = "select-scroll-down-button",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.ScrollDownButton,
     {
       className: cn(
@@ -781,53 +751,21 @@ function SelectScrollDownButton({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-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,
-  slotName = "field-error",
-  ...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
-      ),
-      ...props,
-      "data-slot": slotName,
-      children: message
+      children: /* @__PURE__ */ jsx5(ChevronDownIcon2, { className: "size-4" })
     }
   );
 }
+
+// src/components/ui/floating-sheet-context.ts
+import * as React3 from "react";
 var floatingSheetDefaultLabels = {
   backLabel: "Back",
   closeLabel: "Close"
 };
 var FLOATING_SHEET_OFFSET_LIMIT = 3;
-var FloatingSheetStackContext = React6.createContext(null);
+var FloatingSheetStackContext = React3.createContext(null);
 function useFloatingSheetStack() {
-  const context = React6.useContext(FloatingSheetStackContext);
+  const context = React3.useContext(FloatingSheetStackContext);
   if (!context) {
     throw new Error(
       "FloatingSheet must be rendered inside a FloatingSheetStack."
@@ -835,6 +773,11 @@ function useFloatingSheetStack() {
   }
   return context;
 }
+
+// src/components/ui/floating-sheet-stack.tsx
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React4 from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function FloatingSheetStack({
   children,
   labels,
@@ -845,22 +788,22 @@ function FloatingSheetStack({
     floatingSheetDefaultLabels,
     labels
   );
-  const [entries, setEntries] = React6.useState([]);
-  const [container, setContainer] = React6.useState(null);
-  const register = React6.useCallback((entry) => {
+  const [entries, setEntries] = React4.useState([]);
+  const [container, setContainer] = React4.useState(null);
+  const register = React4.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) => {
+  const unregister = React4.useCallback((id) => {
     setEntries((current) => current.filter((item) => item.id !== id));
   }, []);
-  const closeAll = React6.useCallback(() => {
+  const closeAll = React4.useCallback(() => {
     for (const entry of [...entries].reverse()) {
       entry.close();
     }
   }, [entries]);
-  const value = React6.useMemo(
+  const value = React4.useMemo(
     () => ({
       labels: { backLabel, closeLabel },
       container,
@@ -880,9 +823,9 @@ function FloatingSheetStack({
     ]
   );
   const top = entries.at(-1);
-  return /* @__PURE__ */ jsxs(FloatingSheetStackContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs4(FloatingSheetStackContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx6(
       DialogPrimitive.Root,
       {
         open: entries.length > 0,
@@ -891,15 +834,15 @@ function FloatingSheetStack({
             closeAll();
           }
         },
-        children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
-          /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs4(DialogPrimitive.Portal, { children: [
+          /* @__PURE__ */ jsx6(
             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(
+          /* @__PURE__ */ jsxs4(
             DialogPrimitive.Content,
             {
               "aria-describedby": void 0,
@@ -919,8 +862,8 @@ function FloatingSheetStack({
               className: "inset-2 sm:inset-y-4 sm:right-4 sm:left-auto sm:w-[calc(100vw-2rem)] sm:max-w-lg sm:p-0 fixed z-50 p-[env(safe-area-inset-top)_env(safe-area-inset-right)_env(safe-area-inset-bottom)_env(safe-area-inset-left)] outline-none",
               "data-slot": slotName,
               children: [
-                /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: top?.title }),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx6(DialogPrimitive.Title, { className: "sr-only", children: top?.title }),
+                /* @__PURE__ */ jsx6(
                   "div",
                   {
                     ref: setContainer,
@@ -936,6 +879,12 @@ function FloatingSheetStack({
     )
   ] });
 }
+
+// src/components/ui/floating-sheet.tsx
+import { ArrowLeftIcon, XIcon } from "lucide-react";
+import * as React5 from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function FloatingSheet({
   open,
   onOpenChange,
@@ -948,20 +897,20 @@ function FloatingSheet({
   ...props
 }) {
   const { labels, container, entries, register, unregister, closeAll } = useFloatingSheetStack();
-  const id = React6.useId();
+  const id = React5.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(() => {
+  const close = React5.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const closeRef = React5.useRef(close);
+  const titleRef = React5.useRef(title);
+  const openerRef = React5.useRef(null);
+  const panelRef = React5.useRef(null);
+  const focusedRef = React5.useRef(false);
+  React5.useEffect(() => {
     closeRef.current = close;
     titleRef.current = title;
   });
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!open) {
       return;
     }
@@ -972,7 +921,7 @@ function FloatingSheet({
       close: () => closeRef.current()
     });
   }, [open, id, persistent, register]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!open) {
       return;
     }
@@ -981,7 +930,7 @@ function FloatingSheet({
   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(() => {
+  React5.useEffect(() => {
     if (open) {
       openerRef.current = document.activeElement;
       return;
@@ -992,7 +941,7 @@ function FloatingSheet({
       opener.focus();
     }
   }, [open]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!open) {
       focusedRef.current = false;
       return;
@@ -1009,7 +958,7 @@ function FloatingSheet({
   }
   const offset = Math.min(depth, FLOATING_SHEET_OFFSET_LIMIT);
   return createPortal(
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs5(
       "section",
       {
         ref: panelRef,
@@ -1032,13 +981,13 @@ function FloatingSheet({
         ...props,
         "data-slot": slotName,
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs5(
             "header",
             {
               "data-slot": "floating-sheet-header",
               className: "gap-1 p-5 flex flex-col",
               children: [
-                index > 0 ? /* @__PURE__ */ jsxs(
+                index > 0 ? /* @__PURE__ */ jsxs5(
                   "button",
                   {
                     type: "button",
@@ -1049,12 +998,12 @@ function FloatingSheet({
                       focusRing
                     ),
                     children: [
-                      /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }),
+                      /* @__PURE__ */ jsx7(ArrowLeftIcon, { className: "size-4" }),
                       labels.backLabel
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx7(
                   "h2",
                   {
                     id: titleId,
@@ -1063,7 +1012,7 @@ function FloatingSheet({
                     children: title
                   }
                 ),
-                description ? /* @__PURE__ */ jsx(
+                description ? /* @__PURE__ */ jsx7(
                   "p",
                   {
                     id: descriptionId,
@@ -1076,7 +1025,7 @@ function FloatingSheet({
             }
           ),
           children,
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -1087,7 +1036,7 @@ function FloatingSheet({
                 "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" })
+              children: /* @__PURE__ */ jsx7(XIcon, { className: "size-4" })
             }
           )
         ]
@@ -1101,7 +1050,7 @@ function FloatingSheetBody({
   slotName = "floating-sheet-body",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: cn("p-5 flex-1 overflow-y-auto", className),
@@ -1115,7 +1064,7 @@ function FloatingSheetFooter({
   slotName = "floating-sheet-footer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: cn(
@@ -1127,7 +1076,13 @@ function FloatingSheetFooter({
     }
   );
 }
-var InputOTP = React6.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+
+// src/components/ui/input-otp.tsx
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Minus } from "lucide-react";
+import * as React6 from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var InputOTP = React6.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx8(
   OTPInput,
   {
     ref,
@@ -1140,19 +1095,19 @@ var InputOTP = React6.forwardRef(({ className, containerClassName, ...props }, r
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React6.forwardRef(({ index, className, slotName = "input-otp-slot", ...props }, ref) => {
   const inputOTPContext = React6.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref,
       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",
+        "size-11 text-base sm: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
       ),
@@ -1160,15 +1115,20 @@ var InputOTPSlot = React6.forwardRef(({ index, className, slotName = "input-otp-
       "data-slot": slotName,
       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" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx8("div", { className: "inset-0 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx8("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, {}) }));
+var InputOTPSeparator = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx8("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx8(Minus, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
-var Switch = React6.forwardRef(({ className, slotName = "switch", ...props }, ref) => /* @__PURE__ */ jsx(
+
+// src/components/ui/switch.tsx
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React7 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Switch = React7.forwardRef(({ className, slotName = "switch", ...props }, ref) => /* @__PURE__ */ jsx9(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1178,7 +1138,7 @@ var Switch = React6.forwardRef(({ className, slotName = "switch", ...props }, re
     ...props,
     ref,
     "data-slot": slotName,
-    children: /* @__PURE__ */ jsx(
+    children: /* @__PURE__ */ jsx9(
       SwitchPrimitives.Thumb,
       {
         "data-slot": "switch-thumb",
@@ -1190,9 +1150,14 @@ var Switch = React6.forwardRef(({ className, slotName = "switch", ...props }, re
   }
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var Tabs = React6.forwardRef(({ slotName = "tabs", ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props, "data-slot": slotName }));
+
+// src/components/ui/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React8 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Tabs = React8.forwardRef(({ slotName = "tabs", ...props }, ref) => /* @__PURE__ */ jsx10(TabsPrimitive.Root, { ref, ...props, "data-slot": slotName }));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React6.forwardRef(({ className, slotName = "tabs-list", ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React8.forwardRef(({ className, slotName = "tabs-list", ...props }, ref) => /* @__PURE__ */ jsx10(
   TabsPrimitive.List,
   {
     ref,
@@ -1205,12 +1170,12 @@ var TabsList = React6.forwardRef(({ className, slotName = "tabs-list", ...props
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React6.forwardRef(({ className, slotName = "tabs-trigger", ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React8.forwardRef(({ className, slotName = "tabs-trigger", ...props }, ref) => /* @__PURE__ */ jsx10(
   TabsPrimitive.Trigger,
   {
     ref,
     className: cn(
-      `px-4 text-sm font-medium data-[state=active]:shadow-sm h-8 rounded-xl data-[state=active]:font-semibold inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground ${focusRing}`,
+      `px-4 text-sm font-medium data-[state=active]:shadow-sm h-8 rounded-xl data-[state=active]:font-semibold inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-tab-active data-[state=active]:text-foreground ${focusRing}`,
       className
     ),
     ...props,
@@ -1218,7 +1183,7 @@ var TabsTrigger = React6.forwardRef(({ className, slotName = "tabs-trigger", ...
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React6.forwardRef(({ className, slotName = "tabs-content", ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React8.forwardRef(({ className, slotName = "tabs-content", ...props }, ref) => /* @__PURE__ */ jsx10(
   TabsPrimitive.Content,
   {
     ref,
@@ -1233,13 +1198,17 @@ var TabsContent = React6.forwardRef(({ className, slotName = "tabs-content", ...
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Textarea = React6.forwardRef(({ className, slotName = "textarea", ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
+
+// src/components/ui/textarea.tsx
+import * as React9 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Textarea = React9.forwardRef(({ className, slotName = "textarea", ...props }, ref) => {
+  return /* @__PURE__ */ jsx11(
     "textarea",
     {
       className: cn(
         fieldSurface,
-        "px-4 py-3 text-sm font-medium min-h-24 flex w-full resize-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        "px-4 py-3 font-medium min-h-24 flex w-full resize-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         fieldFocus,
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
         className
@@ -1252,6 +1221,48 @@ var Textarea = React6.forwardRef(({ className, slotName = "textarea", ...props }
 });
 Textarea.displayName = "Textarea";
 
-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, alertDefaultLabels, confirmDialogDefaultLabels, floatingSheetDefaultLabels, useField };
-//# sourceMappingURL=chunk-7LBWPBVE.js.map
-//# sourceMappingURL=chunk-7LBWPBVE.js.map
+export {
+  confirmDialogDefaultLabels,
+  ConfirmDialog,
+  Calendar,
+  CalendarDayButton,
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandSeparator,
+  CommandItem,
+  CommandShortcut,
+  Popover,
+  PopoverTrigger,
+  PopoverAnchor,
+  PopoverContent,
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+  floatingSheetDefaultLabels,
+  FloatingSheetStack,
+  FloatingSheet,
+  FloatingSheetBody,
+  FloatingSheetFooter,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  InputOTPSeparator,
+  Switch,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  Textarea
+};
+//# sourceMappingURL=chunk-UCJTM3UM.js.map