@godxjp/ui 13.2.0 → 13.3.0

package/dist/chunk-IYSGELQC.js

@@ -0,0 +1,467 @@
+import { Input } from './chunk-BNXPDUO4.js';
+import { Button } from './chunk-CA247VOA.js';
+import { useTranslation } from './chunk-6EBULOWM.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { ChevronUp, ChevronDown, EyeOff, Eye, Minus, Star, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { OTPInput, OTPInputContext } from 'input-otp';
+
+function decimalsOf(n) {
+  if (!Number.isFinite(n)) return 0;
+  const s = String(n);
+  const dot = s.indexOf(".");
+  return dot === -1 ? 0 : s.length - dot - 1;
+}
+function clamp(n, min, max) {
+  let out = n;
+  if (min != null && out < min) out = min;
+  if (max != null && out > max) out = max;
+  return out;
+}
+function roundTo(n, precision) {
+  if (!Number.isFinite(n)) return n;
+  const factor = 10 ** precision;
+  return Math.round((n + Number.EPSILON) * factor) / factor;
+}
+var NumberInput = React.forwardRef(
+  ({
+    value: controlledValue,
+    defaultValue = null,
+    onValueChange,
+    min,
+    max,
+    step = 1,
+    precision,
+    disabled,
+    readOnly,
+    size = "md",
+    placeholder,
+    prefix,
+    suffix,
+    name,
+    id,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "data-testid": dataTestId
+  }, ref) => {
+    const { t, locale } = useTranslation();
+    const isControlled = controlledValue !== void 0;
+    const [internal, setInternal] = React.useState(defaultValue);
+    const numericValue = isControlled ? controlledValue ?? null : internal;
+    const effectivePrecision = precision ?? decimalsOf(step);
+    const formatter = React.useMemo(
+      () => new Intl.NumberFormat(locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: Math.max(effectivePrecision, 0),
+        useGrouping: false
+      }),
+      [locale, effectivePrecision]
+    );
+    const formatAtRest = React.useCallback(
+      (n) => n == null ? "" : formatter.format(n),
+      [formatter]
+    );
+    const [draft, setDraft] = React.useState(() => formatAtRest(numericValue));
+    const [focused, setFocused] = React.useState(false);
+    React.useEffect(() => {
+      if (focused) return;
+      setDraft(formatAtRest(numericValue));
+    }, [numericValue, focused, formatAtRest]);
+    const commit = React.useCallback(
+      (next) => {
+        const normalized = next == null || Number.isNaN(next) ? null : roundTo(clamp(next, min, max), effectivePrecision);
+        if (!isControlled) setInternal(normalized);
+        onValueChange?.(normalized);
+        if (!focused) setDraft(formatAtRest(normalized));
+        return normalized;
+      },
+      [effectivePrecision, focused, formatAtRest, isControlled, max, min, onValueChange]
+    );
+    const stepBy = React.useCallback(
+      (direction, multiplier = 1) => {
+        const base = numericValue ?? min ?? 0;
+        const next = base + direction * step * multiplier;
+        const committed = commit(next);
+        setDraft(formatAtRest(committed));
+      },
+      [commit, formatAtRest, min, numericValue, step]
+    );
+    const atMin = min != null && numericValue != null && numericValue <= min;
+    const atMax = max != null && numericValue != null && numericValue >= max;
+    const interactive = !disabled && !readOnly;
+    const handleChange = (event) => {
+      const raw = event.target.value;
+      setDraft(raw);
+      if (readOnly) return;
+      const trimmed = raw.trim();
+      if (trimmed === "" || trimmed === "-") {
+        if (trimmed === "") commit(null);
+        return;
+      }
+      const parsed = Number(trimmed);
+      if (Number.isNaN(parsed)) return;
+      if (!isControlled) setInternal(parsed);
+      onValueChange?.(parsed);
+    };
+    const handleBlur = () => {
+      setFocused(false);
+      const trimmed = draft.trim();
+      if (trimmed === "" || trimmed === "-") {
+        commit(null);
+        setDraft(formatAtRest(null));
+        return;
+      }
+      const parsed = Number(trimmed);
+      const committed = commit(Number.isNaN(parsed) ? null : parsed);
+      setDraft(formatAtRest(committed));
+    };
+    const handleKeyDown = (event) => {
+      if (!interactive) return;
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        stepBy(1, event.shiftKey ? 10 : 1);
+      } else if (event.key === "ArrowDown") {
+        event.preventDefault();
+        stepBy(-1, event.shiftKey ? 10 : 1);
+      } else if (event.key === "Enter") {
+        const trimmed = draft.trim();
+        const parsed = Number(trimmed);
+        const committed = commit(trimmed === "" || Number.isNaN(parsed) ? null : parsed);
+        setDraft(formatAtRest(committed));
+      }
+    };
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "number-input", "data-size": size, className: cn("ui-number-input", className), children: [
+      prefix != null ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "number-input-prefix",
+          className: "ui-number-input-affix",
+          "aria-hidden": "true",
+          children: prefix
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          id,
+          name,
+          type: "text",
+          inputMode: "decimal",
+          autoComplete: "off",
+          role: "spinbutton",
+          "data-slot": "number-input-field",
+          "data-testid": dataTestId,
+          className: "ui-number-input-field",
+          value: draft,
+          placeholder,
+          disabled,
+          readOnly,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby,
+          "aria-describedby": ariaDescribedby,
+          "aria-valuenow": numericValue ?? void 0,
+          "aria-valuemin": min,
+          "aria-valuemax": max,
+          "aria-valuetext": numericValue != null ? formatAtRest(numericValue) : void 0,
+          onChange: handleChange,
+          onFocus: () => setFocused(true),
+          onBlur: handleBlur,
+          onKeyDown: handleKeyDown
+        }
+      ),
+      suffix != null ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "number-input-suffix",
+          className: "ui-number-input-affix",
+          "aria-hidden": "true",
+          children: suffix
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("span", { "data-slot": "number-input-steppers", className: "ui-number-input-steppers", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon-xs",
+            className: "ui-number-input-step ui-number-input-step-up",
+            tabIndex: -1,
+            disabled: !interactive || atMax,
+            "aria-label": t("ui.numberInput.increment"),
+            onClick: () => stepBy(1),
+            children: /* @__PURE__ */ jsx(ChevronUp, { "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon-xs",
+            className: "ui-number-input-step ui-number-input-step-down",
+            tabIndex: -1,
+            disabled: !interactive || atMin,
+            "aria-label": t("ui.numberInput.decrement"),
+            onClick: () => stepBy(-1),
+            children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+NumberInput.displayName = "NumberInput";
+var PasswordInput = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { t } = useTranslation();
+    const [visible, setVisible] = React.useState(false);
+    return /* @__PURE__ */ jsxs("div", { className: "ui-password-input", "data-slot": "password-input", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          type: visible ? "text" : "password",
+          className: cn("ui-password-input-field", className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "ui-password-input-toggle",
+          onClick: () => setVisible((v) => !v),
+          "aria-label": visible ? t("ui.passwordInput.hide") : t("ui.passwordInput.show"),
+          "aria-pressed": visible,
+          children: visible ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" })
+        }
+      )
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    "data-slot": "input-otp",
+    containerClassName: cn("ui-otp-container", containerClassName),
+    className: cn("ui-otp-input", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-group",
+      className: cn("ui-otp-group", className),
+      ...props
+    }
+  )
+);
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const context = React.useContext(OTPInputContext);
+  const slot = context.slots[index] ?? { char: null, hasFakeCaret: false, isActive: false };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-slot",
+      "data-active": slot.isActive || void 0,
+      className: cn("ui-otp-slot", className),
+      ...props,
+      children: [
+        slot.char,
+        slot.hasFakeCaret ? /* @__PURE__ */ jsx("div", { className: "ui-otp-caret-wrapper", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "ui-otp-caret" }) }) : null
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, { className: "ui-otp-separator-icon", "aria-hidden": "true" }) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+var Rating = React.forwardRef(
+  ({
+    value,
+    defaultValue = 0,
+    onValueChange,
+    max = 5,
+    readOnly,
+    disabled,
+    name,
+    className,
+    ...rest
+  }, ref) => {
+    const { t } = useTranslation();
+    const [internal, setInternal] = React.useState(defaultValue);
+    const current = value ?? internal;
+    const [hover, setHover] = React.useState(null);
+    const display = hover ?? current;
+    const interactive = !readOnly && !disabled;
+    const select = (next) => {
+      if (!interactive) return;
+      if (value === void 0) setInternal(next);
+      onValueChange?.(next);
+    };
+    const focusableStar = current > 0 ? current : 1;
+    const onKeyDown = (e, star) => {
+      if (!interactive) return;
+      let next = null;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = Math.min(max, star + 1);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = Math.max(1, star - 1);
+          break;
+        case "Home":
+          next = 1;
+          break;
+        case "End":
+          next = max;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      select(next);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "data-slot": "rating",
+        className: cn("ui-rating", className),
+        "aria-label": rest["aria-label"] ?? t("ui.rating.ariaLabel"),
+        children: [
+          Array.from({ length: max }, (_, i) => i + 1).map((star) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": current === star,
+              "aria-label": t("ui.rating.starLabel", { star, max }),
+              disabled: disabled || readOnly,
+              tabIndex: interactive && star === focusableStar ? 0 : -1,
+              className: cn("ui-rating-star", star <= display && "ui-rating-star-filled"),
+              onMouseEnter: () => interactive && setHover(star),
+              onMouseLeave: () => setHover(null),
+              onClick: () => select(star),
+              onKeyDown: (e) => onKeyDown(e, star),
+              children: /* @__PURE__ */ jsx(Star, { "aria-hidden": "true" })
+            },
+            star
+          )),
+          name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: current }) : null
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+var TagInput = React.forwardRef(
+  ({
+    value,
+    defaultValue = [],
+    onValueChange,
+    placeholder,
+    disabled,
+    name,
+    className,
+    id,
+    "aria-label": ariaLabel
+  }, ref) => {
+    const { t } = useTranslation();
+    const [internal, setInternal] = React.useState(defaultValue);
+    const tags = value ?? internal;
+    const [draft, setDraft] = React.useState("");
+    const commit = (next) => {
+      if (value === void 0) setInternal(next);
+      onValueChange?.(next);
+    };
+    const add = (raw) => {
+      const tag = raw.trim();
+      if (!tag || tags.includes(tag)) return;
+      commit([...tags, tag]);
+    };
+    const removeAt = (i) => commit(tags.filter((_, idx) => idx !== i));
+    const onKeyDown = (e) => {
+      if (e.key === "Enter" || e.key === ",") {
+        e.preventDefault();
+        add(draft);
+        setDraft("");
+      } else if (e.key === "Backspace" && draft === "" && tags.length > 0) {
+        removeAt(tags.length - 1);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "tag-input",
+        className: cn("ui-tag-input", disabled && "ui-tag-input-disabled", className),
+        children: [
+          tags.length > 0 ? /* @__PURE__ */ jsx("ul", { role: "list", className: "ui-tag-input-list", "data-slot": "tag-input-list", children: tags.map((tag, i) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              role: "listitem",
+              className: "ui-tag-input-chip",
+              "data-slot": "tag-input-chip",
+              children: [
+                tag,
+                !disabled ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ui-tag-input-remove",
+                    "aria-label": t("ui.tagInput.removeTag", { tag }),
+                    onClick: () => removeAt(i),
+                    children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+                  }
+                ) : null
+              ]
+            },
+            tag
+          )) }) : null,
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              id,
+              type: "text",
+              className: "ui-tag-input-field",
+              value: draft,
+              placeholder: tags.length === 0 ? placeholder : void 0,
+              disabled,
+              "aria-label": ariaLabel ?? t("ui.tagInput.inputLabel"),
+              onChange: (e) => setDraft(e.target.value),
+              onKeyDown,
+              onBlur: () => {
+                if (draft.trim()) {
+                  add(draft);
+                  setDraft("");
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", "data-slot": "tag-input-status", children: t("ui.tagInput.tagCount", { count: tags.length }) }),
+          name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: tags.join(",") }) : null
+        ]
+      }
+    );
+  }
+);
+TagInput.displayName = "TagInput";
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, NumberInput, PasswordInput, Rating, TagInput };

package/dist/{chunk-SSNPCHG6.js → chunk-JCDLEXBB.js}

@@ -1,10 +1,10 @@
 import { EmptyState } from './chunk-YD7V2HGZ.js';
-import { Checkbox } from './chunk-BE6GJGKJ.js';
 import { Flex, densityClass } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-E6J7ZTDM.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 { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-H2TX3OPW.js';
+import { useTranslation } from './chunk-6EBULOWM.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';

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

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

package/dist/{chunk-C6OEAQTO.js → chunk-LIOHE3RU.js}

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

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

@@ -1,9 +1,9 @@
-import { Calendar } from './chunk-HBOL5LSC.js';
+import { Calendar } from './chunk-2XH6QAOC.js';
 import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-E6J7ZTDM.js';
+import { Button } from './chunk-CA247VOA.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 { useTranslation, usePickerLocales } from './chunk-6EBULOWM.js';
+import { toIsoDate, parseDateInput } from './chunk-ITOHGSPS.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-ZKUB7DHO.js → chunk-QEHMSZBQ.js}

@@ -1,8 +1,8 @@
 import { Input } from './chunk-BNXPDUO4.js';
-import { Button } from './chunk-E6J7ZTDM.js';
+import { Button } from './chunk-CA247VOA.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-H2TX3OPW.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-JEIUEOTJ.js';
+import { useTranslation, usePickerLocales } from './chunk-6EBULOWM.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-ITOHGSPS.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Clock } from 'lucide-react';

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

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-GDHDJAVB.js';
+import { humanError } from './chunk-HOQSAUHZ.js';
 import { Flex } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-E6J7ZTDM.js';
-import { useTranslation } from './chunk-H2TX3OPW.js';
+import { Button } from './chunk-CA247VOA.js';
+import { useTranslation } from './chunk-6EBULOWM.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-QATON677.js → chunk-QRCLMU35.js}

@@ -1,9 +1,9 @@
-import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.js';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
+import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.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-H2TX3OPW.js';
+import { useTranslation } from './chunk-6EBULOWM.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-JAEA2IBC.js → chunk-QVLCFPKF.js}

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

package/dist/{chunk-33AJDSML.js → chunk-RR2SSSQS.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-E6J7ZTDM.js';
+import { Button } from './chunk-CA247VOA.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-H2TX3OPW.js';
+import { useTranslation } from './chunk-6EBULOWM.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Check, X, ChevronsUpDown, ChevronRight, Minus } from 'lucide-react';

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

@@ -1,9 +1,9 @@
+import { formatBytes } from './chunk-HOQSAUHZ.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-WW47N4ID.js';
 import { Slider } from './chunk-TBJBVEIP.js';
-import { formatBytes } from './chunk-GDHDJAVB.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-Z652BSX7.js';
-import { Button } from './chunk-E6J7ZTDM.js';
+import { Button } from './chunk-CA247VOA.js';
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-H2TX3OPW.js';
+import { useTranslation } from './chunk-6EBULOWM.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-Z652BSX7.js → chunk-WW47N4ID.js}

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

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

@@ -1,7 +1,7 @@
-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 { 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 { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';