@godxjp/ui 13.9.3 → 13.11.0

package/dist/chunk-NVTZ2EDW.js

@@ -1,389 +0,0 @@
-import { EmptyState } from './chunk-YD7V2HGZ.js';
-import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Flex, densityClass } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
-import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as React from 'react';
-import { Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, MoreHorizontal } from 'lucide-react';
-
-function Descriptions({ columns = 2, className, children }) {
-  const colsClass = columns === 1 ? "grid-cols-1" : columns === 3 ? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3" : "grid-cols-1 sm:grid-cols-2";
-  return /* @__PURE__ */ jsx("dl", { className: cn("grid gap-x-6 gap-y-3", colsClass, className), children });
-}
-Descriptions.Item = function DescriptionsItem({
-  label,
-  mono,
-  span,
-  className,
-  children
-}) {
-  const spanClass = span === 2 ? "sm:col-span-2" : span === 3 ? "sm:col-span-2 lg:col-span-3" : "";
-  return (
-    // grid + the shared --field-label-gap so the label→value gap matches FormField / Form everywhere.
-    /* @__PURE__ */ jsxs("div", { className: cn("grid gap-[var(--field-label-gap)]", spanClass, className), children: [
-      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs", children: label }),
-      /* @__PURE__ */ jsx("dd", { className: cn("text-sm break-all", mono && "font-mono"), children })
-    ] })
-  );
-};
-var DataTableContext = React.createContext(null);
-function useDataTableContext() {
-  const ctx = React.useContext(DataTableContext);
-  if (!ctx) throw new Error("DataTable subcomponents must be used inside <DataTable>");
-  return ctx;
-}
-function useOptionalDataTableContext() {
-  return React.useContext(DataTableContext);
-}
-var noopGetRowId = (row) => {
-  const id = row.id;
-  if (typeof id === "string") return id;
-  if (typeof id === "number") return String(id);
-  return "";
-};
-function DataTable({
-  data,
-  columns,
-  getRowId = noopGetRowId,
-  selectable = false,
-  selected: controlledSelected,
-  onSelectChange,
-  onRowClick,
-  density: controlledDensity,
-  onDensityChange,
-  sort,
-  onSortChange,
-  loading = false,
-  empty,
-  className,
-  children
-}) {
-  const [internalDensity, setInternalDensity] = React.useState("compact");
-  const density = controlledDensity ?? internalDensity;
-  const setDensity = (d) => {
-    setInternalDensity(d);
-    onDensityChange?.(d);
-  };
-  const [internalSelected, setInternalSelected] = React.useState(/* @__PURE__ */ new Set());
-  const selected = controlledSelected ?? internalSelected;
-  const setSelected = (next) => {
-    setInternalSelected(next);
-    onSelectChange?.(next);
-  };
-  const toggleSelect = (id) => {
-    const next = new Set(selected);
-    if (next.has(id)) next.delete(id);
-    else next.add(id);
-    setSelected(next);
-  };
-  const emptyColSpan = columns.length + (selectable ? 1 : 0);
-  const allSelected = data.length > 0 && data.every((r) => selected.has(getRowId(r)));
-  const someSelected = !allSelected && data.some((r) => selected.has(getRowId(r)));
-  const toggleSelectAll = () => {
-    if (allSelected) setSelected(/* @__PURE__ */ new Set());
-    else setSelected(new Set(data.map(getRowId)));
-  };
-  const ctx = {
-    data,
-    columns,
-    density,
-    setDensity,
-    selected,
-    toggleSelect,
-    toggleSelectAll,
-    allSelected,
-    someSelected,
-    selectable,
-    getRowId,
-    onRowClick,
-    sort,
-    onSortChange,
-    loading,
-    empty,
-    emptyColSpan
-  };
-  const hasContent = React.Children.toArray(children).some(
-    (c) => React.isValidElement(c) && c.type.displayName === "DataTable.Content"
-  );
-  return /* @__PURE__ */ jsx(DataTableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "ui-data-table-root",
-        densityClass[density === "compact" ? "compact" : "comfortable"],
-        className
-      ),
-      children: [
-        children,
-        !hasContent && /* @__PURE__ */ jsx(DataTable.Content, {})
-      ]
-    }
-  ) });
-}
-DataTable.Toolbar = function DataTableToolbar({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("ui-data-table-toolbar", className), children });
-};
-DataTable.Toolbar.displayName = "DataTable.Toolbar";
-DataTable.SelectAll = function DataTableSelectAll() {
-  const { allSelected, someSelected, toggleSelectAll, selectable } = useDataTableContext();
-  const { t } = useTranslation();
-  if (!selectable) return null;
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      checked: allSelected ? true : someSelected ? "indeterminate" : false,
-      onCheckedChange: toggleSelectAll,
-      "aria-label": t("dataTable.selectAll")
-    }
-  );
-};
-DataTable.SelectAll.displayName = "DataTable.SelectAll";
-DataTable.BulkActions = function DataTableBulkActions({
-  count,
-  children,
-  className
-}) {
-  const ctx = useOptionalDataTableContext();
-  const { t } = useTranslation();
-  const c = count ?? ctx?.selected.size ?? 0;
-  if (c === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "region",
-      "aria-label": t("dataTable.bulkActions"),
-      className: cn("ui-data-table-bulk", className),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx("strong", { className: "text-foreground", children: t("common.selectedCount", { count: c }) }) }),
-        /* @__PURE__ */ jsx("div", { className: "ui-data-table-bulk-actions", children })
-      ]
-    }
-  );
-};
-DataTable.BulkActions.displayName = "DataTable.BulkActions";
-DataTable.DensityToggle = function DataTableDensityToggle() {
-  const { density, setDensity } = useDataTableContext();
-  const { t } = useTranslation();
-  const next = density === "compact" ? "comfortable" : "compact";
-  const Icon = density === "compact" ? Layers : Layers2;
-  const nextLabel = next === "compact" ? t("dataTable.densityCompact") : t("dataTable.densityComfortable");
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      onClick: () => {
-        setDensity(next);
-      },
-      "aria-label": t("dataTable.densitySwitch", { density: nextLabel }),
-      children: /* @__PURE__ */ jsxs(Flex, { direction: "row", wrap: true, align: "center", gap: "xs", children: [
-        /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": "true" }),
-        density === "compact" ? t("dataTable.densityCompact") : t("dataTable.densityComfortable")
-      ] })
-    }
-  );
-};
-DataTable.DensityToggle.displayName = "DataTable.DensityToggle";
-DataTable.Content = function DataTableContent() {
-  const {
-    data,
-    columns,
-    density: _density,
-    selectable,
-    selected,
-    toggleSelect,
-    getRowId,
-    onRowClick,
-    sort,
-    onSortChange,
-    loading,
-    empty,
-    emptyColSpan
-  } = useDataTableContext();
-  const { t } = useTranslation();
-  const rowPadding = tableRowHeightClass;
-  const cellPadding = tableCellPaddingClass;
-  const onHeaderClick = (col) => {
-    if (!col.sortable || !onSortChange) return;
-    if (sort?.key !== col.key) {
-      onSortChange({ key: col.key, direction: "asc" });
-    } else if (sort.direction === "asc") {
-      onSortChange({ key: col.key, direction: "desc" });
-    } else {
-      onSortChange(void 0);
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "ui-data-table-scroll", "aria-busy": loading, children: /* @__PURE__ */ jsx("div", { className: "ui-data-table-surface min-w-[640px] sm:min-w-0", children: /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsx(TableHeader, { className: "bg-secondary sticky top-0 z-10", children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      selectable && /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(DataTable.SelectAll, {}) }),
-      columns.map((col) => {
-        const isSortable = !!col.sortable && !!onSortChange;
-        const isActiveSort = isSortable && sort?.key === col.key;
-        const sortIndicator = isSortable ? isActiveSort ? sort?.direction === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ArrowDown, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "text-muted-foreground size-3", "aria-hidden": "true" }) : null;
-        const label = /* @__PURE__ */ jsxs("span", { className: "ui-data-table-sort-label", children: [
-          col.header,
-          sortIndicator
-        ] });
-        return /* @__PURE__ */ jsx(
-          TableHead,
-          {
-            "data-empty": !col.header || void 0,
-            "aria-sort": isSortable ? isActiveSort ? sort?.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
-            className: cn(
-              col.width,
-              col.align === "right" && "text-end",
-              col.align === "center" && "text-center",
-              col.hiddenOnMobile && "hidden md:table-cell",
-              isSortable && "select-none"
-            ),
-            children: isSortable ? /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "ui-data-table-sort-button focus-visible:ring-ring rounded-sm focus-visible:ring-2",
-                onClick: () => {
-                  onHeaderClick(col);
-                },
-                children: label
-              }
-            ) : label
-          },
-          col.key
-        );
-      })
-    ] }) }),
-    /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan: emptyColSpan, className: "h-32 text-center", "aria-live": "polite", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("dataTable.loading") }) }) }) : data.length === 0 ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(
-      TableCell,
-      {
-        colSpan: emptyColSpan,
-        className: "ui-data-table-empty",
-        "aria-live": "polite",
-        children: empty ?? /* @__PURE__ */ jsx(EmptyState, { title: t("dataTable.empty") })
-      }
-    ) }) : data.map((row) => {
-      const id = getRowId(row);
-      const isSelected = selected.has(id);
-      const isInteractiveTarget = (target) => !!target.closest("button, a, input, select, textarea, [role=menuitem]");
-      return /* @__PURE__ */ jsxs(
-        TableRow,
-        {
-          "data-state": isSelected ? "selected" : void 0,
-          tabIndex: onRowClick ? 0 : void 0,
-          onClick: (e) => {
-            const target = e.target;
-            if (isInteractiveTarget(target)) return;
-            onRowClick?.(row);
-          },
-          onKeyDown: onRowClick ? (e) => {
-            if (e.key !== "Enter" && e.key !== " ") return;
-            if (e.target !== e.currentTarget) return;
-            e.preventDefault();
-            onRowClick?.(row);
-          } : void 0,
-          className: cn(
-            rowPadding,
-            onRowClick && "hover:bg-muted/50 focus-visible:ring-ring cursor-pointer focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset",
-            isSelected && "bg-muted/30"
-          ),
-          children: [
-            selectable && /* @__PURE__ */ jsx(TableCell, { className: cellPadding, children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: isSelected,
-                onCheckedChange: () => {
-                  toggleSelect(id);
-                },
-                "aria-label": t("dataTable.selectRow", { id }),
-                onClick: (e) => {
-                  e.stopPropagation();
-                }
-              }
-            ) }),
-            columns.map((col) => /* @__PURE__ */ jsx(
-              TableCell,
-              {
-                className: cn(
-                  cellPadding,
-                  col.width,
-                  col.align === "right" && "text-end",
-                  col.align === "center" && "text-center",
-                  col.hiddenOnMobile && "hidden md:table-cell"
-                ),
-                children: col.render ? col.render(row) : (() => {
-                  const v = row[col.key];
-                  if (v == null) return "\u2014";
-                  if (typeof v === "string" || typeof v === "number") return String(v);
-                  return "\u2014";
-                })()
-              },
-              col.key
-            ))
-          ]
-        },
-        id
-      );
-    }) })
-  ] }) }) });
-};
-DataTable.Content.displayName = "DataTable.Content";
-DataTable.Pagination = function DataTablePagination({
-  cursor,
-  hasMore,
-  onChange,
-  className
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-data-table-pagination", className), children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        disabled: !cursor,
-        onClick: () => {
-          onChange(void 0);
-        },
-        children: t("common.first")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        disabled: !hasMore,
-        onClick: () => {
-          onChange(cursor);
-        },
-        children: t("common.next")
-      }
-    )
-  ] });
-};
-DataTable.Pagination.displayName = "DataTable.Pagination";
-DataTable.RowActions = function DataTableRowActions({ ariaLabel, children }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      "aria-label": ariaLabel ?? t("dataTable.rowActions"),
-      className: controlIconSmClass,
-      children: [
-        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4", "aria-hidden": "true" }),
-        children
-      ]
-    }
-  );
-};
-DataTable.RowActions.displayName = "DataTable.RowActions";
-
-export { DataTable, Descriptions };

package/dist/chunk-NZBAFFWP.js

@@ -1,214 +0,0 @@
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var CarouselContext = React.createContext(null);
-var useCarousel = () => {
-  const context = React.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a Carousel component");
-  }
-  return context;
-};
-var Carousel = React.forwardRef(({ className, opts, plugins, setApi, children, ...props }, ref) => {
-  const { t } = useTranslation();
-  const [emblaRef, api] = useEmblaCarousel(opts, plugins);
-  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-  const [canScrollNext, setCanScrollNext] = React.useState(false);
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const [scrollSnaps, setScrollSnaps] = React.useState([]);
-  const onSelect = React.useCallback(() => {
-    if (!api) return;
-    setCanScrollPrev(api.canScrollPrev());
-    setCanScrollNext(api.canScrollNext());
-    setSelectedIndex(api.selectedScrollSnap());
-  }, [api]);
-  React.useEffect(() => {
-    if (!api) return void 0;
-    onSelect();
-    setScrollSnaps(api.scrollSnapList());
-    setApi?.(api);
-    api.on("reInit", onSelect);
-    api.on("reInit", () => setScrollSnaps(api.scrollSnapList()));
-    api.on("select", onSelect);
-    return () => {
-      api.off("reInit", onSelect);
-      api.off("select", onSelect);
-    };
-  }, [api, onSelect, setApi]);
-  const scrollPrev = React.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const scrollTo = React.useCallback(
-    (index) => {
-      api?.scrollTo(index);
-    },
-    [api]
-  );
-  const contextValue = React.useMemo(
-    () => ({
-      canScrollPrev,
-      canScrollNext,
-      selectedIndex,
-      scrollSnaps,
-      api,
-      scrollPrev,
-      scrollNext,
-      scrollTo
-    }),
-    [
-      canScrollPrev,
-      canScrollNext,
-      selectedIndex,
-      scrollSnaps,
-      api,
-      scrollPrev,
-      scrollNext,
-      scrollTo
-    ]
-  );
-  return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "carousel",
-      className: cn("ui-carousel", className),
-      "data-orientation": opts?.axis === "y" ? "vertical" : "horizontal",
-      role: "region",
-      "aria-roledescription": t("dataDisplay.carousel.roleDescription"),
-      "aria-label": t("dataDisplay.carousel.ariaLabel"),
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "ui-carousel-viewport", ref: emblaRef, children })
-    }
-  ) });
-});
-Carousel.displayName = "Carousel";
-var CarouselContent = React.forwardRef(({ className, children, ...props }, ref) => {
-  const { t } = useTranslation();
-  const total = React.Children.toArray(children).filter(React.isValidElement).length;
-  let slideIndex = 0;
-  const decorated = React.Children.map(children, (child) => {
-    if (!React.isValidElement(child)) return child;
-    const index = slideIndex++;
-    const childProps = child.props;
-    if (childProps["aria-label"] != null) return child;
-    return React.cloneElement(child, {
-      "aria-label": t("dataDisplay.carousel.slideLabel", {
-        index: index + 1,
-        total
-      })
-    });
-  });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "carousel-content",
-      className: cn("ui-carousel-content", className),
-      ...props,
-      children: decorated
-    }
-  );
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "carousel-item",
-      role: "group",
-      "aria-roledescription": "slide",
-      className: cn("ui-carousel-item", className),
-      ...props
-    }
-  )
-);
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React.forwardRef(({ className, ...props }, ref) => {
-  const { t } = useTranslation();
-  const { canScrollPrev, scrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      "data-slot": "carousel-previous",
-      disabled: !canScrollPrev,
-      className: cn("ui-carousel-previous", className),
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataDisplay.carousel.previous") })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React.forwardRef(({ className, ...props }, ref) => {
-  const { t } = useTranslation();
-  const { canScrollNext, scrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      "data-slot": "carousel-next",
-      disabled: !canScrollNext,
-      className: cn("ui-carousel-next", className),
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataDisplay.carousel.next") })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-var CarouselDots = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { t } = useTranslation();
-    const { scrollSnaps, selectedIndex, scrollTo } = useCarousel();
-    if (scrollSnaps.length <= 1) return null;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "carousel-dots",
-        className: cn("ui-carousel-dots", className),
-        role: "tablist",
-        "aria-label": t("dataDisplay.carousel.dotsLabel"),
-        ...props,
-        children: scrollSnaps.map((_, index) => {
-          const active = index === selectedIndex;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "data-slot": "carousel-dot",
-              "data-active": active ? "" : void 0,
-              className: "ui-carousel-dot",
-              "aria-selected": active,
-              "aria-current": active ? "true" : void 0,
-              "aria-label": t("dataDisplay.carousel.goToSlide", { index: index + 1 }),
-              onClick: () => scrollTo(index)
-            },
-            index
-          );
-        })
-      }
-    );
-  }
-);
-CarouselDots.displayName = "CarouselDots";
-
-export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };