@godxjp/ui 12.1.0 → 13.1.0

package/dist/{chunk-2TYRT5XH.js → chunk-I2CYVA7B.js}

@@ -1,18 +1,19 @@
-import { Command, CommandList, CommandItem, CommandGroup } from './chunk-HTEL5DQI.js';
-import { Input } from './chunk-VOHTRR5X.js';
+import { Command, CommandList, CommandItem, CommandGroup } from './chunk-3R3QVJCB.js';
+import { Input } from './chunk-BNXPDUO4.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { controlTriggerClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { controlTriggerClass, controlOpenRingClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, ChevronsUpDown, Check, Loader2 } from 'lucide-react';
+import { ChevronDown, ChevronUp, ChevronsUpDown, Loader2 } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DEBOUNCE_MS = 250;
 function SearchSelect({
-  value = "",
+  value: valueProp,
+  defaultValue,
   onValueChange,
   options: staticOptions,
   loadOptions,
@@ -43,6 +44,9 @@ function SearchSelect({
   const [loading, setLoading] = React.useState(false);
   const [activeIndex, setActiveIndex] = React.useState(0);
   const [picked, setPicked] = React.useState(null);
+  const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
+  const isControlled = valueProp !== void 0;
+  const value = isControlled ? valueProp : internalValue;
   const reqId = React.useRef(0);
   const resolvedLoad = React.useMemo(
     () => loadOptions ?? (async ({ query: search }) => {
@@ -104,15 +108,18 @@ function SearchSelect({
     [grouped]
   );
   const resolvedPlaceholder = placeholder ?? t("dataEntry.searchSelect.placeholder");
-  const currentLabel = value ? picked?.label ?? selectedLabel ?? resolvedPlaceholder : resolvedPlaceholder;
+  const selectedOption = value ? [picked, ...staticOptions ?? [], ...loaded].find((option) => option?.value === value) ?? null : null;
+  const currentLabel = value ? selectedOption?.label ?? selectedLabel ?? value : resolvedPlaceholder;
   const select = (option) => {
     if (option.disabled) return;
     setPicked(option);
+    if (!isControlled) setInternalValue(option.value);
     onValueChange?.(option.value, option);
     setOpen(false);
   };
   const clear = () => {
     setPicked(null);
+    if (!isControlled) setInternalValue("");
     onValueChange?.("", void 0);
     setOpen(false);
   };
@@ -159,7 +166,7 @@ function SearchSelect({
             "aria-expanded": open,
             disabled,
             "data-testid": dataTestId,
-            className: cn("w-full justify-between font-normal", className),
+            className: cn("w-full justify-between font-normal", controlOpenRingClass, className),
             children: [
               /* @__PURE__ */ jsx("span", { className: cn("truncate text-start", !value && "text-muted-foreground"), children: currentLabel }),
               /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ms-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })
@@ -198,7 +205,7 @@ function SearchSelect({
                   children: [
                     clearable && value ? /* @__PURE__ */ jsx(CommandItem, { value: "", "data-testid": optionTestId("none"), onSelect: clear, children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: clearLabel ?? t("dataEntry.searchSelect.clear") }) }) : null,
                     grouped.map((group) => {
-                      const rows = group.items.map(({ option, index }) => /* @__PURE__ */ jsxs(
+                      const rows = group.items.map(({ option, index }) => /* @__PURE__ */ jsx(
                         CommandItem,
                         {
                           id: optionDomId(option.value),
@@ -207,16 +214,19 @@ function SearchSelect({
                           "data-testid": optionTestId(option.value),
                           "aria-selected": activeIndex === index,
                           disabled: option.disabled,
-                          className: activeIndex === index ? "bg-accent text-accent-foreground" : void 0,
+                          className: cn(
+                            // Selected = persistent bg-accent + medium weight (NO check icon — saves width),
+                            // matching the plain SelectItem's `data-[state=checked]` convention; active =
+                            // hover/keyboard accent. Same bg so selection stays coherent across both Selects.
+                            value === option.value && "bg-accent text-foreground font-medium",
+                            activeIndex === index && "bg-accent text-accent-foreground"
+                          ),
                           onMouseEnter: () => setActiveIndex(index),
                           onSelect: () => select(option),
-                          children: [
-                            renderOption ? /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: renderOption(option) }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-                              /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: option.label }),
-                              option.sublabel ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: option.sublabel }) : null
-                            ] }),
-                            value === option.value ? /* @__PURE__ */ jsx(Check, { className: "text-primary size-4 shrink-0", "aria-hidden": "true" }) : null
-                          ]
+                          children: renderOption ? /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: renderOption(option) }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+                            /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: option.label }),
+                            option.sublabel ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: option.sublabel }) : null
+                          ] })
                         },
                         option.value
                       ));
@@ -374,7 +384,8 @@ function DataSelect({
   options = [],
   loadOptions,
   showSearch,
-  value = "",
+  value,
+  defaultValue,
   onValueChange,
   renderOption,
   selectedLabel,
@@ -396,6 +407,7 @@ function DataSelect({
       SearchSelect,
       {
         value,
+        defaultValue,
         onValueChange,
         options,
         loadOptions,
@@ -431,6 +443,7 @@ function DataSelect({
     {
       "data-slot": "select",
       value: value || void 0,
+      defaultValue: defaultValue || void 0,
       onValueChange: (next) => onValueChange?.(
         next,
         options.find((option) => option.value === next)

package/dist/{chunk-4MMIMZMK.js → chunk-IJ5ALJGA.js}

@@ -1,4 +1,4 @@
-import { tableHeadHeightClass } from './chunk-IBK5D2Q6.js';
+import { tableHeadHeightClass } from './chunk-B4K4BXEF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-PO5ISUFA.js → chunk-IWAIIBSW.js}

@@ -1,10 +1,11 @@
 import { normalizeTreeOptions, collectAllExpandableKeys, filterVisibleTree, flattenVisibleTree, findNodeByValue, reactNodeText, getDescendantValues } from './chunk-SMLKNECP.js';
-import { Command, CommandInput } from './chunk-HTEL5DQI.js';
+import { Command, CommandInput } from './chunk-3R3QVJCB.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { controlOpenRingClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';
@@ -171,6 +172,7 @@ function TreeSelectRoot({
         disabled,
         className: cn(
           "w-full justify-between font-normal",
+          controlOpenRingClass,
           !displayKeys.length && "text-muted-foreground",
           className
         ),

package/dist/{chunk-UDEPO3UF.js → chunk-IZGLEPGW.js}

@@ -1,5 +1,5 @@
-import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { cva } from 'class-variance-authority';
 import { XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';

package/dist/{chunk-3ELRYXJK.js → chunk-JEIUEOTJ.js}

@@ -190,7 +190,9 @@ var en_default = {
       ariaLabel: "Carousel",
       slideLabel: "{index} of {total}",
       previous: "Previous",
-      next: "Next"
+      next: "Next",
+      dotsLabel: "Choose slide",
+      goToSlide: "Go to slide {index}"
     }
   },
   ui: {
@@ -455,7 +457,9 @@ var ja_default = {
       ariaLabel: "\u30AB\u30EB\u30FC\u30BB\u30EB",
       slideLabel: "{total} \u4EF6\u4E2D {index} \u4EF6\u76EE",
       previous: "\u524D\u3078",
-      next: "\u6B21\u3078"
+      next: "\u6B21\u3078",
+      dotsLabel: "\u30B9\u30E9\u30A4\u30C9\u3092\u9078\u629E",
+      goToSlide: "{index} \u756A\u76EE\u306E\u30B9\u30E9\u30A4\u30C9\u3078"
     }
   },
   ui: {
@@ -720,7 +724,9 @@ var vi_default = {
       ariaLabel: "B\u0103ng chuy\u1EC1n",
       slideLabel: "{index} / {total}",
       previous: "Tr\u01B0\u1EDBc",
-      next: "Sau"
+      next: "Sau",
+      dotsLabel: "Ch\u1ECDn slide",
+      goToSlide: "\u0110\u1EBFn slide {index}"
     }
   },
   ui: {

package/dist/{chunk-FTOG7D4T.js → chunk-KQ36FDEE.js}

@@ -1,5 +1,5 @@
 import { buttonVariants } from './chunk-M4PZNAMV.js';
-import { controlIconSmClass } from './chunk-IBK5D2Q6.js';
+import { controlIconSmClass } from './chunk-B4K4BXEF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';

package/dist/{chunk-WJNR3RAG.js → chunk-MTJHEQ46.js}

@@ -1,9 +1,9 @@
-import { Calendar } from './chunk-FTOG7D4T.js';
-import { Input } from './chunk-VOHTRR5X.js';
+import { Calendar } from './chunk-KQ36FDEE.js';
+import { Input } from './chunk-BNXPDUO4.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-TXRYSMOD.js';
-import { toIsoDate, parseDateInput } from './chunk-3ELRYXJK.js';
+import { useTranslation, usePickerLocales } from './chunk-H2TX3OPW.js';
+import { toIsoDate, parseDateInput } from './chunk-JEIUEOTJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-ZM4SMKEI.js → chunk-QATON677.js}

@@ -1,9 +1,9 @@
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
 import { densityClass, pageContainerVariantClass } from './chunk-INIIF7F7.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -472,23 +472,6 @@ function Topbar({
     ) : null
   ] });
 }
-function resolveColumns(columns) {
-  if (typeof columns === "number") {
-    return {
-      "--responsive-grid-sm": Math.min(columns, 2),
-      "--responsive-grid-md": Math.min(columns, 3),
-      "--responsive-grid-lg": columns
-    };
-  }
-  return {
-    "--responsive-grid-sm": columns.sm ?? 1,
-    "--responsive-grid-md": columns.md ?? columns.sm ?? 1,
-    "--responsive-grid-lg": columns.lg ?? columns.md ?? columns.sm ?? 1
-  };
-}
-function ResponsiveGrid({ columns = 4, children }) {
-  return /* @__PURE__ */ jsx("div", { className: "ui-responsive-grid", style: resolveColumns(columns), children });
-}
 function SplitPane({ children, aside, asideWidth = "md" }) {
   return /* @__PURE__ */ jsxs("div", { className: "ui-split-pane", "data-aside-width": asideWidth, children: [
     /* @__PURE__ */ jsx("div", { className: "ui-split-pane-main", children }),
@@ -496,4 +479,4 @@ function SplitPane({ children, aside, asideWidth = "md" }) {
   ] });
 }
 
-export { AppShell, Breadcrumb, PageContainer, ResponsiveGrid, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar };
+export { AppShell, Breadcrumb, PageContainer, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar };

package/dist/{chunk-FOANNF6Z.js → chunk-QD3YG56T.js}

@@ -1,5 +1,5 @@
-import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { controlIconClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Check, Loader2, X, Circle } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-SIUIIIQW.js → chunk-SISAM4JZ.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-VOHTRR5X.js';
-import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { Input } from './chunk-BNXPDUO4.js';
+import { controlIconClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/chunk-VU4GFGDG.js

@@ -0,0 +1,12 @@
+// src/components/feedback/overlay-header-tone.ts
+var overlayHeaderToneClass = {
+  default: "",
+  success: "bg-success/10",
+  warning: "bg-warning/10",
+  destructive: "bg-destructive/10",
+  info: "bg-info/10",
+  muted: "bg-muted",
+  neutral: "bg-muted"
+};
+
+export { overlayHeaderToneClass };

package/dist/{chunk-MXEVP5S2.js → chunk-W2NWOWZ3.js}

@@ -1,9 +1,9 @@
-import { formatBytes } from './chunk-FK5QEFVY.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-LCQFYL44.js';
 import { Slider } from './chunk-CRERCLIZ.js';
+import { formatBytes } from './chunk-GDHDJAVB.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-7MXIPSYM.js';
 import { Button } from './chunk-M4PZNAMV.js';
-import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { controlIconClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';
@@ -484,7 +484,7 @@ function Upload({
           "aria-label": t("dataEntry.upload.avatarLabel"),
           children: [
             !showPlaceholder && item?.previewUrl ? /* @__PURE__ */ jsx("img", { src: item.previewUrl, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground flex size-full items-center justify-center", children: /* @__PURE__ */ jsx(Camera, { className: controlIconClass, "aria-hidden": "true" }) }),
-            !disabled && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 bottom-0 bg-black/50 py-1 text-center text-[10px] text-white", children: t("dataEntry.upload.change") })
+            !disabled && /* @__PURE__ */ jsx("span", { className: "text-2xs absolute inset-x-0 bottom-0 bg-black/50 py-1 text-center text-white", children: t("dataEntry.upload.change") })
           ]
         }
       ),

package/dist/{chunk-7HF56YHC.js → chunk-X4J55OS5.js}

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-2TYRT5XH.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-I2CYVA7B.js';
 import { Button } from './chunk-M4PZNAMV.js';
-import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-TXRYSMOD.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-3ELRYXJK.js';
+import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-H2TX3OPW.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-JEIUEOTJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';

package/dist/{chunk-N6ELT7KB.js → chunk-XTVUYEJD.js}

@@ -106,6 +106,11 @@ var VOCABULARY_REGISTRY = {
     category: "shared",
     description: "Radix asChild polymorphism"
   },
+  WidthProp: {
+    file: "vocabulary/shared.prop.ts",
+    category: "shared",
+    description: "Explicit layout length (number\u2192px | CSS string) \u2014 NOT the SizeProp tier"
+  },
   // content.prop.ts
   TitleProp: {
     file: "vocabulary/content.prop.ts",
@@ -204,6 +209,16 @@ var VOCABULARY_REGISTRY = {
     category: "interaction",
     description: "Shared size names xs | sm | md | lg"
   },
+  FormLayoutProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Form label layout: vertical | horizontal | inline"
+  },
+  BreakpointProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Responsive breakpoint name sm | md | lg | xl (mobile-first)"
+  },
   ConfirmVariantProp: {
     file: "vocabulary/interaction.prop.ts",
     category: "interaction",
@@ -412,10 +427,23 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["PlaceholderProp", "DisabledProp"]
   },
+  FormProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: ["FormLayoutProp", "WidthProp", "BreakpointProp", "DensityProp"]
+  },
   FormFieldProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["IdProp", "LabelProp", "RequiredProp", "HelperProp", "ErrorProp"]
+    vocabulary: [
+      "IdProp",
+      "LabelProp",
+      "RequiredProp",
+      "HelperProp",
+      "ErrorProp",
+      "FormLayoutProp",
+      "WidthProp"
+    ]
   },
   SearchInputProp: {
     group: "data-entry",
@@ -496,7 +524,7 @@ var COMPONENT_PROP_REGISTRY = {
       "IdProp",
       "ClassNameProp"
     ],
-    note: "Deprecated \u2014 the searchable engine behind `<Select options showSearch>`; prefer Select."
+    note: "Internal \u2014 the searchable engine behind `<Select options showSearch>` (not public API); use Select."
   },
   SelectDataProp: {
     group: "data-entry",

package/dist/chunk-XUEDRPWF.js

@@ -0,0 +1,177 @@
+import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var toCssLength = (v) => typeof v === "number" ? `${v}px` : v;
+function Sheet(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "sheet-overlay",
+    className: cn(
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-50 flex flex-col gap-[var(--space-chrome-gap)] bg-background px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)] shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-md",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-md",
+        top: "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var SheetContent = React.forwardRef(
+  ({ side = "right", className, children, showCloseButton = true, width, style, ...props }, ref) => {
+    const horizontal = side === "left" || side === "right";
+    const widthSet = width != null && horizontal;
+    const mergedStyle = widthSet ? { ...style, ["--sheet-width"]: toCssLength(width) } : style;
+    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+      /* @__PURE__ */ jsx(SheetOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          ref,
+          "data-slot": "sheet-content",
+          style: mergedStyle,
+          className: cn(
+            sheetVariants({ side }),
+            // `width` caps at the viewport: full-width panel on a small screen, capped on a large one.
+            widthSet && "w-[min(var(--sheet-width),100%)] max-w-none sm:max-w-none",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            showCloseButton ? /* @__PURE__ */ jsxs(
+              DialogPrimitive.Close,
+              {
+                "data-slot": "sheet-close",
+                className: "ring-offset-background focus:ring-ring absolute end-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            ) : null
+          ]
+        }
+      )
+    ] });
+  }
+);
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  title,
+  subtitle,
+  extra,
+  tone = "default",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      "data-tone": tone,
+      className: cn(
+        "border-border -mx-[var(--sheet-pad-x)] -mt-[var(--sheet-pad-y)] flex flex-col gap-1.5 border-b px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
+        overlayHeaderToneClass[tone],
+        className
+      ),
+      ...props,
+      children: children ?? // `pe-8` reserves room for the absolute close button (end-4) so title/extra never sit under it.
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 pe-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+          title != null && /* @__PURE__ */ jsx(SheetTitle, { children: title }),
+          subtitle != null && /* @__PURE__ */ jsx(SheetDescription, { children: subtitle })
+        ] }),
+        extra != null && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2 whitespace-nowrap", children: extra })
+      ] })
+    }
+  );
+};
+var SheetBody = ({ className, ...props }) => (
+  // Scrollable region between a fixed header and a pinned footer (rule #41). Full-bleed horizontally
+  // (`-mx-6 px-6`) so content aligns to the sheet edge while the 3px focus ring of a full-width
+  // control keeps 24px of room and never clips against the scroll container's computed
+  // `overflow-x`. `py-1`/`scroll-py-1` keep a focused control's ring visible at the scroll edges.
+  // Use this instead of a hand-rolled `<div className="overflow-y-auto">` (which clips rings).
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: cn(
+        "-mx-[var(--sheet-pad-x)] min-h-0 flex-1 scroll-py-1 overflow-y-auto px-[var(--sheet-pad-x)] py-1",
+        className
+      ),
+      ...props
+    }
+  )
+);
+var SheetFooter = ({ className, ...props }) => (
+  // Pinned action bar (Ant Design Drawer footer): sticks to the bottom, full-bleed top border, actions
+  // RIGHT-aligned (primary rightmost). A destructive / clear / reset action goes far-LEFT — give it
+  // `className="mr-auto"`. See cardinal rule "Drawer & dialog footer layout".
+  // Owns its full vertical padding (symmetric 16/16) via `py-4`; `-mb-6` cancels SheetContent's
+  // `p-6` bottom so the footer doesn't inherit an asymmetric 16-top / 24-bottom rhythm.
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn(
+        "border-border -mx-[var(--sheet-pad-x)] mt-auto -mb-[var(--sheet-pad-y)] flex flex-wrap items-center justify-end gap-2 border-t px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "sheet-title",
+    className: cn("text-foreground text-lg font-medium", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "sheet-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/{chunk-2JCSS6B4.js → chunk-YVZPAN2W.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-FK5QEFVY.js';
+import { humanError } from './chunk-GDHDJAVB.js';
 import { Flex } from './chunk-INIIF7F7.js';
 import { Button } from './chunk-M4PZNAMV.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Info, CheckCircle2, TriangleAlert, AlertCircle, X, RefreshCw } from 'lucide-react';

package/dist/{chunk-BCBK4FLV.js → chunk-ZFBIKJSJ.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-VOHTRR5X.js';
+import { Input } from './chunk-BNXPDUO4.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { useDebouncedValue } from './chunk-LFW37FGG.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

package/dist/{chunk-L2MEN2VK.js → chunk-ZPHIXXTK.js}

@@ -1,5 +1,5 @@
-import { Input } from './chunk-VOHTRR5X.js';
-import { useTranslation } from './chunk-TXRYSMOD.js';
+import { Input } from './chunk-BNXPDUO4.js';
+import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { EyeOff, Eye, Minus, Star, X } from 'lucide-react';