@godxjp/ui 21.0.0 → 22.0.0

package/dist/components/data-entry/month-picker.js

@@ -1,241 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CalendarIcon, ChevronLeft, ChevronRight, X } from "lucide-react";
-import { usePickerLocales, useTranslation } from "../../i18n/use-translation.js";
-import { useControlledLatch } from "../../lib/hooks.js";
-import { pickFieldA11y, useFieldIdentity } from "../../lib/field-a11y.js";
-import { cn } from "../../lib/utils.js";
-import { resolveAllowClear, resolveAriaInvalid } from "./control-surface.js";
-import { CONTROL_STATUS_CHROME_CLASS, CONTROL_VARIANT_CHROME_CLASS } from "./control-appearance.js";
-import { Button } from "../general/button.js";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
-const YM_HINT = "yyyy/mm";
-const toYmText = (d) => d ? `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, "0")}` : "";
-const 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,
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  status,
-  variant,
-  size,
-  inputReadOnly,
-  preserveInvalidOnBlur,
-  placement = "bottom-start",
-  renderExtraFooter,
-  ref,
-  ...ariaProps
-}) {
-  const { t } = useTranslation();
-  const { locale } = usePickerLocales();
-  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-  const isOpenControlled = openProp !== void 0;
-  const open = isOpenControlled ? openProp : internalOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (next && inputReadOnly) return;
-      if (!isOpenControlled) setInternalOpen(next);
-      onOpenChange?.(next);
-    },
-    [isOpenControlled, onOpenChange, inputReadOnly]
-  );
-  const autoId = React.useId();
-  const inputId = id ?? autoId;
-  const dialogId = `${inputId}-dialog`;
-  const fieldA11y = pickFieldA11y(ariaProps);
-  const identity = useFieldIdentity({ id, name, "data-field": fieldA11y["data-field"] });
-  const isControlled = useControlledLatch(valueProp !== void 0);
-  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 clearControl = resolveAllowClear(allowClear, true, t("common.clear") ?? "Clear");
-  const showClear = clearControl.enabled && Boolean(value) && !disabled && !inputReadOnly;
-  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",
-    {
-      "data-disabled": disabled ? "" : void 0,
-      "data-state": open ? "open" : "closed",
-      "data-size": size,
-      "data-status": status,
-      "data-variant": variant,
-      className: cn(
-        "ui-control ui-control-composite-field",
-        "aria-invalid:border-destructive",
-        CONTROL_VARIANT_CHROME_CLASS[variant ?? "outlined"],
-        CONTROL_STATUS_CHROME_CLASS,
-        className
-      ),
-      onClick: () => {
-        if (!disabled) setOpen(true);
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            id: inputId,
-            name: name ?? identity.name,
-            "data-field": fieldA11y["data-field"] ?? identity["data-field"],
-            value: text,
-            disabled,
-            readOnly: inputReadOnly,
-            placeholder: placeholder ?? t("dataEntry.monthPicker.placeholder") ?? YM_HINT,
-            inputMode: "numeric",
-            autoComplete: "off",
-            role: "combobox",
-            "aria-expanded": open,
-            "aria-haspopup": "dialog",
-            "aria-controls": open ? dialogId : void 0,
-            "aria-readonly": inputReadOnly || void 0,
-            ...fieldA11y,
-            "aria-invalid": resolveAriaInvalid(fieldA11y["aria-invalid"], status),
-            className: "ui-month-picker-input",
-            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: () => {
-              if (!preserveInvalidOnBlur) setText(toYmText(value));
-            }
-          }
-        ),
-        showClear ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            tabIndex: -1,
-            "aria-label": clearControl.label,
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: (event) => {
-              event.stopPropagation();
-              event.currentTarget.closest("div")?.querySelector("input:not([type=hidden])")?.focus();
-              emit(void 0);
-              setText("");
-            },
-            children: clearControl.clearIcon ?? /* @__PURE__ */ jsx(X, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-          }
-        ) : /* @__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: "ui-month-picker-icon", "aria-hidden": "true" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          PopoverContent,
-          {
-            id: dialogId,
-            role: "dialog",
-            "aria-label": t("dataEntry.monthPicker.openGrid") ?? "Month grid",
-            className: "ui-month-picker-panel",
-            side: placement.startsWith("top") ? "top" : "bottom",
-            align: placement.endsWith("end") ? "end" : "start",
-            onOpenAutoFocus: (event) => event.preventDefault(),
-            onClick: (event) => event.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "ui-month-picker-nav", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: prevDisabled,
-                    "aria-label": t("dataEntry.monthPicker.previousYear") ?? "Previous year",
-                    className: "ui-month-picker-nav-button",
-                    onClick: () => setViewYear((y) => y - 1),
-                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "ui-month-picker-nav-label", "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: "ui-month-picker-nav-button",
-                    onClick: () => setViewYear((y) => y + 1),
-                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": String(viewYear), className: "ui-month-picker-grid", 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: "ui-month-picker-cell",
-                    onClick: () => {
-                      emit(new Date(viewYear, i, 1));
-                      setOpen(false);
-                    },
-                    children: label
-                  },
-                  label
-                );
-              }) }),
-              renderExtraFooter?.()
-            ]
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-export {
-  MonthPicker
-};

package/dist/components/data-entry/month-range-picker.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import type { MonthRangePickerProp } from "../../props/components/data-entry.prop.js";
-export type { MonthRangePickerProp, MonthRangePickerProp as MonthRangePickerProps, } from "../../props/components/data-entry.prop.js";
-/**
- * MonthRangePicker — year/month (`yyyy/MM`) RANGE rendered as ONE input-styled control (the
- * RangePicker convention): `[ from → to ✕ 📅 ]`. The two inner fields stay real, typeable
- * `yyyy/MM` inputs (form-submittable via `${name}_from` / `${name}_to`); the Ant-style month grid
- * is the visual affordance.
- */
-export declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, open: openProp, defaultOpen, onOpenChange, status, variant, size, inputReadOnly, preserveInvalidOnBlur, placement, renderExtraFooter, ref, ...ariaProps }: MonthRangePickerProp): React.JSX.Element;

package/dist/components/data-entry/month-range-picker.js

@@ -1,301 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ArrowRight, CalendarIcon, ChevronLeft, ChevronRight, X } from "lucide-react";
-import { usePickerLocales, useTranslation } from "../../i18n/use-translation.js";
-import { useControlledLatch } from "../../lib/hooks.js";
-import { pickGroupFieldA11y, useFieldIdentity } from "../../lib/field-a11y.js";
-import { cn } from "../../lib/utils.js";
-import { resolveAllowClear } from "./control-surface.js";
-import { CONTROL_STATUS_CHROME_CLASS, CONTROL_VARIANT_CHROME_CLASS } from "./control-appearance.js";
-import { Button } from "../general/button.js";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
-const YM_HINT = "yyyy/mm";
-const toYmText = (d) => d ? `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, "0")}` : "";
-const 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);
-};
-const ymIndex = (d) => d.getFullYear() * 12 + d.getMonth();
-function MonthRangePicker({
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  fromYear,
-  toYear,
-  allowClear,
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  status,
-  variant,
-  size,
-  inputReadOnly,
-  preserveInvalidOnBlur,
-  placement = "bottom-start",
-  renderExtraFooter,
-  ref,
-  ...ariaProps
-}) {
-  const { t } = useTranslation();
-  const { locale } = usePickerLocales();
-  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-  const isOpenControlled = openProp !== void 0;
-  const open = isOpenControlled ? openProp : internalOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (next && inputReadOnly) return;
-      if (!isOpenControlled) setInternalOpen(next);
-      onOpenChange?.(next);
-    },
-    [isOpenControlled, onOpenChange, inputReadOnly]
-  );
-  const groupA11y = pickGroupFieldA11y(ariaProps);
-  const autoId = React.useId();
-  const groupId = id ?? autoId;
-  const fromId = `${groupId}-from`;
-  const toId = `${groupId}-to`;
-  const identity = useFieldIdentity({ id: groupId, name, "data-field": groupA11y["data-field"] });
-  const rangeField = groupA11y["data-field"] ?? identity["data-field"];
-  const rangeName = name ?? identity.name;
-  const isControlled = useControlledLatch(valueProp !== void 0);
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const value = isControlled ? valueProp : internalValue;
-  const [fromText, setFromText] = React.useState(() => toYmText(value?.from));
-  const [toText, setToText] = React.useState(() => toYmText(value?.to));
-  const [viewYear, setViewYear] = React.useState(() => (value?.from ?? /* @__PURE__ */ new Date()).getFullYear());
-  React.useEffect(() => {
-    setFromText(toYmText(value?.from));
-    setToText(toYmText(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 clearControl = resolveAllowClear(allowClear, true, t("common.clear") ?? "Clear");
-  const showClear = clearControl.enabled && Boolean(value?.from || value?.to) && !disabled && !inputReadOnly;
-  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 : parseYm(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 = "ui-month-picker-input";
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.monthPicker.placeholder") ?? YM_HINT;
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "group",
-      id: groupId,
-      ...groupA11y,
-      "data-field": rangeField,
-      "aria-disabled": disabled ? true : void 0,
-      "data-disabled": disabled ? "" : void 0,
-      "data-state": open ? "open" : "closed",
-      "data-size": size,
-      "data-status": status,
-      "data-variant": variant,
-      className: cn(
-        "ui-control ui-control-composite-field",
-        "aria-invalid:border-destructive",
-        CONTROL_VARIANT_CHROME_CLASS[variant ?? "outlined"],
-        CONTROL_STATUS_CHROME_CLASS,
-        className
-      ),
-      onClick: () => {
-        if (!disabled) setOpen(true);
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            id: fromId,
-            "data-field": rangeField ? `${rangeField}_from` : void 0,
-            name: rangeName ? `${rangeName}_from` : void 0,
-            value: fromText,
-            disabled,
-            readOnly: inputReadOnly,
-            "aria-readonly": inputReadOnly || void 0,
-            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: () => {
-              if (!preserveInvalidOnBlur) setFromText(toYmText(value?.from));
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(ArrowRight, { className: "ui-month-picker-separator-icon", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: toId,
-            "data-field": rangeField ? `${rangeField}_to` : void 0,
-            name: rangeName ? `${rangeName}_to` : void 0,
-            value: toText,
-            disabled,
-            readOnly: inputReadOnly,
-            "aria-readonly": inputReadOnly || void 0,
-            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: () => {
-              if (!preserveInvalidOnBlur) setToText(toYmText(value?.to));
-            }
-          }
-        ),
-        showClear ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            tabIndex: -1,
-            "aria-label": clearControl.label,
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: (event) => {
-              event.stopPropagation();
-              event.currentTarget.closest("div")?.querySelector("input:not([type=hidden])")?.focus();
-              clear();
-            },
-            children: clearControl.clearIcon ?? /* @__PURE__ */ jsx(X, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-          }
-        ) : /* @__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: "ui-month-picker-icon", "aria-hidden": "true" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          PopoverContent,
-          {
-            className: "ui-month-picker-panel",
-            side: placement.startsWith("top") ? "top" : "bottom",
-            align: placement.endsWith("end") ? "end" : "start",
-            onOpenAutoFocus: (event) => event.preventDefault(),
-            onClick: (event) => event.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "ui-month-picker-nav", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: prevDisabled,
-                    "aria-label": t("dataEntry.monthPicker.previousYear") ?? "Previous year",
-                    className: "ui-month-picker-nav-button",
-                    onClick: () => setViewYear((y) => y - 1),
-                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "ui-month-picker-nav-label", "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: "ui-month-picker-nav-button",
-                    onClick: () => setViewYear((y) => y + 1),
-                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": String(viewYear), className: "ui-month-picker-grid", 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: "ui-month-picker-cell",
-                    onClick: () => pickMonth(cell),
-                    children: label
-                  },
-                  label
-                );
-              }) }),
-              renderExtraFooter?.()
-            ]
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-export {
-  MonthRangePicker
-};

package/dist/components/ui/date-range-picker.d.ts

@@ -1 +0,0 @@
-export * from "../data-entry/date-range-picker.js";

package/dist/components/ui/date-range-picker.js

@@ -1,2 +0,0 @@
-"use client";
-export * from "../data-entry/date-range-picker.js";