@arqel-dev/ui 0.13.0 → 0.15.0

package/dist/{chunk-PXON56HL.js.map → chunk-BJER6TOI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pages/ArqelDashboardPage.tsx"],"names":[],"mappings":";;;;AA0Be,SAAR,kBAAA,GAAmD;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,SAAiC,CAAE,KAAA;AAEvE,EAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,KAAA,KAAyB;AACjE,IAAA,MAAM,OAAA,GAAU,gBAAgB,EAAC;AACjC,IAAA,MAAM,IAAA,GAAgC,EAAE,GAAG,OAAA,EAAQ;AACnD,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,KAAK,IAAI,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,IACf;AAEA,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,IAAA,IAAQ,CAAA,kBAAA,EAAqB,UAAU,EAAE,CAAA,CAAA;AAChE,IAAA,MAAM,MAAA,GAAU,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,EAAC;AAEpE,IAAA,MAAA,CAAO,GAAA,CAAI,MAAM,MAAA,EAAQ;AAAA,MACvB,aAAA,EAAe,IAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,cAAA,EAAgB;AAAA;AAAA,GAClB;AAEJ","file":"chunk-PXON56HL.js","sourcesContent":["/**\n * Default Inertia page for `arqel::dashboard`.\n *\n * Bridges the Inertia payload emitted by\n * `Arqel\\Widgets\\Http\\Controllers\\DashboardController::show` into the\n * existing `<DashboardGrid>` component. The grid already handles the\n * heading/description chrome, the filter bar and the responsive\n * widget grid (column spans, polling, deferred fetch), so this page\n * only owns one piece of glue: lifting filter state up into the URL\n * so deep-link refreshes rehydrate cleanly.\n *\n * Filter changes navigate via `router.get(path, { filters: ... })`,\n * matching `DashboardController::show` which reads\n * `$request->input('filters', [])` and forwards it as `filterValues`.\n */\n\nimport { router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { DashboardGrid, type DashboardPayload } from '../widgets/index.js';\n\ninterface ArqelDashboardPageProps {\n  dashboard: DashboardPayload;\n  filterValues?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport default function ArqelDashboardPage(): JSX.Element {\n  const { dashboard, filterValues } = usePage<ArqelDashboardPageProps>().props;\n\n  const handleFilterChange = (name: string, value: unknown): void => {\n    const current = filterValues ?? {};\n    const next: Record<string, unknown> = { ...current };\n    if (value === undefined || value === null || value === '') {\n      delete next[name];\n    } else {\n      next[name] = value;\n    }\n\n    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;\n    const params = (Object.keys(next).length > 0 ? { filters: next } : {}) as never;\n\n    router.get(path, params, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  return (\n    <DashboardGrid\n      dashboard={dashboard}\n      filterValues={filterValues ?? {}}\n      onFilterChange={handleFilterChange}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/pages/ArqelDashboardPage.tsx"],"names":[],"mappings":";;;;AA0Be,SAAR,kBAAA,GAAmD;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,SAAiC,CAAE,KAAA;AAEvE,EAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,KAAA,KAAyB;AACjE,IAAA,MAAM,OAAA,GAAU,gBAAgB,EAAC;AACjC,IAAA,MAAM,IAAA,GAAgC,EAAE,GAAG,OAAA,EAAQ;AACnD,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,KAAK,IAAI,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,IACf;AAEA,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,IAAA,IAAQ,CAAA,kBAAA,EAAqB,UAAU,EAAE,CAAA,CAAA;AAChE,IAAA,MAAM,MAAA,GAAU,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,EAAC;AAEpE,IAAA,MAAA,CAAO,GAAA,CAAI,MAAM,MAAA,EAAQ;AAAA,MACvB,aAAA,EAAe,IAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,cAAA,EAAgB;AAAA;AAAA,GAClB;AAEJ","file":"chunk-BJER6TOI.js","sourcesContent":["/**\n * Default Inertia page for `arqel::dashboard`.\n *\n * Bridges the Inertia payload emitted by\n * `Arqel\\Widgets\\Http\\Controllers\\DashboardController::show` into the\n * existing `<DashboardGrid>` component. The grid already handles the\n * heading/description chrome, the filter bar and the responsive\n * widget grid (column spans, polling, deferred fetch), so this page\n * only owns one piece of glue: lifting filter state up into the URL\n * so deep-link refreshes rehydrate cleanly.\n *\n * Filter changes navigate via `router.get(path, { filters: ... })`,\n * matching `DashboardController::show` which reads\n * `$request->input('filters', [])` and forwards it as `filterValues`.\n */\n\nimport { router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { DashboardGrid, type DashboardPayload } from '../widgets/index.js';\n\ninterface ArqelDashboardPageProps {\n  dashboard: DashboardPayload;\n  filterValues?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport default function ArqelDashboardPage(): JSX.Element {\n  const { dashboard, filterValues } = usePage<ArqelDashboardPageProps>().props;\n\n  const handleFilterChange = (name: string, value: unknown): void => {\n    const current = filterValues ?? {};\n    const next: Record<string, unknown> = { ...current };\n    if (value === undefined || value === null || value === '') {\n      delete next[name];\n    } else {\n      next[name] = value;\n    }\n\n    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;\n    const params = (Object.keys(next).length > 0 ? { filters: next } : {}) as never;\n\n    router.get(path, params, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  return (\n    <DashboardGrid\n      dashboard={dashboard}\n      filterValues={filterValues ?? {}}\n      onFilterChange={handleFilterChange}\n    />\n  );\n}\n"]}

package/dist/{chunk-2LTZJ4R7.js → chunk-CVAMCRLL.js}

@@ -1,5 +1,6 @@
-import { TableToolbar, TableFilters, DataTable, TablePagination } from './chunk-PZEVKMZX.js';
+import { TableToolbar, TableFilters, DataTable, TablePagination } from './chunk-AZICSFBA.js';
 import { cn } from './chunk-B7ULUJVO.js';
+import { useArqelTranslations } from '@arqel-dev/react/utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function ResourceIndex({
@@ -27,18 +28,19 @@ function ResourceIndex({
   loading = false,
   className
 }) {
+  const t = useArqelTranslations();
   const enableSelection = Boolean(onSelectionChange);
   const renderSearch = () => {
     if (searchSlot) return searchSlot;
     if (!onSearchChange) return null;
     return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-      "Search",
+      t("table.search.label", "Search"),
       /* @__PURE__ */ jsx(
         "input",
         {
           type: "search",
           placeholder: `Search ${resource.pluralLabel.toLowerCase()}\u2026`,
-          className: "h-9 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "h-11 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring md:h-9",
           value: search ?? "",
           onChange: (e) => onSearchChange(e.target.value)
         }
@@ -52,7 +54,10 @@ function ResourceIndex({
   return /* @__PURE__ */ jsxs(
     "section",
     {
-      className: cn("flex flex-col rounded-md border border-border bg-background", className),
+      className: cn(
+        "flex min-w-0 flex-col rounded-md border border-border bg-background",
+        className
+      ),
       "aria-label": resource.pluralLabel,
       children: [
         /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center gap-3 border-b border-border px-4 py-3", children: [
@@ -106,5 +111,5 @@ function ResourceIndex({
 }
 
 export { ResourceIndex };
-//# sourceMappingURL=chunk-2LTZJ4R7.js.map
-//# sourceMappingURL=chunk-2LTZJ4R7.js.map
+//# sourceMappingURL=chunk-CVAMCRLL.js.map
+//# sourceMappingURL=chunk-CVAMCRLL.js.map

package/dist/chunk-CVAMCRLL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/resource/ResourceIndex.tsx"],"names":[],"mappings":"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","file":"chunk-CVAMCRLL.js","sourcesContent":["/**\n * `<ResourceIndex>` — page-level wrapper for index/listing routes.\n *\n * Wires `ResourceIndexProps` (server payload) into the table stack:\n *   header (title + toolbar actions + create button)\n *   → TableToolbar (search + filters + bulk bar)\n *   → DataTable (with selection, sorting, row actions)\n *   → TablePagination\n *\n * The component is presentational — selection / sort / page transitions\n * are lifted to props so the same shell can be reused by ResourceIndex\n * (Inertia-driven) and dashboard widgets (memory-driven).\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { RecordType, ResourceIndexProps as ServerProps } from '@arqel-dev/types/resources';\nimport type { SortDirection, TableSort } from '@arqel-dev/types/tables';\nimport type { ReactNode } from 'react';\nimport { DataTable } from '../table/DataTable.js';\nimport { TableFilters } from '../table/TableFilters.js';\nimport { TablePagination } from '../table/TablePagination.js';\nimport { TableToolbar } from '../table/TableToolbar.js';\nimport { cn } from '../utils/cn.js';\n\ntype RowId = string | number;\n\nexport interface ResourceIndexUIProps<TRecord extends RecordType = RecordType>\n  extends ServerProps<TRecord> {\n  selectedIds?: ReadonlyArray<RowId>;\n  onSelectionChange?: (ids: RowId[]) => void;\n  onSortChange?: (column: string, direction: SortDirection) => void;\n  onPageChange?: (page: number) => void;\n  onPerPageChange?: (perPage: number) => void;\n  onSearchChange?: (search: string) => void;\n  onFilterChange?: (name: string, value: unknown) => void;\n  onClearFilters?: () => void;\n\n  filterValues?: Record<string, unknown>;\n\n  searchSlot?: ReactNode;\n  toolbarActions?: ReactNode;\n  rowActions?: (record: TRecord) => ReactNode;\n  bulkActions?: ReactNode;\n  emptyState?: ReactNode;\n\n  loading?: boolean;\n  className?: string;\n}\n\nexport function ResourceIndex<TRecord extends RecordType = RecordType>({\n  resource,\n  records,\n  pagination,\n  columns,\n  filters,\n  search,\n  sort,\n  selectedIds = [],\n  filterValues = {},\n  onSelectionChange,\n  onSortChange,\n  onPageChange,\n  onPerPageChange,\n  onSearchChange,\n  onFilterChange,\n  onClearFilters,\n  searchSlot,\n  toolbarActions,\n  rowActions,\n  bulkActions,\n  emptyState,\n  loading = false,\n  className,\n}: ResourceIndexUIProps<TRecord>) {\n  const t = useArqelTranslations();\n  const enableSelection = Boolean(onSelectionChange);\n\n  const renderSearch = (): ReactNode => {\n    if (searchSlot) return searchSlot;\n    if (!onSearchChange) return null;\n    return (\n      <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n        {t('table.search.label', 'Search')}\n        <input\n          type=\"search\"\n          placeholder={`Search ${resource.pluralLabel.toLowerCase()}…`}\n          // 44px touch target on mobile (WCAG 2.5.5); dense 36px on >=md.\n          className=\"h-11 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring md:h-9\"\n          value={search ?? ''}\n          onChange={(e) => onSearchChange(e.target.value)}\n        />\n      </label>\n    );\n  };\n\n  const normalisedSort: TableSort | null = sort?.column\n    ? {\n        column: sort.column,\n        direction: sort.direction === 'desc' ? 'desc' : 'asc',\n      }\n    : null;\n\n  return (\n    <section\n      className={cn(\n        'flex min-w-0 flex-col rounded-md border border-border bg-background',\n        className,\n      )}\n      aria-label={resource.pluralLabel}\n    >\n      <header className=\"flex flex-wrap items-center gap-3 border-b border-border px-4 py-3\">\n        <h1 className=\"text-lg font-semibold\">{resource.pluralLabel}</h1>\n        <div className=\"ml-auto flex flex-wrap items-center gap-2\">{toolbarActions}</div>\n      </header>\n\n      <TableToolbar\n        search={renderSearch()}\n        filters={\n          filters.length > 0 ? (\n            <TableFilters\n              filters={filters}\n              values={filterValues}\n              onChange={(name, value) => onFilterChange?.(name, value)}\n              onClearAll={onClearFilters}\n            />\n          ) : null\n        }\n        selectedCount={selectedIds.length}\n        bulkActions={bulkActions}\n        onClearSelection={onSelectionChange ? () => onSelectionChange([]) : undefined}\n      />\n\n      <DataTable\n        columns={columns}\n        records={records as unknown as Array<{ id: RowId } & TRecord>}\n        enableSelection={enableSelection}\n        selectedIds={selectedIds}\n        onSelectionChange={onSelectionChange}\n        sort={normalisedSort}\n        onSortChange={onSortChange}\n        rowActions={rowActions ? (record) => rowActions(record as TRecord) : undefined}\n        loading={loading}\n        emptyState={emptyState}\n      />\n\n      {pagination && (\n        <TablePagination\n          meta={pagination}\n          onPageChange={(page) => onPageChange?.(page)}\n          onPerPageChange={onPerPageChange}\n        />\n      )}\n    </section>\n  );\n}\n"]}

package/dist/{chunk-TNJEHYRF.js → chunk-FP5R6WED.js}

@@ -1,12 +1,13 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-EYAUPJ6J.js';
-import { FormActions } from './chunk-MTZJDFQ6.js';
-import { FormRenderer } from './chunk-MSRTGCTJ.js';
-import { Button } from './chunk-FHRQ7PWE.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Sheet, SheetContent, SheetHeader, SheetTitle } from './chunk-3HN4ARGG.js';
+import { FormActions } from './chunk-MZMYV43C.js';
+import { FormRenderer } from './chunk-ZAM5TUPP.js';
+import { Button } from './chunk-H23VX3RR.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useState, useMemo, useEffect } from 'react';
 import { XIcon } from 'lucide-react';
 import { Dialog as Dialog$1 } from 'radix-ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useArqelTranslations } from '@arqel-dev/react/utils';
 
 function Dialog({
   ...props
@@ -212,6 +213,7 @@ function ConfirmDialog({
   onConfirm,
   processing = false
 }) {
+  const t = useArqelTranslations();
   const [typed, setTyped] = useState("");
   useEffect(() => {
     if (!open) setTyped("");
@@ -219,11 +221,11 @@ function ConfirmDialog({
   const requiresText = config?.requiresText;
   const submitDisabled = processing || requiresText !== void 0 && typed !== requiresText;
   const variant = COLOR_VARIANT[config?.color ?? "destructive"];
-  const submitLabel = config?.submitLabel ?? (config?.color === "info" ? "Confirm" : "Delete");
-  const cancelLabel = config?.cancelLabel ?? "Cancel";
+  const submitLabel = config?.submitLabel ?? (config?.color === "info" ? t("arqel.actions.confirm", "Confirm") : t("arqel.actions.delete", "Delete"));
+  const cancelLabel = config?.cancelLabel ?? t("arqel.actions.cancel", "Cancel");
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => onOpenChange(next), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[28rem]", showCloseButton: false, children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: config?.heading ?? "Are you sure?" }),
+      /* @__PURE__ */ jsx(DialogTitle, { children: config?.heading ?? t("arqel.messages.delete_confirm", "Are you sure?") }),
       config?.description && /* @__PURE__ */ jsx(DialogDescription, { children: config.description })
     ] }),
     requiresText !== void 0 && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
@@ -251,7 +253,7 @@ function ConfirmDialog({
     ] }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", disabled: processing, children: cancelLabel }) }),
-      /* @__PURE__ */ jsx(Button, { type: "button", variant, disabled: submitDisabled, onClick: onConfirm, children: processing ? "Working\u2026" : submitLabel })
+      /* @__PURE__ */ jsx(Button, { type: "button", variant, disabled: submitDisabled, onClick: onConfirm, children: processing ? t("form.saving", "Working\u2026") : submitLabel })
     ] })
   ] }) });
 }
@@ -341,6 +343,9 @@ function ActionButton({
     )
   ] });
 }
+function actionHasForm(action) {
+  return Array.isArray(action.form) && action.form.length > 0;
+}
 function ActionMenu({
   actions,
   formFieldsByAction = {},
@@ -350,6 +355,9 @@ function ActionMenu({
   trigger,
   className
 }) {
+  const [confirmAction, setConfirmAction] = useState(null);
+  const [formAction, setFormAction] = useState(null);
+  const [sheetOpen, setSheetOpen] = useState(false);
   if (actions.length === 0) return null;
   if (actions.length <= inlineThreshold) {
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-1", className), children: actions.map((action) => /* @__PURE__ */ jsx(
@@ -359,29 +367,127 @@ function ActionMenu({
         formFields: formFieldsByAction[action.name],
         onInvoke: (values) => onInvoke(action, values),
         processing,
-        size: "sm"
+        size: "sm",
+        className: "h-11 md:h-8"
       },
       action.name
     )) });
   }
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Actions", children: "\u22EF" }) }),
-    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", sideOffset: 6, className: cn("min-w-[12rem]", className), children: actions.map((action) => /* @__PURE__ */ jsx(
-      DropdownMenuItem,
+  const handleSelect = (action) => {
+    if (action.disabled) return;
+    if (action.requiresConfirmation) {
+      setConfirmAction(action);
+    } else if (actionHasForm(action)) {
+      setFormAction(action);
+    } else {
+      onInvoke(action);
+    }
+  };
+  const handleConfirm = () => {
+    const action = confirmAction;
+    setConfirmAction(null);
+    if (!action) return;
+    if (actionHasForm(action)) {
+      setFormAction(action);
+    } else {
+      onInvoke(action);
+    }
+  };
+  const triggerNode = trigger ?? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-touch", "aria-label": "Actions", children: "\u22EF" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { "data-arqel-action-dropdown": "", className: "hidden md:contents", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: triggerNode }),
+      /* @__PURE__ */ jsx(
+        DropdownMenuContent,
+        {
+          align: "end",
+          sideOffset: 6,
+          className: cn("min-w-[12rem]", className),
+          children: actions.map((action) => /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              disabled: action.disabled === true,
+              variant: action.color === "destructive" ? "destructive" : "default",
+              onSelect: () => handleSelect(action),
+              children: action.label
+            },
+            action.name
+          ))
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Actions",
+          className: "inline-flex size-11 items-center justify-center rounded-md text-lg hover:bg-accent",
+          onClick: () => setSheetOpen(true),
+          children: "\u22EF"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        SheetContent,
+        {
+          side: "bottom",
+          className: "max-h-[80vh] gap-0 overflow-y-auto pb-[env(safe-area-inset-bottom)]",
+          children: [
+            /* @__PURE__ */ jsx(SheetHeader, { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsx(SheetTitle, { children: "Actions" }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col px-2 pb-2", children: actions.map((action) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-arqel-sheet-action": "",
+                disabled: action.disabled === true,
+                className: cn(
+                  "flex min-h-11 w-full items-center rounded-md px-3 text-left text-sm hover:bg-accent disabled:pointer-events-none disabled:opacity-50",
+                  action.color === "destructive" && "text-destructive"
+                ),
+                onClick: () => {
+                  setSheetOpen(false);
+                  handleSelect(action);
+                },
+                children: action.label
+              },
+              action.name
+            )) })
+          ]
+        }
+      )
+    ] }) }),
+    confirmAction && /* @__PURE__ */ jsx(
+      ConfirmDialog,
       {
-        disabled: action.disabled === true,
-        variant: action.color === "destructive" ? "destructive" : "default",
-        onSelect: () => {
-          if (action.disabled) return;
-          onInvoke(action);
+        open: true,
+        onOpenChange: (next) => {
+          if (!next) setConfirmAction(null);
         },
-        children: action.label
-      },
-      action.name
-    )) })
+        config: confirmAction.confirmation,
+        onConfirm: handleConfirm,
+        processing
+      }
+    ),
+    formAction && /* @__PURE__ */ jsx(
+      ActionFormModal,
+      {
+        open: true,
+        onOpenChange: (next) => {
+          if (!next) setFormAction(null);
+        },
+        action: formAction,
+        fields: formFieldsByAction[formAction.name] ?? formAction.formFields ?? [],
+        onSubmit: (values) => {
+          const action = formAction;
+          setFormAction(null);
+          onInvoke(action, values);
+        },
+        processing
+      }
+    )
   ] });
 }
 
 export { ActionButton, ActionFormModal, ActionMenu, ConfirmDialog };
-//# sourceMappingURL=chunk-TNJEHYRF.js.map
-//# sourceMappingURL=chunk-TNJEHYRF.js.map
+//# sourceMappingURL=chunk-FP5R6WED.js.map
+//# sourceMappingURL=chunk-FP5R6WED.js.map

package/dist/chunk-FP5R6WED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shadcn/ui/dialog.tsx","../src/action/ActionFormModal.tsx","../src/action/ConfirmDialog.tsx","../src/action/ActionButton.tsx","../src/action/ActionMenu.tsx"],"names":["DialogPrimitive","jsx","jsxs","useState","Fragment"],"mappings":"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","file":"chunk-FP5R6WED.js","sourcesContent":["import * as React from \"react\"\nimport { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Button } from \"@/shadcn/ui/button\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none 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 sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","/**\n * `<ActionFormModal>` — modal hosting a `<FormRenderer>` for an Action's\n * companion form (see `arqel-dev/actions` `HasForm`).\n *\n * Action form fields are a flat list — Action FormSchema is built\n * inline from the `ActionFormField[]` since layout components don't\n * apply at this scale. Submit fires `onSubmit(values)`; the parent\n * (typically `useAction`) handles invocation + loading.\n */\n\nimport type { ActionSchema, ModalSize } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport type { FormSchema } from '@arqel-dev/types/forms';\nimport { useMemo, useState } from 'react';\nimport { FormActions } from '../form/FormActions.js';\nimport { FormRenderer } from '../form/FormRenderer.js';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '../shadcn/ui/dialog.js';\nimport { cn } from '../utils/cn.js';\nimport { Button } from './Button.js';\n\nexport interface ActionFormModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  action: ActionSchema;\n  fields: FieldSchema[];\n  onSubmit: (values: Record<string, unknown>) => void;\n  processing?: boolean;\n  errors?: Record<string, string[]> | undefined;\n  initialValues?: Record<string, unknown>;\n}\n\nconst SIZE_CLASSES: Record<ModalSize, string> = {\n  sm: 'sm:max-w-[24rem]',\n  md: 'sm:max-w-[32rem]',\n  lg: 'sm:max-w-[44rem]',\n  xl: 'sm:max-w-[56rem]',\n  full: 'sm:max-w-[90vw] h-[90vh]',\n};\n\nexport function ActionFormModal({\n  open,\n  onOpenChange,\n  action,\n  fields,\n  onSubmit,\n  processing = false,\n  errors = {},\n  initialValues = {},\n}: ActionFormModalProps) {\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const size = action.modalSize ?? 'md';\n\n  const schema: FormSchema = useMemo(\n    () => ({\n      schema: (action.form ?? []).map((entry) => ({\n        kind: 'field' as const,\n        name: entry.name,\n        type: entry.type,\n      })),\n      columns: 1,\n      model: null,\n      inline: false,\n      disabled: false,\n    }),\n    [action.form],\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => onOpenChange(next)}>\n      <DialogContent className={cn('overflow-auto', SIZE_CLASSES[size])}>\n        <DialogHeader>\n          <DialogTitle>{action.label}</DialogTitle>\n        </DialogHeader>\n        <form\n          className=\"flex flex-col gap-4\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            onSubmit(values);\n          }}\n        >\n          <FormRenderer\n            schema={schema}\n            fields={fields}\n            values={values}\n            errors={errors}\n            onChange={(name, value) => setValues((prev) => ({ ...prev, [name]: value }))}\n            disabled={processing}\n          />\n          <FormActions\n            processing={processing}\n            submitLabel={action.label}\n            extra={\n              <DialogClose asChild>\n                <Button type=\"button\" variant=\"ghost\" disabled={processing}>\n                  Cancel\n                </Button>\n              </DialogClose>\n            }\n          />\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","/**\n * `<ConfirmDialog>` — confirmation modal driven by the shadcn (Radix) Dialog.\n *\n * Phase 1 supports the canonical `ConfirmationConfig`:\n *  - heading / description\n *  - color (destructive | warning | info) — drives submit button variant\n *  - submit / cancel labels\n *  - \"type to confirm\" via `requiresText` (submit stays disabled until\n *    the typed value matches exactly)\n *\n * Keyboard: Escape cancels (Radix built-in dismiss); Enter inside the\n * type-to-confirm input fires confirm when the value matches.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ConfirmationConfig } from '@arqel-dev/types/actions';\nimport { useEffect, useState } from 'react';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../shadcn/ui/dialog.js';\nimport { Button, type ButtonProps } from './Button.js';\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  config?: ConfirmationConfig | undefined;\n  onConfirm: () => void;\n  processing?: boolean;\n}\n\nconst COLOR_VARIANT: Record<NonNullable<ConfirmationConfig['color']>, ButtonProps['variant']> = {\n  destructive: 'destructive',\n  warning: 'default',\n  info: 'default',\n};\n\nexport function ConfirmDialog({\n  open,\n  onOpenChange,\n  config,\n  onConfirm,\n  processing = false,\n}: ConfirmDialogProps) {\n  const t = useArqelTranslations();\n  const [typed, setTyped] = useState('');\n\n  useEffect(() => {\n    if (!open) setTyped('');\n  }, [open]);\n\n  const requiresText = config?.requiresText;\n  const submitDisabled = processing || (requiresText !== undefined && typed !== requiresText);\n  const variant = COLOR_VARIANT[config?.color ?? 'destructive'];\n  // Precedence: explicit config > shared translation > English fallback.\n  const submitLabel =\n    config?.submitLabel ??\n    (config?.color === 'info'\n      ? t('arqel.actions.confirm', 'Confirm')\n      : t('arqel.actions.delete', 'Delete'));\n  const cancelLabel = config?.cancelLabel ?? t('arqel.actions.cancel', 'Cancel');\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => onOpenChange(next)}>\n      <DialogContent className=\"sm:max-w-[28rem]\" showCloseButton={false}>\n        <DialogHeader>\n          <DialogTitle>\n            {config?.heading ?? t('arqel.messages.delete_confirm', 'Are you sure?')}\n          </DialogTitle>\n          {config?.description && <DialogDescription>{config.description}</DialogDescription>}\n        </DialogHeader>\n        {requiresText !== undefined && (\n          <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n            <span>\n              Type <code className=\"font-mono text-foreground\">{requiresText}</code> to confirm\n            </span>\n            <input\n              type=\"text\"\n              ref={(el) => el?.focus()}\n              value={typed}\n              onChange={(e) => setTyped(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' && !submitDisabled) {\n                  e.preventDefault();\n                  onConfirm();\n                }\n              }}\n              className=\"h-9 rounded-md border border-input bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            />\n          </label>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button type=\"button\" variant=\"ghost\" disabled={processing}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button type=\"button\" variant={variant} disabled={submitDisabled} onClick={onConfirm}>\n            {processing ? t('form.saving', 'Working…') : submitLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","/**\n * `<ActionButton>` — renders an `ActionSchema` as a button.\n *\n * Behaviour matrix:\n *   - `requiresConfirmation` only → opens ConfirmDialog\n *   - `form` only                  → opens ActionFormModal\n *   - both                         → ConfirmDialog first, then form\n *   - neither                      → fires `onInvoke` immediately\n *\n * `onInvoke` receives optional form data so parents (typically using\n * `useAction()` from @arqel-dev/hooks) can dispatch the underlying request.\n */\n\nimport type { ActionColor, ActionSchema, ActionVariant } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { useState } from 'react';\nimport { ActionFormModal } from './ActionFormModal.js';\nimport { Button, type ButtonProps } from './Button.js';\nimport { ConfirmDialog } from './ConfirmDialog.js';\n\nexport interface ActionButtonProps {\n  action: ActionSchema;\n  /**\n   * Field schemas for the form modal (resolved server-side from\n   * `Action::form` via `FieldSchemaSerializer`). Optional override — when\n   * omitted the component reads `action.formFields`, the canonical payload\n   * shipped by `Action::toArray()` (#213).\n   */\n  formFields?: FieldSchema[] | undefined;\n  onInvoke: (formValues?: Record<string, unknown>) => void;\n  processing?: boolean;\n  errors?: Record<string, string[]>;\n  size?: ButtonProps['size'];\n  className?: string;\n}\n\nconst COLOR_TO_VARIANT: Record<ActionColor, ButtonProps['variant']> = {\n  primary: 'default',\n  secondary: 'outline',\n  destructive: 'destructive',\n  success: 'default',\n  warning: 'default',\n  info: 'default',\n};\n\nconst VARIANT_OVERRIDE: Partial<Record<ActionVariant, ButtonProps['variant']>> = {\n  default: 'default',\n  outline: 'outline',\n  ghost: 'ghost',\n  destructive: 'destructive',\n};\n\nexport function ActionButton({\n  action,\n  formFields,\n  onInvoke,\n  processing = false,\n  errors,\n  size = 'default',\n  className,\n}: ActionButtonProps) {\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [formOpen, setFormOpen] = useState(false);\n\n  // Prefer an explicit prop; otherwise read the schema shipped by\n  // `Action::toArray()` so the modal renders real inputs (#213).\n  const resolvedFormFields = formFields ?? action.formFields ?? [];\n\n  const variant: ButtonProps['variant'] =\n    VARIANT_OVERRIDE[action.variant] ?? COLOR_TO_VARIANT[action.color];\n\n  const handleClick = () => {\n    if (action.disabled) return;\n    if (action.requiresConfirmation) {\n      setConfirmOpen(true);\n    } else if (action.form && action.form.length > 0) {\n      setFormOpen(true);\n    } else {\n      onInvoke();\n    }\n  };\n\n  const handleConfirm = () => {\n    setConfirmOpen(false);\n    if (action.form && action.form.length > 0) {\n      setFormOpen(true);\n    } else {\n      onInvoke();\n    }\n  };\n\n  const handleFormSubmit = (values: Record<string, unknown>) => {\n    onInvoke(values);\n    setFormOpen(false);\n  };\n\n  return (\n    <>\n      <Button\n        variant={variant}\n        size={size}\n        disabled={action.disabled === true || processing}\n        title={action.tooltip}\n        onClick={handleClick}\n        className={className}\n      >\n        {action.label}\n      </Button>\n      {action.requiresConfirmation && (\n        <ConfirmDialog\n          open={confirmOpen}\n          onOpenChange={setConfirmOpen}\n          config={action.confirmation}\n          onConfirm={handleConfirm}\n          processing={processing}\n        />\n      )}\n      {action.form && action.form.length > 0 && (\n        <ActionFormModal\n          open={formOpen}\n          onOpenChange={setFormOpen}\n          action={action}\n          fields={resolvedFormFields}\n          onSubmit={handleFormSubmit}\n          processing={processing}\n          errors={errors}\n        />\n      )}\n    </>\n  );\n}\n","/**\n * `<ActionMenu>` — renders a list of actions inline (≤ `inlineThreshold`)\n * or collapses them into a shadcn (Radix) dropdown menu when the list grows.\n *\n * Each menu item delegates to `<ActionButton>` so confirmation /\n * form-modal behaviour is consistent across surfaces. The dropdown\n * trigger is rendered as a ghost icon button by default; callers can\n * supply a custom `trigger` slot.\n */\n\nimport type { ActionSchema } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { type ReactNode, useState } from 'react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../shadcn/ui/dropdown-menu.js';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../shadcn/ui/sheet.js';\nimport { cn } from '../utils/cn.js';\nimport { ActionButton } from './ActionButton.js';\nimport { ActionFormModal } from './ActionFormModal.js';\nimport { Button } from './Button.js';\nimport { ConfirmDialog } from './ConfirmDialog.js';\n\n/** Does this action need a gate (confirm/form) before invoking? */\nfunction actionHasForm(action: ActionSchema): boolean {\n  return Array.isArray(action.form) && action.form.length > 0;\n}\n\nexport interface ActionMenuProps {\n  actions: ActionSchema[];\n  /**\n   * Optional per-action override map keyed by action name. When an action\n   * is absent here, `<ActionButton>` falls back to the action's own\n   * `formFields` payload shipped by `Action::toArray()` (#213).\n   */\n  formFieldsByAction?: Record<string, FieldSchema[]>;\n  onInvoke: (action: ActionSchema, formValues?: Record<string, unknown>) => void;\n  inlineThreshold?: number;\n  processing?: boolean;\n  trigger?: ReactNode;\n  className?: string;\n}\n\nexport function ActionMenu({\n  actions,\n  formFieldsByAction = {},\n  onInvoke,\n  inlineThreshold = 3,\n  processing = false,\n  trigger,\n  className,\n}: ActionMenuProps) {\n  // Which dropdown action (if any) is currently driving a confirm dialog /\n  // form modal. The modals are mounted as siblings of the menu so they\n  // survive the menu closing on `onSelect`.\n  const [confirmAction, setConfirmAction] = useState<ActionSchema | null>(null);\n  const [formAction, setFormAction] = useState<ActionSchema | null>(null);\n  // The mobile bottom-sheet is controlled so selecting an item can close it\n  // (mirroring the Dropdown's onSelect auto-close).\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  if (actions.length === 0) return null;\n\n  if (actions.length <= inlineThreshold) {\n    return (\n      <div className={cn('flex flex-wrap items-center gap-1', className)}>\n        {actions.map((action) => (\n          <ActionButton\n            key={action.name}\n            action={action}\n            formFields={formFieldsByAction[action.name]}\n            onInvoke={(values) => onInvoke(action, values)}\n            processing={processing}\n            size=\"sm\"\n            // 44px touch target on mobile (WCAG 2.5.5); dense 32px on >=md.\n            className=\"h-11 md:h-8\"\n          />\n        ))}\n      </div>\n    );\n  }\n\n  const handleSelect = (action: ActionSchema) => {\n    if (action.disabled) return;\n    // Mirror ActionButton's gating: confirmation first, then form, else\n    // invoke directly. The modals open as siblings of the (now closing)\n    // menu so destructive/form actions never fire without a gate (#229,\n    // #231).\n    if (action.requiresConfirmation) {\n      setConfirmAction(action);\n    } else if (actionHasForm(action)) {\n      setFormAction(action);\n    } else {\n      onInvoke(action);\n    }\n  };\n\n  const handleConfirm = () => {\n    const action = confirmAction;\n    setConfirmAction(null);\n    if (!action) return;\n    if (actionHasForm(action)) {\n      setFormAction(action);\n    } else {\n      onInvoke(action);\n    }\n  };\n\n  // One visual trigger shared by both presentation surfaces. The Dropdown\n  // wraps it via DropdownMenuTrigger (asChild); the Sheet opens it on click.\n  const triggerNode = trigger ?? (\n    <Button variant=\"ghost\" size=\"icon-touch\" aria-label=\"Actions\">\n      ⋯\n    </Button>\n  );\n\n  return (\n    <>\n      {/* Desktop (>=md): the Radix dropdown popper, unchanged. */}\n      <div data-arqel-action-dropdown=\"\" className=\"hidden md:contents\">\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>{triggerNode}</DropdownMenuTrigger>\n          <DropdownMenuContent\n            align=\"end\"\n            sideOffset={6}\n            className={cn('min-w-[12rem]', className)}\n          >\n            {actions.map((action) => (\n              <DropdownMenuItem\n                key={action.name}\n                disabled={action.disabled === true}\n                variant={action.color === 'destructive' ? 'destructive' : 'default'}\n                onSelect={() => handleSelect(action)}\n              >\n                {action.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      {/* Mobile (<md): a full-width bottom sheet with >=44px items. */}\n      <div className=\"md:hidden\">\n        <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n          <button\n            type=\"button\"\n            aria-label=\"Actions\"\n            className=\"inline-flex size-11 items-center justify-center rounded-md text-lg hover:bg-accent\"\n            onClick={() => setSheetOpen(true)}\n          >\n            ⋯\n          </button>\n          <SheetContent\n            side=\"bottom\"\n            className=\"max-h-[80vh] gap-0 overflow-y-auto pb-[env(safe-area-inset-bottom)]\"\n          >\n            <SheetHeader className=\"px-4 pt-4 pb-2\">\n              <SheetTitle>Actions</SheetTitle>\n            </SheetHeader>\n            <div className=\"flex flex-col px-2 pb-2\">\n              {actions.map((action) => (\n                <button\n                  key={action.name}\n                  type=\"button\"\n                  data-arqel-sheet-action=\"\"\n                  disabled={action.disabled === true}\n                  className={cn(\n                    'flex min-h-11 w-full items-center rounded-md px-3 text-left text-sm hover:bg-accent disabled:pointer-events-none disabled:opacity-50',\n                    action.color === 'destructive' && 'text-destructive',\n                  )}\n                  onClick={() => {\n                    setSheetOpen(false);\n                    handleSelect(action);\n                  }}\n                >\n                  {action.label}\n                </button>\n              ))}\n            </div>\n          </SheetContent>\n        </Sheet>\n      </div>\n\n      {confirmAction && (\n        <ConfirmDialog\n          open\n          onOpenChange={(next) => {\n            if (!next) setConfirmAction(null);\n          }}\n          config={confirmAction.confirmation}\n          onConfirm={handleConfirm}\n          processing={processing}\n        />\n      )}\n      {formAction && (\n        <ActionFormModal\n          open\n          onOpenChange={(next) => {\n            if (!next) setFormAction(null);\n          }}\n          action={formAction}\n          fields={formFieldsByAction[formAction.name] ?? formAction.formFields ?? []}\n          onSubmit={(values) => {\n            const action = formAction;\n            setFormAction(null);\n            onInvoke(action, values);\n          }}\n          processing={processing}\n        />\n      )}\n    </>\n  );\n}\n"]}

package/dist/{chunk-FHRQ7PWE.js → chunk-H23VX3RR.js}

@@ -24,7 +24,8 @@ var buttonVariants = cva(
         icon: "size-9",
         "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
         "icon-sm": "size-8",
-        "icon-lg": "size-10"
+        "icon-lg": "size-10",
+        "icon-touch": "size-11"
       }
     },
     defaultVariants: {
@@ -54,5 +55,5 @@ function Button({
 }
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-FHRQ7PWE.js.map
-//# sourceMappingURL=chunk-FHRQ7PWE.js.map
+//# sourceMappingURL=chunk-H23VX3RR.js.map
+//# sourceMappingURL=chunk-H23VX3RR.js.map

package/dist/chunk-H23VX3RR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shadcn/ui/button.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,6bAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,WAAA,EACE,mJAAA;AAAA,QACF,OAAA,EACE,uIAAA;AAAA,QACF,SAAA,EACE,8DAAA;AAAA,QACF,KAAA,EACE,sEAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,+BAAA;AAAA,QACT,EAAA,EAAI,0FAAA;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,sCAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EAAW,wDAAA;AAAA,QACX,SAAA,EAAW,QAAA;AAAA,QACX,SAAA,EAAW,SAAA;AAAA,QACX,YAAA,EAAc;AAAA;AAChB,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,SAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAGK;AACH,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,QAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-H23VX3RR.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/utils/cn\"\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        xs: \"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n        \"icon-touch\": \"size-11\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/{chunk-47HD7ALI.js → chunk-HSDZM4AM.js}

@@ -1,4 +1,4 @@
-import { WidgetWrapper, StatCard } from './chunk-WKWV36PG.js';
+import { WidgetWrapper, StatCard } from './chunk-PSPJA5U6.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { lazy, Suspense, useState, useRef, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -366,5 +366,5 @@ function normaliseFilters(raw) {
 }
 
 export { ChartCard, DashboardFilters, DashboardGrid, TableCard, WidgetRenderer };
-//# sourceMappingURL=chunk-47HD7ALI.js.map
-//# sourceMappingURL=chunk-47HD7ALI.js.map
+//# sourceMappingURL=chunk-HSDZM4AM.js.map
+//# sourceMappingURL=chunk-HSDZM4AM.js.map