@godxjp/ui 13.9.3 → 13.10.0

package/dist/components/data-grid/index.js

@@ -1,372 +1,4 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from '../../chunk-LMKUKCTN.js';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../chunk-6S2ZU26B.js';
-import { SearchInput } from '../../chunk-LVLPNKJP.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-2RGPEFAW.js';
-import { EmptyState } from '../../chunk-YD7V2HGZ.js';
-import { Checkbox } from '../../chunk-BE6GJGKJ.js';
-import '../../chunk-44YRPSZ7.js';
-import { Flex, densityClass } from '../../chunk-INIIF7F7.js';
-import { Button } from '../../chunk-XBFUROAY.js';
-import '../../chunk-DY5C44UP.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../chunk-IJ5ALJGA.js';
-import { tableCellPaddingClass, tableRowHeightClass } from '../../chunk-B4K4BXEF.js';
-import '../../chunk-7PWBC4BY.js';
-import { useTranslation } from '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-LFW37FGG.js';
-import { cn } from '../../chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { flexRender, useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import { SlidersHorizontal, Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, ChevronLeft, ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var DataGridContext = React.createContext(null);
-function useDataGrid() {
-  const ctx = React.useContext(DataGridContext);
-  if (!ctx) throw new Error("DataGrid.* must be used inside <DataGrid>");
-  return ctx;
-}
-var DataGrid = function DataGridRoot({
-  columns,
-  data,
-  getRowId,
-  rowIdKey = "id",
-  sorting,
-  onSortingChange,
-  columnFilters,
-  onColumnFiltersChange,
-  globalFilter,
-  onGlobalFilterChange,
-  pagination,
-  onPaginationChange,
-  rowCount,
-  rowSelection,
-  onRowSelectionChange,
-  enableRowSelection = false,
-  columnVisibility: columnVisibilityProp,
-  onColumnVisibilityChange,
-  manualSorting = true,
-  manualFiltering = true,
-  manualPagination = true,
-  density: densityProp,
-  onDensityChange,
-  loading = false,
-  empty,
-  onRowClick,
-  className,
-  children
-}) {
-  const [internalDensity, setInternalDensity] = React.useState("comfortable");
-  const density = densityProp ?? internalDensity;
-  const setDensity = (d) => {
-    if (!densityProp) setInternalDensity(d);
-    onDensityChange?.(d);
-  };
-  const [internalSorting, setInternalSorting] = React.useState([]);
-  const [internalFilters, setInternalFilters] = React.useState([]);
-  const [internalGlobal, setInternalGlobal] = React.useState("");
-  const [internalPagination, setInternalPagination] = React.useState({
-    pageIndex: 0,
-    pageSize: 10
-  });
-  const [internalSelection, setInternalSelection] = React.useState({});
-  const [internalVisibility, setInternalVisibility] = React.useState({});
-  const resolveRowId = React.useCallback(
-    (row) => getRowId ? getRowId(row) : String(row[rowIdKey]),
-    [getRowId, rowIdKey]
-  );
-  const table = useReactTable({
-    data,
-    columns,
-    getRowId: resolveRowId,
-    getCoreRowModel: getCoreRowModel(),
-    ...manualSorting ? {} : { getSortedRowModel: getSortedRowModel() },
-    ...manualFiltering ? {} : { getFilteredRowModel: getFilteredRowModel() },
-    ...manualPagination ? {} : { getPaginationRowModel: getPaginationRowModel() },
-    manualSorting,
-    manualFiltering,
-    manualPagination,
-    rowCount,
-    enableRowSelection,
-    state: {
-      sorting: sorting ?? internalSorting,
-      columnFilters: columnFilters ?? internalFilters,
-      globalFilter: globalFilter ?? internalGlobal,
-      pagination: pagination ?? internalPagination,
-      rowSelection: rowSelection ?? internalSelection,
-      columnVisibility: columnVisibilityProp ?? internalVisibility
-    },
-    onSortingChange: onSortingChange ?? setInternalSorting,
-    onColumnFiltersChange: onColumnFiltersChange ?? setInternalFilters,
-    onGlobalFilterChange: onGlobalFilterChange ?? setInternalGlobal,
-    onPaginationChange: onPaginationChange ?? setInternalPagination,
-    onRowSelectionChange: onRowSelectionChange ?? setInternalSelection,
-    onColumnVisibilityChange: onColumnVisibilityChange ?? setInternalVisibility
-  });
-  const ctx = {
-    table,
-    density,
-    setDensity,
-    loading,
-    empty,
-    onRowClick
-  };
-  return /* @__PURE__ */ jsx(DataGridContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "ui-data-table-root",
-        densityClass[density === "compact" ? "compact" : "comfortable"],
-        className
-      ),
-      children: children ?? /* @__PURE__ */ jsx(DataGrid.Content, {})
-    }
-  ) });
+import { DataGrid } from "./data-grid";
+export {
+  DataGrid
 };
-DataGrid.displayName = "DataGrid";
-DataGrid.Toolbar = function DataGridToolbar({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "row",
-      align: "center",
-      justify: "between",
-      gap: "sm",
-      wrap: true,
-      className: cn("ui-data-table-toolbar", className),
-      children
-    }
-  );
-};
-DataGrid.Toolbar.displayName = "DataGrid.Toolbar";
-DataGrid.Search = function DataGridSearch({ placeholder, className }) {
-  const { table } = useDataGrid();
-  const { t } = useTranslation();
-  const value = table.getState().globalFilter ?? "";
-  return /* @__PURE__ */ jsx(
-    SearchInput,
-    {
-      value,
-      onValueChange: (q) => table.setGlobalFilter(q),
-      onSearch: (q) => table.setGlobalFilter(q),
-      placeholder: placeholder ?? t("dataGrid.searchPlaceholder"),
-      ariaLabel: t("dataGrid.search"),
-      className
-    }
-  );
-};
-DataGrid.Search.displayName = "DataGrid.Search";
-DataGrid.ViewOptions = function DataGridViewOptions({ className }) {
-  const { table } = useDataGrid();
-  const { t } = useTranslation();
-  const hideable = table.getAllLeafColumns().filter((c) => c.getCanHide());
-  if (hideable.length === 0) return null;
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className, children: [
-      /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-      t("dataGrid.view")
-    ] }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("dataGrid.toggleColumns") }),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      hideable.map((column) => /* @__PURE__ */ jsx(
-        DropdownMenuCheckboxItem,
-        {
-          checked: column.getIsVisible(),
-          onCheckedChange: (v) => column.toggleVisibility(!!v),
-          children: columnLabel(column)
-        },
-        column.id
-      ))
-    ] })
-  ] });
-};
-DataGrid.ViewOptions.displayName = "DataGrid.ViewOptions";
-function columnLabel(column) {
-  const meta = column.columnDef.meta;
-  if (meta?.label) return meta.label;
-  if (typeof column.columnDef.header === "string") return column.columnDef.header;
-  return column.id;
-}
-DataGrid.BulkActions = function DataGridBulkActions({ children }) {
-  const { table } = useDataGrid();
-  const count = table.getSelectedRowModel().rows.length;
-  if (count === 0) return null;
-  return /* @__PURE__ */ jsx(Flex, { direction: "row", align: "center", gap: "sm", children: children(count) });
-};
-DataGrid.BulkActions.displayName = "DataGrid.BulkActions";
-DataGrid.DensityToggle = function DataGridDensityToggle() {
-  const { density, setDensity } = useDataGrid();
-  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__ */ jsxs(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      onClick: () => setDensity(next),
-      "aria-label": t("dataTable.densitySwitch", { density: nextLabel }),
-      children: [
-        /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-        density === "compact" ? t("dataTable.densityCompact") : t("dataTable.densityComfortable")
-      ]
-    }
-  );
-};
-DataGrid.DensityToggle.displayName = "DataGrid.DensityToggle";
-DataGrid.Content = function DataGridContent() {
-  const { table, loading, empty, onRowClick } = useDataGrid();
-  const { t } = useTranslation();
-  const leafCount = table.getVisibleLeafColumns().length;
-  const enableSelection = table.options.enableRowSelection;
-  const colSpan = leafCount + (enableSelection ? 1 : 0);
-  const isInteractive = (target) => !!target.closest("button, a, input, select, textarea, [role=menuitem], [role=checkbox]");
-  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: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsxs(TableRow, { children: [
-      enableSelection && /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked: table.getIsAllPageRowsSelected() ? true : table.getIsSomePageRowsSelected() ? "indeterminate" : false,
-          onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
-          "aria-label": t("dataTable.selectAll")
-        }
-      ) }),
-      hg.headers.map((header) => {
-        const canSort = header.column.getCanSort();
-        const sorted = header.column.getIsSorted();
-        return /* @__PURE__ */ jsx(
-          TableHead,
-          {
-            "aria-sort": canSort ? sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none" : void 0,
-            className: cn(canSort && "select-none"),
-            children: header.isPlaceholder ? null : canSort ? /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: "ui-data-table-sort-button focus-visible:ring-ring inline-flex items-center gap-1 rounded-sm focus-visible:ring-2",
-                onClick: header.column.getToggleSortingHandler(),
-                children: [
-                  flexRender(header.column.columnDef.header, header.getContext()),
-                  sorted === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "size-3", "aria-hidden": "true" }) : sorted === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(
-                    ChevronsUpDown,
-                    {
-                      className: "text-muted-foreground size-3",
-                      "aria-hidden": "true"
-                    }
-                  )
-                ]
-              }
-            ) : flexRender(header.column.columnDef.header, header.getContext())
-          },
-          header.id
-        );
-      })
-    ] }, hg.id)) }),
-    /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-32 text-center", "aria-live": "polite", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("dataTable.loading") }) }) }) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "ui-data-table-empty", "aria-live": "polite", children: empty ?? /* @__PURE__ */ jsx(EmptyState, { title: t("dataTable.empty") }) }) }) : table.getRowModel().rows.map((row) => {
-      const selected = row.getIsSelected();
-      return /* @__PURE__ */ jsxs(
-        TableRow,
-        {
-          "data-state": selected ? "selected" : void 0,
-          tabIndex: onRowClick ? 0 : void 0,
-          onClick: (e) => {
-            if (isInteractive(e.target)) return;
-            onRowClick?.(row.original);
-          },
-          onKeyDown: onRowClick ? (e) => {
-            if (e.key !== "Enter" && e.key !== " ") return;
-            if (e.target !== e.currentTarget) return;
-            e.preventDefault();
-            onRowClick(row.original);
-          } : void 0,
-          className: cn(
-            tableRowHeightClass,
-            onRowClick && "hover:bg-muted/50 focus-visible:ring-ring cursor-pointer focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset",
-            selected && "bg-muted/30"
-          ),
-          children: [
-            enableSelection && /* @__PURE__ */ jsx(TableCell, { className: tableCellPaddingClass, children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: selected,
-                onCheckedChange: (v) => row.toggleSelected(!!v),
-                "aria-label": t("dataTable.selectRow", { id: row.id }),
-                onClick: (e) => e.stopPropagation()
-              }
-            ) }),
-            row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: tableCellPaddingClass, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
-          ]
-        },
-        row.id
-      );
-    }) })
-  ] }) }) });
-};
-DataGrid.Content.displayName = "DataGrid.Content";
-DataGrid.Pagination = function DataGridPagination({
-  pageSizeOptions = [10, 20, 50, 100],
-  className
-}) {
-  const { table } = useDataGrid();
-  const { t } = useTranslation();
-  const { pageIndex, pageSize } = table.getState().pagination;
-  const pageCount = table.getPageCount();
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      direction: "row",
-      align: "center",
-      justify: "between",
-      gap: "md",
-      wrap: true,
-      className: cn("ui-data-table-pagination", className),
-      children: [
-        /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", gap: "sm", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("dataGrid.rowsPerPage") }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: String(pageSize),
-              onValueChange: (v) => table.setPageSize(Number(v)),
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", "aria-label": t("dataGrid.rowsPerPage"), className: "tabular-nums", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx(SelectItem, { value: String(n), className: "tabular-nums", children: n }, n)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", gap: "sm", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm tabular-nums", children: t("dataGrid.pageOf", { page: pageIndex + 1, total: Math.max(1, pageCount) }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              disabled: !table.getCanPreviousPage(),
-              onClick: () => table.previousPage(),
-              "aria-label": t("common.previous") ?? "Previous",
-              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              disabled: !table.getCanNextPage(),
-              onClick: () => table.nextPage(),
-              "aria-label": t("common.next") ?? "Next",
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-DataGrid.Pagination.displayName = "DataGrid.Pagination";
-
-export { DataGrid };

package/dist/components/feedback/alert.d.ts

@@ -1,62 +1,57 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HandlerProp, a as ClassNameProp, C as ChildrenProp } from '../../shared.prop-BvMSLFJ6.js';
-import { I as IconProp } from '../../content.prop-DrV_zDy-.js';
-import { A as AlertVariantProp, k as ToneProp } from '../../interaction.prop-DD46aTro.js';
-import * as React from 'react';
-import { e as AlertQueryErrorProp } from '../../feedback.prop-CHlHDYZK.js';
-export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, d as AlertProp, d as AlertProps, f as AlertTitleProp, f as AlertTitleProps } from '../../feedback.prop-CHlHDYZK.js';
-
+import * as React from "react";
+import type { ToneProp } from "../../props/vocabulary";
+import type { AlertQueryErrorProp } from "../../props/components/feedback.prop";
+export type { AlertProp, AlertProp as AlertProps, AlertTitleProp, AlertTitleProp as AlertTitleProps, AlertContentProp, AlertContentProp as AlertContentProps, AlertDescriptionProp, AlertDescriptionProp as AlertDescriptionProps, AlertActionsProp, AlertActionsProp as AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, } from "../../props/components/feedback.prop";
 declare const AlertBase: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: AlertVariantProp;
+    variant?: import("../../props").AlertVariantProp;
     tone?: ToneProp;
-    icon?: IconProp | false;
-    onDismiss?: HandlerProp;
-    className?: ClassNameProp;
-    children?: ChildrenProp;
+    icon?: import("../../props").IconProp | false;
+    onDismiss?: import("../../props").HandlerProp;
+    className?: import("../../props").ClassNameProp;
+    children?: import("../../props").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-    className?: ClassNameProp;
-    children?: ChildrenProp;
+export declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+    className?: import("../../props").ClassNameProp;
+    children?: import("../../props").ChildrenProp;
 } & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    className?: ClassNameProp;
-    children?: ChildrenProp;
+export declare const AlertContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    className?: import("../../props").ClassNameProp;
+    children?: import("../../props").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-    className?: ClassNameProp;
-    children?: ChildrenProp;
+export declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+    className?: import("../../props").ClassNameProp;
+    children?: import("../../props").ChildrenProp;
 } & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    className?: ClassNameProp;
-    children?: ChildrenProp;
+export declare const AlertActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    className?: import("../../props").ClassNameProp;
+    children?: import("../../props").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>>;
 /** TanStack Query / API failure preset — same visual as `Alert tone="destructive"`. Used by `DataState` (@godxjp/ui/query). */
-declare function AlertQueryError({ error, onRetry, className }: AlertQueryErrorProp): react_jsx_runtime.JSX.Element;
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: AlertVariantProp;
+export declare function AlertQueryError({ error, onRetry, className }: AlertQueryErrorProp): import("react/jsx-runtime").JSX.Element;
+export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    variant?: import("../../props").AlertVariantProp;
     tone?: ToneProp;
-    icon?: IconProp | false;
-    onDismiss?: HandlerProp;
-    className?: ClassNameProp;
-    children?: ChildrenProp;
+    icon?: import("../../props").IconProp | false;
+    onDismiss?: import("../../props").HandlerProp;
+    className?: import("../../props").ClassNameProp;
+    children?: import("../../props").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>> & {
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: ClassNameProp;
-        children?: ChildrenProp;
+        className?: import("../../props").ClassNameProp;
+        children?: import("../../props").ChildrenProp;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: ClassNameProp;
-        children?: ChildrenProp;
+        className?: import("../../props").ClassNameProp;
+        children?: import("../../props").ChildrenProp;
     } & React.RefAttributes<HTMLDivElement>>;
     Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: ClassNameProp;
-        children?: ChildrenProp;
+        className?: import("../../props").ClassNameProp;
+        children?: import("../../props").ChildrenProp;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: ClassNameProp;
-        children?: ChildrenProp;
+        className?: import("../../props").ClassNameProp;
+        children?: import("../../props").ChildrenProp;
     } & React.RefAttributes<HTMLDivElement>>;
     QueryError: typeof AlertQueryError;
 };
-
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, AlertTitle };
+export { AlertBase };

package/dist/components/feedback/alert.js

@@ -1,7 +1,127 @@
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-D4JX6O2W.js';
-import '../../chunk-X6AJ5HEI.js';
-import '../../chunk-INIIF7F7.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  AlertCircle,
+  CheckCircle2,
+  Info,
+  RefreshCw,
+  TriangleAlert,
+  X
+} from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { humanError } from "../../lib/format";
+import { cn } from "../../lib/utils";
+import { Flex } from "../layout/flex";
+import { Button } from "../general/button";
+const AlertContext = React.createContext("default");
+const ASSERTIVE_TONES = /* @__PURE__ */ new Set(["destructive", "warning"]);
+const DEFAULT_ICONS = {
+  default: Info,
+  destructive: AlertCircle,
+  warning: TriangleAlert,
+  success: CheckCircle2,
+  info: Info,
+  muted: Info,
+  neutral: Info
+};
+const AlertBase = React.forwardRef(
+  ({ variant = "default", tone = "default", icon, onDismiss, className, children, ...props }, ref) => {
+    const { t } = useTranslation();
+    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[tone];
+    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: tone, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: ASSERTIVE_TONES.has(tone) ? "alert" : "status",
+        "data-slot": "alert",
+        "data-variant": variant,
+        "data-tone": tone,
+        "data-dismissible": onDismiss ? "" : void 0,
+        className,
+        ...props,
+        children: [
+          IconComponent && /* @__PURE__ */ jsx(IconComponent, { "data-slot": "alert-icon", "data-tone": tone, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("div", { "data-slot": "alert-body", children }),
+          onDismiss && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                void onDismiss();
+              },
+              "data-slot": "alert-dismiss",
+              className: "ring-offset-background focus-visible:ring-ring transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+              "aria-label": t("feedback.alert.dismiss"),
+              children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+AlertBase.displayName = "Alert";
+const AlertTitle = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const tone = React.useContext(AlertContext);
+    return /* @__PURE__ */ jsx("p", { ref, "data-slot": "alert-title", "data-tone": tone, className, ...props });
+  }
+);
+AlertTitle.displayName = "AlertTitle";
+const AlertContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "alert-content",
+      className: cn("min-w-0 flex-1", className),
+      ...props
+    }
+  )
+);
+AlertContent.displayName = "AlertContent";
+const AlertDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, "data-slot": "alert-description", className, ...props })
+);
+AlertDescription.displayName = "AlertDescription";
+const AlertActions = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "alert-actions", className, ...props })
+);
+AlertActions.displayName = "AlertActions";
+function AlertQueryError({ error, onRetry, className }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Alert, { tone: "destructive", className, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: t("common.error") }),
+    /* @__PURE__ */ jsx(AlertDescription, { children: humanError(error) }),
+    onRetry && /* @__PURE__ */ jsx(AlertActions, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          void onRetry();
+        },
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "row", wrap: true, align: "center", gap: "xs", children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: "size-4", "aria-hidden": "true" }),
+          t("common.retry")
+        ] })
+      }
+    ) })
+  ] });
+}
+const Alert = Object.assign(AlertBase, {
+  Title: AlertTitle,
+  Content: AlertContent,
+  Description: AlertDescription,
+  Actions: AlertActions,
+  QueryError: AlertQueryError
+});
+export {
+  Alert,
+  AlertActions,
+  AlertBase,
+  AlertContent,
+  AlertDescription,
+  AlertQueryError,
+  AlertTitle
+};