@godxjp/ui 13.5.1 → 13.7.0

package/dist/{chunk-CLEBTIY3.js → chunk-GOJQHYED.js}

@@ -1,14 +1,14 @@
 import { Command, CommandList, CommandItem, CommandGroup } from './chunk-3R3QVJCB.js';
-import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-CA247VOA.js';
+import { Input } from './chunk-6AIYMYSG.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-5L77S5CL.js';
 import { controlTriggerClass, controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, ChevronsUpDown, Loader2 } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronDown, ChevronUp, Loader2, X, ChevronsUpDown } from 'lucide-react';
+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);
@@ -147,105 +150,138 @@ function SearchSelect({
   const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : void 0;
   const activeOption = flatOrdered[activeIndex];
   const activeOptionId = activeOption ? optionDomId(activeOption.value) : void 0;
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      open,
-      onOpenChange: (next) => {
-        setOpen(next);
-        if (!next) setQuery("");
-      },
-      children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            id,
-            type: "button",
-            variant: "outline",
-            role: "combobox",
-            "aria-expanded": open,
-            disabled,
-            "data-testid": dataTestId,
-            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" })
-            ]
-          }
-        ) }),
-        name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value }) : null,
-        /* @__PURE__ */ jsx(
-          PopoverContent,
-          {
-            align: "start",
-            sideOffset: 4,
-            collisionPadding: 12,
-            className: "flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-max max-w-[min(32rem,calc(100vw-1.5rem))] min-w-[var(--radix-popover-trigger-width)] flex-col p-0",
-            children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "flex min-h-0 flex-col", children: [
-              /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  autoFocus: true,
-                  "aria-controls": listId,
-                  "aria-autocomplete": "list",
-                  "aria-activedescendant": activeOptionId,
-                  value: query,
-                  onChange: (event) => setQuery(event.target.value),
-                  onKeyDown,
-                  placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search")
-                }
-              ) }),
-              /* @__PURE__ */ jsxs(
-                CommandList,
+  const showClear = clearable && Boolean(value) && !disabled;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        open,
+        onOpenChange: (next) => {
+          setOpen(next);
+          if (!next) setQuery("");
+        },
+        children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              id,
+              type: "button",
+              variant: "outline",
+              role: "combobox",
+              "aria-expanded": open,
+              disabled,
+              "data-testid": dataTestId,
+              className: cn(
+                "w-full justify-start font-normal",
+                controlOpenRingClass,
+                // Reserve trailing room for the clear + chevron overlay rendered below.
+                showClear ? "pe-14" : "pe-9"
+              ),
+              children: /* @__PURE__ */ jsx(
+                "span",
                 {
-                  id: listId,
-                  role: "listbox",
-                  className: "min-h-0 flex-1 overflow-y-auto p-1",
-                  onScroll,
-                  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__ */ jsx(
-                        CommandItem,
-                        {
-                          id: optionDomId(option.value),
-                          role: "option",
-                          value: option.value,
-                          "data-testid": optionTestId(option.value),
-                          "aria-selected": activeIndex === index,
-                          disabled: option.disabled,
-                          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
-                          ] })
-                        },
-                        option.value
-                      ));
-                      return group.heading ? /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: rows }, group.heading) : /* @__PURE__ */ jsx(React.Fragment, { children: rows }, "__ungrouped");
-                    }),
-                    loading ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-2 py-3 text-sm", children: [
-                      /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
-                      loadingMessage ?? t("dataEntry.searchSelect.loading")
-                    ] }) : null,
-                    !loading && loaded.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-2 py-6 text-center text-sm", children: emptyMessage ?? t("dataEntry.searchSelect.empty") }) : null
-                  ]
+                  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,
+          /* @__PURE__ */ jsx(
+            PopoverContent,
+            {
+              align: "start",
+              sideOffset: 4,
+              collisionPadding: 12,
+              className: "flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-max max-w-[min(32rem,calc(100vw-1.5rem))] min-w-[var(--radix-popover-trigger-width)] flex-col p-0",
+              children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "flex min-h-0 flex-col", children: [
+                /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    autoFocus: true,
+                    "aria-controls": listId,
+                    "aria-autocomplete": "list",
+                    "aria-activedescendant": activeOptionId,
+                    value: query,
+                    onChange: (event) => setQuery(event.target.value),
+                    onKeyDown,
+                    placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search")
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(
+                  CommandList,
+                  {
+                    id: listId,
+                    role: "listbox",
+                    className: "min-h-0 flex-1 overflow-y-auto p-1",
+                    onScroll,
+                    children: [
+                      grouped.map((group) => {
+                        const rows = group.items.map(({ option, index }) => /* @__PURE__ */ jsx(
+                          CommandItem,
+                          {
+                            id: optionDomId(option.value),
+                            role: "option",
+                            value: option.value,
+                            "data-testid": optionTestId(option.value),
+                            "aria-selected": activeIndex === index,
+                            disabled: option.disabled,
+                            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 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
+                        ));
+                        return group.heading ? /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: rows }, group.heading) : /* @__PURE__ */ jsx(React.Fragment, { children: rows }, "__ungrouped");
+                      }),
+                      loading ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-2 py-3 text-sm", children: [
+                        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+                        loadingMessage ?? t("dataEntry.searchSelect.loading")
+                      ] }) : null,
+                      !loading && loaded.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-2 py-6 text-center text-sm", children: emptyMessage ?? t("dataEntry.searchSelect.empty") }) : null
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-y-0 end-3 flex items-center gap-1", children: [
+      showClear ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": clearLabel ?? t("dataEntry.searchSelect.clear"),
+          "data-testid": optionTestId("clear"),
+          className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
+          onClick: clear,
+          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })
+    ] })
+  ] });
 }
 function isDataSelect(props) {
   return "options" in props || "loadOptions" in props;
@@ -388,7 +424,9 @@ function DataSelect({
   defaultValue,
   onValueChange,
   renderOption,
+  labelRender,
   selectedLabel,
+  selectedIcon,
   placeholder,
   searchPlaceholder,
   emptyMessage,
@@ -412,7 +450,9 @@ function DataSelect({
         options,
         loadOptions,
         renderOption,
+        labelRender,
         selectedLabel,
+        selectedIcon,
         placeholder,
         searchPlaceholder,
         emptyMessage,

package/dist/{chunk-4GHHVXUR.js → chunk-I472SSN2.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-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.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';

package/dist/{chunk-BIC6D4EL.js → chunk-JXGDDD46.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-CA247VOA.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
+import { Button } from './chunk-5L77S5CL.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-LCKET5WL.js → chunk-KW54IV4X.js}

@@ -1,6 +1,6 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CLEBTIY3.js';
-import { Button } from './chunk-CA247VOA.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-GOJQHYED.js';
+import { Button } from './chunk-5L77S5CL.js';
+import { useTranslation } from './chunk-QTEPKNQE.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { MoreHorizontal, ChevronLeft, ChevronRight } from 'lucide-react';

package/dist/{chunk-3JIPRB2T.js → chunk-LFO5BJ4H.js}

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

package/dist/{chunk-46UVXYPU.js → chunk-LTKHPOE3.js}

@@ -1,5 +1,5 @@
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.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-2XH6QAOC.js → chunk-MUUO7SPN.js}

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

package/dist/{chunk-WW47N4ID.js → chunk-O3F3KF2B.js}

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

package/dist/{chunk-IHNZCBES.js → chunk-QMGNMDQG.js}

@@ -1,12 +1,12 @@
-import { Calendar } from './chunk-2XH6QAOC.js';
-import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-CA247VOA.js';
+import { Input } from './chunk-6AIYMYSG.js';
 import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-6EBULOWM.js';
-import { toIsoDate, parseDateInput } from './chunk-ITOHGSPS.js';
+import { Calendar } from './chunk-MUUO7SPN.js';
+import { Button } from './chunk-5L77S5CL.js';
+import { useTranslation, usePickerLocales } from './chunk-QTEPKNQE.js';
+import { toIsoDate, parseDateInput } from './chunk-C7W5BO7R.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
-import { CalendarIcon } from 'lucide-react';
+import { X, CalendarIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var ISO_HINT = "yyyy-mm-dd";
@@ -21,7 +21,8 @@ function DatePicker({
   name,
   locale: localeProp,
   fromDate,
-  toDate
+  toDate,
+  allowClear = true
 }) {
   const { t } = useTranslation();
   const { dayPickerLocale } = usePickerLocales(localeProp);
@@ -38,6 +39,11 @@ function DatePicker({
     setText(toIsoDate(value));
   }, [value]);
   const resolvedPlaceholder = placeholder ?? t("dataEntry.datePicker.placeholder") ?? ISO_HINT;
+  const showClear = allowClear && Boolean(value) && !disabled;
+  const clear = () => {
+    emit(void 0);
+    setText("");
+  };
   const commit = (raw) => {
     const trimmed = raw.trim();
     if (trimmed === "") {
@@ -64,7 +70,7 @@ function DatePicker({
         role: "combobox",
         "aria-expanded": open,
         "aria-haspopup": "dialog",
-        className: "pe-10",
+        className: cn("pe-10", showClear && "pe-16"),
         onClick: () => {
           if (!disabled) setOpen(true);
         },
@@ -86,6 +92,20 @@ function DatePicker({
         }
       }
     ),
+    showClear ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        disabled,
+        tabIndex: -1,
+        "aria-label": t("common.clear") ?? "Clear",
+        className: "text-muted-foreground absolute inset-y-0 end-8 h-full px-2 hover:bg-transparent",
+        onClick: clear,
+        children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
+      }
+    ) : null,
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       Button,
       {

package/dist/{chunk-QVLCFPKF.js → chunk-QPRBPE4S.js}

@@ -1,9 +1,9 @@
-import { SearchInput } from './chunk-E2CTBKYL.js';
+import { SearchInput } from './chunk-RBXVCWXL.js';
 import { reactNodeText } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-CA247VOA.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { Button } from './chunk-5L77S5CL.js';
+import { useTranslation } from './chunk-QTEPKNQE.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { ChevronRight, ChevronLeft } from 'lucide-react';

package/dist/{chunk-6EBULOWM.js → chunk-QTEPKNQE.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-ITOHGSPS.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-C7W5BO7R.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

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

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

package/dist/{chunk-XBFXYKJS.js → chunk-SXECWZZV.js}

@@ -1,9 +1,9 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-WW47N4ID.js';
-import { formatBytes } from './chunk-HOQSAUHZ.js';
+import { formatBytes } from './chunk-2FJ5TMQU.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-O3F3KF2B.js';
 import { Slider } from './chunk-TBJBVEIP.js';
-import { Button } from './chunk-CA247VOA.js';
+import { Button } from './chunk-5L77S5CL.js';
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.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';

package/dist/{chunk-YY5PUFBL.js → chunk-TNFAUPEV.js}

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CLEBTIY3.js';
-import { Button } from './chunk-CA247VOA.js';
-import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-6EBULOWM.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-ITOHGSPS.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-GOJQHYED.js';
+import { Button } from './chunk-5L77S5CL.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 { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';

package/dist/{chunk-JCDLEXBB.js → chunk-W3AS2GEC.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-CA247VOA.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
+import { Button } from './chunk-5L77S5CL.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';

package/dist/chunk-ZOMIELKI.js

@@ -0,0 +1,86 @@
+import { controlMultilineClass } from './chunk-B4K4BXEF.js';
+import { useTranslation } from './chunk-QTEPKNQE.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Textarea = React.forwardRef(
+  ({ className, allowClear = false, onClear, value, defaultValue, onChange, ...props }, ref) => {
+    const { t } = useTranslation();
+    const innerRef = React.useRef(null);
+    const setRefs = React.useCallback(
+      (node) => {
+        innerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    const [hasText, setHasText] = React.useState(
+      () => String(value ?? defaultValue ?? "").length > 0
+    );
+    React.useEffect(() => {
+      if (value !== void 0) setHasText(String(value).length > 0);
+    }, [value]);
+    const handleChange = (event) => {
+      if (value === void 0) setHasText(event.target.value.length > 0);
+      onChange?.(event);
+    };
+    const clear = () => {
+      const el = innerRef.current;
+      if (el) {
+        const setter = Object.getOwnPropertyDescriptor(
+          window.HTMLTextAreaElement.prototype,
+          "value"
+        )?.set;
+        setter?.call(el, "");
+        el.dispatchEvent(new Event("input", { bubbles: true }));
+        el.focus();
+      }
+      setHasText(false);
+      onClear?.();
+    };
+    if (!allowClear) {
+      return /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: setRefs,
+          value,
+          defaultValue,
+          onChange,
+          className: cn(controlMultilineClass, className),
+          ...props
+        }
+      );
+    }
+    const showClear = hasText && !props.disabled && !props.readOnly;
+    return /* @__PURE__ */ jsxs("span", { "data-slot": "textarea-affix-wrapper", className: "relative block w-full", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: setRefs,
+          value,
+          defaultValue,
+          onChange: handleChange,
+          className: cn(controlMultilineClass, showClear && "pe-9", className),
+          ...props
+        }
+      ),
+      showClear ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          "aria-label": t("common.clear") ?? "Clear",
+          onClick: clear,
+          className: "text-muted-foreground hover:text-foreground absolute end-2 top-2 inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:opacity-100",
+          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+        }
+      ) : null
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };

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

@@ -1,5 +1,5 @@
 import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { useTranslation } from './chunk-QTEPKNQE.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/components/admin/index.d.ts

@@ -3,7 +3,7 @@ export { c as FlexProp, P as PageContainerProp, P as PageContainerProps } from '
 export { F as Flex, P as PageContainer } from '../../flex-X2EFU1d5.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from '../../data-table-DRr70ULe.js';
 export { Badge } from '../data-display/badge.js';
-export { F as Field, a as FormField, S as SearchInput } from '../../search-input-D29GSk0W.js';
+export { F as Field, a as FormField, S as SearchInput } from '../../search-input--ui38eQV.js';
 export { a as SkeletonDetail, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from '../../skeleton-cj9kh5wo.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../feedback/alert.js';
 export { Upload, useUploadDraft } from '../data-entry/upload.js';
@@ -18,7 +18,7 @@ export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, Di
 export { Toaster } from '../feedback/sonner.js';
 export { toast } from 'sonner';
 export { useDebouncedValue, useTimeoutFlag } from '../../lib/hooks.js';
-export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-D92hPBuo.js';
+export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-CyiZuEI8.js';
 export { j as formatDate } from '../../format-date-ByyZoqI5.js';
 import '../../shared.prop-BvMSLFJ6.js';
 import 'react';