@godxjp/ui 13.9.3 → 13.10.0

package/dist/chunk-5LTW2LWF.js

@@ -1,182 +0,0 @@
-import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var toCssLength = (v) => typeof v === "number" ? `${v}px` : v;
-function Sheet(props) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger(props) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose(props) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
-}
-function SheetPortal(props) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    "data-slot": "sheet-overlay",
-    className: cn(
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-      className
-    ),
-    ...props
-  }
-));
-SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var sheetVariants = cva(
-  "fixed z-50 flex flex-col gap-[var(--space-chrome-gap)] bg-background px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)] shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
-  {
-    variants: {
-      // `side` is a deliberately PHYSICAL API (left/right/top/bottom) — a sheet
-      // opens from the edge the consumer names, not a locale-flipped one, matching
-      // the Radix/shadcn Sheet convention. The physical classes below are intended.
-      side: {
-        /* rtl-ignore: named physical side */
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-md",
-        /* rtl-ignore: named physical side */
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-md",
-        top: "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
-      }
-    },
-    defaultVariants: { side: "right" }
-  }
-);
-var SheetContent = React.forwardRef(
-  ({ side = "right", className, children, showCloseButton = true, width, style, ...props }, ref) => {
-    const horizontal = side === "left" || side === "right";
-    const widthSet = width != null && horizontal;
-    const mergedStyle = widthSet ? { ...style, ["--sheet-width"]: toCssLength(width) } : style;
-    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-      /* @__PURE__ */ jsx(SheetOverlay, {}),
-      /* @__PURE__ */ jsxs(
-        DialogPrimitive.Content,
-        {
-          ref,
-          "data-slot": "sheet-content",
-          style: mergedStyle,
-          className: cn(
-            sheetVariants({ side }),
-            // `width` caps at the viewport: full-width panel on a small screen, capped on a large one.
-            widthSet && "w-[min(var(--sheet-width),100%)] max-w-none sm:max-w-none",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            showCloseButton ? /* @__PURE__ */ jsxs(
-              DialogPrimitive.Close,
-              {
-                "data-slot": "sheet-close",
-                className: "ring-offset-background focus:ring-ring absolute end-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
-                children: [
-                  /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-                ]
-              }
-            ) : null
-          ]
-        }
-      )
-    ] });
-  }
-);
-SheetContent.displayName = DialogPrimitive.Content.displayName;
-var SheetHeader = ({
-  className,
-  title,
-  subtitle,
-  extra,
-  tone = "default",
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      "data-tone": tone,
-      className: cn(
-        "-mx-[var(--sheet-pad-x)] -mt-[var(--sheet-pad-y)] flex flex-col gap-1.5 px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
-        overlayHeaderToneClass[tone],
-        className
-      ),
-      ...props,
-      children: children ?? // `pe-8` reserves room for the absolute close button (end-4) so title/extra never sit under it.
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 pe-8", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-          title != null && /* @__PURE__ */ jsx(SheetTitle, { children: title }),
-          subtitle != null && /* @__PURE__ */ jsx(SheetDescription, { children: subtitle })
-        ] }),
-        extra != null && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2 whitespace-nowrap", children: extra })
-      ] })
-    }
-  );
-};
-var SheetBody = ({ className, ...props }) => (
-  // Scrollable region between a fixed header and a pinned footer (rule #41). Full-bleed horizontally
-  // (`-mx-6 px-6`) so content aligns to the sheet edge while the 3px focus ring of a full-width
-  // control keeps 24px of room and never clips against the scroll container's computed
-  // `overflow-x`. `py-1`/`scroll-py-1` keep a focused control's ring visible at the scroll edges.
-  // Use this instead of a hand-rolled `<div className="overflow-y-auto">` (which clips rings).
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-body",
-      className: cn(
-        "-mx-[var(--sheet-pad-x)] min-h-0 flex-1 scroll-py-1 overflow-y-auto px-[var(--sheet-pad-x)] py-1",
-        className
-      ),
-      ...props
-    }
-  )
-);
-var SheetFooter = ({ className, ...props }) => (
-  // Pinned action bar (Ant Design Drawer footer): sticks to the bottom, full-bleed top border, actions
-  // RIGHT-aligned (primary rightmost). A destructive / clear / reset action goes far-LEFT — give it
-  // `className="me-auto"`. See cardinal rule "Drawer & dialog footer layout".
-  // Owns its full vertical padding (symmetric 16/16) via `py-4`; `-mb-6` cancels SheetContent's
-  // `p-6` bottom so the footer doesn't inherit an asymmetric 16-top / 24-bottom rhythm.
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn(
-        "-mx-[var(--sheet-pad-x)] mt-auto -mb-[var(--sheet-pad-y)] flex flex-wrap items-center justify-end gap-2 px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
-  {
-    ref,
-    "data-slot": "sheet-title",
-    className: cn("text-foreground text-lg font-medium", className),
-    ...props
-  }
-));
-SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
-  {
-    ref,
-    "data-slot": "sheet-description",
-    className: cn("text-muted-foreground text-sm", className),
-    ...props
-  }
-));
-SheetDescription.displayName = DialogPrimitive.Description.displayName;
-
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/chunk-65RWSIZF.js

@@ -1,327 +0,0 @@
-import { Input } from './chunk-K24AQV4R.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { X, Clock } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function pad2(n) {
-  return String(n).padStart(2, "0");
-}
-function buildMinutes(step) {
-  const safe = Math.min(60, Math.max(1, step));
-  const items = [];
-  for (let m = 0; m < 60; m += safe) items.push(m);
-  return items;
-}
-function parseHhmm(value) {
-  const normalized = value ? normalizeHhmm(value) : null;
-  if (!normalized) return { hour: 9, minute: 0 };
-  const [h, m] = normalized.split(":").map(Number);
-  return { hour: h, minute: m };
-}
-function to12h(hour24) {
-  const h = hour24 % 12;
-  return h === 0 ? 12 : h;
-}
-function from12h(hour12, meridiem) {
-  const base = hour12 % 12;
-  return meridiem === "pm" ? base + 12 : base;
-}
-function TimeColumn({
-  label,
-  items,
-  selected,
-  formatItem,
-  onSelect
-}) {
-  const listRef = React.useRef(null);
-  React.useEffect(() => {
-    listRef.current?.querySelector('[data-selected="true"]')?.scrollIntoView({ block: "center" });
-  }, [selected]);
-  const moveFocus = (index) => {
-    const options = listRef.current?.querySelectorAll('[role="option"]');
-    options?.[index]?.focus();
-  };
-  const onKeyDown = (e, index) => {
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault();
-        moveFocus(Math.min(items.length - 1, index + 1));
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        moveFocus(Math.max(0, index - 1));
-        break;
-      case "Home":
-        e.preventDefault();
-        moveFocus(0);
-        break;
-      case "End":
-        e.preventDefault();
-        moveFocus(items.length - 1);
-        break;
-      case "Enter":
-      case " ":
-        e.preventDefault();
-        onSelect(items[index]);
-        break;
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground border-b px-1 py-1.5 text-center text-xs font-medium", children: label }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: listRef,
-        role: "listbox",
-        "aria-label": label,
-        className: "h-52 [scrollbar-width:thin] [scrollbar-gutter:stable] overflow-y-scroll overscroll-contain p-1",
-        children: items.map((item, index) => {
-          const isSelected = item === selected;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "option",
-              "aria-selected": isSelected,
-              "data-selected": isSelected,
-              tabIndex: isSelected ? 0 : -1,
-              className: cn(
-                "hover:bg-accent flex w-full items-center justify-center rounded-md py-1.5 text-sm tabular-nums transition-colors",
-                isSelected && "bg-primary text-primary-foreground hover:bg-primary/90"
-              ),
-              onClick: () => {
-                onSelect(item);
-              },
-              onKeyDown: (e) => onKeyDown(e, index),
-              children: formatItem(item)
-            },
-            item
-          );
-        })
-      }
-    )
-  ] });
-}
-function TimePickerPanel({ value, minuteStep, use12h, onChange, onDone }) {
-  const { t } = useTranslation();
-  const draftId = React.useId();
-  const { hour, minute } = parseHhmm(value);
-  const minutes = buildMinutes(minuteStep);
-  const snappedMinute = minutes.includes(minute) ? minute : minutes[0];
-  const [draft, setDraft] = React.useState(value);
-  const meridiem = hour >= 12 ? "pm" : "am";
-  React.useEffect(() => {
-    setDraft(value);
-  }, [value]);
-  const commitDraft = () => {
-    const normalized = normalizeHhmm(draft);
-    if (!normalized) return;
-    onChange(normalized);
-    onDone?.();
-  };
-  const commit = (next) => {
-    onChange(next);
-    onDone?.();
-  };
-  const hourItems = use12h ? Array.from({ length: 12 }, (_, i) => i + 1) : Array.from({ length: 24 }, (_, i) => i);
-  const selectedHourItem = use12h ? to12h(hour) : hour;
-  return /* @__PURE__ */ jsxs("div", { className: use12h ? "w-52" : "w-36", children: [
-    /* @__PURE__ */ jsxs("div", { className: "divide-border flex divide-x", children: [
-      /* @__PURE__ */ jsx(
-        TimeColumn,
-        {
-          label: t("dataEntry.timePicker.hour"),
-          items: hourItems,
-          selected: selectedHourItem,
-          formatItem: (h) => use12h ? String(h) : pad2(h),
-          onSelect: (h) => {
-            const hour24 = use12h ? from12h(h, meridiem) : h;
-            onChange(`${pad2(hour24)}:${pad2(snappedMinute)}`);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        TimeColumn,
-        {
-          label: t("dataEntry.timePicker.minute"),
-          items: minutes,
-          selected: snappedMinute,
-          formatItem: (m) => pad2(m),
-          onSelect: (m) => {
-            commit(`${pad2(hour)}:${pad2(m)}`);
-          }
-        }
-      ),
-      use12h && /* @__PURE__ */ jsx(
-        TimeColumn,
-        {
-          label: t("dataEntry.timePicker.meridiem"),
-          items: [0, 1],
-          selected: meridiem === "pm" ? 1 : 0,
-          formatItem: (m) => m === 1 ? t("dataEntry.timePicker.pm") : t("dataEntry.timePicker.am"),
-          onSelect: (m) => {
-            const nextMeridiem = m === 1 ? "pm" : "am";
-            const hour24 = from12h(to12h(hour), nextMeridiem);
-            onChange(`${pad2(hour24)}:${pad2(snappedMinute)}`);
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: draftId,
-        value: draft,
-        onChange: (e) => {
-          setDraft(e.target.value);
-        },
-        inputMode: "numeric",
-        autoComplete: "off",
-        placeholder: t("dataEntry.timePicker.typeLabel"),
-        "aria-label": t("dataEntry.timePicker.typeLabel"),
-        className: "text-center tabular-nums",
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            commitDraft();
-          }
-        },
-        onBlur: () => {
-          const normalized = normalizeHhmm(draft);
-          if (normalized) setDraft(normalized);
-        }
-      }
-    ) })
-  ] });
-}
-function TimePicker({
-  value: controlledValue,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  minuteStep = 5,
-  allowClear = true
-}) {
-  const { t } = useTranslation();
-  const { timeFormat } = usePickerLocales();
-  const use12h = timeFormat === "12h";
-  const [open, setOpen] = React.useState(false);
-  const [internal, setInternal] = React.useState(defaultValue ?? "");
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internal;
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.timePicker.placeholder") ?? "hh:mm";
-  const [text, setText] = React.useState(value);
-  React.useEffect(() => {
-    setText(value);
-  }, [value]);
-  const setValue = (next) => {
-    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,
-      {
-        id,
-        name,
-        value: text,
-        disabled,
-        placeholder: resolvedPlaceholder,
-        inputMode: "numeric",
-        autoComplete: "off",
-        role: "combobox",
-        "aria-expanded": open,
-        "aria-haspopup": "dialog",
-        className: cn("tabular-nums", showClear ? "pe-16" : "pe-10"),
-        onClick: () => {
-          if (!disabled) setOpen(true);
-        },
-        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 normalized = normalizeHhmm(event.target.value);
-          if (normalized) setValue(normalized);
-        },
-        onBlur: (event) => {
-          const normalized = normalizeHhmm(event.target.value);
-          setText(normalized ?? (isValidHhmm(value) ? value : ""));
-        }
-      }
-    ),
-    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,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          disabled,
-          tabIndex: -1,
-          "aria-label": t("dataEntry.timePicker.openPicker") ?? "Open time picker",
-          className: "text-muted-foreground absolute inset-y-0 end-0 h-full px-2 hover:bg-transparent",
-          children: /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0", "aria-hidden": "true" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          className: "w-auto p-0",
-          align: "end",
-          onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsx(
-            TimePickerPanel,
-            {
-              value: value || "09:00",
-              minuteStep,
-              use12h,
-              onChange: (next) => {
-                setValue(next);
-                setText(next);
-              },
-              onDone: () => {
-                setOpen(false);
-              }
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-}
-
-export { TimePicker };

package/dist/chunk-7PWBC4BY.js

@@ -1,25 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  LabelPrimitive.Root,
-  {
-    ref,
-    "data-slot": "label",
-    className: cn(
-      "flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
-      labelVariants(),
-      className
-    ),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-export { Label };

package/dist/chunk-B4K4BXEF.js

@@ -1,18 +0,0 @@
-// src/lib/control-styles.ts
-var controlMultilineClass = "ui-control-multiline w-full rounded-lg border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
-var controlOpenRingClass = "data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px]";
-var controlTriggerClass = "ui-control flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-lg border border-input bg-background shadow-sm transition-[color,box-shadow] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1";
-var controlIconClass = "size-[length:var(--control-height)] shrink-0";
-var controlIconSmClass = "size-[calc(var(--control-height)-0.5rem)] shrink-0";
-var controlIconLeadingClass = "size-[length:var(--control-icon-size)] shrink-0";
-var tableRowHeightClass = "h-[length:var(--table-row-height)]";
-var tableHeadHeightClass = "h-[length:var(--table-row-height)]";
-var tableCellPaddingClass = "py-[length:var(--table-cell-padding-y)]";
-var toneSuccessClass = "border-success/30 bg-success/10 text-success";
-var toneWarningClass = "border-warning/30 bg-warning/10 text-warning-foreground";
-var toneInfoClass = "border-info/30 bg-info/10 text-info";
-var toneDestructiveClass = "border-destructive/30 bg-destructive/10 text-destructive";
-var toneMutedClass = "border-border bg-muted text-muted-foreground";
-var toneNeutralClass = "border-border bg-muted text-muted-foreground";
-
-export { controlIconClass, controlIconLeadingClass, controlIconSmClass, controlMultilineClass, controlOpenRingClass, controlTriggerClass, tableCellPaddingClass, tableHeadHeightClass, tableRowHeightClass, toneDestructiveClass, toneInfoClass, toneMutedClass, toneNeutralClass, toneSuccessClass, toneWarningClass };