@godxjp/ui 5.0.2 → 6.0.1

package/dist/chunk-SMLKNECP.js

@@ -0,0 +1,133 @@
+// src/components/data-entry/tree-utils.ts
+function reactNodeText(value) {
+  if (value == null || typeof value === "boolean") return "";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "bigint") {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => reactNodeText(item)).join("");
+  }
+  return "";
+}
+function unknownText(value) {
+  if (typeof value === "string" || typeof value === "number" || typeof value === "bigint") {
+    return String(value);
+  }
+  return "";
+}
+function normalizeTreeOptions(nodes, fieldNames) {
+  if (!nodes?.length) return [];
+  const labelKey = fieldNames?.label ?? "label";
+  const valueKey = fieldNames?.value ?? "value";
+  const childrenKey = fieldNames?.children ?? "children";
+  return nodes.map((node) => {
+    const children = node[childrenKey];
+    const value = unknownText(node[valueKey]);
+    const label = node[labelKey];
+    return {
+      value,
+      label: label ?? value,
+      disabled: Boolean(node.disabled),
+      disableCheckbox: Boolean(node.disableCheckbox),
+      isLeaf: node.isLeaf,
+      children: Array.isArray(children) ? normalizeTreeOptions(children, fieldNames) : void 0
+    };
+  });
+}
+function getNodeByPath(options, path) {
+  const chain = [];
+  let level = options;
+  for (const segment of path) {
+    const found = level.find((n) => n.value === segment);
+    if (!found) break;
+    chain.push(found);
+    level = found.children ?? [];
+  }
+  return chain;
+}
+function formatPathLabels(chain, separator = " / ") {
+  return chain.map((n) => reactNodeText(n.label)).join(separator);
+}
+function collectLeafPaths(options, prefix = [], root = options) {
+  const out = [];
+  for (const node of options) {
+    const path = [...prefix, node.value];
+    const hasChildren = (node.children?.length ?? 0) > 0;
+    if (!hasChildren || node.isLeaf === true) {
+      out.push({ path, labels: getNodeByPath(root, path).map((n) => reactNodeText(n.label)) });
+    }
+    if (hasChildren) out.push(...collectLeafPaths(node.children, path, root));
+  }
+  return out;
+}
+function pathKey(path) {
+  return path.join("\0");
+}
+function pathsEqual(a, b) {
+  return a.length === b.length && a.every((v, i) => v === b[i]);
+}
+function filterTreeOptions(options, query, filter) {
+  const q = query.trim().toLowerCase();
+  if (!q) return [];
+  const paths = collectLeafPaths(options);
+  return paths.filter(({ path }) => {
+    const chain = getNodeByPath(options, path);
+    if (filter) return filter(query, chain);
+    return chain.some((n) => reactNodeText(n.label).toLowerCase().includes(q));
+  });
+}
+function getDescendantValues(node) {
+  const values = [node.value];
+  for (const child of node.children ?? []) values.push(...getDescendantValues(child));
+  return values;
+}
+function flattenVisibleTree(options, expandedKeys, depth = 0) {
+  const out = [];
+  for (const node of options) {
+    const hasChildren = (node.children?.length ?? 0) > 0 && node.isLeaf !== true;
+    out.push({ node, depth, hasChildren });
+    if (hasChildren && expandedKeys.has(node.value)) {
+      out.push(...flattenVisibleTree(node.children, expandedKeys, depth + 1));
+    }
+  }
+  return out;
+}
+function filterVisibleTree(options, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return flattenVisibleTree(options, new Set(collectAllExpandableKeys(options)));
+  const expanded = /* @__PURE__ */ new Set();
+  function walk(nodes, depth) {
+    let branchMatch = false;
+    for (const node of nodes) {
+      const selfMatch = reactNodeText(node.label).toLowerCase().includes(q);
+      const childMatch = node.children?.length ? walk(node.children) : false;
+      if (selfMatch || childMatch) {
+        branchMatch = true;
+        if (childMatch) expanded.add(node.value);
+      }
+    }
+    return branchMatch;
+  }
+  walk(options);
+  return flattenVisibleTree(options, expanded);
+}
+function collectAllExpandableKeys(options) {
+  const keys = [];
+  for (const node of options) {
+    if ((node.children?.length ?? 0) > 0 && node.isLeaf !== true) {
+      keys.push(node.value);
+      keys.push(...collectAllExpandableKeys(node.children));
+    }
+  }
+  return keys;
+}
+function findNodeByValue(options, value) {
+  for (const node of options) {
+    if (node.value === value) return node;
+    const nested = node.children ? findNodeByValue(node.children, value) : void 0;
+    if (nested) return nested;
+  }
+  return void 0;
+}
+
+export { collectAllExpandableKeys, filterTreeOptions, filterVisibleTree, findNodeByValue, flattenVisibleTree, formatPathLabels, getDescendantValues, getNodeByPath, normalizeTreeOptions, pathKey, pathsEqual, reactNodeText };

package/dist/chunk-TAHBM3F2.js

@@ -0,0 +1,66 @@
+import { Calendar } from './chunk-IK7I3ABN.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation, usePickerLocales } from './chunk-3F2AKYRD.js';
+import { formatDate } from './chunk-YFCQKO3B.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { CalendarIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function DatePicker({
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  className,
+  id,
+  locale: localeProp,
+  fromDate,
+  toDate
+}) {
+  const { t } = useTranslation();
+  const { dayPickerLocale } = usePickerLocales(localeProp);
+  const [open, setOpen] = React.useState(false);
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.datePicker.placeholder");
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        id,
+        type: "button",
+        variant: "outline",
+        disabled,
+        className: cn(
+          "w-full justify-start text-left font-normal",
+          !value && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4 shrink-0", "aria-hidden": "true" }),
+          value ? formatDate(value, { kind: "calendar" }) : resolvedPlaceholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: value,
+        onSelect: (date) => {
+          onChange?.(date);
+          setOpen(false);
+        },
+        locale: dayPickerLocale,
+        disabled: [
+          ...fromDate ? [{ before: fromDate }] : [],
+          ...toDate ? [{ after: toDate }] : []
+        ],
+        startMonth: fromDate,
+        endMonth: toDate
+      }
+    ) })
+  ] });
+}
+
+export { DatePicker };

package/dist/chunk-TO33OY4L.js

@@ -0,0 +1,150 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuPortal(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuGroup(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuRadioGroup(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    "data-slot": "dropdown-menu-content",
+    sideOffset,
+    className: cn(
+      "bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: cn("px-2 py-1.5 text-sm font-semibold data-[inset=true]:ps-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    "data-slot": "dropdown-menu-separator",
+    className: cn("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": "true" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground data-[state=checked]:bg-primary/10 data-[state=checked]:text-primary relative flex cursor-default items-center gap-2 rounded-sm px-2.5 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:font-medium [&_svg]:pointer-events-none [&_svg]:shrink-0",
+      className
+    ),
+    ...props,
+    children
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[inset=true]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4", "aria-hidden": "true" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    "data-slot": "dropdown-menu-sub-content",
+    className: cn(
+      "bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-32 origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-hidden rounded-md border p-1 shadow-lg",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn("text-muted-foreground ms-auto text-xs tracking-widest", className),
+    ...props
+  }
+);
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/chunk-TO7URV7U.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { Loader2, OctagonX, TriangleAlert, Info, CheckCircle2 } from 'lucide-react';
+import { Toaster as Toaster$1 } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/feedback/sonner.tsx
+function useDocumentTheme() {
+  return React.useSyncExternalStore(
+    (onStoreChange) => {
+      if (typeof document === "undefined") return () => void 0;
+      const mq = window.matchMedia("(prefers-color-scheme: dark)");
+      mq.addEventListener("change", onStoreChange);
+      const obs = new MutationObserver(onStoreChange);
+      obs.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+      return () => {
+        mq.removeEventListener("change", onStoreChange);
+        obs.disconnect();
+      };
+    },
+    () => document.documentElement.classList.contains("dark") ? "dark" : "light",
+    () => "light"
+  );
+}
+function Toaster({ ...props }) {
+  const theme = useDocumentTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", "aria-hidden": "true" }),
+        info: /* @__PURE__ */ jsx(Info, { className: "size-4", "aria-hidden": "true" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-4", "aria-hidden": "true" }),
+        error: /* @__PURE__ */ jsx(OctagonX, { className: "size-4", "aria-hidden": "true" }),
+        loading: /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      position: "bottom-right",
+      mobileOffset: { bottom: "16px", right: "16px" },
+      ...props
+    }
+  );
+}
+
+export { Toaster };

package/dist/chunk-TOO5AEKL.js

@@ -0,0 +1,81 @@
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './chunk-V6UWJKZF.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-3F2AKYRD.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { ChevronsUpDown, Check } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Autocomplete({
+  options,
+  value,
+  onValueChange,
+  placeholder,
+  emptyMessage,
+  disabled,
+  className,
+  id,
+  searchPlaceholder
+}) {
+  const { t } = useTranslation();
+  const [open, setOpen] = React.useState(false);
+  const selected = options.find((option) => option.value === value);
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.autocomplete.placeholder");
+  const resolvedEmpty = emptyMessage ?? t("dataEntry.autocomplete.empty");
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        id,
+        type: "button",
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled,
+        className: cn(
+          "w-full justify-between font-normal",
+          !selected && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: selected?.label ?? resolvedPlaceholder }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder ?? resolvedPlaceholder }),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmpty }),
+        /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+          CommandItem,
+          {
+            value: option.label,
+            keywords: [option.value, option.label],
+            onSelect: () => {
+              onValueChange?.(option.value);
+              setOpen(false);
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Check,
+                {
+                  className: cn(
+                    "mr-2 size-4",
+                    value === option.value ? "opacity-100" : "opacity-0"
+                  ),
+                  "aria-hidden": "true"
+                }
+              ),
+              option.label
+            ]
+          },
+          option.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+
+export { Autocomplete };