@godxjp/ui 13.9.3 → 13.10.0

package/dist/chunk-57VDEN64.js

@@ -1,881 +0,0 @@
-import { Input } from './chunk-K24AQV4R.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { ChevronUp, ChevronDown, EyeOff, Eye, Minus, Star, X, CalendarIcon, ChevronLeft, ChevronRight, ArrowRight } 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 YM_HINT = "yyyy/mm";
-var toYmText = (d) => d ? `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, "0")}` : "";
-var parseYm = (raw) => {
-  const m = /^(\d{4})[/-](\d{1,2})$/.exec(raw.trim());
-  if (!m) return void 0;
-  const month = Number(m[2]);
-  if (month < 1 || month > 12) return void 0;
-  return new Date(Number(m[1]), month - 1, 1);
-};
-function MonthPicker({
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  fromYear,
-  toYear,
-  allowClear = true
-}) {
-  const { t } = useTranslation();
-  const { locale } = usePickerLocales();
-  const [open, setOpen] = React.useState(false);
-  const autoId = React.useId();
-  const inputId = id ?? autoId;
-  const isControlled = React.useRef(valueProp !== void 0).current;
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const value = isControlled ? valueProp : internalValue;
-  const [text, setText] = React.useState(() => toYmText(value));
-  const [viewYear, setViewYear] = React.useState(() => (value ?? /* @__PURE__ */ new Date()).getFullYear());
-  React.useEffect(() => {
-    setText(toYmText(value));
-    if (value) setViewYear(value.getFullYear());
-  }, [value]);
-  const monthLabels = React.useMemo(() => {
-    const fmt = new Intl.DateTimeFormat(locale, { month: "short" });
-    return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(2026, i, 1)));
-  }, [locale]);
-  const emit = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-  };
-  const showClear = allowClear && Boolean(value) && !disabled;
-  const prevDisabled = fromYear !== void 0 && viewYear <= fromYear;
-  const nextDisabled = toYear !== void 0 && viewYear >= toYear;
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
-        "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
-        open && "border-ring ring-ring/50 ring-[3px]",
-        disabled && "pointer-events-none cursor-not-allowed opacity-50",
-        className
-      ),
-      onClick: () => {
-        if (!disabled) setOpen(true);
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: inputId,
-            name,
-            value: text,
-            disabled,
-            placeholder: placeholder ?? t("dataEntry.monthPicker.placeholder") ?? YM_HINT,
-            inputMode: "numeric",
-            autoComplete: "off",
-            className: "placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent tabular-nums outline-none disabled:cursor-not-allowed",
-            onKeyDown: (event) => {
-              if (event.key === "ArrowDown") {
-                event.preventDefault();
-                setOpen(true);
-              } else if (event.key === "Escape" && open) {
-                setOpen(false);
-              }
-            },
-            onChange: (event) => {
-              setText(event.target.value);
-              const parsed = parseYm(event.target.value);
-              if (parsed) emit(parsed);
-              else if (event.target.value.trim() === "") emit(void 0);
-            },
-            onBlur: () => setText(toYmText(value))
-          }
-        ),
-        showClear ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            tabIndex: -1,
-            "aria-label": t("common.clear") ?? "Clear",
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: (event) => {
-              event.stopPropagation();
-              emit(void 0);
-              setText("");
-            },
-            children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled,
-            tabIndex: -1,
-            "aria-label": t("dataEntry.monthPicker.openGrid") ?? "Open month grid",
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          PopoverContent,
-          {
-            className: "w-auto p-3",
-            align: "start",
-            onOpenAutoFocus: (event) => event.preventDefault(),
-            onClick: (event) => event.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: prevDisabled,
-                    "aria-label": t("dataEntry.monthPicker.previousYear") ?? "Previous year",
-                    className: "bg-transparent opacity-70 hover:opacity-100",
-                    onClick: () => setViewYear((y) => y - 1),
-                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", "aria-live": "polite", children: viewYear }),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: nextDisabled,
-                    "aria-label": t("dataEntry.monthPicker.nextYear") ?? "Next year",
-                    className: "bg-transparent opacity-70 hover:opacity-100",
-                    onClick: () => setViewYear((y) => y + 1),
-                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": String(viewYear), className: "mt-3 grid grid-cols-3 gap-1", children: monthLabels.map((label, i) => {
-                const selected = value?.getFullYear() === viewYear && value?.getMonth() === i;
-                return /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: selected ? "default" : "ghost",
-                    size: "sm",
-                    "aria-pressed": selected,
-                    className: "px-4 font-normal",
-                    onClick: () => {
-                      emit(new Date(viewYear, i, 1));
-                      setOpen(false);
-                    },
-                    children: label
-                  },
-                  label
-                );
-              }) })
-            ]
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-var YM_HINT2 = "yyyy/mm";
-var toYmText2 = (d) => d ? `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, "0")}` : "";
-var parseYm2 = (raw) => {
-  const m = /^(\d{4})[/-](\d{1,2})$/.exec(raw.trim());
-  if (!m) return void 0;
-  const month = Number(m[2]);
-  if (month < 1 || month > 12) return void 0;
-  return new Date(Number(m[1]), month - 1, 1);
-};
-var ymIndex = (d) => d.getFullYear() * 12 + d.getMonth();
-function MonthRangePicker({
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  fromYear,
-  toYear,
-  allowClear = true
-}) {
-  const { t } = useTranslation();
-  const { locale } = usePickerLocales();
-  const [open, setOpen] = React.useState(false);
-  const autoId = React.useId();
-  const fromId = id ?? autoId;
-  const toId = `${fromId}-to`;
-  const isControlled = React.useRef(valueProp !== void 0).current;
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const value = isControlled ? valueProp : internalValue;
-  const [fromText, setFromText] = React.useState(() => toYmText2(value?.from));
-  const [toText, setToText] = React.useState(() => toYmText2(value?.to));
-  const [viewYear, setViewYear] = React.useState(() => (value?.from ?? /* @__PURE__ */ new Date()).getFullYear());
-  React.useEffect(() => {
-    setFromText(toYmText2(value?.from));
-    setToText(toYmText2(value?.to));
-    if (value?.from) setViewYear(value.from.getFullYear());
-  }, [value?.from, value?.to]);
-  const monthLabels = React.useMemo(() => {
-    const fmt = new Intl.DateTimeFormat(locale, { month: "short" });
-    return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(2026, i, 1)));
-  }, [locale]);
-  const emit = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-  };
-  const showClear = allowClear && Boolean(value?.from || value?.to) && !disabled;
-  const prevDisabled = fromYear !== void 0 && viewYear <= fromYear;
-  const nextDisabled = toYear !== void 0 && viewYear >= toYear;
-  const clear = () => {
-    emit(void 0);
-    setFromText("");
-    setToText("");
-  };
-  const commitEdge = (edge, raw) => {
-    const trimmed = raw.trim();
-    const parsed = trimmed === "" ? void 0 : parseYm2(trimmed);
-    if (trimmed !== "" && !parsed) return;
-    const next = { from: value?.from, to: value?.to, [edge]: parsed };
-    if (next.from && next.to && ymIndex(next.from) > ymIndex(next.to)) {
-      const swapped = { from: next.to, to: next.from };
-      emit(swapped);
-      return;
-    }
-    emit(next.from || next.to ? next : void 0);
-  };
-  const pickMonth = (picked) => {
-    const pendingFrom = value?.from && !value?.to ? value.from : void 0;
-    if (!pendingFrom) {
-      emit({ from: picked, to: void 0 });
-      return;
-    }
-    const [from, to] = ymIndex(picked) < ymIndex(pendingFrom) ? [picked, pendingFrom] : [pendingFrom, picked];
-    emit({ from, to });
-    setOpen(false);
-  };
-  const sharedKeyHandlers = {
-    onKeyDown: (event) => {
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        setOpen(true);
-      } else if (event.key === "Escape" && open) {
-        setOpen(false);
-      }
-    }
-  };
-  const innerInputClass = "min-w-0 flex-1 bg-transparent tabular-nums outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed";
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.monthPicker.placeholder") ?? YM_HINT2;
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
-        "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
-        open && "border-ring ring-ring/50 ring-[3px]",
-        disabled && "pointer-events-none cursor-not-allowed opacity-50",
-        className
-      ),
-      onClick: () => {
-        if (!disabled) setOpen(true);
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: fromId,
-            name: name ? `${name}_from` : void 0,
-            value: fromText,
-            disabled,
-            placeholder: resolvedPlaceholder,
-            inputMode: "numeric",
-            autoComplete: "off",
-            "aria-label": t("dataEntry.dateRangePicker.from") ?? "From",
-            className: innerInputClass,
-            ...sharedKeyHandlers,
-            onChange: (event) => {
-              setFromText(event.target.value);
-              commitEdge("from", event.target.value);
-            },
-            onBlur: () => setFromText(toYmText2(value?.from))
-          }
-        ),
-        /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: toId,
-            name: name ? `${name}_to` : void 0,
-            value: toText,
-            disabled,
-            placeholder: resolvedPlaceholder,
-            inputMode: "numeric",
-            autoComplete: "off",
-            "aria-label": t("dataEntry.dateRangePicker.to") ?? "To",
-            className: innerInputClass,
-            ...sharedKeyHandlers,
-            onChange: (event) => {
-              setToText(event.target.value);
-              commitEdge("to", event.target.value);
-            },
-            onBlur: () => setToText(toYmText2(value?.to))
-          }
-        ),
-        showClear ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            tabIndex: -1,
-            "aria-label": t("common.clear") ?? "Clear",
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: (event) => {
-              event.stopPropagation();
-              clear();
-            },
-            children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled,
-            tabIndex: -1,
-            "aria-label": t("dataEntry.monthPicker.openGrid") ?? "Open month grid",
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          PopoverContent,
-          {
-            className: "w-auto p-3",
-            align: "start",
-            onOpenAutoFocus: (event) => event.preventDefault(),
-            onClick: (event) => event.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: prevDisabled,
-                    "aria-label": t("dataEntry.monthPicker.previousYear") ?? "Previous year",
-                    className: "bg-transparent opacity-70 hover:opacity-100",
-                    onClick: () => setViewYear((y) => y - 1),
-                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", "aria-live": "polite", children: viewYear }),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: nextDisabled,
-                    "aria-label": t("dataEntry.monthPicker.nextYear") ?? "Next year",
-                    className: "bg-transparent opacity-70 hover:opacity-100",
-                    onClick: () => setViewYear((y) => y + 1),
-                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": String(viewYear), className: "mt-3 grid grid-cols-3 gap-1", children: monthLabels.map((label, i) => {
-                const cell = new Date(viewYear, i, 1);
-                const cellIdx = ymIndex(cell);
-                const fromIdx = value?.from ? ymIndex(value.from) : void 0;
-                const toIdx = value?.to ? ymIndex(value.to) : void 0;
-                const isEdge = cellIdx === fromIdx || cellIdx === toIdx;
-                const inRange = fromIdx !== void 0 && toIdx !== void 0 && cellIdx > fromIdx && cellIdx < toIdx;
-                return /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: isEdge ? "default" : inRange ? "secondary" : "ghost",
-                    size: "sm",
-                    "aria-pressed": isEdge,
-                    className: "px-4 font-normal",
-                    onClick: () => pickMonth(cell),
-                    children: label
-                  },
-                  label
-                );
-              }) })
-            ]
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-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, MonthPicker, MonthRangePicker, NumberInput, PasswordInput, Rating, TagInput };