@godxjp/ui 13.5.1 → 13.6.0

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

@@ -1,13 +1,13 @@
 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 { Button } from './chunk-XZH3URGD.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.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 { ChevronDown, ChevronUp, Loader2, X, ChevronsUpDown } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DEBOUNCE_MS = 250;
@@ -147,105 +147,123 @@ 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,
-                {
-                  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
-                  ]
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
+  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", { className: cn("truncate text-start", !value && "text-muted-foreground"), 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 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;

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-WW47N4ID.js → chunk-UDMFKYZG.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-XZH3URGD.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-QEHMSZBQ.js → chunk-UKTVFPRV.js}

@@ -1,11 +1,11 @@
-import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-CA247VOA.js';
+import { Input } from './chunk-6AIYMYSG.js';
+import { Button } from './chunk-XZH3URGD.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-6EBULOWM.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-ITOHGSPS.js';
+import { useTranslation, usePickerLocales } from './chunk-QTEPKNQE.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-C7W5BO7R.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
-import { Clock } from 'lucide-react';
+import { X, Clock } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function pad2(n) {
@@ -208,7 +208,8 @@ function TimePicker({
   className,
   id,
   name,
-  minuteStep = 5
+  minuteStep = 5,
+  allowClear = true
 }) {
   const { t } = useTranslation();
   const { timeFormat } = usePickerLocales();
@@ -226,6 +227,11 @@ function TimePicker({
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
   };
+  const showClear = allowClear && Boolean(value) && !disabled;
+  const clear = () => {
+    setValue("");
+    setText("");
+  };
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsx(
       Input,
@@ -240,7 +246,7 @@ function TimePicker({
         role: "combobox",
         "aria-expanded": open,
         "aria-haspopup": "dialog",
-        className: "pe-10 tabular-nums",
+        className: cn("tabular-nums", showClear ? "pe-16" : "pe-10"),
         onClick: () => {
           if (!disabled) setOpen(true);
         },
@@ -263,6 +269,20 @@ function TimePicker({
         }
       }
     ),
+    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__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,

package/dist/{chunk-YY5PUFBL.js → chunk-UVGI2RPC.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-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 { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';

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

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-HOQSAUHZ.js';
+import { humanError } from './chunk-2FJ5TMQU.js';
 import { Flex } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-CA247VOA.js';
-import { useTranslation } from './chunk-6EBULOWM.js';
+import { Button } from './chunk-XZH3URGD.js';
+import { useTranslation } from './chunk-QTEPKNQE.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-CA247VOA.js → chunk-XZH3URGD.js}

@@ -1,3 +1,4 @@
+import { useTranslation } from './chunk-QTEPKNQE.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
@@ -5,6 +6,15 @@ import { cva } from 'class-variance-authority';
 import { Loader2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+var buttonCountClass = {
+  default: "bg-primary-foreground/15",
+  destructive: "bg-destructive-foreground/15",
+  secondary: "bg-secondary-foreground/15",
+  outline: "bg-foreground/8 text-muted-foreground",
+  dashed: "bg-foreground/8 text-muted-foreground",
+  ghost: "bg-foreground/8 text-muted-foreground",
+  link: "bg-foreground/8 text-muted-foreground"
+};
 var buttonVariants = cva("ui-button", {
   variants: {
     variant: {
@@ -46,16 +56,30 @@ var Button = React.forwardRef(
     asChild = false,
     loading = false,
     loadingText,
+    count,
     disabled,
     children,
     ...props
   }, ref) => {
+    const { locale } = useTranslation();
     const Comp = asChild ? Slot : "button";
     const isLoading = !asChild && loading;
     const content = isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", "aria-hidden": "true" }),
       loadingText ?? children
     ] }) : children;
+    const showCount = !asChild && count != null;
+    const countNode = showCount ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-slot": "button-count",
+        className: cn(
+          "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)
+      }
+    ) : null;
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -77,7 +101,10 @@ var Button = React.forwardRef(
         ),
         ref,
         ...props,
-        children: content
+        children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+          content,
+          countNode
+        ] })
       }
     );
   }

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-Oxwpv_s9.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-vn5VGnwY.js';
 export { j as formatDate } from '../../format-date-ByyZoqI5.js';
 import '../../shared.prop-BvMSLFJ6.js';
 import 'react';

package/dist/components/admin/index.js

@@ -1,41 +1,41 @@
 import '../../chunk-GJXOBDER.js';
-export { PageContainer } from '../../chunk-4GHHVXUR.js';
-export { sonnerToast as toast } from '../../chunk-ES4Q3KGL.js';
+export { PageContainer } from '../../chunk-I472SSN2.js';
 import '../../chunk-XK3M3VRR.js';
 import '../../chunk-W4REF4TD.js';
-export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-2BR7KFCP.js';
-import '../../chunk-32WO3YLB.js';
-export { Toaster } from '../../chunk-TO7URV7U.js';
-export { Toolbar, ToolbarGroup } from '../../chunk-YY5PUFBL.js';
-import '../../chunk-HL3G4SVG.js';
-import '../../chunk-B73NA66T.js';
+export { Toolbar, ToolbarGroup } from '../../chunk-UVGI2RPC.js';
+export { Steps } from '../../chunk-LTKHPOE3.js';
 import '../../chunk-WGWI7EGL.js';
-export { Pagination } from '../../chunk-LCKET5WL.js';
-export { Steps } from '../../chunk-46UVXYPU.js';
+export { Pagination } from '../../chunk-2JW2QLUU.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-QHS4U3SS.js';
-export { Transfer } from '../../chunk-QVLCFPKF.js';
-export { TreeSelect } from '../../chunk-BIC6D4EL.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-XBFXYKJS.js';
-export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-WW47N4ID.js';
+import '../../chunk-HL3G4SVG.js';
+import '../../chunk-B73NA66T.js';
+import '../../chunk-LMKUKCTN.js';
+export { sonnerToast as toast } from '../../chunk-ES4Q3KGL.js';
+export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-2BR7KFCP.js';
+export { Toaster } from '../../chunk-TO7URV7U.js';
+import '../../chunk-32WO3YLB.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-W2RYT6NT.js';
+export { Transfer } from '../../chunk-DVV6UYVS.js';
+export { TreeSelect } from '../../chunk-5XFFEW2P.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-J254ZX3A.js';
+export { SearchInput } from '../../chunk-RBXVCWXL.js';
+export { formatBytes, formatCurrency, humanError, shortId } from '../../chunk-2FJ5TMQU.js';
+export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-UDMFKYZG.js';
 import '../../chunk-VU4GFGDG.js';
-export { formatBytes, formatCurrency, humanError, shortId } from '../../chunk-HOQSAUHZ.js';
+import '../../chunk-PKSHDFKP.js';
 import '../../chunk-TBJBVEIP.js';
-import '../../chunk-LMKUKCTN.js';
-export { SearchInput } from '../../chunk-E2CTBKYL.js';
-import '../../chunk-CLEBTIY3.js';
-export { Cascader } from '../../chunk-RR2SSSQS.js';
+export { Cascader } from '../../chunk-6VUW6EKH.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-3R3QVJCB.js';
-import '../../chunk-BNXPDUO4.js';
-export { DataTable, Descriptions } from '../../chunk-JCDLEXBB.js';
+import '../../chunk-6AIYMYSG.js';
+export { DataTable, Descriptions } from '../../chunk-KNI7QI4J.js';
 import '../../chunk-DV52WNXO.js';
 export { EmptyState } from '../../chunk-YD7V2HGZ.js';
 export { Flex } from '../../chunk-INIIF7F7.js';
 import '../../chunk-BE6GJGKJ.js';
 export { Field } from '../../chunk-44YRPSZ7.js';
-import '../../chunk-CA247VOA.js';
-export { Badge } from '../../chunk-BTTKHJMC.js';
+import '../../chunk-XZH3URGD.js';
+export { Badge } from '../../chunk-ZYJRZLMZ.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-IJ5ALJGA.js';
@@ -43,7 +43,7 @@ import '../../chunk-B4K4BXEF.js';
 export { FormField } from '../../chunk-76S3TQFH.js';
 import '../../chunk-C3PKEV6S.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-6EBULOWM.js';
-export { formatDate } from '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+export { formatDate } from '../../chunk-C7W5BO7R.js';
 export { useDebouncedValue, useTimeoutFlag } from '../../chunk-LFW37FGG.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-display/badge.js

@@ -1,5 +1,5 @@
-export { Badge } from '../../chunk-BTTKHJMC.js';
+export { Badge } from '../../chunk-ZYJRZLMZ.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';