@godxjp/ui 13.0.0 → 13.2.0

package/dist/{checkbox-CwfNgQ9d.d.ts → checkbox-DKaBna6z.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as CheckboxGroupProp } from './data-entry.prop-BGxD81Lf.js';
+import { b as CheckboxGroupProp } from './data-entry.prop-BGlwRXlJ.js';
 
 declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-55S5N667.js → chunk-33AJDSML.js}

@@ -1,6 +1,6 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
 import { Command, CommandInput } from './chunk-3R3QVJCB.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';

package/dist/{chunk-VNQ2NW22.js → chunk-4ADB5EKN.js}

@@ -1,7 +1,7 @@
+import { Slider } from './chunk-TBJBVEIP.js';
 import { formatBytes } from './chunk-GDHDJAVB.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-WNOX32KG.js';
-import { Slider } from './chunk-CRERCLIZ.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-Z652BSX7.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { controlIconClass } from './chunk-B4K4BXEF.js';
 import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';

package/dist/{chunk-WIRQNCCP.js → chunk-5NIGHXT5.js}

@@ -1,5 +1,5 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-RX2F2U6D.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-NXF64JCT.js';
+import { Button } from './chunk-E6J7ZTDM.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';

package/dist/{chunk-AKFR72DQ.js → chunk-74OPJG3N.js}

@@ -1,13 +1,13 @@
-import { Calendar } from './chunk-KQ36FDEE.js';
+import { Calendar } from './chunk-HBOL5LSC.js';
 import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-E6J7ZTDM.js';
+import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.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';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var ISO_HINT = "yyyy-mm-dd";
 function DateRangePicker({
@@ -47,7 +47,7 @@ function DateRangePicker({
     const next = { from: value?.from, to: value?.to, [edge]: parsed };
     emit(next.from || next.to ? next : void 0);
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", className), children: [
+  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", className), children: [
     /* @__PURE__ */ jsx(
       Input,
       {
@@ -114,51 +114,49 @@ function DateRangePicker({
         }
       }
     ),
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          disabled,
-          tabIndex: -1,
-          "aria-label": t("dataEntry.dateRangePicker.openCalendar") ?? "Open calendar",
-          className: "text-muted-foreground shrink-0 hover:bg-transparent",
-          children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          className: "w-auto p-0",
-          align: "end",
-          onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "range",
-              selected: value,
-              defaultMonth: value?.from,
-              numberOfMonths: 2,
-              onSelect: (range) => {
-                emit(range);
-                setFromText(toIsoDate(range?.from));
-                setToText(toIsoDate(range?.to));
-              },
-              locale: dayPickerLocale,
-              disabled: [
-                ...fromDate ? [{ before: fromDate }] : [],
-                ...toDate ? [{ after: toDate }] : []
-              ],
-              startMonth: fromDate,
-              endMonth: toDate
-            }
-          )
-        }
-      )
-    ] })
-  ] });
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        disabled,
+        tabIndex: -1,
+        "aria-label": t("dataEntry.dateRangePicker.openCalendar") ?? "Open calendar",
+        className: "text-muted-foreground shrink-0 hover:bg-transparent",
+        children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "w-auto p-0",
+        align: "start",
+        onOpenAutoFocus: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "range",
+            selected: value,
+            defaultMonth: value?.from,
+            numberOfMonths: 2,
+            onSelect: (range) => {
+              emit(range);
+              setFromText(toIsoDate(range?.from));
+              setToText(toIsoDate(range?.to));
+            },
+            locale: dayPickerLocale,
+            disabled: [
+              ...fromDate ? [{ before: fromDate }] : [],
+              ...toDate ? [{ after: toDate }] : []
+            ],
+            startMonth: fromDate,
+            endMonth: toDate
+          }
+        )
+      }
+    )
+  ] }) }) });
 }
 
 export { DateRangePicker };

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

@@ -1,13 +1,13 @@
-import { Calendar } from './chunk-KQ36FDEE.js';
+import { Calendar } from './chunk-HBOL5LSC.js';
 import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-E6J7ZTDM.js';
+import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.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';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var ISO_HINT = "yyyy-mm-dd";
 function DatePicker({
@@ -50,8 +50,8 @@ function DatePicker({
       emit(parsed);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
       Input,
       {
         id,
@@ -85,51 +85,49 @@ function DatePicker({
           setText(parsed ? toIsoDate(parsed) : toIsoDate(value));
         }
       }
-    ),
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          disabled,
-          tabIndex: -1,
-          "aria-label": t("dataEntry.datePicker.openCalendar") ?? "Open calendar",
-          className: "text-muted-foreground absolute inset-y-0 end-0 h-full px-2 hover:bg-transparent",
-          children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          className: "w-auto p-0",
-          align: "end",
-          onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "single",
-              selected: value,
-              defaultMonth: value,
-              onSelect: (date) => {
-                emit(date);
-                setText(toIsoDate(date));
-                setOpen(false);
-              },
-              locale: dayPickerLocale,
-              disabled: [
-                ...fromDate ? [{ before: fromDate }] : [],
-                ...toDate ? [{ after: toDate }] : []
-              ],
-              startMonth: fromDate,
-              endMonth: toDate
-            }
-          )
-        }
-      )
-    ] })
-  ] });
+    ) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        disabled,
+        tabIndex: -1,
+        "aria-label": t("dataEntry.datePicker.openCalendar") ?? "Open calendar",
+        className: "text-muted-foreground absolute inset-y-0 end-0 h-full px-2 hover:bg-transparent",
+        children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "w-auto p-0",
+        align: "start",
+        onOpenAutoFocus: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "single",
+            selected: value,
+            defaultMonth: value,
+            onSelect: (date) => {
+              emit(date);
+              setText(toIsoDate(date));
+              setOpen(false);
+            },
+            locale: dayPickerLocale,
+            disabled: [
+              ...fromDate ? [{ before: fromDate }] : [],
+              ...toDate ? [{ after: toDate }] : []
+            ],
+            startMonth: fromDate,
+            endMonth: toDate
+          }
+        )
+      }
+    )
+  ] }) });
 }
 
 export { DatePicker };

package/dist/{chunk-M4PZNAMV.js → chunk-E6J7ZTDM.js}

@@ -10,6 +10,7 @@ var buttonVariants = cva("ui-button", {
       default: "ui-button--default bg-primary text-primary-foreground hover:bg-primary/90",
       destructive: "ui-button--destructive bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
       outline: "ui-button--outline border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+      dashed: "ui-button--dashed border border-dashed bg-background hover:bg-accent hover:text-accent-foreground",
       secondary: "ui-button--secondary bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "ui-button--ghost hover:bg-accent hover:text-accent-foreground",
       link: "ui-button--link text-primary underline-offset-4 hover:underline"
@@ -17,19 +18,26 @@ var buttonVariants = cva("ui-button", {
     size: {
       default: "ui-button--default-size py-2 has-[>svg]:px-3",
       md: "ui-button--default-size py-2 has-[>svg]:px-3",
-      xs: "h-[calc(var(--control-height)-0.75rem)] gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-      sm: "ui-button--sm gap-1.5 rounded-md has-[>svg]:px-2.5",
-      lg: "ui-button--lg rounded-md has-[>svg]:px-4",
+      xs: "h-[calc(var(--control-height)-0.75rem)] gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "ui-button--sm gap-1.5 has-[>svg]:px-2.5",
+      lg: "ui-button--lg has-[>svg]:px-4",
       icon: "ui-button--icon",
-      "icon-xs": "size-[calc(var(--control-height)-0.75rem)] rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-xs": "size-[calc(var(--control-height)-0.75rem)] [&_svg:not([class*='size-'])]:size-3",
       "icon-sm": "size-[calc(var(--control-height)-0.5rem)]",
       "icon-lg": "size-[calc(var(--control-height)+0.25rem)]"
+    },
+    // Single source of corner radius (deterministic — no competing rounded-* utility): default uses
+    // the control radius token, pill is fully rounded, sharp is square.
+    shape: {
+      default: "rounded-md",
+      pill: "rounded-[var(--radius-pill)]",
+      sharp: "rounded-[var(--radius-sharp)]"
     }
   },
-  defaultVariants: { variant: "default", size: "default" }
+  defaultVariants: { variant: "default", size: "default", shape: "default" }
 });
 var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({ className, variant, size, shape, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
       Comp,
@@ -37,13 +45,14 @@ var Button = React.forwardRef(
         "data-slot": "button",
         "data-variant": variant ?? "default",
         "data-size": size ?? "default",
+        "data-shape": shape ?? "default",
         className: cn(
-          "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none",
+          "inline-flex shrink-0 items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-all outline-none",
           "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
           "disabled:pointer-events-none disabled:opacity-50",
           "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
           "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-          buttonVariants({ variant, size, className })
+          buttonVariants({ variant, size, shape, className })
         ),
         ref,
         ...props

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

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-M4PZNAMV.js';
+import { buttonVariants } from './chunk-E6J7ZTDM.js';
 import { controlIconSmClass } from './chunk-B4K4BXEF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';

package/dist/{chunk-XUEDRPWF.js → chunk-IMERLXSC.js}

@@ -101,7 +101,7 @@ var SheetHeader = ({
       "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)]",
+        "-mx-[var(--sheet-pad-x)] -mt-[var(--sheet-pad-y)] flex flex-col gap-1.5 px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
         overlayHeaderToneClass[tone],
         className
       ),
@@ -146,7 +146,7 @@ var SheetFooter = ({ className, ...props }) => (
     {
       "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)]",
+        "-mx-[var(--sheet-pad-x)] mt-auto -mb-[var(--sheet-pad-y)] flex flex-wrap items-center justify-end gap-2 px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
         className
       ),
       ...props

package/dist/{chunk-NVNDO3FI.js → chunk-JAEA2IBC.js}

@@ -1,7 +1,7 @@
-import { SearchInput } from './chunk-XZXE5KVV.js';
 import { reactNodeText } from './chunk-SMLKNECP.js';
+import { SearchInput } from './chunk-ZFBIKJSJ.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';

package/dist/{chunk-572FHZ3M.js → chunk-LEVFHRHU.js}

@@ -1,5 +1,5 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-RX2F2U6D.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-NXF64JCT.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

package/dist/{chunk-RX2F2U6D.js → chunk-NXF64JCT.js}

@@ -1,18 +1,19 @@
 import { Command, CommandList, CommandItem, CommandGroup } from './chunk-3R3QVJCB.js';
 import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.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);
   };
@@ -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-IYLJQVKV.js → chunk-SSNPCHG6.js}

@@ -1,7 +1,7 @@
 import { EmptyState } from './chunk-YD7V2HGZ.js';
-import { Flex, densityClass } from './chunk-INIIF7F7.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Flex, densityClass } from './chunk-INIIF7F7.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
 import { useTranslation } from './chunk-H2TX3OPW.js';

package/dist/{chunk-CRERCLIZ.js → chunk-TBJBVEIP.js}

@@ -4,11 +4,21 @@ import * as SliderPrimitive from '@radix-ui/react-slider';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Slider = React.forwardRef(
-  ({ className, defaultValue, value, min = 0, max = 100, ...props }, ref) => {
+  ({
+    className,
+    defaultValue,
+    value,
+    min = 0,
+    max = 100,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    ...props
+  }, ref) => {
     const values = React.useMemo(
       () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
       [defaultValue, max, min, value]
     );
+    const thumbLabel = (index) => ariaLabel != null && values.length > 1 ? `${ariaLabel} ${index + 1}` : ariaLabel;
     return /* @__PURE__ */ jsxs(
       SliderPrimitive.Root,
       {
@@ -22,7 +32,16 @@ var Slider = React.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "ui-slider-track", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: "ui-slider-range" }) }),
-          values.map((_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "ui-slider-thumb" }, index))
+          values.map((_, index) => /* @__PURE__ */ jsx(
+            SliderPrimitive.Thumb,
+            {
+              "data-slot": "slider-thumb",
+              className: "ui-slider-thumb",
+              "aria-label": thumbLabel(index),
+              "aria-labelledby": ariaLabelledby
+            },
+            index
+          ))
         ]
       }
     );

package/dist/{chunk-YVZPAN2W.js → chunk-UVJE3FYT.js}

@@ -1,6 +1,6 @@
 import { humanError } from './chunk-GDHDJAVB.js';
 import { Flex } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

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

@@ -35,10 +35,17 @@ var badgeVariants = cva(
       variant: {
         default: "border-transparent bg-primary text-primary-foreground",
         secondary: "border-transparent bg-secondary text-secondary-foreground",
-        outline: "text-foreground"
+        outline: "text-foreground",
+        dashed: "border-dashed text-foreground"
+      },
+      // Corner shape — default inherits the badge radius token; pill/sharp override via the tokens.
+      shape: {
+        default: "",
+        pill: "rounded-[var(--radius-pill)]",
+        sharp: "rounded-[var(--radius-sharp)]"
       }
     },
-    defaultVariants: { variant: "default" }
+    defaultVariants: { variant: "default", shape: "default" }
   }
 );
 var badgeToneClass = {
@@ -50,7 +57,16 @@ var badgeToneClass = {
   muted: cn("border-transparent", toneMutedClass),
   neutral: cn("border-transparent", toneNeutralClass)
 };
-function Badge({ className, variant, tone, icon, status, children, ...props }) {
+function Badge({
+  className,
+  variant,
+  shape,
+  tone,
+  icon,
+  status,
+  children,
+  ...props
+}) {
   const { t } = useTranslation();
   const statusDef = status ? STATUS_MAP[status] ?? { tone: "neutral", icon: Circle } : null;
   const resolvedTone = tone ?? statusDef?.tone ?? "default";
@@ -61,8 +77,9 @@ function Badge({ className, variant, tone, icon, status, children, ...props }) {
     {
       "data-slot": "badge",
       "data-tone": resolvedTone,
+      "data-shape": shape ?? "default",
       className: cn(
-        badgeVariants({ variant: variant ?? "default" }),
+        badgeVariants({ variant: variant ?? "default", shape: shape ?? "default" }),
         badgeToneClass[resolvedTone],
         className
       ),

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

@@ -1,7 +1,7 @@
 import { normalizeTreeOptions, collectAllExpandableKeys, filterVisibleTree, flattenVisibleTree, findNodeByValue, reactNodeText, getDescendantValues } from './chunk-SMLKNECP.js';
 import { Command, CommandInput } from './chunk-3R3QVJCB.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Button } from './chunk-E6J7ZTDM.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';