@godxjp/ui 13.6.0 → 13.8.0

package/dist/{chunk-UKTVFPRV.js → chunk-65RWSIZF.js}

@@ -1,8 +1,8 @@
-import { Input } from './chunk-6AIYMYSG.js';
-import { Button } from './chunk-XZH3URGD.js';
+import { Input } from './chunk-K24AQV4R.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-QTEPKNQE.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-C7W5BO7R.js';
+import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, Clock } from 'lucide-react';

package/dist/{chunk-5XFFEW2P.js → chunk-A3J2G2ZA.js}

@@ -1,11 +1,11 @@
 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-XZH3URGD.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-QTEPKNQE.js → chunk-B6S6LTWT.js}

@@ -1,4 +1,4 @@
-import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-C7W5BO7R.js';
+import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-5732TWQF.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-PKSHDFKP.js → chunk-BJTNKNMY.js}

@@ -1,14 +1,14 @@
 import { Command, CommandList, CommandItem, CommandGroup } from './chunk-3R3QVJCB.js';
-import { Input } from './chunk-6AIYMYSG.js';
-import { Button } from './chunk-XZH3URGD.js';
+import { Input } from './chunk-K24AQV4R.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { controlTriggerClass, controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { ChevronDown, ChevronUp, Loader2, X, ChevronsUpDown } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var DEBOUNCE_MS = 250;
 function SearchSelect({
@@ -18,7 +18,9 @@ function SearchSelect({
   options: staticOptions,
   loadOptions,
   renderOption,
+  labelRender,
   selectedLabel,
+  selectedIcon,
   placeholder,
   searchPlaceholder,
   emptyMessage,
@@ -110,6 +112,7 @@ function SearchSelect({
   const resolvedPlaceholder = placeholder ?? t("dataEntry.searchSelect.placeholder");
   const selectedOption = value ? [picked, ...staticOptions ?? [], ...loaded].find((option) => option?.value === value) ?? null : null;
   const currentLabel = value ? selectedOption?.label ?? selectedLabel ?? value : resolvedPlaceholder;
+  const currentIcon = value ? selectedOption?.icon ?? selectedIcon : null;
   const select = (option) => {
     if (option.disabled) return;
     setPicked(option);
@@ -174,7 +177,19 @@ function SearchSelect({
                 // Reserve trailing room for the clear + chevron overlay rendered below.
                 showClear ? "pe-14" : "pe-9"
               ),
-              children: /* @__PURE__ */ jsx("span", { className: cn("truncate text-start", !value && "text-muted-foreground"), children: currentLabel })
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex min-w-0 items-center gap-2 text-start",
+                    !value && "text-muted-foreground"
+                  ),
+                  children: value && labelRender ? labelRender({ value, label: currentLabel, option: selectedOption ?? void 0 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    currentIcon ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: currentIcon }) : null,
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: currentLabel })
+                  ] })
+                }
+              )
             }
           ) }),
           name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value }) : null,
@@ -226,9 +241,12 @@ function SearchSelect({
                             ),
                             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
+                            children: renderOption ? /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: renderOption(option) }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                              option.icon ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: option.icon }) : null,
+                              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 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
@@ -406,7 +424,9 @@ function DataSelect({
   defaultValue,
   onValueChange,
   renderOption,
+  labelRender,
   selectedLabel,
+  selectedIcon,
   placeholder,
   searchPlaceholder,
   emptyMessage,
@@ -417,8 +437,12 @@ function DataSelect({
   name,
   id,
   className,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  ...rest
 }) {
+  const ariaProps = Object.fromEntries(
+    Object.entries(rest).filter(([key]) => key.startsWith("aria-"))
+  );
   const searchable = showSearch ?? Boolean(loadOptions);
   if (searchable) {
     return /* @__PURE__ */ jsx(
@@ -430,7 +454,9 @@ function DataSelect({
         options,
         loadOptions,
         renderOption,
+        labelRender,
         selectedLabel,
+        selectedIcon,
         placeholder,
         searchPlaceholder,
         emptyMessage,
@@ -469,7 +495,7 @@ function DataSelect({
       disabled,
       name,
       children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
+        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, ...ariaProps, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
         /* @__PURE__ */ jsx(SelectContent, { children: groupDataOptions(options).map(
           (group) => group.heading ? /* @__PURE__ */ jsxs(SelectGroup, { children: [
             /* @__PURE__ */ jsx(SelectLabel, { children: group.heading }),

package/dist/{chunk-W2RYT6NT.js → chunk-D4JX6O2W.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-2FJ5TMQU.js';
+import { humanError } from './chunk-X6AJ5HEI.js';
 import { Flex } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-XZH3URGD.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { Button } from './chunk-XBFUROAY.js';
+import { useTranslation } from './chunk-B6S6LTWT.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-KNI7QI4J.js → chunk-FLY23H4G.js}

@@ -1,10 +1,10 @@
 import { EmptyState } from './chunk-YD7V2HGZ.js';
 import { Flex, densityClass } from './chunk-INIIF7F7.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-XZH3URGD.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';

package/dist/{chunk-ZYJRZLMZ.js → chunk-HIEGUYPP.js}

@@ -1,5 +1,5 @@
 import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.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-UVGI2RPC.js → chunk-HRW7JDUJ.js}

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-PKSHDFKP.js';
-import { Button } from './chunk-XZH3URGD.js';
-import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-QTEPKNQE.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-C7W5BO7R.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-BJTNKNMY.js';
+import { Button } from './chunk-XBFUROAY.js';
+import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-B6S6LTWT.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-5732TWQF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';

package/dist/{chunk-UDMFKYZG.js → chunk-I5D4QYZI.js}

@@ -1,8 +1,8 @@
 import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
-import { Input } from './chunk-6AIYMYSG.js';
-import { buttonVariants, Button } from './chunk-XZH3URGD.js';
+import { Input } from './chunk-K24AQV4R.js';
+import { buttonVariants, Button } from './chunk-XBFUROAY.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';

package/dist/{chunk-76S3TQFH.js → chunk-IAJOP2Z3.js}

@@ -1,14 +1,14 @@
 import { ResponsiveGrid } from './chunk-C3PKEV6S.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
+import * as React2 from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var FormLayoutContext = React.createContext(null);
+var FormLayoutContext = React2.createContext(null);
 function useFormLayout() {
-  return React.useContext(FormLayoutContext);
+  return React2.useContext(FormLayoutContext);
 }
-var Form = React.forwardRef(function Form2({
+var Form = React2.forwardRef(function Form2({
   layout = "vertical",
   labelWidth,
   controlWidth,
@@ -20,7 +20,7 @@ var Form = React.forwardRef(function Form2({
   children,
   ...props
 }, ref) {
-  const ctx = React.useMemo(
+  const ctx = React2.useMemo(
     () => ({ layout, labelWidth, controlWidth, labelAlign, collapseBelow }),
     [layout, labelWidth, controlWidth, labelAlign, collapseBelow]
   );
@@ -58,14 +58,23 @@ function FormField({
   const controlWidth = controlWidthProp ?? form?.controlWidth;
   const labelAlign = form?.labelAlign ?? "end";
   const collapseBelow = form?.collapseBelow ?? "md";
-  const helperId = helper ? `${id}-helper` : void 0;
-  const errorId = error ? `${id}-error` : void 0;
-  if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production" && !React.isValidElement(children)) {
+  const autoId = React2.useId();
+  const resolvedId = id ?? autoId;
+  const labelId = `${resolvedId}-label`;
+  const helperId = helper ? `${resolvedId}-helper` : void 0;
+  const errorId = error ? `${resolvedId}-error` : void 0;
+  if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production" && !React2.isValidElement(children)) {
     console.warn(
       "FormField expects a single React element child to receive aria-describedby/aria-errormessage; the helper text and error message will not be associated with the control."
     );
   }
-  const childWithA11y = React.isValidElement(children) ? React.cloneElement(children, {
+  const childProps = React2.isValidElement(children) ? children.props : void 0;
+  const childWithA11y = React2.isValidElement(children) ? React2.cloneElement(children, {
+    // The label is associated via aria-labelledby (not <label for>): composite
+    // controls (Radio.Group, checkbox lists, range pairs) have no labelable root,
+    // and a dangling `for` triggers Chrome's "Incorrect use of <label>" issue.
+    id: childProps?.id ?? resolvedId,
+    "aria-labelledby": childProps?.["aria-labelledby"] ?? labelId,
     // Helper and error can coexist: helper stays on aria-describedby, the error on
     // aria-errormessage (surfaced when aria-invalid is true).
     "aria-describedby": helperId,
@@ -90,10 +99,19 @@ function FormField({
       className: cn("ui-form-field", className),
       children: [
         /* @__PURE__ */ jsxs("div", { "data-slot": "form-field-label", className: "ui-form-field-label", children: [
-          /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: "ui-inline-xs", children: [
-            /* @__PURE__ */ jsx("span", { children: label }),
-            required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
-          ] }),
+          /* @__PURE__ */ jsx(Label, { asChild: true, id: labelId, className: "ui-inline-xs", children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              onClick: () => {
+                const el = document.getElementById(resolvedId);
+                if (el && el instanceof HTMLElement) el.focus();
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { children: label }),
+                required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+              ]
+            }
+          ) }),
           labelAddon
         ] }),
         /* @__PURE__ */ jsxs("div", { "data-slot": "form-field-control", className: "ui-form-field-control", children: [

package/dist/{chunk-LFO5BJ4H.js → chunk-ION2KFXK.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-6AIYMYSG.js';
+import { Input } from './chunk-K24AQV4R.js';
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-6AIYMYSG.js → chunk-K24AQV4R.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X } from 'lucide-react';

package/dist/{chunk-6VUW6EKH.js → chunk-L6NMIUKC.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
 import { Command, CommandInput } from './chunk-3R3QVJCB.js';
-import { Button } from './chunk-XZH3URGD.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Check, X, ChevronsUpDown, ChevronRight, Minus } from 'lucide-react';

package/dist/{chunk-RBXVCWXL.js → chunk-LVLPNKJP.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-6AIYMYSG.js';
+import { Input } from './chunk-K24AQV4R.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { useDebouncedValue } from './chunk-LFW37FGG.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

package/dist/{chunk-HS73G2C3.js → chunk-NU2SOVTU.js}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-XZH3URGD.js';
+import { buttonVariants } from './chunk-XBFUROAY.js';
 import { controlIconSmClass } from './chunk-B4K4BXEF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
@@ -16,7 +16,7 @@ function Calendar({
     DayPicker,
     {
       showOutsideDays,
-      className: cn("w-fit p-3", className),
+      className: cn("relative w-fit p-3", className),
       classNames: {
         months: cn("flex flex-col gap-4 sm:flex-row", classNames?.months),
         month: cn("relative flex flex-col gap-4", classNames?.month),
@@ -25,7 +25,13 @@ function Calendar({
           classNames?.month_caption
         ),
         caption_label: cn("text-sm font-medium", classNames?.caption_label),
-        nav: cn("absolute inset-x-0 top-3 flex items-center justify-between px-1", classNames?.nav),
+        // z-10 is load-bearing: `month` below is position:relative and later in the DOM, so
+        // without a z-index it paints OVER these buttons — they render but never receive the
+        // click (the month caption swallows it) and the calendar looks frozen.
+        nav: cn(
+          "absolute inset-x-0 top-3 z-10 flex items-center justify-between px-1",
+          classNames?.nav
+        ),
         button_previous: cn(
           buttonVariants({ variant: "outline" }),
           controlIconSmClass,

package/dist/{chunk-B7R7DHZF.js → chunk-NZBAFFWP.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';

package/dist/{chunk-LTKHPOE3.js → chunk-PL4NEIVO.js}

@@ -1,5 +1,5 @@
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.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-ZOMIELKI.js → chunk-Q3KUZG4P.js}

@@ -1,5 +1,5 @@
 import { controlMultilineClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X } from 'lucide-react';

package/dist/{chunk-DVV6UYVS.js → chunk-QE4IYHJU.js}

@@ -1,9 +1,9 @@
-import { SearchInput } from './chunk-RBXVCWXL.js';
+import { SearchInput } from './chunk-LVLPNKJP.js';
 import { reactNodeText } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-XZH3URGD.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { ChevronRight, ChevronLeft } from 'lucide-react';

package/dist/{chunk-3JQDPNTA.js → chunk-R2TXLS7S.js}

@@ -1,4 +1,4 @@
-import { normalizeHhmm, isValidHhmm } from './chunk-C7W5BO7R.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-2FJ5TMQU.js → chunk-X6AJ5HEI.js}

@@ -1,4 +1,4 @@
-import { getSyncedLocale, translateCurrent } from './chunk-C7W5BO7R.js';
+import { getSyncedLocale, translateCurrent } from './chunk-5732TWQF.js';
 
 // src/lib/format.ts
 function formatBytes(n, locale = getSyncedLocale()) {

package/dist/{chunk-XZH3URGD.js → chunk-XBFUROAY.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
@@ -57,6 +57,8 @@ var Button = React.forwardRef(
     loading = false,
     loadingText,
     count,
+    overflowCount = 99,
+    showZero = true,
     disabled,
     children,
     ...props
@@ -68,7 +70,8 @@ var Button = React.forwardRef(
       /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", "aria-hidden": "true" }),
       loadingText ?? children
     ] }) : children;
-    const showCount = !asChild && count != null;
+    const showCount = !asChild && count != null && (count !== 0 || showZero);
+    const countLabel = showCount && count != null && count > overflowCount ? `${new Intl.NumberFormat(locale).format(overflowCount)}+` : count != null ? new Intl.NumberFormat(locale).format(count) : "";
     const countNode = showCount ? /* @__PURE__ */ jsx(
       "span",
       {
@@ -77,7 +80,7 @@ var Button = React.forwardRef(
           "inline-flex min-w-4 items-center justify-center rounded-[var(--radius-pill)] px-1 text-xs leading-none tabular-nums",
           buttonCountClass[variant ?? "default"]
         ),
-        children: new Intl.NumberFormat(locale).format(count)
+        children: countLabel
       }
     ) : null;
     return /* @__PURE__ */ jsx(

package/dist/{chunk-I472SSN2.js → chunk-YLRCDJMR.js}

@@ -3,7 +3,7 @@ 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-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.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';