@arqel-dev/ui 0.11.0 → 0.13.0

package/dist/chunk-TNJEHYRF.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"],"mappings":"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","file":"chunk-TNJEHYRF.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 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 [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  const submitLabel = config?.submitLabel ?? (config?.color === 'info' ? 'Confirm' : 'Delete');\n  const cancelLabel = config?.cancelLabel ?? '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>{config?.heading ?? 'Are you sure?'}</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 ? '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 } from 'react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../shadcn/ui/dropdown-menu.js';\nimport { cn } from '../utils/cn.js';\nimport { ActionButton } from './ActionButton.js';\nimport { Button } from './Button.js';\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  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          />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        {trigger ?? (\n          <Button variant=\"ghost\" size=\"icon\" aria-label=\"Actions\">\n            ⋯\n          </Button>\n        )}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" sideOffset={6} className={cn('min-w-[12rem]', className)}>\n        {actions.map((action) => (\n          <DropdownMenuItem\n            key={action.name}\n            disabled={action.disabled === true}\n            variant={action.color === 'destructive' ? 'destructive' : 'default'}\n            onSelect={() => {\n              // Delegate to ActionButton-style handling by routing\n              // through onInvoke. Confirmation/form modals are still\n              // available via direct ActionButton usage; the menu\n              // is intended for plain links / direct invocations.\n              if (action.disabled) return;\n              onInvoke(action);\n            }}\n          >\n            {action.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"]}

package/dist/chunk-VSTRVXXZ.js

@@ -0,0 +1,49 @@
+import { PageHeader } from './chunk-MXUXMHOK.js';
+import { FormActions } from './chunk-MTZJDFQ6.js';
+import { FormRenderer } from './chunk-MSRTGCTJ.js';
+import { useArqelForm } from '@arqel-dev/hooks';
+import { usePage, router } from '@inertiajs/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FALLBACK_SCHEMA = {
+  schema: [],
+  columns: 1,
+  model: null,
+  inline: false,
+  disabled: false
+};
+function ArqelCreatePage() {
+  const page = usePage();
+  const props = page.props;
+  const fields = props.fields ?? [];
+  const schema = props.form ?? FALLBACK_SCHEMA;
+  const form = useArqelForm({ fields });
+  const submit = (e) => {
+    e.preventDefault();
+    const slug = props.resource?.slug ?? "";
+    const basePath = props.resource?.panelPath ?? "/admin";
+    router.post(`${basePath}/${slug}`, form.data, {
+      preserveScroll: true
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: `Create ${props.resource?.label ?? "record"}`, description: null }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(
+        FormRenderer,
+        {
+          schema,
+          fields,
+          values: form.data,
+          onChange: (name, value) => form.setData(name, value),
+          errors: form.errors
+        }
+      ),
+      /* @__PURE__ */ jsx(FormActions, { processing: form.processing, onCancel: () => window.history.back() })
+    ] })
+  ] });
+}
+
+export { ArqelCreatePage };
+//# sourceMappingURL=chunk-VSTRVXXZ.js.map
+//# sourceMappingURL=chunk-VSTRVXXZ.js.map

package/dist/chunk-VSTRVXXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/ArqelCreatePage.tsx"],"names":[],"mappings":";;;;;;;AAmBA,IAAM,eAAA,GAA8B;AAAA,EAClC,QAAQ,EAAC;AAAA,EACT,OAAA,EAAS,CAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,MAAA,EAAQ,KAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA;AASe,SAAR,eAAA,GAAgD;AACrD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,MAAA,GAAU,KAAA,CAAM,MAAA,IAAU,EAAC;AACjC,EAAA,MAAM,MAAA,GAAU,MAA2C,IAAA,IAAQ,eAAA;AAEnE,EAAA,MAAM,IAAA,GAAO,YAAA,CAAa,EAAE,MAAA,EAAQ,CAAA;AAEpC,EAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KAAuB;AACrC,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,QAAA,EAAU,IAAA,IAAQ,EAAA;AACrC,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,QAAA,EAAU,SAAA,IAAa,QAAA;AAC9C,IAAA,MAAA,CAAO,KAAK,CAAA,EAAG,QAAQ,IAAI,IAAI,CAAA,CAAA,EAAI,KAAK,IAAA,EAA+B;AAAA,MACrE,cAAA,EAAgB;AAAA,KACjB,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAO,CAAA,OAAA,EAAU,KAAA,CAAM,UAAU,KAAA,IAAS,QAAQ,CAAA,CAAA,EAAI,WAAA,EAAa,IAAA,EAAM,CAAA;AAAA,oBACrF,IAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,MAAA,EAAQ,WAAU,WAAA,EAChC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAQ,IAAA,CAAK,IAAA;AAAA,UACb,UAAU,CAAC,IAAA,EAAM,UAAU,IAAA,CAAK,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA,UACnD,QAAQ,IAAA,CAAK;AAAA;AAAA,OACf;AAAA,sBACA,GAAA,CAAC,WAAA,EAAA,EAAY,UAAA,EAAY,IAAA,CAAK,UAAA,EAAY,UAAU,MAAM,MAAA,CAAO,OAAA,CAAQ,IAAA,EAAK,EAAG;AAAA,KAAA,EACnF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-VSTRVXXZ.js","sourcesContent":["/**\n * Default Inertia page for `arqel::create`.\n *\n * Renders a `<FormRenderer>` over the schema/fields the server\n * emits (with `record: null`). Submission goes through Inertia's\n * `useForm` via `useArqelForm` from `@arqel-dev/hooks` — this page is\n * just the layout shell.\n */\n\nimport { useArqelForm } from '@arqel-dev/hooks';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport type { FormSchema } from '@arqel-dev/types/forms';\nimport type { ResourceCreateProps } from '@arqel-dev/types/resources';\nimport { router, usePage } from '@inertiajs/react';\nimport type { FormEvent, JSX } from 'react';\nimport { FormActions } from '../form/FormActions.js';\nimport { FormRenderer } from '../form/FormRenderer.js';\nimport { PageHeader } from '../utility/PageHeader.js';\n\nconst FALLBACK_SCHEMA: FormSchema = {\n  schema: [],\n  columns: 1,\n  model: null,\n  inline: false,\n  disabled: false,\n};\n\ninterface ArqelFormShape {\n  data: Record<string, unknown>;\n  setData: (name: string, value: unknown) => void;\n  errors: Record<string, string[]>;\n  processing: boolean;\n}\n\nexport default function ArqelCreatePage(): JSX.Element {\n  const page = usePage();\n  const props = page.props as unknown as ResourceCreateProps;\n  const fields = (props.fields ?? []) as FieldSchema[];\n  const schema = (props as unknown as { form?: FormSchema }).form ?? FALLBACK_SCHEMA;\n\n  const form = useArqelForm({ fields }) as unknown as ArqelFormShape;\n\n  const submit = (e: FormEvent): void => {\n    e.preventDefault();\n    const slug = props.resource?.slug ?? '';\n    const basePath = props.resource?.panelPath ?? '/admin';\n    router.post(`${basePath}/${slug}`, form.data as Record<string, never>, {\n      preserveScroll: true,\n    });\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader title={`Create ${props.resource?.label ?? 'record'}`} description={null} />\n      <form onSubmit={submit} className=\"space-y-6\">\n        <FormRenderer\n          schema={schema}\n          fields={fields}\n          values={form.data}\n          onChange={(name, value) => form.setData(name, value)}\n          errors={form.errors}\n        />\n        <FormActions processing={form.processing} onCancel={() => window.history.back()} />\n      </form>\n    </div>\n  );\n}\n"]}

package/dist/chunk-WKWV36PG.js

@@ -0,0 +1,140 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function resolveColumnSpan(columnSpan) {
+  if (columnSpan === void 0) return void 0;
+  if (typeof columnSpan === "number") return `col-span-${columnSpan}`;
+  return columnSpan;
+}
+function WidgetWrapper({
+  heading,
+  description,
+  loading = false,
+  error = null,
+  onRetry,
+  columnSpan,
+  className,
+  children
+}) {
+  const baseClass = cn(
+    "rounded border bg-background p-4",
+    resolveColumnSpan(columnSpan),
+    className
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        "aria-label": heading,
+        "aria-busy": "true",
+        className: baseClass,
+        "data-widget-state": "loading",
+        children: /* @__PURE__ */ jsx("div", { className: "animate-pulse h-32 bg-muted rounded" })
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("section", { "aria-label": heading, className: baseClass, "data-widget-state": "error", children: /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-col gap-2 text-sm text-destructive", children: [
+      /* @__PURE__ */ jsx("p", { children: error.message }),
+      onRetry && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRetry,
+          className: "self-start rounded border px-2 py-1 text-xs text-foreground hover:bg-muted",
+          children: "Retry"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": heading, className: baseClass, "data-widget-state": "ready", children: [
+    heading && /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-muted-foreground", children: heading }),
+    description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: description }),
+    /* @__PURE__ */ jsx("div", { className: cn(heading || description ? "mt-3" : void 0), children })
+  ] });
+}
+var COLOR_TEXT = {
+  primary: "text-primary",
+  secondary: "text-secondary-foreground",
+  success: "text-green-600",
+  warning: "text-amber-600",
+  danger: "text-red-600",
+  info: "text-sky-600"
+};
+var COLOR_STROKE = {
+  primary: "stroke-primary",
+  secondary: "stroke-secondary-foreground",
+  success: "stroke-green-500",
+  warning: "stroke-amber-500",
+  danger: "stroke-red-500",
+  info: "stroke-sky-500"
+};
+function Sparkline({ points, color }) {
+  if (points.length < 2) return null;
+  const min = Math.min(...points);
+  const max = Math.max(...points);
+  const range = max - min || 1;
+  const stepX = 100 / (points.length - 1);
+  const coords = points.map((value, index) => {
+    const x = index * stepX;
+    const y = 30 - (value - min) / range * 30;
+    return `${x.toFixed(2)},${y.toFixed(2)}`;
+  }).join(" ");
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 100 30",
+      preserveAspectRatio: "none",
+      className: cn("mt-3 h-8 w-full", COLOR_STROKE[color]),
+      role: "img",
+      "aria-label": "Trend sparkline",
+      "data-testid": "stat-card-sparkline",
+      children: /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          points: coords
+        }
+      )
+    }
+  );
+}
+function StatCard({ widget, className, columnSpan }) {
+  const { heading, description, value, statDescription, descriptionIcon, color, chart, url } = widget;
+  const hasChart = Array.isArray(chart) && chart.length >= 2;
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: cn("text-4xl font-bold tabular-nums", COLOR_TEXT[color]), children: value ?? "\u2014" }),
+    statDescription && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-1 text-xs text-muted-foreground", children: [
+      descriptionIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-testid": "stat-card-icon", children: descriptionIcon }),
+      /* @__PURE__ */ jsx("span", { children: statDescription })
+    ] }),
+    hasChart && /* @__PURE__ */ jsx(Sparkline, { points: chart, color })
+  ] });
+  const inner = url ? /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: url,
+      className: "block rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "data-testid": "stat-card-link",
+      children: body
+    }
+  ) : body;
+  return /* @__PURE__ */ jsx(
+    WidgetWrapper,
+    {
+      heading,
+      description,
+      columnSpan,
+      className,
+      children: inner
+    }
+  );
+}
+
+export { StatCard, WidgetWrapper };
+//# sourceMappingURL=chunk-WKWV36PG.js.map
+//# sourceMappingURL=chunk-WKWV36PG.js.map

package/dist/chunk-WKWV36PG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/WidgetWrapper.tsx","../src/widgets/StatCard.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-WKWV36PG.js","sourcesContent":["/**\n * `<WidgetWrapper>` — common chrome for dashboard widgets.\n *\n * Provides:\n * - Heading / description header.\n * - Loading skeleton (CLS-safe placeholder while deferred widgets fetch).\n * - Error state (`role=\"alert\"`) with optional retry action.\n * - `aria-label`-ed `<section>` so widgets are individually navigable.\n *\n * Used by `<StatCard>` (and shortly `<ChartCard>` / `<TableCard>`) so the\n * outer card chrome is consistent across widget types.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface WidgetWrapperProps {\n  heading?: string | undefined;\n  description?: string | undefined;\n  loading?: boolean | undefined;\n  error?: Error | null | undefined;\n  onRetry?: (() => void) | undefined;\n  /** Tailwind grid column span (number → `col-span-{n}`, or raw class). */\n  columnSpan?: number | string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}\n\nfunction resolveColumnSpan(columnSpan?: number | string): string | undefined {\n  if (columnSpan === undefined) return undefined;\n  if (typeof columnSpan === 'number') return `col-span-${columnSpan}`;\n  return columnSpan;\n}\n\nexport function WidgetWrapper({\n  heading,\n  description,\n  loading = false,\n  error = null,\n  onRetry,\n  columnSpan,\n  className,\n  children,\n}: WidgetWrapperProps) {\n  const baseClass = cn(\n    'rounded border bg-background p-4',\n    resolveColumnSpan(columnSpan),\n    className,\n  );\n\n  if (loading) {\n    return (\n      <section\n        aria-label={heading}\n        aria-busy=\"true\"\n        className={baseClass}\n        data-widget-state=\"loading\"\n      >\n        <div className=\"animate-pulse h-32 bg-muted rounded\" />\n      </section>\n    );\n  }\n\n  if (error) {\n    return (\n      <section aria-label={heading} className={baseClass} data-widget-state=\"error\">\n        <div role=\"alert\" className=\"flex flex-col gap-2 text-sm text-destructive\">\n          <p>{error.message}</p>\n          {onRetry && (\n            <button\n              type=\"button\"\n              onClick={onRetry}\n              className=\"self-start rounded border px-2 py-1 text-xs text-foreground hover:bg-muted\"\n            >\n              Retry\n            </button>\n          )}\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section aria-label={heading} className={baseClass} data-widget-state=\"ready\">\n      {heading && <h2 className=\"text-sm font-medium text-muted-foreground\">{heading}</h2>}\n      {description && <p className=\"mt-1 text-xs text-muted-foreground\">{description}</p>}\n      <div className={cn(heading || description ? 'mt-3' : undefined)}>{children}</div>\n    </section>\n  );\n}\n","/**\n * `<StatCard>` — KPI / \"big number\" widget.\n *\n * Renders the payload produced by `Arqel\\Widgets\\StatWidget::data()`:\n *\n *   {\n *     name, type: 'stat', heading?, description?,\n *     value, statDescription?, descriptionIcon?,\n *     color, icon?, chart?: number[], url?\n *   }\n *\n * Includes a tiny inline-SVG sparkline (no Recharts dep) when `chart`\n * is set. ChartCard / TableCard (Recharts-based) ship in a separate\n * cluster; this component is intentionally Recharts-free so the\n * common \"big number\" case stays bundle-cheap.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\nimport { WidgetWrapper } from './WidgetWrapper.js';\n\nexport type StatCardColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface StatCardWidget {\n  name: string;\n  type: 'stat';\n  heading?: string;\n  description?: string;\n  value: string | number | null;\n  statDescription?: string | null;\n  descriptionIcon?: string | null;\n  color: StatCardColor;\n  icon?: string | null;\n  chart?: number[] | null;\n  url?: string | null;\n}\n\nexport interface StatCardProps {\n  widget: StatCardWidget;\n  className?: string | undefined;\n  columnSpan?: number | string | undefined;\n}\n\nconst COLOR_TEXT: Record<StatCardColor, string> = {\n  primary: 'text-primary',\n  secondary: 'text-secondary-foreground',\n  success: 'text-green-600',\n  warning: 'text-amber-600',\n  danger: 'text-red-600',\n  info: 'text-sky-600',\n};\n\nconst COLOR_STROKE: Record<StatCardColor, string> = {\n  primary: 'stroke-primary',\n  secondary: 'stroke-secondary-foreground',\n  success: 'stroke-green-500',\n  warning: 'stroke-amber-500',\n  danger: 'stroke-red-500',\n  info: 'stroke-sky-500',\n};\n\ninterface SparklineProps {\n  points: number[];\n  color: StatCardColor;\n}\n\nfunction Sparkline({ points, color }: SparklineProps) {\n  if (points.length < 2) return null;\n\n  const min = Math.min(...points);\n  const max = Math.max(...points);\n  const range = max - min || 1;\n  const stepX = 100 / (points.length - 1);\n\n  const coords = points\n    .map((value, index) => {\n      const x = index * stepX;\n      // Invert Y so larger values render higher in the viewBox.\n      const y = 30 - ((value - min) / range) * 30;\n      return `${x.toFixed(2)},${y.toFixed(2)}`;\n    })\n    .join(' ');\n\n  return (\n    <svg\n      viewBox=\"0 0 100 30\"\n      preserveAspectRatio=\"none\"\n      className={cn('mt-3 h-8 w-full', COLOR_STROKE[color])}\n      role=\"img\"\n      aria-label=\"Trend sparkline\"\n      data-testid=\"stat-card-sparkline\"\n    >\n      <polyline\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        points={coords}\n      />\n    </svg>\n  );\n}\n\nexport function StatCard({ widget, className, columnSpan }: StatCardProps) {\n  const { heading, description, value, statDescription, descriptionIcon, color, chart, url } =\n    widget;\n\n  const hasChart = Array.isArray(chart) && chart.length >= 2;\n\n  const body: ReactNode = (\n    <>\n      <div className={cn('text-4xl font-bold tabular-nums', COLOR_TEXT[color])}>{value ?? '—'}</div>\n      {statDescription && (\n        <div className=\"mt-2 flex items-center gap-1 text-xs text-muted-foreground\">\n          {descriptionIcon && (\n            <span aria-hidden=\"true\" data-testid=\"stat-card-icon\">\n              {/* Icon name passed through; an icon registry resolves it app-side. */}\n              {descriptionIcon}\n            </span>\n          )}\n          <span>{statDescription}</span>\n        </div>\n      )}\n      {hasChart && <Sparkline points={chart as number[]} color={color} />}\n    </>\n  );\n\n  const inner = url ? (\n    <a\n      href={url}\n      className=\"block rounded outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      data-testid=\"stat-card-link\"\n    >\n      {body}\n    </a>\n  ) : (\n    body\n  );\n\n  return (\n    <WidgetWrapper\n      heading={heading}\n      description={description}\n      columnSpan={columnSpan}\n      className={className}\n    >\n      {inner}\n    </WidgetWrapper>\n  );\n}\n"]}

package/dist/cn-By8XWiSA.d.ts

@@ -0,0 +1,12 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * `cn` — clsx + tailwind-merge.
+ *
+ * Joins class names and de-duplicates conflicting Tailwind utilities so
+ * later values override earlier ones (e.g. `cn('p-2', 'p-4')` → `'p-4'`).
+ */
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn as c };

package/dist/flash.js

@@ -1,106 +1,4 @@
-import { useFlash } from '@arqel-dev/hooks';
-import { useEffect, useState, useCallback } from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/flash/FlashContainer.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var KIND_CLASSES = {
-  success: "border-[var(--chart-2)]/60 bg-[var(--chart-2)]/15 text-foreground",
-  error: "border-destructive/60 bg-destructive/15 text-foreground",
-  warning: "border-[var(--chart-4)]/60 bg-[var(--chart-4)]/15 text-foreground",
-  info: "border-border bg-muted text-foreground"
-};
-var KIND_GLYPH = {
-  success: "\u2713",
-  error: "\u2717",
-  warning: "!",
-  info: "i"
-};
-function FlashToast({
-  kind,
-  message,
-  onDismiss,
-  durationMs = 5e3,
-  className
-}) {
-  useEffect(() => {
-    if (durationMs <= 0) return void 0;
-    const id = window.setTimeout(onDismiss, durationMs);
-    return () => window.clearTimeout(id);
-  }, [durationMs, onDismiss]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: kind === "error" ? "alert" : "status",
-      "aria-live": kind === "error" ? "assertive" : "polite",
-      className: cn(
-        "pointer-events-auto flex items-start gap-3 rounded-md border px-4 py-3 shadow-md",
-        "min-w-[18rem] max-w-md text-sm",
-        KIND_CLASSES[kind],
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "font-bold leading-5", children: KIND_GLYPH[kind] }),
-        /* @__PURE__ */ jsx("span", { className: "flex-1", children: message }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Dismiss",
-            onClick: onDismiss,
-            className: "text-muted-foreground hover:text-foreground",
-            children: "\u2715"
-          }
-        )
-      ]
-    }
-  );
-}
-var POSITION_CLASSES = {
-  "top-right": "top-4 right-4 items-end",
-  "top-left": "top-4 left-4 items-start",
-  "bottom-right": "bottom-4 right-4 items-end",
-  "bottom-left": "bottom-4 left-4 items-start"
-};
-var nextId = 0;
-function FlashContainer({
-  position = "top-right",
-  durationMs = 5e3,
-  className
-}) {
-  const [toasts, setToasts] = useState([]);
-  const handleMessage = useCallback((kind, message) => {
-    setToasts((prev) => [...prev, { id: ++nextId, kind, message }]);
-  }, []);
-  useFlash({ onMessage: handleMessage });
-  const dismiss = (id) => setToasts((prev) => prev.filter((t) => t.id !== id));
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-arqel-flash": "",
-      className: cn(
-        "pointer-events-none fixed z-50 flex flex-col gap-2",
-        POSITION_CLASSES[position],
-        className
-      ),
-      children: toasts.map((toast) => /* @__PURE__ */ jsx(
-        FlashToast,
-        {
-          kind: toast.kind,
-          message: toast.message,
-          durationMs,
-          onDismiss: () => dismiss(toast.id)
-        },
-        toast.id
-      ))
-    }
-  );
-}
-
-export { FlashContainer, FlashToast };
+export { FlashContainer, FlashToast } from './chunk-DSULVRB6.js';
+import './chunk-B7ULUJVO.js';
 //# sourceMappingURL=flash.js.map
 //# sourceMappingURL=flash.js.map

package/dist/flash.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/cn.ts","../src/flash/FlashToast.tsx","../src/flash/FlashContainer.tsx"],"names":["jsx"],"mappings":";;;;;;;AAUO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACSA,IAAM,YAAA,GAA0C;AAAA,EAC9C,OAAA,EAAS,mEAAA;AAAA,EACT,KAAA,EAAO,yDAAA;AAAA,EACP,OAAA,EAAS,mEAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,UAAA,GAAwC;AAAA,EAC5C,OAAA,EAAS,QAAA;AAAA,EACT,KAAA,EAAO,QAAA;AAAA,EACP,OAAA,EAAS,GAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb;AACF,CAAA,EAAoB;AAClB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAA,IAAc,GAAG,OAAO,MAAA;AAC5B,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,SAAA,EAAW,UAAU,CAAA;AAClD,IAAA,OAAO,MAAM,MAAA,CAAO,YAAA,CAAa,EAAE,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,UAAA,EAAY,SAAS,CAAC,CAAA;AAE1B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,IAAA,KAAS,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,MACnC,WAAA,EAAW,IAAA,KAAS,OAAA,GAAU,WAAA,GAAc,QAAA;AAAA,MAC5C,SAAA,EAAW,EAAA;AAAA,QACT,kFAAA;AAAA,QACA,gCAAA;AAAA,QACA,aAAa,IAAI,CAAA;AAAA,QACjB;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,aAAA,EAAY,MAAA,EAAO,WAAU,qBAAA,EAChC,QAAA,EAAA,UAAA,CAAW,IAAI,CAAA,EAClB,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,wBAClC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,YAAA,EAAW,SAAA;AAAA,YACX,OAAA,EAAS,SAAA;AAAA,YACT,SAAA,EAAU,6CAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GACF;AAEJ;AC5CA,IAAM,gBAAA,GAAkD;AAAA,EACtD,WAAA,EAAa,yBAAA;AAAA,EACb,UAAA,EAAY,0BAAA;AAAA,EACZ,cAAA,EAAgB,4BAAA;AAAA,EAChB,aAAA,EAAe;AACjB,CAAA;AAEA,IAAI,MAAA,GAAS,CAAA;AAEN,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA,GAAW,WAAA;AAAA,EACX,UAAA,GAAa,GAAA;AAAA,EACb;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAAA,CAAuB,EAAE,CAAA;AAErD,EAAA,MAAM,aAAA,GAAgB,WAAA,CAAY,CAAC,IAAA,EAAiB,OAAA,KAAoB;AACtE,IAAA,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,GAAG,IAAA,EAAM,EAAE,EAAA,EAAI,EAAE,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAS,CAAC,CAAA;AAAA,EAChE,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,QAAA,CAAS,EAAE,SAAA,EAAW,aAAA,EAAe,CAAA;AAErC,EAAA,MAAM,OAAA,GAAU,CAAC,EAAA,KAAe,SAAA,CAAU,CAAC,IAAA,KAAS,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAC,CAAA;AAEnF,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,kBAAA,EAAiB,EAAA;AAAA,MACjB,SAAA,EAAW,EAAA;AAAA,QACT,oDAAA;AAAA,QACA,iBAAiB,QAAQ,CAAA;AAAA,QACzB;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,qBACXA,GAAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,MAAM,KAAA,CAAM,IAAA;AAAA,UACZ,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,UAAA;AAAA,UACA,SAAA,EAAW,MAAM,OAAA,CAAQ,KAAA,CAAM,EAAE;AAAA,SAAA;AAAA,QAJ5B,KAAA,CAAM;AAAA,OAMd;AAAA;AAAA,GACH;AAEJ","file":"flash.js","sourcesContent":["/**\n * `cn` — clsx + tailwind-merge.\n *\n * Joins class names and de-duplicates conflicting Tailwind utilities so\n * later values override earlier ones (e.g. `cn('p-2', 'p-4')` → `'p-4'`).\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * `<FlashToast>` — single auto-dismissing toast.\n *\n * Self-rendered (no `sonner` dep) so apps with strict bundle budgets\n * stay lean. Replaceable via FlashContainer's `renderToast` prop when\n * a richer library is preferred.\n */\n\nimport { useEffect } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type FlashKind = 'success' | 'error' | 'info' | 'warning';\n\nexport interface FlashToastProps {\n  kind: FlashKind;\n  message: string;\n  onDismiss: () => void;\n  durationMs?: number;\n  className?: string;\n}\n\nconst KIND_CLASSES: Record<FlashKind, string> = {\n  success: 'border-[var(--chart-2)]/60 bg-[var(--chart-2)]/15 text-foreground',\n  error: 'border-destructive/60 bg-destructive/15 text-foreground',\n  warning: 'border-[var(--chart-4)]/60 bg-[var(--chart-4)]/15 text-foreground',\n  info: 'border-border bg-muted text-foreground',\n};\n\nconst KIND_GLYPH: Record<FlashKind, string> = {\n  success: '✓',\n  error: '✗',\n  warning: '!',\n  info: 'i',\n};\n\nexport function FlashToast({\n  kind,\n  message,\n  onDismiss,\n  durationMs = 5000,\n  className,\n}: FlashToastProps) {\n  useEffect(() => {\n    if (durationMs <= 0) return undefined;\n    const id = window.setTimeout(onDismiss, durationMs);\n    return () => window.clearTimeout(id);\n  }, [durationMs, onDismiss]);\n\n  return (\n    <div\n      role={kind === 'error' ? 'alert' : 'status'}\n      aria-live={kind === 'error' ? 'assertive' : 'polite'}\n      className={cn(\n        'pointer-events-auto flex items-start gap-3 rounded-md border px-4 py-3 shadow-md',\n        'min-w-[18rem] max-w-md text-sm',\n        KIND_CLASSES[kind],\n        className,\n      )}\n    >\n      <span aria-hidden=\"true\" className=\"font-bold leading-5\">\n        {KIND_GLYPH[kind]}\n      </span>\n      <span className=\"flex-1\">{message}</span>\n      <button\n        type=\"button\"\n        aria-label=\"Dismiss\"\n        onClick={onDismiss}\n        className=\"text-muted-foreground hover:text-foreground\"\n      >\n        ✕\n      </button>\n    </div>\n  );\n}\n","/**\n * `<FlashContainer>` — bridges `useFlash()` to a stack of toasts.\n *\n * Subscribes to Inertia shared `flash` and pushes a toast each time a\n * new message of any kind arrives. Toast key is the (kind, message)\n * pair; identical repeats inside the same shared-props snapshot don't\n * duplicate. Defaults to fixed-positioning at top-right; pass `position`\n * to relocate.\n */\n\nimport { type FlashKind, useFlash } from '@arqel-dev/hooks';\nimport { useCallback, useState } from 'react';\nimport { cn } from '../utils/cn.js';\nimport { FlashToast } from './FlashToast.js';\n\ninterface ToastEntry {\n  id: number;\n  kind: FlashKind;\n  message: string;\n}\n\nexport type FlashPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\nexport interface FlashContainerProps {\n  position?: FlashPosition;\n  durationMs?: number;\n  className?: string;\n}\n\nconst POSITION_CLASSES: Record<FlashPosition, string> = {\n  'top-right': 'top-4 right-4 items-end',\n  'top-left': 'top-4 left-4 items-start',\n  'bottom-right': 'bottom-4 right-4 items-end',\n  'bottom-left': 'bottom-4 left-4 items-start',\n};\n\nlet nextId = 0;\n\nexport function FlashContainer({\n  position = 'top-right',\n  durationMs = 5000,\n  className,\n}: FlashContainerProps) {\n  const [toasts, setToasts] = useState<ToastEntry[]>([]);\n\n  const handleMessage = useCallback((kind: FlashKind, message: string) => {\n    setToasts((prev) => [...prev, { id: ++nextId, kind, message }]);\n  }, []);\n\n  useFlash({ onMessage: handleMessage });\n\n  const dismiss = (id: number) => setToasts((prev) => prev.filter((t) => t.id !== id));\n\n  return (\n    <div\n      data-arqel-flash=\"\"\n      className={cn(\n        'pointer-events-none fixed z-50 flex flex-col gap-2',\n        POSITION_CLASSES[position],\n        className,\n      )}\n    >\n      {toasts.map((toast) => (\n        <FlashToast\n          key={toast.id}\n          kind={toast.kind}\n          message={toast.message}\n          durationMs={durationMs}\n          onDismiss={() => dismiss(toast.id)}\n        />\n      ))}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"flash.js"}