@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-4ZB7RSMY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InlineEdit/InlineEdit.tsx"],"names":["cva","DateTime","React","InlineEdit","jsx","cn","jsxs","Loader2","Pencil","inputVariants","Check","X"],"mappings":"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","file":"chunk-4ZB7RSMY.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, Loader2, Pencil, X } from 'lucide-react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { inputVariants } from '../Input';\n\nexport type InlineEditType =\n  | 'text'\n  | 'textarea'\n  | 'number'\n  | 'date'\n  | 'select'\n  | 'email'\n  | 'url'\n  | 'tel';\n\nexport interface InlineEditOption {\n  value: string;\n  label: string;\n}\n\nexport interface InlineEditLabels {\n  /** Accessible name of the display button. */\n  edit: (label: string) => string;\n  save: string;\n  cancel: string;\n  saving: string;\n  /** Shown when the value is empty and no `placeholder` is given. */\n  empty: string;\n  /** Shown when `onSave` rejects without an `Error` message. */\n  saveFailed: string;\n}\n\nexport const defaultInlineEditLabels: InlineEditLabels = {\n  edit: (label) => `Edit ${label}`,\n  save: 'Save',\n  cancel: 'Cancel',\n  saving: 'Saving…',\n  empty: 'Click to add',\n  saveFailed: 'Could not save. Try again.',\n};\n\nconst displayVariants = cva(\n  [\n    'group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start',\n    'text-foreground transition-colors motion-reduce:transition-none',\n    'hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n    'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-2 py-1 text-sm',\n        md: 'min-h-10 px-3 py-2 text-base',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nexport interface InlineEditProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    VariantProps<typeof displayVariants> {\n  /** Current persisted value. Dates are ISO `yyyy-MM-dd`. */\n  value: string;\n  /** Persist the new value. Rejecting restores the previous value and shows an error. */\n  onSave: (value: string) => void | Promise<void>;\n  /** Field name, used for the accessible names of the controls. */\n  label: string;\n  /** Which control to render while editing. */\n  type?: InlineEditType;\n  /** Choices for `type=\"select\"`. */\n  options?: InlineEditOption[];\n  /** Shown when the value is empty. */\n  placeholder?: string;\n  /** Return an error message to block the save. */\n  validate?: (value: string) => string | undefined;\n  /** Custom rendering of a non-empty value in display mode. */\n  formatDisplay?: (value: string) => React.ReactNode;\n  /** Render the value as plain text with no edit affordance. */\n  readOnly?: boolean;\n  disabled?: boolean;\n  /** Save when focus leaves the editor (default). When false, blur cancels. */\n  saveOnBlur?: boolean;\n  /** Translatable strings. */\n  labels?: Partial<InlineEditLabels>;\n}\n\nfunction defaultDisplay(\n  value: string,\n  type: InlineEditType,\n  options?: InlineEditOption[]\n): string {\n  if (type === 'select') {\n    return options?.find((o) => o.value === value)?.label ?? value;\n  }\n  if (type === 'date') {\n    const date = DateTime.fromISO(value);\n    return date.isValid ? date.toLocaleString(DateTime.DATE_MED) : value;\n  }\n  return value;\n}\n\n/**\n * Click-to-edit value: a button in display mode, the matching control in edit\n * mode. Enter saves (Cmd/Ctrl+Enter in a textarea), Escape cancels.\n */\nexport const InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(\n  function InlineEdit(\n    {\n      value,\n      onSave,\n      label,\n      type = 'text',\n      options,\n      placeholder,\n      validate,\n      formatDisplay,\n      readOnly,\n      disabled,\n      saveOnBlur = true,\n      size,\n      labels: labelOverrides,\n      className,\n      'aria-describedby': describedBy,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultInlineEditLabels, ...labelOverrides };\n    const [editing, setEditing] = React.useState(false);\n    const [draft, setDraft] = React.useState(value);\n    const [pendingValue, setPendingValue] = React.useState<string | null>(null);\n    const [error, setError] = React.useState<string | null>(null);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const displayRef = React.useRef<HTMLButtonElement>(null);\n    const fieldRef = React.useRef<\n      HTMLInputElement & HTMLTextAreaElement & HTMLSelectElement\n    >(null);\n    const refocusDisplay = React.useRef(false);\n    const errorId = React.useId();\n    const describedByIds =\n      [describedBy, error && errorId].filter(Boolean).join(' ') || undefined;\n\n    React.useImperativeHandle(ref, () => containerRef.current!);\n\n    React.useEffect(() => {\n      if (editing) fieldRef.current?.focus();\n      else if (refocusDisplay.current) {\n        refocusDisplay.current = false;\n        displayRef.current?.focus();\n      }\n    }, [editing]);\n\n    const startEditing = () => {\n      if (disabled || readOnly || pendingValue !== null) return;\n      setDraft(value);\n      setError(null);\n      setEditing(true);\n    };\n\n    const cancel = (restoreFocus: boolean) => {\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n    };\n\n    const commit = async (restoreFocus: boolean) => {\n      const next = type === 'select' ? draft : draft.trim();\n      if (next === value) return cancel(restoreFocus);\n      const invalid = validate?.(next);\n      if (invalid) {\n        setError(invalid);\n        return;\n      }\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n      setPendingValue(next);\n      try {\n        await onSave(next);\n      } catch (e) {\n        setError(\n          e instanceof Error && e.message ? e.message : labels.saveFailed\n        );\n      } finally {\n        setPendingValue(null);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel(true);\n      } else if (\n        e.key === 'Enter' &&\n        (type !== 'textarea' || e.metaKey || e.ctrlKey)\n      ) {\n        e.preventDefault();\n        void commit(true);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n      if (containerRef.current?.contains(e.relatedTarget as Node | null)) {\n        return;\n      }\n      if (saveOnBlur) void commit(false);\n      else cancel(false);\n    };\n\n    const shown = pendingValue ?? value;\n    const isEmpty = shown.trim() === '';\n    const displayContent = isEmpty ? (\n      <span className=\"text-muted-foreground italic\">\n        {placeholder ?? labels.empty}\n      </span>\n    ) : (\n      (formatDisplay?.(shown) ?? (\n        <span className=\"break-words whitespace-pre-wrap\">\n          {defaultDisplay(shown, type, options)}\n        </span>\n      ))\n    );\n\n    const errorNode = error && (\n      <p\n        id={errorId}\n        role=\"alert\"\n        data-slot=\"inline-edit-error\"\n        className=\"text-destructive-700 dark:text-destructive-400 mt-1 text-sm\"\n      >\n        {error}\n      </p>\n    );\n\n    if (readOnly) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"read-only\"\n          aria-describedby={describedBy}\n          className={cn(\n            displayVariants({ size }),\n            'hover:bg-transparent',\n            className\n          )}\n          {...props}\n        >\n          {displayContent}\n        </div>\n      );\n    }\n\n    if (!editing) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"display\"\n          className={cn('min-w-0', className)}\n          {...props}\n        >\n          <button\n            ref={displayRef}\n            type=\"button\"\n            data-slot=\"inline-edit-display\"\n            aria-label={labels.edit(label)}\n            aria-describedby={describedByIds}\n            aria-busy={pendingValue !== null || undefined}\n            disabled={disabled}\n            onClick={startEditing}\n            className={displayVariants({ size })}\n          >\n            <span className=\"min-w-0 flex-1\">{displayContent}</span>\n            {pendingValue !== null ? (\n              <span role=\"status\" className=\"inline-flex items-center\">\n                <Loader2\n                  aria-hidden=\"true\"\n                  className=\"text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none\"\n                />\n                <span className=\"sr-only\">{labels.saving}</span>\n              </span>\n            ) : (\n              <Pencil\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none\"\n              />\n            )}\n          </button>\n          {errorNode}\n        </div>\n      );\n    }\n\n    const fieldProps = {\n      ref: fieldRef,\n      'aria-label': label,\n      'aria-invalid': error ? true : undefined,\n      'aria-describedby': describedByIds,\n      'data-slot': 'inline-edit-field',\n      value: draft,\n      onChange: (\n        e: React.ChangeEvent<\n          HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n        >\n      ) => setDraft(e.target.value),\n      onKeyDown: handleKeyDown,\n      onBlur: handleBlur,\n      className: cn(\n        inputVariants({ size: size === 'sm' ? 'sm' : 'md', hasError: !!error })\n      ),\n    };\n\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"inline-edit\"\n        data-state=\"editing\"\n        className={cn('min-w-0', className)}\n        {...props}\n      >\n        <div className=\"flex items-start gap-1\">\n          {type === 'textarea' ? (\n            <textarea\n              {...fieldProps}\n              rows={3}\n              placeholder={placeholder}\n              className={cn(fieldProps.className, 'h-auto min-h-20')}\n            />\n          ) : type === 'select' ? (\n            <select {...fieldProps}>\n              {!options?.some((o) => o.value === draft) && (\n                <option value={draft}>{placeholder ?? ''}</option>\n              )}\n              {options?.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n          ) : (\n            <input {...fieldProps} type={type} placeholder={placeholder} />\n          )}\n          <button\n            type=\"button\"\n            aria-label={labels.save}\n            title={labels.save}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => void commit(true)}\n            onBlur={handleBlur}\n            className=\"text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <Check aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={labels.cancel}\n            title={labels.cancel}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => cancel(true)}\n            onBlur={handleBlur}\n            className=\"text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <X aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n        </div>\n        {errorNode}\n      </div>\n    );\n  }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n"]}

package/dist/chunk-522WJIVI.js

@@ -0,0 +1,99 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "font-medium",
+    "rounded-full",
+    "transition-colors duration-150"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100",
+        secondary: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100",
+        success: "bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100",
+        warning: "bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100",
+        danger: "bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100",
+        outline: "border border-current bg-transparent"
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      // Padding lives in compound variants so the remove button can sit
+      // closer to the end edge without fighting the symmetric `px-*`.
+      // No root gap: the remove button carries its own `ms-1` so icon and
+      // multi-node children keep their normal spacing.
+      removable: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { size: "sm", removable: false, className: "px-2 py-0.5" },
+      { size: "sm", removable: true, className: "ps-2 pe-0.5 py-0.5" },
+      { size: "md", removable: false, className: "px-2.5 py-0.5" },
+      { size: "md", removable: true, className: "ps-2.5 pe-1 py-0.5" },
+      { size: "lg", removable: false, className: "px-3 py-1" },
+      { size: "lg", removable: true, className: "ps-3 pe-1.5 py-1" }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      removable: false
+    }
+  }
+);
+var Badge = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    icon,
+    onRemove,
+    removeLabel = "Remove",
+    removeDisabled,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "badge",
+        className: cn(
+          badgeVariants({ variant, size, removable: !!onRemove }),
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "me-1 shrink-0", children: icon }),
+          children,
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "badge-remove",
+              "aria-label": removeLabel,
+              disabled: removeDisabled,
+              onClick: onRemove,
+              className: "focus-visible:ring-ring ms-1 shrink-0 rounded-full p-0.5 hover:bg-black/10 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 dark:hover:bg-white/10",
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-3 w-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=chunk-522WJIVI.js.map
+//# sourceMappingURL=chunk-522WJIVI.js.map

package/dist/chunk-522WJIVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-522WJIVI.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n      // Padding lives in compound variants so the remove button can sit\n      // closer to the end edge without fighting the symmetric `px-*`.\n      // No root gap: the remove button carries its own `ms-1` so icon and\n      // multi-node children keep their normal spacing.\n      removable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', removable: false, className: 'px-2 py-0.5' },\n      { size: 'sm', removable: true, className: 'ps-2 pe-0.5 py-0.5' },\n      { size: 'md', removable: false, className: 'px-2.5 py-0.5' },\n      { size: 'md', removable: true, className: 'ps-2.5 pe-1 py-0.5' },\n      { size: 'lg', removable: false, className: 'px-3 py-1' },\n      { size: 'lg', removable: true, className: 'ps-3 pe-1.5 py-1' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      removable: false,\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    Omit<VariantProps<typeof badgeVariants>, 'removable'> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n  /** Renders a remove button after the text; the badge becomes a chip. */\n  onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Accessible name of the remove button. Always pass a translated string;\n   * the English default only guards against a missing label.\n   */\n  removeLabel?: string;\n  /** Disables the remove button. */\n  removeDisabled?: boolean;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n * With `onRemove` it becomes a removable chip.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * <Badge onRemove={() => clear(tag)} removeLabel={t('removeTag', { tag })}>\n *   {tag}\n * </Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      icon,\n      onRemove,\n      removeLabel = 'Remove',\n      removeDisabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"badge\"\n        className={cn(\n          badgeVariants({ variant, size, removable: !!onRemove }),\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"me-1 shrink-0\">{icon}</span>}\n        {children}\n        {onRemove && (\n          <button\n            type=\"button\"\n            data-slot=\"badge-remove\"\n            aria-label={removeLabel}\n            disabled={removeDisabled}\n            onClick={onRemove}\n            className=\"focus-visible:ring-ring ms-1 shrink-0 rounded-full p-0.5 hover:bg-black/10 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 dark:hover:bg-white/10\"\n          >\n            <X aria-hidden=\"true\" className=\"h-3 w-3\" />\n          </button>\n        )}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-56VTM4OX.js

@@ -0,0 +1,261 @@
+import { Modal, ModalBody, ModalFooter } from './chunk-TWQSMUE6.js';
+import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
+import { Button } from './chunk-WFBUBT54.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Info, CheckCircle2, AlertTriangle } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultAlertDialogLabels = {
+  cancel: "Cancel",
+  action: "Continue",
+  busy: "Working\u2026",
+  acknowledge: "OK"
+};
+var iconVariants = cva(
+  "flex h-10 w-10 shrink-0 items-center justify-center rounded-full",
+  {
+    variants: {
+      variant: {
+        destructive: "bg-destructive/10 text-destructive",
+        warning: "bg-warning/15 text-warning-700 dark:text-warning-400",
+        success: "bg-success/10 text-success-700 dark:text-success-400",
+        info: "bg-info/10 text-info-700 dark:text-info-400"
+      }
+    }
+  }
+);
+var VARIANT_ICONS = {
+  destructive: AlertTriangle,
+  warning: AlertTriangle,
+  success: CheckCircle2,
+  info: Info
+};
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && typeof value.then === "function";
+}
+function AlertDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  cancelLabel,
+  actionLabel,
+  onAction,
+  onCancel,
+  variant = "default",
+  actionDisabled,
+  hideCancel,
+  labels,
+  className
+}) {
+  const text = { ...defaultAlertDialogLabels, ...labels };
+  const id = React.useId();
+  const titleId = `${id}-title`;
+  const descriptionId = `${id}-description`;
+  const [busy, setBusy] = React.useState(false);
+  const bodyRef = React.useRef(null);
+  const cancelRef = React.useRef(null);
+  const actionRef = React.useRef(null);
+  const cautious = variant === "destructive" || variant === "warning";
+  const iconVariant = variant === "default" ? null : variant;
+  const Icon = iconVariant && VARIANT_ICONS[iconVariant];
+  React.useLayoutEffect(() => {
+    if (!open) return;
+    bodyRef.current?.closest('[data-slot="modal"]')?.setAttribute("role", "alertdialog");
+  }, [open]);
+  React.useLayoutEffect(() => {
+    if (!open) return;
+    const opener = document.activeElement;
+    return () => {
+      if (opener instanceof HTMLElement && opener.isConnected) opener.focus();
+    };
+  }, [open]);
+  React.useEffect(() => {
+    if (!open || isStorybookDocsMode()) return;
+    (cautious && !hideCancel ? cancelRef : actionRef).current?.focus();
+  }, [open, cautious, hideCancel]);
+  const handleCancel = () => {
+    onCancel?.();
+    onOpenChange(false);
+  };
+  const actionGen = React.useRef(0);
+  React.useEffect(() => {
+    if (!open) {
+      actionGen.current += 1;
+      setBusy(false);
+    }
+  }, [open]);
+  const handleAction = async () => {
+    let result;
+    try {
+      result = onAction?.();
+    } catch {
+      requestAnimationFrame(() => actionRef.current?.focus());
+      return;
+    }
+    if (!isPromiseLike(result)) return;
+    const gen = ++actionGen.current;
+    setBusy(true);
+    try {
+      await result;
+      if (gen !== actionGen.current) return;
+      setBusy(false);
+      onOpenChange(false);
+    } catch {
+      if (gen !== actionGen.current) return;
+      setBusy(false);
+      requestAnimationFrame(() => actionRef.current?.focus());
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      open,
+      onOpenChange,
+      size: "sm",
+      closeOnOverlayClick: false,
+      closeOnEscape: false,
+      className,
+      "aria-labelledby": titleId,
+      "aria-describedby": description ? descriptionId : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          ModalBody,
+          {
+            ref: bodyRef,
+            "data-variant": variant,
+            "aria-busy": busy || void 0,
+            className: "flex items-start gap-4 px-6 py-5",
+            children: [
+              Icon && iconVariant && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "alert-dialog-icon",
+                  className: iconVariants({ variant: iconVariant }),
+                  children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5", "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    id: titleId,
+                    "data-slot": "alert-dialog-title",
+                    className: "text-lg font-semibold tracking-tight",
+                    children: title
+                  }
+                ),
+                description && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    id: descriptionId,
+                    "data-slot": "alert-dialog-description",
+                    className: cn("text-muted-foreground mt-2 text-sm"),
+                    children: description
+                  }
+                ),
+                children
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(ModalFooter, { children: [
+          !hideCancel && /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: cancelRef,
+              variant: "secondary",
+              onClick: handleCancel,
+              disabled: busy,
+              children: cancelLabel ?? text.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: actionRef,
+              variant: variant === "destructive" ? "danger" : "primary",
+              onClick: handleAction,
+              disabled: actionDisabled,
+              isLoading: busy,
+              loadingText: text.busy,
+              children: actionLabel ?? text.action
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+AlertDialog.displayName = "AlertDialog";
+var ConfirmContext = React.createContext(null);
+function ConfirmDialogProvider({
+  children,
+  labels
+}) {
+  const [request, setRequest] = React.useState(null);
+  const [open, setOpen] = React.useState(false);
+  const resolveRef = React.useRef(null);
+  const settle = React.useCallback((confirmed) => {
+    resolveRef.current?.(confirmed);
+    resolveRef.current = null;
+    setOpen(false);
+  }, []);
+  React.useEffect(
+    () => () => {
+      resolveRef.current?.(false);
+      resolveRef.current = null;
+    },
+    []
+  );
+  const api = React.useMemo(() => {
+    const show = (next) => new Promise((resolve) => {
+      resolveRef.current?.(false);
+      resolveRef.current = resolve;
+      setRequest(next);
+      setOpen(true);
+    });
+    return {
+      confirm: (options) => show({ ...options, mode: "confirm" }),
+      alert: async (options) => {
+        await show({ variant: "info", ...options, mode: "alert" });
+      }
+    };
+  }, []);
+  const text = { ...defaultAlertDialogLabels, ...labels };
+  const isAlert = request?.mode === "alert";
+  return /* @__PURE__ */ jsxs(ConfirmContext.Provider, { value: api, children: [
+    children,
+    request && /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open,
+        onOpenChange: (next) => {
+          if (!next) settle(false);
+        },
+        title: request.title,
+        description: request.description,
+        variant: request.variant,
+        labels,
+        hideCancel: isAlert,
+        cancelLabel: request.cancelLabel,
+        actionLabel: request.actionLabel ?? (isAlert ? text.acknowledge : void 0),
+        onAction: () => settle(true)
+      }
+    )
+  ] });
+}
+function useConfirm() {
+  const api = React.useContext(ConfirmContext);
+  if (!api) {
+    throw new Error("useConfirm must be used within a <ConfirmDialogProvider>");
+  }
+  return api;
+}
+
+export { AlertDialog, ConfirmDialogProvider, defaultAlertDialogLabels, useConfirm };
+//# sourceMappingURL=chunk-56VTM4OX.js.map
+//# sourceMappingURL=chunk-56VTM4OX.js.map

package/dist/chunk-56VTM4OX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/ConfirmDialogProvider.tsx"],"names":["React2","jsxs","jsx"],"mappings":"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","file":"chunk-56VTM4OX.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { AlertTriangle, CheckCircle2, Info } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { isStorybookDocsMode } from '../../utils/environment';\nimport { Modal, ModalBody, ModalFooter, type ModalProps } from '../Modal';\nimport { Button } from '../Button';\n\nexport type AlertDialogVariant =\n  | 'default'\n  | 'destructive'\n  | 'warning'\n  | 'success'\n  | 'info';\n\nexport interface AlertDialogLabels {\n  /** Cancel button */\n  cancel: string;\n  /** Action button */\n  action: string;\n  /** Action button while an async `onAction` is pending */\n  busy: string;\n  /** Action button of `useConfirm().alert()` */\n  acknowledge: string;\n}\n\nexport const defaultAlertDialogLabels: AlertDialogLabels = {\n  cancel: 'Cancel',\n  action: 'Continue',\n  busy: 'Working…',\n  acknowledge: 'OK',\n};\n\nconst iconVariants = cva(\n  'flex h-10 w-10 shrink-0 items-center justify-center rounded-full',\n  {\n    variants: {\n      variant: {\n        destructive: 'bg-destructive/10 text-destructive',\n        warning: 'bg-warning/15 text-warning-700 dark:text-warning-400',\n        success: 'bg-success/10 text-success-700 dark:text-success-400',\n        info: 'bg-info/10 text-info-700 dark:text-info-400',\n      },\n    },\n  }\n);\n\nconst VARIANT_ICONS = {\n  destructive: AlertTriangle,\n  warning: AlertTriangle,\n  success: CheckCircle2,\n  info: Info,\n} as const;\n\nexport interface AlertDialogProps extends Pick<\n  ModalProps,\n  'open' | 'onOpenChange'\n> {\n  /** Dialog title */\n  title: React.ReactNode;\n  /** Optional descriptive body text */\n  description?: React.ReactNode;\n  /** Custom body content (rendered below the description) */\n  children?: React.ReactNode;\n  /** Label for the cancel button; overrides `labels.cancel` */\n  cancelLabel?: React.ReactNode;\n  /** Label for the confirm/action button; overrides `labels.action` */\n  actionLabel?: React.ReactNode;\n  /**\n   * Called when the action button is clicked. Return a Promise to show a busy\n   * state; the dialog closes when it resolves and stays open if it rejects.\n   */\n  onAction?: () => void | Promise<unknown>;\n  /** Called when the cancel button is clicked */\n  onCancel?: () => void;\n  /** Tone of the dialog: icon, action button colour and initial focus */\n  variant?: AlertDialogVariant;\n  /** Disables the action button */\n  actionDisabled?: boolean;\n  /** Hides the cancel button */\n  hideCancel?: boolean;\n  /** User-facing strings; English defaults in `defaultAlertDialogLabels` */\n  labels?: Partial<AlertDialogLabels>;\n  /** Additional class name for the dialog content */\n  className?: string;\n}\n\nfunction isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    typeof (value as PromiseLike<unknown>).then === 'function'\n  );\n}\n\n/**\n * A modal dialog (`role=\"alertdialog\"`) that interrupts the user with\n * important content and expects a response. Built on top of {@link Modal}.\n *\n * It does not close on overlay click or Escape — the user must explicitly\n * choose an action.\n *\n * @example\n * ```tsx\n * <AlertDialog\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Delete case?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   actionLabel=\"Delete\"\n *   onAction={() => deleteCase(id)}\n * />\n * ```\n */\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  cancelLabel,\n  actionLabel,\n  onAction,\n  onCancel,\n  variant = 'default',\n  actionDisabled,\n  hideCancel,\n  labels,\n  className,\n}: AlertDialogProps) {\n  const text = { ...defaultAlertDialogLabels, ...labels };\n  const id = React.useId();\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n  const [busy, setBusy] = React.useState(false);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n  const cancelRef = React.useRef<HTMLButtonElement>(null);\n  const actionRef = React.useRef<HTMLButtonElement>(null);\n  const cautious = variant === 'destructive' || variant === 'warning';\n  const iconVariant = variant === 'default' ? null : variant;\n  const Icon = iconVariant && VARIANT_ICONS[iconVariant];\n\n  // Modal has no role prop; upgrade its dialog element. React never resets it\n  // because the role Modal renders does not change.\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    bodyRef.current\n      ?.closest('[data-slot=\"modal\"]')\n      ?.setAttribute('role', 'alertdialog');\n  }, [open]);\n\n  // Layout effect so the opener is captured before Modal's trap moves focus.\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    const opener = document.activeElement;\n    return () => {\n      if (opener instanceof HTMLElement && opener.isConnected) opener.focus();\n    };\n  }, [open]);\n\n  // Parent effects run after Modal's, so this overrides its first-element focus.\n  React.useEffect(() => {\n    if (!open || isStorybookDocsMode()) return;\n    (cautious && !hideCancel ? cancelRef : actionRef).current?.focus();\n  }, [open, cautious, hideCancel]);\n\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  // Closing (or reusing) the dialog orphans any in-flight action: its\n  // continuation must not clear the busy state or close a newer dialog.\n  const actionGen = React.useRef(0);\n  React.useEffect(() => {\n    if (!open) {\n      actionGen.current += 1;\n      setBusy(false);\n    }\n  }, [open]);\n\n  const handleAction = async () => {\n    let result: unknown;\n    try {\n      result = onAction?.();\n    } catch {\n      requestAnimationFrame(() => actionRef.current?.focus());\n      return;\n    }\n    if (!isPromiseLike(result)) return;\n    const gen = ++actionGen.current;\n    setBusy(true);\n    try {\n      await result;\n      if (gen !== actionGen.current) return;\n      setBusy(false);\n      onOpenChange(false);\n    } catch {\n      if (gen !== actionGen.current) return;\n      setBusy(false);\n      // Disabling the button dropped focus; return it once re-enabled.\n      requestAnimationFrame(() => actionRef.current?.focus());\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      closeOnOverlayClick={false}\n      closeOnEscape={false}\n      className={className}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n    >\n      <ModalBody\n        ref={bodyRef}\n        data-variant={variant}\n        aria-busy={busy || undefined}\n        className=\"flex items-start gap-4 px-6 py-5\"\n      >\n        {Icon && iconVariant && (\n          <span\n            data-slot=\"alert-dialog-icon\"\n            className={iconVariants({ variant: iconVariant })}\n          >\n            <Icon className=\"h-5 w-5\" aria-hidden=\"true\" />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <h2\n            id={titleId}\n            data-slot=\"alert-dialog-title\"\n            className=\"text-lg font-semibold tracking-tight\"\n          >\n            {title}\n          </h2>\n          {description && (\n            <p\n              id={descriptionId}\n              data-slot=\"alert-dialog-description\"\n              className={cn('text-muted-foreground mt-2 text-sm')}\n            >\n              {description}\n            </p>\n          )}\n          {children}\n        </div>\n      </ModalBody>\n      <ModalFooter>\n        {!hideCancel && (\n          <Button\n            ref={cancelRef}\n            variant=\"secondary\"\n            onClick={handleCancel}\n            disabled={busy}\n          >\n            {cancelLabel ?? text.cancel}\n          </Button>\n        )}\n        <Button\n          ref={actionRef}\n          variant={variant === 'destructive' ? 'danger' : 'primary'}\n          onClick={handleAction}\n          disabled={actionDisabled}\n          isLoading={busy}\n          loadingText={text.busy}\n        >\n          {actionLabel ?? text.action}\n        </Button>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n\nexport { AlertDialog };\n","import * as React from 'react';\nimport {\n  AlertDialog,\n  defaultAlertDialogLabels,\n  type AlertDialogLabels,\n  type AlertDialogVariant,\n} from './AlertDialog';\n\nexport interface ConfirmOptions {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  actionLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  variant?: AlertDialogVariant;\n}\n\nexport type AlertOptions = Omit<ConfirmOptions, 'cancelLabel'>;\n\nexport interface ConfirmApi {\n  /** Resolves `true` when the user confirms, `false` when they cancel. */\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n  /** Shows a dialog with only an acknowledge button; resolves when dismissed. */\n  alert: (options: AlertOptions) => Promise<void>;\n}\n\nexport interface ConfirmDialogProviderProps {\n  children: React.ReactNode;\n  /** Default strings for every dialog the provider opens */\n  labels?: Partial<AlertDialogLabels>;\n}\n\ninterface PendingDialog extends ConfirmOptions {\n  mode: 'confirm' | 'alert';\n}\n\nconst ConfirmContext = React.createContext<ConfirmApi | null>(null);\n\n/**\n * Renders one {@link AlertDialog} and exposes it imperatively through\n * {@link useConfirm}. Mount once near the app root.\n */\nexport function ConfirmDialogProvider({\n  children,\n  labels,\n}: ConfirmDialogProviderProps) {\n  const [request, setRequest] = React.useState<PendingDialog | null>(null);\n  const [open, setOpen] = React.useState(false);\n  const resolveRef = React.useRef<((confirmed: boolean) => void) | null>(null);\n\n  const settle = React.useCallback((confirmed: boolean) => {\n    resolveRef.current?.(confirmed);\n    resolveRef.current = null;\n    setOpen(false);\n  }, []);\n\n  // If the provider unmounts with a dialog open, settle the promise as\n  // cancelled so callers awaiting confirm() aren't suspended forever.\n  React.useEffect(\n    () => () => {\n      resolveRef.current?.(false);\n      resolveRef.current = null;\n    },\n    []\n  );\n\n  const api = React.useMemo<ConfirmApi>(() => {\n    const show = (next: PendingDialog) =>\n      new Promise<boolean>((resolve) => {\n        // A newer request replaces an unanswered one, which counts as cancelled.\n        resolveRef.current?.(false);\n        resolveRef.current = resolve;\n        setRequest(next);\n        setOpen(true);\n      });\n    return {\n      confirm: (options) => show({ ...options, mode: 'confirm' }),\n      alert: async (options) => {\n        await show({ variant: 'info', ...options, mode: 'alert' });\n      },\n    };\n  }, []);\n\n  const text = { ...defaultAlertDialogLabels, ...labels };\n  const isAlert = request?.mode === 'alert';\n\n  return (\n    <ConfirmContext.Provider value={api}>\n      {children}\n      {request && (\n        <AlertDialog\n          open={open}\n          onOpenChange={(next) => {\n            if (!next) settle(false);\n          }}\n          title={request.title}\n          description={request.description}\n          variant={request.variant}\n          labels={labels}\n          hideCancel={isAlert}\n          cancelLabel={request.cancelLabel}\n          actionLabel={\n            request.actionLabel ?? (isAlert ? text.acknowledge : undefined)\n          }\n          onAction={() => settle(true)}\n        />\n      )}\n    </ConfirmContext.Provider>\n  );\n}\n\n/**\n * Promise-based confirm/alert dialogs. Requires a {@link ConfirmDialogProvider}\n * ancestor.\n *\n * @example\n * ```tsx\n * const { confirm } = useConfirm();\n * if (await confirm({ title: 'Delete case?', variant: 'destructive' })) remove();\n * ```\n */\nexport function useConfirm(): ConfirmApi {\n  const api = React.useContext(ConfirmContext);\n  if (!api) {\n    throw new Error('useConfirm must be used within a <ConfirmDialogProvider>');\n  }\n  return api;\n}\n"]}