@arqel-dev/ui 0.16.0 → 0.18.0

package/dist/ArqelEditPage-7OFWPULE.js

@@ -0,0 +1,12 @@
+export { ArqelEditPage as default } from './chunk-WKIYS2FQ.js';
+import './chunk-53J74IYR.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-JKD6SE75.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-DO3PRGVV.js';
+import './chunk-MZMYV43C.js';
+import './chunk-CMNZLA32.js';
+import './chunk-H23VX3RR.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelEditPage-7OFWPULE.js.map
+//# sourceMappingURL=ArqelEditPage-7OFWPULE.js.map

package/dist/{ArqelEditPage-RRYFYOTC.js.map → ArqelEditPage-7OFWPULE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-RRYFYOTC.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-7OFWPULE.js"}

package/dist/ArqelIndexPage-ZAVCCM6V.js

@@ -0,0 +1,14 @@
+export { ArqelIndexPage as default } from './chunk-DOQUHQND.js';
+import './chunk-KGAY2AZH.js';
+import './chunk-YEPQWAD6.js';
+import './chunk-JKD6SE75.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-7NGUPQON.js';
+import './chunk-DO3PRGVV.js';
+import './chunk-VKZY6J6G.js';
+import './chunk-MZMYV43C.js';
+import './chunk-CMNZLA32.js';
+import './chunk-H23VX3RR.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelIndexPage-ZAVCCM6V.js.map
+//# sourceMappingURL=ArqelIndexPage-ZAVCCM6V.js.map

package/dist/{ArqelIndexPage-J2EUV2PI.js.map → ArqelIndexPage-ZAVCCM6V.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelIndexPage-J2EUV2PI.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelIndexPage-ZAVCCM6V.js"}

package/dist/ArqelNotificationsPage-MBJBYFHW.js

@@ -0,0 +1,6 @@
+export { ArqelNotificationsPage as default } from './chunk-CH7YLELO.js';
+import './chunk-6YGRTXEL.js';
+import './chunk-H23VX3RR.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelNotificationsPage-MBJBYFHW.js.map
+//# sourceMappingURL=ArqelNotificationsPage-MBJBYFHW.js.map

package/dist/ArqelNotificationsPage-MBJBYFHW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelNotificationsPage-MBJBYFHW.js"}

package/dist/{UserMenu-B5XbC_Gy.d.ts → UserMenu-QlwvvZRU.d.ts}

@@ -40,11 +40,12 @@ declare function Sidebar({ items: itemsProp, brand, footer, className }: Sidebar
 interface TopbarProps {
     brand?: ReactNode;
     search?: ReactNode;
+    notifications?: ReactNode;
     userMenu?: ReactNode;
     tenantSwitcher?: ReactNode;
     className?: string;
 }
-declare function Topbar({ brand, search, userMenu, tenantSwitcher, className }: TopbarProps): react_jsx_runtime.JSX.Element;
+declare function Topbar({ brand, search, notifications, userMenu, tenantSwitcher, className, }: TopbarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * `<UserMenu>` — authenticated-user dropdown for the Topbar `userMenu` slot.

package/dist/action.js

@@ -1,4 +1,5 @@
-export { ActionButton, ActionFormModal, ActionMenu, ConfirmDialog } from './chunk-SLLTFOOS.js';
+export { ActionButton, ActionFormModal, ActionMenu } from './chunk-7NGUPQON.js';
+export { ConfirmDialog } from './chunk-DO3PRGVV.js';
 import './chunk-VKZY6J6G.js';
 import './chunk-MZMYV43C.js';
 import './chunk-CMNZLA32.js';

package/dist/{chunk-SK6H7ARE.js → chunk-3E66JNQO.js}

@@ -46,21 +46,6 @@ function EmptyState({ title, description, icon, action, className }) {
     }
   );
 }
-function ErrorState({ status, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "alert",
-      className: cn("flex flex-col items-center gap-3 px-4 py-16 text-center", className),
-      children: [
-        status && /* @__PURE__ */ jsx("span", { className: "text-sm font-mono text-muted-foreground", children: status }),
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: description }),
-        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
-      ]
-    }
-  );
-}
 var VARIANT_CLASSES = {
   line: "h-4 w-full",
   block: "h-24 w-full",
@@ -89,6 +74,6 @@ function LoadingSkeleton({
   )) });
 }
 
-export { Breadcrumbs, EmptyState, ErrorState, LoadingSkeleton };
-//# sourceMappingURL=chunk-SK6H7ARE.js.map
-//# sourceMappingURL=chunk-SK6H7ARE.js.map
+export { Breadcrumbs, EmptyState, LoadingSkeleton };
+//# sourceMappingURL=chunk-3E66JNQO.js.map
+//# sourceMappingURL=chunk-3E66JNQO.js.map

package/dist/chunk-3E66JNQO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utility/Breadcrumbs.tsx","../src/utility/EmptyState.tsx","../src/utility/LoadingSkeleton.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-3E66JNQO.js","sourcesContent":["/**\n * `<Breadcrumbs>` — renders the panel's breadcrumb trail.\n *\n * Items can be passed explicitly, or auto-resolved from Inertia shared\n * props (`panel.breadcrumbs`, populated server-side by\n * `Arqel\\Nav\\BreadcrumbsBuilder`). Each item is a link unless it's the\n * last entry, which is rendered as plain text and marked\n * `aria-current=\"page\"`.\n *\n * `usePage()` is only invoked when `items` is omitted — explicit-items\n * usage works outside Inertia (e.g. dashboard widgets, tests).\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport { usePage } from '@inertiajs/react';\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface BreadcrumbItem {\n  label: string;\n  url?: string | null;\n}\n\nexport interface BreadcrumbsProps {\n  items?: BreadcrumbItem[];\n  separator?: ReactNode;\n  className?: string;\n}\n\ninterface PanelWithCrumbs {\n  panel?: { breadcrumbs?: BreadcrumbItem[] } | null;\n}\n\nexport function Breadcrumbs(props: BreadcrumbsProps) {\n  if (props.items === undefined) {\n    return <SharedBreadcrumbs {...props} />;\n  }\n  return <BreadcrumbsList {...props} items={props.items} />;\n}\n\nfunction SharedBreadcrumbs(props: BreadcrumbsProps) {\n  const page = usePage();\n  const items = (page.props as unknown as PanelWithCrumbs).panel?.breadcrumbs ?? [];\n  return <BreadcrumbsList {...props} items={items} />;\n}\n\nfunction BreadcrumbsList({\n  items,\n  separator = <span aria-hidden=\"true\">/</span>,\n  className,\n}: BreadcrumbsProps & { items: BreadcrumbItem[] }) {\n  const t = useArqelTranslations();\n  if (items.length === 0) return null;\n\n  return (\n    <nav aria-label={t('arqel.aria.breadcrumb', 'Breadcrumb')} className={cn('text-sm', className)}>\n      <ol className=\"flex flex-wrap items-center gap-2 text-muted-foreground\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          return (\n            <li key={`${item.label}-${item.url ?? 'leaf'}`} className=\"flex items-center gap-2\">\n              {isLast || !item.url ? (\n                <span aria-current={isLast ? 'page' : undefined} className=\"text-foreground\">\n                  {item.label}\n                </span>\n              ) : (\n                <a href={item.url} className=\"hover:underline\">\n                  {item.label}\n                </a>\n              )}\n              {!isLast && separator}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n","/**\n * `<EmptyState>` — standardised empty-state block.\n *\n * Used by DataTable's empty slot and as a stand-alone fallback when\n * a resource collection has zero records.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface EmptyStateProps {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport function EmptyState({ title, description, icon, action, className }: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center gap-3 px-4 py-12 text-center text-muted-foreground',\n        className,\n      )}\n    >\n      {icon && <div className=\"text-3xl\">{icon}</div>}\n      <h2 className=\"text-base font-semibold text-foreground\">{title}</h2>\n      {description && <p className=\"max-w-md text-sm\">{description}</p>}\n      {action && <div className=\"mt-2\">{action}</div>}\n    </div>\n  );\n}\n","/**\n * `<LoadingSkeleton>` — animated placeholder block.\n *\n * Variants:\n *   - `line`: single text line (default)\n *   - `block`: rectangular block (cards, hero areas)\n *   - `circle`: circular (avatars)\n *\n * Heights / widths default to readable values; override via Tailwind\n * classes or explicit `height` / `width` props for bespoke layouts.\n */\n\nimport { cn } from '../utils/cn.js';\n\nexport type SkeletonVariant = 'line' | 'block' | 'circle';\n\nexport interface LoadingSkeletonProps {\n  variant?: SkeletonVariant;\n  width?: number | string;\n  height?: number | string;\n  count?: number;\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<SkeletonVariant, string> = {\n  line: 'h-4 w-full',\n  block: 'h-24 w-full',\n  circle: 'h-10 w-10 rounded-full',\n};\n\nexport function LoadingSkeleton({\n  variant = 'line',\n  width,\n  height,\n  count = 1,\n  className,\n}: LoadingSkeletonProps) {\n  const items = Array.from({ length: count }, (_, i) => i);\n  return (\n    <div className=\"flex flex-col gap-2\" aria-hidden=\"true\">\n      {items.map((i) => (\n        <div\n          key={i}\n          style={{ width, height }}\n          className={cn(\n            'animate-pulse bg-muted',\n            variant !== 'circle' && 'rounded-sm',\n            VARIANT_CLASSES[variant],\n            className,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-53J74IYR.js

@@ -0,0 +1,22 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ErrorState({ status, title, description, action, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      className: cn("flex flex-col items-center gap-3 px-4 py-16 text-center", className),
+      children: [
+        status && /* @__PURE__ */ jsx("span", { className: "text-sm font-mono text-muted-foreground", children: status }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: description }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
+      ]
+    }
+  );
+}
+
+export { ErrorState };
+//# sourceMappingURL=chunk-53J74IYR.js.map
+//# sourceMappingURL=chunk-53J74IYR.js.map

package/dist/chunk-53J74IYR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utility/ErrorState.tsx"],"names":[],"mappings":";;;AAkBO,SAAS,WAAW,EAAE,MAAA,EAAQ,OAAO,WAAA,EAAa,MAAA,EAAQ,WAAU,EAAoB;AAC7F,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAW,EAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,MAEjF,QAAA,EAAA;AAAA,QAAA,MAAA,oBAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA2C,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,wBAC7E,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5D,WAAA,oBAAe,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0CAA0C,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QAClF,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,GAC3C;AAEJ","file":"chunk-53J74IYR.js","sourcesContent":["/**\n * `<ErrorState>` — generic error block (404 / 403 / 500).\n *\n * Phase 1 ships a plain layout; richer illustrations / Heroicons land\n * with `@arqel-dev/fields` icon registry.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface ErrorStateProps {\n  status?: number;\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport function ErrorState({ status, title, description, action, className }: ErrorStateProps) {\n  return (\n    <div\n      role=\"alert\"\n      className={cn('flex flex-col items-center gap-3 px-4 py-16 text-center', className)}\n    >\n      {status && <span className=\"text-sm font-mono text-muted-foreground\">{status}</span>}\n      <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n      {description && <p className=\"max-w-md text-sm text-muted-foreground\">{description}</p>}\n      {action && <div className=\"mt-2\">{action}</div>}\n    </div>\n  );\n}\n"]}

package/dist/chunk-6YGRTXEL.js

@@ -0,0 +1,87 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props
+    }
+  );
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=chunk-6YGRTXEL.js.map
+//# sourceMappingURL=chunk-6YGRTXEL.js.map

package/dist/chunk-6YGRTXEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shadcn/ui/card.tsx"],"names":[],"mappings":";;;;AAIA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAClE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,mFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACxE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,0JAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,SAAA,CAAU,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACxE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,gEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACzE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC9B,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACxE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MACjE,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-6YGRTXEL.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils/cn\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n"]}

package/dist/{chunk-SLLTFOOS.js → chunk-7NGUPQON.js}

@@ -1,138 +1,13 @@
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogClose, ConfirmDialog } from './chunk-DO3PRGVV.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Sheet, SheetContent, SheetHeader, SheetTitle } from './chunk-VKZY6J6G.js';
 import { FormActions } from './chunk-MZMYV43C.js';
 import { FormRenderer } from './chunk-CMNZLA32.js';
 import { Button } from './chunk-H23VX3RR.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
-import { useState, useMemo, useEffect } from 'react';
-import { XIcon } from 'lucide-react';
-import { Dialog as Dialog$1 } from 'radix-ui';
+import { useState, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "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",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "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",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs(
-            Dialog$1.Close,
-            {
-              "data-slot": "dialog-close",
-              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",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({
-  className,
-  showCloseButton = false,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Close" }) })
-      ]
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
 var SIZE_CLASSES = {
   sm: "sm:max-w-[24rem]",
   md: "sm:max-w-[32rem]",
@@ -202,68 +77,6 @@ function ActionFormModal({
     )
   ] }) });
 }
-var COLOR_VARIANT = {
-  destructive: "destructive",
-  warning: "default",
-  info: "default"
-};
-function ConfirmDialog({
-  open,
-  onOpenChange,
-  config,
-  onConfirm,
-  processing = false
-}) {
-  const t = useArqelTranslations();
-  const [typed, setTyped] = useState("");
-  useEffect(() => {
-    if (!open) setTyped("");
-  }, [open]);
-  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" ? 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 ?? 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: [
-      /* @__PURE__ */ jsx("span", { children: (() => {
-        const [before, after] = t(
-          "arqel.messages.type_to_confirm",
-          "Type :value to confirm"
-        ).split(":value");
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          before,
-          /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children: requiresText }),
-          after
-        ] });
-      })() }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          ref: (el) => el?.focus(),
-          value: typed,
-          onChange: (e) => setTyped(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !submitDisabled) {
-              e.preventDefault();
-              onConfirm();
-            }
-          },
-          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"
-        }
-      )
-    ] }),
-    /* @__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 ? t("form.saving", "Working\u2026") : submitLabel })
-    ] })
-  ] }) });
-}
 var COLOR_TO_VARIANT = {
   primary: "default",
   secondary: "outline",
@@ -496,6 +309,6 @@ function ActionMenu({
   ] });
 }
 
-export { ActionButton, ActionFormModal, ActionMenu, ConfirmDialog };
-//# sourceMappingURL=chunk-SLLTFOOS.js.map
-//# sourceMappingURL=chunk-SLLTFOOS.js.map
+export { ActionButton, ActionFormModal, ActionMenu };
+//# sourceMappingURL=chunk-7NGUPQON.js.map
+//# sourceMappingURL=chunk-7NGUPQON.js.map

package/dist/chunk-7NGUPQON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/action/ActionFormModal.tsx","../src/action/ActionButton.tsx","../src/action/ActionMenu.tsx"],"names":["useState","jsxs","jsx","useArqelTranslations","Fragment"],"mappings":"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","file":"chunk-7NGUPQON.js","sourcesContent":["/**\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 { useArqelTranslations } from '@arqel-dev/react/utils';\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 t = useArqelTranslations();\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                  {t('form.cancel', 'Cancel')}\n                </Button>\n              </DialogClose>\n            }\n          />\n        </form>\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 { useArqelTranslations } from '@arqel-dev/react/utils';\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  const t = useArqelTranslations();\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={t('arqel.actions.menu', '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={t('arqel.actions.menu', '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>{t('arqel.actions.menu', '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"]}