@akira-io/ui 1.3.1 → 2.1.0

package/dist/{chunk-I6VVCFZ2.js → chunk-DPLCEU34.js}

@@ -1,22 +1,45 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, DialogFooter } from './chunk-N2KIFFI7.js';
-import { useUiLabels } from './chunk-QNF4LJVT.js';
-import { Input } from './chunk-3Z2VGVPI.js';
-import { elevatedSurface, cn, panelSurface, glassControl, controlFill, focusRing, nestedSurfaceReset, fieldSurface, fieldFocus, Button, buttonVariants, modalSurface, menuSurface } from './chunk-KHOA4TEI.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-QZRSQVCN.js";
+import {
+  useUiLabels
+} from "./chunk-OS7YY5R4.js";
+import {
+  Label
+} from "./chunk-BP2YDMMI.js";
+import {
+  Input
+} from "./chunk-53V4J7MC.js";
+import {
+  Button,
+  buttonVariants,
+  cn,
+  controlFill,
+  elevatedSurface,
+  fieldFocus,
+  fieldSurface,
+  focusRing,
+  glassControl,
+  menuSurface,
+  modalSurface,
+  nestedSurfaceReset,
+  panelSurface,
+  scrollEdgeTransition,
+  scrollShadowFromBottom,
+  scrollShadowFromTop
+} from "./chunk-PPWJK5T3.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 +154,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 +179,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     DayPicker,
     {
       showOutsideDays,
@@ -335,7 +293,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             "div",
             {
               ref: rootRef,
@@ -347,7 +305,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 +314,7 @@ function Calendar({
             );
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ jsx2(
               ChevronRightIcon,
               {
                 className: cn("size-4", className2),
@@ -364,7 +322,7 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             ChevronDownIcon,
             {
               className: cn("size-4", className2),
@@ -374,7 +332,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 +347,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 +371,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 +403,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 +416,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 +426,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,9 +435,9 @@ 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-base sm:text-sm font-medium flex w-full bg-transparent outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
@@ -493,8 +456,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 +474,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 +484,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 +495,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 +512,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 +526,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 +543,7 @@ function CommandShortcut({
   slotName = "command-shortcut",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       className: cn(
@@ -592,18 +555,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 +585,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,7 +615,7 @@ function SelectTrigger({
   slotName = "select-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     SelectPrimitive.Trigger,
     {
       className: cn(
@@ -653,7 +626,7 @@ function SelectTrigger({
       "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 +638,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 +650,8 @@ function SelectContent({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx5(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx5(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -688,7 +661,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx5(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -698,7 +671,7 @@ function SelectLabel({
   slotName = "select-label",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.Label,
     {
       className: cn(
@@ -716,7 +689,7 @@ function SelectItem({
   slotName = "select-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     SelectPrimitive.Item,
     {
       className: cn(
@@ -726,8 +699,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 +710,7 @@ function SelectSeparator({
   slotName = "select-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.Separator,
     {
       className: cn(
@@ -754,7 +727,7 @@ function SelectScrollUpButton({
   slotName = "select-scroll-up-button",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.ScrollUpButton,
     {
       className: cn(
@@ -763,7 +736,7 @@ function SelectScrollUpButton({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx5(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -772,7 +745,7 @@ function SelectScrollDownButton({
   slotName = "select-scroll-down-button",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     SelectPrimitive.ScrollDownButton,
     {
       className: cn(
@@ -781,53 +754,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 +776,17 @@ function useFloatingSheetStack() {
   }
   return context;
 }
+var floatingSheetDefaultEdges = {
+  top: true,
+  bottom: true
+};
+var FloatingSheetEdgesContext = React3.createContext(floatingSheetDefaultEdges);
+var FloatingSheetReportEdgesContext = React3.createContext(null);
+
+// 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 +797,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 +832,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 +843,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 +871,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 +888,53 @@ function FloatingSheetStack({
     )
   ] });
 }
+
+// src/components/ui/floating-sheet.tsx
+import { ArrowLeftIcon, XIcon } from "lucide-react";
+import * as React6 from "react";
+import { createPortal } from "react-dom";
+
+// src/hooks/use-floating-sheet-body-edges.ts
+import * as React5 from "react";
+function useFloatingSheetBodyEdges(containerRef, topSentinelRef, bottomSentinelRef, reportEdges) {
+  React5.useEffect(() => {
+    const container = containerRef.current;
+    const topSentinel = topSentinelRef.current;
+    const bottomSentinel = bottomSentinelRef.current;
+    if (!reportEdges || !container || !topSentinel || !bottomSentinel || typeof IntersectionObserver === "undefined") {
+      return;
+    }
+    let edges = floatingSheetDefaultEdges;
+    const edgeKeyByTarget = /* @__PURE__ */ new Map([
+      [topSentinel, "top"],
+      [bottomSentinel, "bottom"]
+    ]);
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const next = { ...edges };
+        for (const entry of entries) {
+          const key = edgeKeyByTarget.get(entry.target);
+          if (!key) {
+            continue;
+          }
+          next[key] = entry.isIntersecting;
+        }
+        edges = next;
+        reportEdges(next);
+      },
+      { root: container, threshold: 0 }
+    );
+    observer.observe(topSentinel);
+    observer.observe(bottomSentinel);
+    return () => {
+      observer.disconnect();
+      reportEdges(floatingSheetDefaultEdges);
+    };
+  }, [containerRef, topSentinelRef, bottomSentinelRef, reportEdges]);
+}
+
+// src/components/ui/floating-sheet.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function FloatingSheet({
   open,
   onOpenChange,
@@ -957,6 +956,9 @@ function FloatingSheet({
   const openerRef = React6.useRef(null);
   const panelRef = React6.useRef(null);
   const focusedRef = React6.useRef(false);
+  const [edges, setEdges] = React6.useState(
+    floatingSheetDefaultEdges
+  );
   React6.useEffect(() => {
     closeRef.current = close;
     titleRef.current = title;
@@ -1009,7 +1011,7 @@ function FloatingSheet({
   }
   const offset = Math.min(depth, FLOATING_SHEET_OFFSET_LIMIT);
   return createPortal(
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs5(
       "section",
       {
         ref: panelRef,
@@ -1032,13 +1034,17 @@ 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",
+              className: cn(
+                "gap-1 p-5 relative z-10 flex flex-col",
+                scrollEdgeTransition,
+                !edges.top && scrollShadowFromTop
+              ),
               children: [
-                index > 0 ? /* @__PURE__ */ jsxs(
+                index > 0 ? /* @__PURE__ */ jsxs5(
                   "button",
                   {
                     type: "button",
@@ -1049,12 +1055,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 +1069,7 @@ function FloatingSheet({
                     children: title
                   }
                 ),
-                description ? /* @__PURE__ */ jsx(
+                description ? /* @__PURE__ */ jsx7(
                   "p",
                   {
                     id: descriptionId,
@@ -1075,8 +1081,8 @@ function FloatingSheet({
               ]
             }
           ),
-          children,
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(FloatingSheetReportEdgesContext.Provider, { value: setEdges, children: /* @__PURE__ */ jsx7(FloatingSheetEdgesContext.Provider, { value: edges, children }) }),
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -1084,10 +1090,10 @@ function FloatingSheet({
               "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",
+                "top-4 right-4 size-9 shadow-xs absolute z-20 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" })
             }
           )
         ]
@@ -1099,14 +1105,47 @@ function FloatingSheet({
 function FloatingSheetBody({
   className,
   slotName = "floating-sheet-body",
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  const reportEdges = React6.useContext(FloatingSheetReportEdgesContext);
+  const containerRef = React6.useRef(null);
+  const topSentinelRef = React6.useRef(null);
+  const bottomSentinelRef = React6.useRef(null);
+  useFloatingSheetBodyEdges(
+    containerRef,
+    topSentinelRef,
+    bottomSentinelRef,
+    reportEdges
+  );
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
+      ref: containerRef,
       className: cn("p-5 flex-1 overflow-y-auto", className),
       ...props,
-      "data-slot": slotName
+      "data-slot": slotName,
+      children: [
+        /* @__PURE__ */ jsx7(
+          "div",
+          {
+            ref: topSentinelRef,
+            "aria-hidden": "true",
+            "data-slot": "floating-sheet-top-sentinel",
+            className: "h-0"
+          }
+        ),
+        children,
+        /* @__PURE__ */ jsx7(
+          "div",
+          {
+            ref: bottomSentinelRef,
+            "aria-hidden": "true",
+            "data-slot": "floating-sheet-bottom-sentinel",
+            className: "h-0"
+          }
+        )
+      ]
     }
   );
 }
@@ -1115,11 +1154,14 @@ function FloatingSheetFooter({
   slotName = "floating-sheet-footer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  const edges = React6.useContext(FloatingSheetEdgesContext);
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: cn(
-        "gap-2 p-5 mt-auto flex items-center justify-end",
+        "gap-2 p-5 relative z-10 mt-auto flex items-center justify-end",
+        scrollEdgeTransition,
+        !edges.bottom && scrollShadowFromBottom,
         className
       ),
       ...props,
@@ -1127,7 +1169,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 React7 from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var InputOTP = React7.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx8(
   OTPInput,
   {
     ref,
@@ -1140,12 +1188,12 @@ 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 = React7.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);
+var InputOTPSlot = React7.forwardRef(({ index, className, slotName = "input-otp-slot", ...props }, ref) => {
+  const inputOTPContext = React7.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref,
@@ -1160,15 +1208,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 = React7.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 React8 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Switch = React8.forwardRef(({ className, slotName = "switch", ...props }, ref) => /* @__PURE__ */ jsx9(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1178,7 +1231,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 +1243,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 React9 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Tabs = React9.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 = React9.forwardRef(({ className, slotName = "tabs-list", ...props }, ref) => /* @__PURE__ */ jsx10(
   TabsPrimitive.List,
   {
     ref,
@@ -1205,7 +1263,7 @@ 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 = React9.forwardRef(({ className, slotName = "tabs-trigger", ...props }, ref) => /* @__PURE__ */ jsx10(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1218,7 +1276,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 = React9.forwardRef(({ className, slotName = "tabs-content", ...props }, ref) => /* @__PURE__ */ jsx10(
   TabsPrimitive.Content,
   {
     ref,
@@ -1233,8 +1291,12 @@ 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 React10 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Textarea = React10.forwardRef(({ className, slotName = "textarea", ...props }, ref) => {
+  return /* @__PURE__ */ jsx11(
     "textarea",
     {
       className: cn(
@@ -1252,6 +1314,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-I6VVCFZ2.js.map
-//# sourceMappingURL=chunk-I6VVCFZ2.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-DPLCEU34.js.map