@godxjp/ui 13.1.0 → 13.2.1

package/dist/{checkbox-shzpQ_Xo.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-DL7kUcJh.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-7MXIPSYM.js → chunk-4GZQHBHV.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-BNXPDUO4.js';
 import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
-import { buttonVariants, Button } from './chunk-M4PZNAMV.js';
+import { Input } from './chunk-BNXPDUO4.js';
+import { buttonVariants, Button } from './chunk-E6J7ZTDM.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-H2TX3OPW.js';
 import { cn } from './chunk-U7N2A7A3.js';

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

@@ -1,5 +1,5 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-I2CYVA7B.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-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-2M57K2VW.js → chunk-JW34DXZ3.js}

@@ -1,7 +1,7 @@
-import { reactNodeText } from './chunk-SMLKNECP.js';
 import { SearchInput } from './chunk-ZFBIKJSJ.js';
+import { reactNodeText } from './chunk-SMLKNECP.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-7HEFQDN5.js → chunk-LEVFHRHU.js}

@@ -1,5 +1,5 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-I2CYVA7B.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-W2NWOWZ3.js → chunk-LF7XRNCF.js}

@@ -1,7 +1,7 @@
-import { Slider } from './chunk-CRERCLIZ.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-4GZQHBHV.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 { Slider } from './chunk-TBJBVEIP.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-MTJHEQ46.js → chunk-MQ5F4T5A.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,7 +50,7 @@ function DatePicker({
       emit(parsed);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsx(
       Input,
       {
@@ -86,50 +86,48 @@ function DatePicker({
         }
       }
     ),
-    /* @__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-I2CYVA7B.js → chunk-NXF64JCT.js}

@@ -1,6 +1,6 @@
 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';

package/dist/{chunk-DWYRIKVD.js → chunk-SVJK3LBZ.js}

@@ -1,7 +1,7 @@
 import { EmptyState } from './chunk-YD7V2HGZ.js';
-import { Checkbox } from './chunk-BE6GJGKJ.js';
 import { Flex, densityClass } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-M4PZNAMV.js';
+import { Checkbox } from './chunk-BE6GJGKJ.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';

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

@@ -204,6 +204,41 @@ var VOCABULARY_REGISTRY = {
     category: "interaction",
     description: "Button size preset; includes documented icon-only subset"
   },
+  BadgeVariantProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Badge visual variant (default | secondary | outline | dashed)"
+  },
+  ShapeProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Corner shape default | pill | sharp \u2014 shared by Button + Badge (radius tokens)"
+  },
+  TextSizeProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Text size \u2014 golden-ratio type-scale steps (2xs\u2026xl), never an arbitrary px"
+  },
+  TextToneProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Text colour intent \u2014 semantic foreground tokens"
+  },
+  FontWeightProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Font weight regular | medium | semibold (system 2-weight, 400/500)"
+  },
+  HeadingLevelProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Heading level 1-4 \u2014 sizes from --heading-h* and the semantic element"
+  },
+  TextAlignProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Inline text alignment start | center | end (logical, RTL-safe)"
+  },
   SizeProp: {
     file: "vocabulary/interaction.prop.ts",
     category: "interaction",
@@ -415,7 +450,30 @@ var COMPONENT_PROP_REGISTRY = {
   ButtonProp: {
     group: "general",
     file: "components/general.prop.ts",
-    vocabulary: ["ButtonVariantProp", "SizeProp", "AsChildProp", "DisabledProp", "OnClickProp"]
+    vocabulary: [
+      "ButtonVariantProp",
+      "SizeProp",
+      "ShapeProp",
+      "AsChildProp",
+      "DisabledProp",
+      "OnClickProp"
+    ]
+  },
+  TextProp: {
+    group: "general",
+    file: "components/general.prop.ts",
+    vocabulary: [
+      "TextSizeProp",
+      "TextToneProp",
+      "FontWeightProp",
+      "TextAlignProp",
+      "ClassNameProp"
+    ]
+  },
+  HeadingProp: {
+    group: "general",
+    file: "components/general.prop.ts",
+    vocabulary: ["HeadingLevelProp", "TextToneProp", "TextAlignProp", "ClassNameProp"]
   },
   InputProp: {
     group: "data-entry",
@@ -642,7 +700,7 @@ var COMPONENT_PROP_REGISTRY = {
   BadgeProp: {
     group: "data-display",
     file: "components/data-display.prop.ts",
-    vocabulary: ["ToneProp", "ChildrenProp", "ClassNameProp"]
+    vocabulary: ["BadgeVariantProp", "ShapeProp", "ToneProp", "ChildrenProp", "ClassNameProp"]
   },
   DataTableProp: {
     group: "data-display",

package/dist/{chunk-5KK3KJ6L.js → chunk-ZKUB7DHO.js}

@@ -1,5 +1,5 @@
 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 { useTranslation, usePickerLocales } from './chunk-H2TX3OPW.js';
 import { normalizeHhmm, isValidHhmm } from './chunk-JEIUEOTJ.js';