@mieweb/ui 0.10.0-dev.32 → 0.10.0-dev.34

package/dist/{chunk-ENMXHZNE.js → chunk-TWQSMUE6.js}

@@ -29,6 +29,10 @@ var modalContentVariants = cva(
     // Full viewport height on mobile, constrained on larger screens
     "max-h-dvh sm:max-h-[calc(100dvh-2rem)]",
     "min-h-dvh sm:min-h-0",
+    // Full-screen on mobile covers the status bar and home indicator, so
+    // clear the safe areas there. Overridable for tests and native shells.
+    "pt-[var(--mieweb-safe-area-top,env(safe-area-inset-top))] sm:pt-0",
+    "pb-[var(--mieweb-safe-area-bottom,env(safe-area-inset-bottom))] sm:pb-0",
     // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),
     // make it participate in the flex column layout so overflow constraints work.
     "[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0",
@@ -294,5 +298,5 @@ function CloseIcon() {
 }
 
 export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants };
-//# sourceMappingURL=chunk-ENMXHZNE.js.map
-//# sourceMappingURL=chunk-ENMXHZNE.js.map
+//# sourceMappingURL=chunk-TWQSMUE6.js.map
+//# sourceMappingURL=chunk-TWQSMUE6.js.map

package/dist/chunk-TWQSMUE6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"chunk-TWQSMUE6.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { isStorybookDocsMode } from '../../utils/environment';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { Animated, AnimatedPresence, useMotionRuntime } from '../../motion';\n\n/**\n * Modal scroll lock state manager.\n * Uses a singleton pattern with ref-like storage to track open modals\n * and manage body scroll locking across multiple modal instances.\n * Includes reset capability for testing environments.\n */\nconst scrollLockState = {\n  count: 0,\n  originalOverflow: null as string | null,\n  reset() {\n    this.count = 0;\n    this.originalOverflow = null;\n  },\n};\n\n// Export for testing environments\nexport const __resetScrollLockState = () => scrollLockState.reset();\n\nconst modalOverlayVariants = cva(\n  ['fixed inset-0', 'bg-black/50 backdrop-blur-sm'],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Entry keyframes for the CSS path only.\n *\n * Kept out of the `cva` base so they never run alongside the motion runtime —\n * both drive opacity and transform, and applied together they fight.\n *\n * Entry only: there is no CSS exit. The component unmounts the moment `open`\n * flips to false, so `data-state` is hardcoded `\"open\"` and closed keyframes\n * would be unreachable dead code. That missing exit is the clearest thing the\n * motion opt-in buys back.\n */\nconst MODAL_OVERLAY_FALLBACK_ANIMATION = 'animate-in fade-in-0';\n\nconst MODAL_CONTENT_FALLBACK_ANIMATION =\n  'duration-200 animate-in fade-in-0 zoom-in-95';\n\nconst modalContentVariants = cva(\n  [\n    'relative w-full bg-card text-card-foreground',\n    'border border-border shadow-lg',\n    // Full-screen on mobile, rounded on larger screens\n    'rounded-none sm:rounded-xl',\n    'flex flex-col',\n    // Full viewport height on mobile, constrained on larger screens\n    'max-h-dvh sm:max-h-[calc(100dvh-2rem)]',\n    'min-h-dvh sm:min-h-0',\n    // Full-screen on mobile covers the status bar and home indicator, so\n    // clear the safe areas there. Overridable for tests and native shells.\n    'pt-[var(--mieweb-safe-area-top,env(safe-area-inset-top))] sm:pt-0',\n    'pb-[var(--mieweb-safe-area-bottom,env(safe-area-inset-bottom))] sm:pb-0',\n    // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),\n    // make it participate in the flex column layout so overflow constraints work.\n    '[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0',\n    'focus:outline-none',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        '4xl': 'sm:max-w-4xl',\n        full: 'max-w-[calc(100vw-2rem)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface ModalProps extends VariantProps<typeof modalContentVariants> {\n  /** Whether the modal is open */\n  open: boolean;\n  /** Callback when the modal should close */\n  onOpenChange: (open: boolean) => void;\n  /** Modal content */\n  children: React.ReactNode;\n  /** Whether to close when clicking the overlay */\n  closeOnOverlayClick?: boolean;\n  /** Whether to close when pressing Escape */\n  closeOnEscape?: boolean;\n  /** Additional class name for the modal content */\n  className?: string;\n  /** ID for the modal, used for accessibility */\n  id?: string;\n  /** Accessible label for the modal */\n  'aria-label'?: string;\n  /** ID of the element that labels the modal */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the modal */\n  'aria-describedby'?: string;\n}\n\n/**\n * An accessible modal/dialog component.\n *\n * @example\n * ```tsx\n * <Modal open={isOpen} onOpenChange={setIsOpen} size=\"lg\">\n *   <ModalHeader>\n *     <ModalTitle>Confirm Action</ModalTitle>\n *     <ModalClose />\n *   </ModalHeader>\n *   <ModalBody>\n *     Are you sure you want to continue?\n *   </ModalBody>\n *   <ModalFooter>\n *     <Button variant=\"secondary\" onClick={() => setIsOpen(false)}>Cancel</Button>\n *     <Button onClick={handleConfirm}>Confirm</Button>\n *   </ModalFooter>\n * </Modal>\n * ```\n */\nfunction Modal({\n  open,\n  onOpenChange,\n  children,\n  size,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: ModalProps) {\n  const generatedId = React.useId();\n  const modalId = id || generatedId;\n\n  /*\n   * The dialog outlives `open`.\n   *\n   * With a motion runtime, `AnimatedPresence` keeps the subtree on screen until\n   * its exit animation finishes. Guards keyed on `open` alone would therefore\n   * release while a `role=\"dialog\" aria-modal=\"true\"` element is still visible:\n   * Tab could reach the page behind it and body scrolling would resume under\n   * it. `isGuarded` stays true until presence reports the exit is done.\n   *\n   * Only tracked when a runtime is actually animating. Without one the subtree\n   * unmounts on the same frame, and `onExitComplete` would never fire to clear\n   * the flag.\n   */\n  const runtime = useMotionRuntime();\n  const animatesExit = Boolean(runtime?.enabled);\n  const [isExiting, setIsExiting] = React.useState(false);\n  const [prevOpen, setPrevOpen] = React.useState(open);\n\n  // Derived synchronously during render (React's \"adjust state when props\n  // change\" pattern), not in an effect. An effect runs after commit, which\n  // would leave one committed frame with the dialog still on screen but\n  // `isGuarded` false — the focus trap would tear down, restore focus, then\n  // re-arm and yank focus into the closing dialog, with the scroll lock\n  // flickering alongside. Setting state during render re-renders before\n  // commit, so the guards never observe the gap.\n  if (prevOpen !== open) {\n    setPrevOpen(open);\n    if (!open && animatesExit) {\n      setIsExiting(true);\n    }\n  }\n\n  // If the runtime disappears or is disabled mid-exit, `onExitComplete` will\n  // never fire — the subtree is already gone. Without this reset the guards\n  // (and the body scroll lock with them) would be held forever.\n  React.useEffect(() => {\n    if (!animatesExit && isExiting) {\n      setIsExiting(false);\n    }\n  }, [animatesExit, isExiting]);\n\n  const isGuarded = open || isExiting;\n\n  // Focus trap. Typed as `HTMLElement` because the content element is supplied\n  // by `Animated`, which is element-agnostic.\n  const focusTrapRef = useFocusTrap<HTMLElement>(isGuarded);\n\n  // Handle escape key\n  useEscapeKey(() => {\n    if (closeOnEscape && open) {\n      onOpenChange(false);\n    }\n  }, open);\n\n  // Handle overlay click\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  // Prevent body scroll while the modal is on screen (handles multiple modals).\n  // Keyed on `isGuarded`, not `open`, so scrolling does not resume underneath a\n  // dialog that is still animating out.\n  // Skip scroll lock in Storybook docs mode where multiple stories render inline\n  React.useEffect(() => {\n    // Skip scroll lock entirely in Storybook docs mode\n    if (!isGuarded || isStorybookDocsMode()) {\n      return undefined;\n    }\n\n    scrollLockState.count++;\n    // Only capture and set overflow when first modal opens\n    if (scrollLockState.count === 1) {\n      scrollLockState.originalOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      scrollLockState.count--;\n      // Only restore overflow when last modal closes\n      if (\n        scrollLockState.count === 0 &&\n        scrollLockState.originalOverflow !== null\n      ) {\n        document.body.style.overflow = scrollLockState.originalOverflow;\n        scrollLockState.originalOverflow = null;\n      }\n    };\n  }, [isGuarded]);\n\n  return (\n    <ModalContext.Provider\n      value={{ onClose: () => onOpenChange(false), modalId }}\n    >\n      {/*\n        The `open` check lives inside `AnimatedPresence` rather than as an early\n        `return null` above. On the CSS path this is identical — the tree\n        unmounts immediately. With a motion runtime the subtree is held on\n        screen until the overlay and content finish their exit animations.\n      */}\n      <AnimatedPresence onExitComplete={() => setIsExiting(false)}>\n        {open && (\n          <div key=\"modal-root\" className=\"fixed inset-0 z-50\">\n            {/* Overlay backdrop */}\n            <Animated\n              preset=\"overlay\"\n              mode=\"presence\"\n              className={cn(modalOverlayVariants())}\n              fallbackClassName={MODAL_OVERLAY_FALLBACK_ANIMATION}\n              data-state=\"open\"\n              aria-hidden=\"true\"\n            />\n            {/* Scrollable centering container — click outside to close */}\n            <div className=\"fixed inset-0 overflow-y-auto\">\n              {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n              <div\n                className=\"flex min-h-full items-center justify-center p-0 sm:p-4\"\n                onClick={handleOverlayClick}\n              >\n                {/* Content */}\n                <Animated\n                  ref={focusTrapRef}\n                  preset=\"modalContent\"\n                  mode=\"presence\"\n                  role=\"dialog\"\n                  aria-modal=\"true\"\n                  aria-label={ariaLabel}\n                  aria-labelledby={ariaLabelledBy || `${modalId}-title`}\n                  aria-describedby={ariaDescribedBy}\n                  id={modalId}\n                  tabIndex={-1}\n                  data-state=\"open\"\n                  data-slot=\"modal\"\n                  className={cn(modalContentVariants({ size }), className)}\n                  fallbackClassName={MODAL_CONTENT_FALLBACK_ANIMATION}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {children}\n                </Animated>\n              </div>\n            </div>\n          </div>\n        )}\n      </AnimatedPresence>\n    </ModalContext.Provider>\n  );\n}\n\nModal.displayName = 'Modal';\n\n// ============================================================================\n// Modal Context\n// ============================================================================\n\ninterface ModalContextValue {\n  onClose: () => void;\n  modalId: string;\n}\n\nconst ModalContext = React.createContext<ModalContextValue | undefined>(\n  undefined\n);\n\nfunction useModalContext() {\n  const context = React.useContext(ModalContext);\n  if (!context) {\n    throw new Error('Modal components must be used within a Modal');\n  }\n  return context;\n}\n\n// ============================================================================\n// Modal Header\n// ============================================================================\n\nexport type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Header section of a Modal.\n */\nconst ModalHeader = React.forwardRef<HTMLDivElement, ModalHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"modal-header\"\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nModalHeader.displayName = 'ModalHeader';\n\n// ============================================================================\n// Modal Title\n// ============================================================================\n\nexport type ModalTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\n/**\n * Title for a Modal.\n */\nconst ModalTitle = React.forwardRef<HTMLHeadingElement, ModalTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { modalId } = useModalContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${modalId}-title`}\n        data-slot=\"modal-title\"\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nModalTitle.displayName = 'ModalTitle';\n\n// ============================================================================\n// Modal Close Button\n// ============================================================================\n\nexport type ModalCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * Close button for a Modal.\n */\nconst ModalClose = React.forwardRef<HTMLButtonElement, ModalCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useModalContext();\n\n    const handleClick = React.useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        if (!e.defaultPrevented) {\n          onClose();\n        }\n      },\n      [onClick, onClose]\n    );\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        data-slot=\"modal-close\"\n        className={cn(\n          'inline-flex h-8 w-8 items-center justify-center rounded-lg',\n          'text-muted-foreground hover:text-foreground',\n          'hover:bg-muted transition-colors',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          className\n        )}\n        aria-label=\"Close\"\n        {...props}\n      >\n        {children || <CloseIcon />}\n      </button>\n    );\n  }\n);\n\nModalClose.displayName = 'ModalClose';\n\n// ============================================================================\n// Modal Body\n// ============================================================================\n\nexport type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Main content area of a Modal.\n */\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"modal-body\"\n      className={cn('min-h-0 flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nModalBody.displayName = 'ModalBody';\n\n// ============================================================================\n// Modal Footer\n// ============================================================================\n\nexport type ModalFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Footer section of a Modal, typically for action buttons.\n */\nconst ModalFooter = React.forwardRef<HTMLDivElement, ModalFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"modal-footer\"\n      className={cn(\n        'flex shrink-0 items-center justify-end gap-3',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nModalFooter.displayName = 'ModalFooter';\n\n// ============================================================================\n// Close Icon\n// ============================================================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n  modalContentVariants,\n  modalOverlayVariants,\n};\n"]}

package/dist/{chunk-GNOQFTLL.cjs → chunk-UTIPENPW.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
+var chunkLC3JL2HB_cjs = require('./chunk-LC3JL2HB.cjs');
 var chunkSCV7C55E_cjs = require('./chunk-SCV7C55E.cjs');
 var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
@@ -133,7 +133,7 @@ function AlertDialog({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkT4L7Q5FA_cjs.Modal,
+    chunkLC3JL2HB_cjs.Modal,
     {
       open,
       onOpenChange,
@@ -145,7 +145,7 @@ function AlertDialog({
       "aria-describedby": description ? descriptionId : void 0,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkT4L7Q5FA_cjs.ModalBody,
+          chunkLC3JL2HB_cjs.ModalBody,
           {
             ref: bodyRef,
             "data-variant": variant,
@@ -184,7 +184,7 @@ function AlertDialog({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalFooter, { children: [
           !hideCancel && /* @__PURE__ */ jsxRuntime.jsx(
             chunkANMX7YDL_cjs.Button,
             {
@@ -282,5 +282,5 @@ exports.AlertDialog = AlertDialog;
 exports.ConfirmDialogProvider = ConfirmDialogProvider;
 exports.defaultAlertDialogLabels = defaultAlertDialogLabels;
 exports.useConfirm = useConfirm;
-//# sourceMappingURL=chunk-GNOQFTLL.cjs.map
-//# sourceMappingURL=chunk-GNOQFTLL.cjs.map
+//# sourceMappingURL=chunk-UTIPENPW.cjs.map
+//# sourceMappingURL=chunk-UTIPENPW.cjs.map

package/dist/{chunk-GNOQFTLL.cjs.map → chunk-UTIPENPW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/ConfirmDialogProvider.tsx"],"names":["cva","AlertTriangle","CheckCircle2","Info","React","isStorybookDocsMode","jsxs","Modal","ModalBody","jsx","cn","ModalFooter","Button","React2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,IAAM,wBAAA,GAA8C;AAAA,EACzD,MAAA,EAAQ,QAAA;AAAA,EACR,MAAA,EAAQ,UAAA;AAAA,EACR,IAAA,EAAM,eAAA;AAAA,EACN,WAAA,EAAa;AACf;AAEA,IAAM,YAAA,GAAeA,0BAAA;AAAA,EACnB,kEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,WAAA,EAAa,oCAAA;AAAA,QACb,OAAA,EAAS,sDAAA;AAAA,QACT,OAAA,EAAS,sDAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR;AACF;AAEJ,CAAA;AAEA,IAAM,aAAA,GAAgB;AAAA,EACpB,WAAA,EAAaC,yBAAA;AAAA,EACb,OAAA,EAASA,yBAAA;AAAA,EACT,OAAA,EAASC,wBAAA;AAAA,EACT,IAAA,EAAMC;AACR,CAAA;AAmCA,SAAS,cAAc,KAAA,EAA+C;AACpE,EAAA,OACE,OAAO,KAAA,KAAU,QAAA,IACjB,UAAU,IAAA,IACV,OAAQ,MAA+B,IAAA,KAAS,UAAA;AAEpD;AAsBA,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,cAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,IAAA,GAAO,EAAE,GAAG,wBAAA,EAA0B,GAAG,MAAA,EAAO;AACtD,EAAA,MAAM,KAAWC,gBAAA,CAAA,KAAA,EAAM;AACvB,EAAA,MAAM,OAAA,GAAU,GAAG,EAAE,CAAA,MAAA,CAAA;AACrB,EAAA,MAAM,aAAA,GAAgB,GAAG,EAAE,CAAA,YAAA,CAAA;AAC3B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,OAAA,GAAgBA,wBAAuB,IAAI,CAAA;AACjD,EAAA,MAAM,SAAA,GAAkBA,wBAA0B,IAAI,CAAA;AACtD,EAAA,MAAM,SAAA,GAAkBA,wBAA0B,IAAI,CAAA;AACtD,EAAA,MAAM,QAAA,GAAW,OAAA,KAAY,aAAA,IAAiB,OAAA,KAAY,SAAA;AAC1D,EAAA,MAAM,WAAA,GAAc,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,OAAA;AACnD,EAAA,MAAM,IAAA,GAAO,WAAA,IAAe,aAAA,CAAc,WAAW,CAAA;AAIrD,EAAMA,iCAAgB,MAAM;AAC1B,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,OAAA,CAAQ,SACJ,OAAA,CAAQ,qBAAqB,CAAA,EAC7B,YAAA,CAAa,QAAQ,aAAa,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAGT,EAAMA,iCAAgB,MAAM;AAC1B,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,MAAA,YAAkB,WAAA,IAAe,MAAA,CAAO,WAAA,SAAoB,KAAA,EAAM;AAAA,IACxE,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAGT,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,IAAQC,qCAAA,EAAoB,EAAG;AACpC,IAAA,CAAC,YAAY,CAAC,UAAA,GAAa,SAAA,GAAY,SAAA,EAAW,SAAS,KAAA,EAAM;AAAA,EACnE,CAAA,EAAG,CAAC,IAAA,EAAM,QAAA,EAAU,UAAU,CAAC,CAAA;AAE/B,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AACX,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA;AAIA,EAAA,MAAM,SAAA,GAAkBD,wBAAO,CAAC,CAAA;AAChC,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,SAAA,CAAU,OAAA,IAAW,CAAA;AACrB,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,eAAe,YAAY;AAC/B,IAAA,IAAI,MAAA;AACJ,IAAA,IAAI;AACF,MAAA,MAAA,GAAS,QAAA,IAAW;AAAA,IACtB,CAAA,CAAA,MAAQ;AACN,MAAA,qBAAA,CAAsB,MAAM,SAAA,CAAU,OAAA,EAAS,KAAA,EAAO,CAAA;AACtD,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAC,aAAA,CAAc,MAAM,CAAA,EAAG;AAC5B,IAAA,MAAM,GAAA,GAAM,EAAE,SAAA,CAAU,OAAA;AACxB,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,IAAI;AACF,MAAA,MAAM,MAAA;AACN,MAAA,IAAI,GAAA,KAAQ,UAAU,OAAA,EAAS;AAC/B,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB,CAAA,CAAA,MAAQ;AACN,MAAA,IAAI,GAAA,KAAQ,UAAU,OAAA,EAAS;AAC/B,MAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,MAAA,qBAAA,CAAsB,MAAM,SAAA,CAAU,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,IACxD;AAAA,EACF,CAAA;AAEA,EAAA,uBACEE,eAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,mBAAA,EAAqB,KAAA;AAAA,MACrB,aAAA,EAAe,KAAA;AAAA,MACf,SAAA;AAAA,MACA,iBAAA,EAAiB,OAAA;AAAA,MACjB,kBAAA,EAAkB,cAAc,aAAA,GAAgB,MAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAAD,eAAA;AAAA,UAACE,2BAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,OAAA;AAAA,YACL,cAAA,EAAc,OAAA;AAAA,YACd,aAAW,IAAA,IAAQ,MAAA;AAAA,YACnB,SAAA,EAAU,kCAAA;AAAA,YAET,QAAA,EAAA;AAAA,cAAA,IAAA,IAAQ,WAAA,oBACPC,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,WAAA,EAAU,mBAAA;AAAA,kBACV,SAAA,EAAW,YAAA,CAAa,EAAE,OAAA,EAAS,aAAa,CAAA;AAAA,kBAEhD,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,eAAY,MAAA,EAAO;AAAA;AAAA,eAC/C;AAAA,8BAEFH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,gCAAAG,cAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,OAAA;AAAA,oBACJ,WAAA,EAAU,oBAAA;AAAA,oBACV,SAAA,EAAU,sCAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA,iBACH;AAAA,gBACC,WAAA,oBACCA,cAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,aAAA;AAAA,oBACJ,WAAA,EAAU,0BAAA;AAAA,oBACV,SAAA,EAAWC,qBAAG,oCAAoC,CAAA;AAAA,oBAEjD,QAAA,EAAA;AAAA;AAAA,iBACH;AAAA,gBAED;AAAA,eAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,wCACCC,6BAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,CAAC,UAAA,oBACAF,cAAA;AAAA,YAACG,wBAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,SAAA;AAAA,cACL,OAAA,EAAQ,WAAA;AAAA,cACR,OAAA,EAAS,YAAA;AAAA,cACT,QAAA,EAAU,IAAA;AAAA,cAET,yBAAe,IAAA,CAAK;AAAA;AAAA,WACvB;AAAA,0BAEFH,cAAA;AAAA,YAACG,wBAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,SAAA;AAAA,cACL,OAAA,EAAS,OAAA,KAAY,aAAA,GAAgB,QAAA,GAAW,SAAA;AAAA,cAChD,OAAA,EAAS,YAAA;AAAA,cACT,QAAA,EAAU,cAAA;AAAA,cACV,SAAA,EAAW,IAAA;AAAA,cACX,aAAa,IAAA,CAAK,IAAA;AAAA,cAEjB,yBAAe,IAAA,CAAK;AAAA;AAAA;AACvB,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AClP1B,IAAM,cAAA,GAAuBC,+BAAiC,IAAI,CAAA;AAM3D,SAAS,qBAAA,CAAsB;AAAA,EACpC,QAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAUA,0BAA+B,IAAI,CAAA;AACvE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,UAAA,GAAmBA,wBAA8C,IAAI,CAAA;AAE3E,EAAA,MAAM,MAAA,GAAeA,gBAAA,CAAA,WAAA,CAAY,CAAC,SAAA,KAAuB;AACvD,IAAA,UAAA,CAAW,UAAU,SAAS,CAAA;AAC9B,IAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA,EAAG,EAAE,CAAA;AAIL,EAAMA,gBAAA,CAAA,SAAA;AAAA,IACJ,MAAM,MAAM;AACV,MAAA,UAAA,CAAW,UAAU,KAAK,CAAA;AAC1B,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IACvB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,GAAA,GAAYA,yBAAoB,MAAM;AAC1C,IAAA,MAAM,OAAO,CAAC,IAAA,KACZ,IAAI,OAAA,CAAiB,CAAC,OAAA,KAAY;AAEhC,MAAA,UAAA,CAAW,UAAU,KAAK,CAAA;AAC1B,MAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AACrB,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,IACd,CAAC,CAAA;AACH,IAAA,OAAO;AAAA,MACL,OAAA,EAAS,CAAC,OAAA,KAAY,IAAA,CAAK,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,CAAA;AAAA,MAC1D,KAAA,EAAO,OAAO,OAAA,KAAY;AACxB,QAAA,MAAM,IAAA,CAAK,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAG,OAAA,EAAS,IAAA,EAAM,SAAS,CAAA;AAAA,MAC3D;AAAA,KACF;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,IAAA,GAAO,EAAE,GAAG,wBAAA,EAA0B,GAAG,MAAA,EAAO;AACtD,EAAA,MAAM,OAAA,GAAU,SAAS,IAAA,KAAS,OAAA;AAElC,EAAA,uBACEP,eAAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAO,GAAA,EAC7B,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,2BACCG,cAAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,YAAA,EAAc,CAAC,IAAA,KAAS;AACtB,UAAA,IAAI,CAAC,IAAA,EAAM,MAAA,CAAO,KAAK,CAAA;AAAA,QACzB,CAAA;AAAA,QACA,OAAO,OAAA,CAAQ,KAAA;AAAA,QACf,aAAa,OAAA,CAAQ,WAAA;AAAA,QACrB,SAAS,OAAA,CAAQ,OAAA;AAAA,QACjB,MAAA;AAAA,QACA,UAAA,EAAY,OAAA;AAAA,QACZ,aAAa,OAAA,CAAQ,WAAA;AAAA,QACrB,WAAA,EACE,OAAA,CAAQ,WAAA,KAAgB,OAAA,GAAU,KAAK,WAAA,GAAc,MAAA,CAAA;AAAA,QAEvD,QAAA,EAAU,MAAM,MAAA,CAAO,IAAI;AAAA;AAAA;AAC7B,GAAA,EAEJ,CAAA;AAEJ;AAYO,SAAS,UAAA,GAAyB;AACvC,EAAA,MAAM,GAAA,GAAYI,4BAAW,cAAc,CAAA;AAC3C,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,0DAA0D,CAAA;AAAA,EAC5E;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-GNOQFTLL.cjs","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"]}
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/ConfirmDialogProvider.tsx"],"names":["cva","AlertTriangle","CheckCircle2","Info","React","isStorybookDocsMode","jsxs","Modal","ModalBody","jsx","cn","ModalFooter","Button","React2"],"mappings":"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","file":"chunk-UTIPENPW.cjs","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"]}

package/dist/{chunk-CPPUT74P.cjs → chunk-VV2U36T6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
+var chunkLC3JL2HB_cjs = require('./chunk-LC3JL2HB.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -81,7 +81,7 @@ function KeyboardShortcutsOverlay({
   ] });
   const footer = hint === null ? null : hint ?? defaultHint;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkT4L7Q5FA_cjs.Modal,
+    chunkLC3JL2HB_cjs.Modal,
     {
       open,
       onOpenChange: (o) => {
@@ -90,14 +90,14 @@ function KeyboardShortcutsOverlay({
       size: "sm",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalTitle, { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalTitle, { className: "flex items-center gap-2 text-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Keyboard, { "aria-hidden": "true", className: "text-primary-500 h-4 w-4" }),
             title
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkT4L7Q5FA_cjs.ModalClose, {})
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLC3JL2HB_cjs.ModalClose, {})
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalBody, { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalBody, { className: "flex flex-col gap-4", children: [
           shortcuts && /* @__PURE__ */ jsxRuntime.jsx(
             ShortcutList,
             {
@@ -116,7 +116,7 @@ function KeyboardShortcutsOverlay({
             )
           ] }, group.title))
         ] }),
-        footer && /* @__PURE__ */ jsxRuntime.jsx(chunkT4L7Q5FA_cjs.ModalFooter, { className: "text-muted-foreground justify-center text-[11px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer }) })
+        footer && /* @__PURE__ */ jsxRuntime.jsx(chunkLC3JL2HB_cjs.ModalFooter, { className: "text-muted-foreground justify-center text-[11px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer }) })
       ]
     }
   );
@@ -124,5 +124,5 @@ function KeyboardShortcutsOverlay({
 
 exports.Kbd = Kbd;
 exports.KeyboardShortcutsOverlay = KeyboardShortcutsOverlay;
-//# sourceMappingURL=chunk-CPPUT74P.cjs.map
-//# sourceMappingURL=chunk-CPPUT74P.cjs.map
+//# sourceMappingURL=chunk-VV2U36T6.cjs.map
+//# sourceMappingURL=chunk-VV2U36T6.cjs.map

package/dist/{chunk-CPPUT74P.cjs.map → chunk-VV2U36T6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["React","Kbd","jsx","cn","jsxs","Fragment","Modal","ModalHeader","ModalTitle","Keyboard","ModalClose","ModalBody","ModalFooter"],"mappings":"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","file":"chunk-CPPUT74P.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["React","Kbd","jsx","cn","jsxs","Fragment","Modal","ModalHeader","ModalTitle","Keyboard","ModalClose","ModalBody","ModalFooter"],"mappings":"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","file":"chunk-VV2U36T6.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}

package/dist/{chunk-EPTP3VKT.js → chunk-WFL4N5PC.js}

@@ -1,6 +1,6 @@
 import { Dropdown, DropdownItem } from './chunk-EEOGIGIA.js';
 import { Avatar } from './chunk-TI3TQQ7F.js';
-import { Badge } from './chunk-BMSG4NBH.js';
+import { Badge } from './chunk-522WJIVI.js';
 import { Button } from './chunk-WFBUBT54.js';
 import { buttonVariants } from './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
@@ -279,5 +279,5 @@ var RecordHeader = React.forwardRef(
 RecordHeader.displayName = "RecordHeader";
 
 export { RecordHeader, defaultRecordHeaderLabels };
-//# sourceMappingURL=chunk-EPTP3VKT.js.map
-//# sourceMappingURL=chunk-EPTP3VKT.js.map
+//# sourceMappingURL=chunk-WFL4N5PC.js.map
+//# sourceMappingURL=chunk-WFL4N5PC.js.map

package/dist/{chunk-EPTP3VKT.js.map → chunk-WFL4N5PC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RecordHeader/RecordHeader.tsx"],"names":[],"mappings":"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","file":"chunk-EPTP3VKT.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ArrowLeft, MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Badge, type BadgeProps } from '../Badge/Badge';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { buttonVariants } from '../Button/button-variants';\nimport { Dropdown, DropdownItem } from '../Dropdown/Dropdown';\n\nexport interface RecordHeaderBadge {\n  id: string;\n  label: string;\n  variant?: BadgeProps['variant'];\n}\n\nexport interface RecordHeaderMetaItem {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  href?: string;\n}\n\nexport interface RecordHeaderAction {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  /** With `href`, call `event.preventDefault()` to route client-side. */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  href?: string;\n  /** Defaults to `primary` for the first action and `outline` for the rest. */\n  variant?: ButtonProps['variant'];\n  disabled?: boolean;\n}\n\nexport interface RecordHeaderLabels {\n  back: string;\n  moreActions: string;\n  meta: string;\n}\n\nexport const defaultRecordHeaderLabels: RecordHeaderLabels = {\n  back: 'Back',\n  moreActions: 'More actions',\n  meta: 'Details',\n};\n\nconst recordHeaderVariants = cva(\n  'border-border bg-background flex flex-col gap-3 border-b px-4 py-4 sm:px-6',\n  {\n    variants: {\n      sticky: {\n        true: 'sticky top-0 z-20',\n        false: '',\n      },\n    },\n    defaultVariants: { sticky: false },\n  }\n);\n\nexport interface RecordHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  title: React.ReactNode;\n  headingLevel?: 'h1' | 'h2' | 'h3';\n  subtitle?: React.ReactNode;\n  avatar?: { src?: string | null; name: string };\n  icon?: LucideIcon;\n  /** Replaces avatar/icon, e.g. a company logo. */\n  media?: React.ReactNode;\n  badges?: RecordHeaderBadge[];\n  meta?: RecordHeaderMetaItem[];\n  actions?: RecordHeaderAction[];\n  /** Actions shown as buttons from `sm` up; the rest go to the overflow menu. */\n  maxVisibleActions?: number;\n  presence?: React.ReactNode;\n  breadcrumbs?: React.ReactNode;\n  onBack?: (event: React.MouseEvent<HTMLElement>) => void;\n  backHref?: string;\n  sticky?: boolean;\n  labels?: Partial<RecordHeaderLabels>;\n}\n\nconst menuLinkClass =\n  'text-foreground hover:bg-muted focus-visible:bg-muted flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm font-medium focus:outline-none';\n\nexport const RecordHeader = React.forwardRef<HTMLElement, RecordHeaderProps>(\n  (\n    {\n      title,\n      headingLevel: Heading = 'h1',\n      subtitle,\n      avatar,\n      icon: Icon,\n      media,\n      badges,\n      meta,\n      actions = [],\n      maxVisibleActions = 2,\n      presence,\n      breadcrumbs,\n      onBack,\n      backHref,\n      sticky,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordHeaderLabels, ...labelsProp };\n    const [menuOpen, setMenuOpen] = React.useState(false);\n    const hasOverflow = actions.length > maxVisibleActions;\n    const variantOf = (a: RecordHeaderAction, i: number) =>\n      a.variant ?? (i === 0 ? 'primary' : 'outline');\n\n    const leading = media ? (\n      <div data-slot=\"record-header-media\" className=\"shrink-0\">\n        {media}\n      </div>\n    ) : avatar ? (\n      <Avatar\n        data-slot=\"record-header-media\"\n        size=\"lg\"\n        src={avatar.src}\n        name={avatar.name}\n        // The title already names the record; don't announce it twice.\n        alt=\"\"\n        className=\"shrink-0\"\n      />\n    ) : Icon ? (\n      <div\n        data-slot=\"record-header-media\"\n        className=\"bg-muted text-muted-foreground flex h-12 w-12 shrink-0 items-center justify-center rounded-lg\"\n      >\n        <Icon className=\"h-6 w-6\" aria-hidden=\"true\" />\n      </div>\n    ) : null;\n\n    const backClass = cn(\n      buttonVariants({ variant: 'ghost', size: 'icon' }),\n      'shrink-0 rtl:[&_svg]:-scale-x-100'\n    );\n    const back = backHref ? (\n      <a\n        href={backHref}\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </a>\n    ) : onBack ? (\n      <button\n        type=\"button\"\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const renderButton = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      const hiddenOnMobile = 'hidden sm:inline-flex';\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            href={a.href}\n            onClick={a.onClick}\n            className={cn(\n              buttonVariants({ variant: variantOf(a, i), size: 'sm' }),\n              'gap-2',\n              hiddenOnMobile\n            )}\n          >\n            {iconEl}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <Button\n          key={a.id}\n          size=\"sm\"\n          variant={variantOf(a, i)}\n          leftIcon={iconEl}\n          onClick={a.onClick}\n          disabled={a.disabled}\n          className={hiddenOnMobile}\n        >\n          {a.label}\n        </Button>\n      );\n    };\n\n    const renderMenuItem = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      // Items that are also buttons only appear in the menu below `sm`.\n      const mobileOnly = i < maxVisibleActions && 'sm:hidden';\n      const select = (event: React.MouseEvent<HTMLElement>) => {\n        setMenuOpen(false);\n        a.onClick?.(event);\n      };\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            role=\"menuitem\"\n            data-slot=\"dropdown-item\"\n            href={a.href}\n            onClick={select}\n            className={cn(menuLinkClass, mobileOnly)}\n          >\n            {iconEl && <span className=\"h-4 w-4 shrink-0\">{iconEl}</span>}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <DropdownItem\n          key={a.id}\n          icon={iconEl}\n          variant={variantOf(a, i) === 'danger' ? 'danger' : 'default'}\n          disabled={a.disabled}\n          onClick={select}\n          className={cn(mobileOnly)}\n        >\n          {a.label}\n        </DropdownItem>\n      );\n    };\n\n    return (\n      <header\n        ref={ref}\n        data-slot=\"record-header\"\n        className={cn(recordHeaderVariants({ sticky }), className)}\n        {...rest}\n      >\n        {breadcrumbs && (\n          <div data-slot=\"record-header-breadcrumbs\">{breadcrumbs}</div>\n        )}\n        <div\n          data-slot=\"record-header-row\"\n          className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\n        >\n          <div className=\"flex min-w-0 flex-1 items-start gap-3 sm:gap-4\">\n            {back}\n            {leading}\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <Heading\n                  data-slot=\"record-header-title\"\n                  className=\"text-foreground min-w-0 text-xl font-semibold break-words\"\n                >\n                  {title}\n                </Heading>\n                {badges?.map((b) => (\n                  <Badge key={b.id} size=\"sm\" variant={b.variant}>\n                    {b.label}\n                  </Badge>\n                ))}\n              </div>\n              {subtitle && (\n                <p\n                  data-slot=\"record-header-subtitle\"\n                  className=\"text-muted-foreground mt-0.5 text-sm\"\n                >\n                  {subtitle}\n                </p>\n              )}\n              {meta && meta.length > 0 && (\n                <ul\n                  data-slot=\"record-header-meta\"\n                  aria-label={labels.meta}\n                  className=\"text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm\"\n                >\n                  {meta.map(({ id, label, icon: MetaIcon, href }) => {\n                    const content = (\n                      <>\n                        {MetaIcon && (\n                          <MetaIcon\n                            className=\"h-4 w-4 shrink-0\"\n                            aria-hidden=\"true\"\n                          />\n                        )}\n                        {label}\n                      </>\n                    );\n                    return (\n                      <li key={id} className=\"inline-flex items-center gap-1.5\">\n                        {href ? (\n                          <a\n                            href={href}\n                            className=\"hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-sm underline-offset-2 hover:underline focus-visible:ring-2 focus-visible:outline-none\"\n                          >\n                            {content}\n                          </a>\n                        ) : (\n                          content\n                        )}\n                      </li>\n                    );\n                  })}\n                </ul>\n              )}\n            </div>\n          </div>\n          {(presence || actions.length > 0) && (\n            <div\n              data-slot=\"record-header-actions\"\n              className=\"flex shrink-0 items-center gap-2 sm:justify-end\"\n            >\n              {presence}\n              {actions.slice(0, maxVisibleActions).map(renderButton)}\n              {actions.length > 0 && (\n                <Dropdown\n                  open={menuOpen}\n                  onOpenChange={setMenuOpen}\n                  placement=\"bottom-end\"\n                  trigger={\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      aria-label={labels.moreActions}\n                      className={cn(!hasOverflow && 'sm:hidden')}\n                    >\n                      <MoreHorizontal className=\"h-4 w-4\" aria-hidden=\"true\" />\n                    </Button>\n                  }\n                >\n                  {actions.map(renderMenuItem)}\n                </Dropdown>\n              )}\n            </div>\n          )}\n        </div>\n        {children}\n      </header>\n    );\n  }\n);\n\nRecordHeader.displayName = 'RecordHeader';\n"]}
+{"version":3,"sources":["../src/components/RecordHeader/RecordHeader.tsx"],"names":[],"mappings":"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","file":"chunk-WFL4N5PC.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ArrowLeft, MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Badge, type BadgeProps } from '../Badge/Badge';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { buttonVariants } from '../Button/button-variants';\nimport { Dropdown, DropdownItem } from '../Dropdown/Dropdown';\n\nexport interface RecordHeaderBadge {\n  id: string;\n  label: string;\n  variant?: BadgeProps['variant'];\n}\n\nexport interface RecordHeaderMetaItem {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  href?: string;\n}\n\nexport interface RecordHeaderAction {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  /** With `href`, call `event.preventDefault()` to route client-side. */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  href?: string;\n  /** Defaults to `primary` for the first action and `outline` for the rest. */\n  variant?: ButtonProps['variant'];\n  disabled?: boolean;\n}\n\nexport interface RecordHeaderLabels {\n  back: string;\n  moreActions: string;\n  meta: string;\n}\n\nexport const defaultRecordHeaderLabels: RecordHeaderLabels = {\n  back: 'Back',\n  moreActions: 'More actions',\n  meta: 'Details',\n};\n\nconst recordHeaderVariants = cva(\n  'border-border bg-background flex flex-col gap-3 border-b px-4 py-4 sm:px-6',\n  {\n    variants: {\n      sticky: {\n        true: 'sticky top-0 z-20',\n        false: '',\n      },\n    },\n    defaultVariants: { sticky: false },\n  }\n);\n\nexport interface RecordHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  title: React.ReactNode;\n  headingLevel?: 'h1' | 'h2' | 'h3';\n  subtitle?: React.ReactNode;\n  avatar?: { src?: string | null; name: string };\n  icon?: LucideIcon;\n  /** Replaces avatar/icon, e.g. a company logo. */\n  media?: React.ReactNode;\n  badges?: RecordHeaderBadge[];\n  meta?: RecordHeaderMetaItem[];\n  actions?: RecordHeaderAction[];\n  /** Actions shown as buttons from `sm` up; the rest go to the overflow menu. */\n  maxVisibleActions?: number;\n  presence?: React.ReactNode;\n  breadcrumbs?: React.ReactNode;\n  onBack?: (event: React.MouseEvent<HTMLElement>) => void;\n  backHref?: string;\n  sticky?: boolean;\n  labels?: Partial<RecordHeaderLabels>;\n}\n\nconst menuLinkClass =\n  'text-foreground hover:bg-muted focus-visible:bg-muted flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm font-medium focus:outline-none';\n\nexport const RecordHeader = React.forwardRef<HTMLElement, RecordHeaderProps>(\n  (\n    {\n      title,\n      headingLevel: Heading = 'h1',\n      subtitle,\n      avatar,\n      icon: Icon,\n      media,\n      badges,\n      meta,\n      actions = [],\n      maxVisibleActions = 2,\n      presence,\n      breadcrumbs,\n      onBack,\n      backHref,\n      sticky,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordHeaderLabels, ...labelsProp };\n    const [menuOpen, setMenuOpen] = React.useState(false);\n    const hasOverflow = actions.length > maxVisibleActions;\n    const variantOf = (a: RecordHeaderAction, i: number) =>\n      a.variant ?? (i === 0 ? 'primary' : 'outline');\n\n    const leading = media ? (\n      <div data-slot=\"record-header-media\" className=\"shrink-0\">\n        {media}\n      </div>\n    ) : avatar ? (\n      <Avatar\n        data-slot=\"record-header-media\"\n        size=\"lg\"\n        src={avatar.src}\n        name={avatar.name}\n        // The title already names the record; don't announce it twice.\n        alt=\"\"\n        className=\"shrink-0\"\n      />\n    ) : Icon ? (\n      <div\n        data-slot=\"record-header-media\"\n        className=\"bg-muted text-muted-foreground flex h-12 w-12 shrink-0 items-center justify-center rounded-lg\"\n      >\n        <Icon className=\"h-6 w-6\" aria-hidden=\"true\" />\n      </div>\n    ) : null;\n\n    const backClass = cn(\n      buttonVariants({ variant: 'ghost', size: 'icon' }),\n      'shrink-0 rtl:[&_svg]:-scale-x-100'\n    );\n    const back = backHref ? (\n      <a\n        href={backHref}\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </a>\n    ) : onBack ? (\n      <button\n        type=\"button\"\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const renderButton = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      const hiddenOnMobile = 'hidden sm:inline-flex';\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            href={a.href}\n            onClick={a.onClick}\n            className={cn(\n              buttonVariants({ variant: variantOf(a, i), size: 'sm' }),\n              'gap-2',\n              hiddenOnMobile\n            )}\n          >\n            {iconEl}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <Button\n          key={a.id}\n          size=\"sm\"\n          variant={variantOf(a, i)}\n          leftIcon={iconEl}\n          onClick={a.onClick}\n          disabled={a.disabled}\n          className={hiddenOnMobile}\n        >\n          {a.label}\n        </Button>\n      );\n    };\n\n    const renderMenuItem = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      // Items that are also buttons only appear in the menu below `sm`.\n      const mobileOnly = i < maxVisibleActions && 'sm:hidden';\n      const select = (event: React.MouseEvent<HTMLElement>) => {\n        setMenuOpen(false);\n        a.onClick?.(event);\n      };\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            role=\"menuitem\"\n            data-slot=\"dropdown-item\"\n            href={a.href}\n            onClick={select}\n            className={cn(menuLinkClass, mobileOnly)}\n          >\n            {iconEl && <span className=\"h-4 w-4 shrink-0\">{iconEl}</span>}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <DropdownItem\n          key={a.id}\n          icon={iconEl}\n          variant={variantOf(a, i) === 'danger' ? 'danger' : 'default'}\n          disabled={a.disabled}\n          onClick={select}\n          className={cn(mobileOnly)}\n        >\n          {a.label}\n        </DropdownItem>\n      );\n    };\n\n    return (\n      <header\n        ref={ref}\n        data-slot=\"record-header\"\n        className={cn(recordHeaderVariants({ sticky }), className)}\n        {...rest}\n      >\n        {breadcrumbs && (\n          <div data-slot=\"record-header-breadcrumbs\">{breadcrumbs}</div>\n        )}\n        <div\n          data-slot=\"record-header-row\"\n          className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\n        >\n          <div className=\"flex min-w-0 flex-1 items-start gap-3 sm:gap-4\">\n            {back}\n            {leading}\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <Heading\n                  data-slot=\"record-header-title\"\n                  className=\"text-foreground min-w-0 text-xl font-semibold break-words\"\n                >\n                  {title}\n                </Heading>\n                {badges?.map((b) => (\n                  <Badge key={b.id} size=\"sm\" variant={b.variant}>\n                    {b.label}\n                  </Badge>\n                ))}\n              </div>\n              {subtitle && (\n                <p\n                  data-slot=\"record-header-subtitle\"\n                  className=\"text-muted-foreground mt-0.5 text-sm\"\n                >\n                  {subtitle}\n                </p>\n              )}\n              {meta && meta.length > 0 && (\n                <ul\n                  data-slot=\"record-header-meta\"\n                  aria-label={labels.meta}\n                  className=\"text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm\"\n                >\n                  {meta.map(({ id, label, icon: MetaIcon, href }) => {\n                    const content = (\n                      <>\n                        {MetaIcon && (\n                          <MetaIcon\n                            className=\"h-4 w-4 shrink-0\"\n                            aria-hidden=\"true\"\n                          />\n                        )}\n                        {label}\n                      </>\n                    );\n                    return (\n                      <li key={id} className=\"inline-flex items-center gap-1.5\">\n                        {href ? (\n                          <a\n                            href={href}\n                            className=\"hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-sm underline-offset-2 hover:underline focus-visible:ring-2 focus-visible:outline-none\"\n                          >\n                            {content}\n                          </a>\n                        ) : (\n                          content\n                        )}\n                      </li>\n                    );\n                  })}\n                </ul>\n              )}\n            </div>\n          </div>\n          {(presence || actions.length > 0) && (\n            <div\n              data-slot=\"record-header-actions\"\n              className=\"flex shrink-0 items-center gap-2 sm:justify-end\"\n            >\n              {presence}\n              {actions.slice(0, maxVisibleActions).map(renderButton)}\n              {actions.length > 0 && (\n                <Dropdown\n                  open={menuOpen}\n                  onOpenChange={setMenuOpen}\n                  placement=\"bottom-end\"\n                  trigger={\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      aria-label={labels.moreActions}\n                      className={cn(!hasOverflow && 'sm:hidden')}\n                    >\n                      <MoreHorizontal className=\"h-4 w-4\" aria-hidden=\"true\" />\n                    </Button>\n                  }\n                >\n                  {actions.map(renderMenuItem)}\n                </Dropdown>\n              )}\n            </div>\n          )}\n        </div>\n        {children}\n      </header>\n    );\n  }\n);\n\nRecordHeader.displayName = 'RecordHeader';\n"]}

package/dist/{chunk-H3QPREIJ.js → chunk-X3RSNAMX.js}

@@ -1,5 +1,5 @@
 import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-B4CKCNWD.js';
-import { Badge } from './chunk-BMSG4NBH.js';
+import { Badge } from './chunk-522WJIVI.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -191,5 +191,5 @@ var RecordLayout = React.forwardRef(
 RecordLayout.displayName = "RecordLayout";
 
 export { RecordLayout, defaultRecordLayoutLabels };
-//# sourceMappingURL=chunk-H3QPREIJ.js.map
-//# sourceMappingURL=chunk-H3QPREIJ.js.map
+//# sourceMappingURL=chunk-X3RSNAMX.js.map
+//# sourceMappingURL=chunk-X3RSNAMX.js.map

package/dist/{chunk-H3QPREIJ.js.map → chunk-X3RSNAMX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RecordLayout/RecordLayout.tsx"],"names":[],"mappings":"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","file":"chunk-H3QPREIJ.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge/Badge';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../Tabs/Tabs';\n\nexport interface RecordLayoutTab {\n  id: string;\n  label: string;\n  count?: number;\n  content: React.ReactNode;\n}\n\nexport interface RecordLayoutLabels {\n  sidebar: string;\n  aside: string;\n  main: string;\n  tabs: string;\n  sidebarToggle: string;\n}\n\nexport const defaultRecordLayoutLabels: RecordLayoutLabels = {\n  sidebar: 'Record details',\n  aside: 'Related records',\n  main: 'Record content',\n  tabs: 'Record sections',\n  sidebarToggle: 'Details',\n};\n\nconst bodyVariants = cva('grid grid-cols-1 items-start gap-6 p-4 sm:p-6', {\n  variants: {\n    sidebar: { true: '', false: '' },\n    aside: { true: '', false: '' },\n  },\n  compoundVariants: [\n    {\n      sidebar: true,\n      aside: false,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]',\n    },\n    {\n      sidebar: true,\n      aside: true,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]',\n    },\n    {\n      sidebar: false,\n      aside: true,\n      class: 'xl:grid-cols-[minmax(0,1fr)_20rem]',\n    },\n  ],\n});\n\nexport interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Usually a `RecordHeader`. */\n  header?: React.ReactNode;\n  /** Start column: the record's fields. */\n  sidebar?: React.ReactNode;\n  /** End column from `xl`; below the main column on tablet and mobile. */\n  aside?: React.ReactNode;\n  /** Rendered with `Tabs` in the main column; replaces `children`. */\n  tabs?: RecordLayoutTab[];\n  activeTab?: string;\n  defaultTab?: string;\n  onTabChange?: (id: string) => void;\n  /** Query parameter that mirrors the active tab (uncontrolled only). */\n  tabsUrlParam?: string;\n  /** Below `md`, hide the sidebar behind a toggle. */\n  sidebarCollapsible?: boolean;\n  defaultSidebarOpen?: boolean;\n  /** Persists the mobile sidebar's open state in `localStorage`. */\n  sidebarStorageKey?: string;\n  labels?: Partial<RecordLayoutLabels>;\n}\n\nfunction readOpen(key: string): boolean | undefined {\n  try {\n    const raw = window.localStorage.getItem(key);\n    return raw === null ? undefined : raw === 'true';\n  } catch {\n    return undefined;\n  }\n}\n\nexport const RecordLayout = React.forwardRef<HTMLDivElement, RecordLayoutProps>(\n  (\n    {\n      header,\n      sidebar,\n      aside,\n      tabs,\n      activeTab,\n      defaultTab,\n      onTabChange,\n      tabsUrlParam,\n      sidebarCollapsible = true,\n      defaultSidebarOpen = false,\n      sidebarStorageKey,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };\n    const sidebarId = React.useId();\n    const [open, setOpen] = React.useState(defaultSidebarOpen);\n\n    React.useEffect(() => {\n      if (!sidebarStorageKey) return;\n      const stored = readOpen(sidebarStorageKey);\n      if (stored !== undefined) setOpen(stored);\n    }, [sidebarStorageKey]);\n\n    const toggle = () => {\n      const next = !open;\n      setOpen(next);\n      if (!sidebarStorageKey) return;\n      try {\n        window.localStorage.setItem(sidebarStorageKey, String(next));\n      } catch {\n        // Storage blocked: the preference just doesn't persist.\n      }\n    };\n\n    const hasSidebar = sidebar != null;\n    const hasAside = aside != null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"record-layout\"\n        className={cn('bg-background flex flex-col', className)}\n        {...rest}\n      >\n        {header}\n        <div\n          data-slot=\"record-layout-body\"\n          className={bodyVariants({ sidebar: hasSidebar, aside: hasAside })}\n        >\n          {hasSidebar && (\n            <aside\n              data-slot=\"record-layout-sidebar\"\n              aria-label={labels.sidebar}\n              className={cn(\n                'min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto',\n                hasAside && 'md:row-span-2 xl:row-span-1'\n              )}\n            >\n              {sidebarCollapsible && (\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  aria-controls={sidebarId}\n                  onClick={toggle}\n                  className=\"border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden\"\n                >\n                  {labels.sidebarToggle}\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'h-4 w-4 transition-transform motion-reduce:transition-none',\n                      open && 'rotate-180'\n                    )}\n                  />\n                </button>\n              )}\n              <div\n                id={sidebarId}\n                className={cn(\n                  sidebarCollapsible && 'mt-3 md:mt-0',\n                  sidebarCollapsible && !open && 'hidden md:block'\n                )}\n              >\n                {sidebar}\n              </div>\n            </aside>\n          )}\n          <section\n            data-slot=\"record-layout-main\"\n            aria-label={labels.main}\n            className=\"min-w-0\"\n          >\n            {tabs && tabs.length > 0 ? (\n              <Tabs\n                value={activeTab}\n                defaultValue={defaultTab ?? tabs[0].id}\n                onValueChange={onTabChange}\n                urlParam={tabsUrlParam}\n                urlValues={tabs.map((t) => t.id)}\n              >\n                <TabsList aria-label={labels.tabs} className=\"overflow-x-auto\">\n                  {tabs.map((t) => (\n                    <TabsTrigger key={t.id} value={t.id}>\n                      {t.label}\n                      {t.count != null && (\n                        <>\n                          {' '}\n                          <Badge size=\"sm\" variant=\"secondary\">\n                            {t.count}\n                          </Badge>\n                        </>\n                      )}\n                    </TabsTrigger>\n                  ))}\n                </TabsList>\n                {tabs.map((t) => (\n                  <TabsContent key={t.id} value={t.id}>\n                    {t.content}\n                  </TabsContent>\n                ))}\n              </Tabs>\n            ) : (\n              children\n            )}\n          </section>\n          {hasAside && (\n            <aside\n              data-slot=\"record-layout-aside\"\n              aria-label={labels.aside}\n              className=\"flex min-w-0 flex-col gap-4\"\n            >\n              {aside}\n            </aside>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nRecordLayout.displayName = 'RecordLayout';\n"]}
+{"version":3,"sources":["../src/components/RecordLayout/RecordLayout.tsx"],"names":[],"mappings":"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","file":"chunk-X3RSNAMX.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge/Badge';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../Tabs/Tabs';\n\nexport interface RecordLayoutTab {\n  id: string;\n  label: string;\n  count?: number;\n  content: React.ReactNode;\n}\n\nexport interface RecordLayoutLabels {\n  sidebar: string;\n  aside: string;\n  main: string;\n  tabs: string;\n  sidebarToggle: string;\n}\n\nexport const defaultRecordLayoutLabels: RecordLayoutLabels = {\n  sidebar: 'Record details',\n  aside: 'Related records',\n  main: 'Record content',\n  tabs: 'Record sections',\n  sidebarToggle: 'Details',\n};\n\nconst bodyVariants = cva('grid grid-cols-1 items-start gap-6 p-4 sm:p-6', {\n  variants: {\n    sidebar: { true: '', false: '' },\n    aside: { true: '', false: '' },\n  },\n  compoundVariants: [\n    {\n      sidebar: true,\n      aside: false,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]',\n    },\n    {\n      sidebar: true,\n      aside: true,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]',\n    },\n    {\n      sidebar: false,\n      aside: true,\n      class: 'xl:grid-cols-[minmax(0,1fr)_20rem]',\n    },\n  ],\n});\n\nexport interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Usually a `RecordHeader`. */\n  header?: React.ReactNode;\n  /** Start column: the record's fields. */\n  sidebar?: React.ReactNode;\n  /** End column from `xl`; below the main column on tablet and mobile. */\n  aside?: React.ReactNode;\n  /** Rendered with `Tabs` in the main column; replaces `children`. */\n  tabs?: RecordLayoutTab[];\n  activeTab?: string;\n  defaultTab?: string;\n  onTabChange?: (id: string) => void;\n  /** Query parameter that mirrors the active tab (uncontrolled only). */\n  tabsUrlParam?: string;\n  /** Below `md`, hide the sidebar behind a toggle. */\n  sidebarCollapsible?: boolean;\n  defaultSidebarOpen?: boolean;\n  /** Persists the mobile sidebar's open state in `localStorage`. */\n  sidebarStorageKey?: string;\n  labels?: Partial<RecordLayoutLabels>;\n}\n\nfunction readOpen(key: string): boolean | undefined {\n  try {\n    const raw = window.localStorage.getItem(key);\n    return raw === null ? undefined : raw === 'true';\n  } catch {\n    return undefined;\n  }\n}\n\nexport const RecordLayout = React.forwardRef<HTMLDivElement, RecordLayoutProps>(\n  (\n    {\n      header,\n      sidebar,\n      aside,\n      tabs,\n      activeTab,\n      defaultTab,\n      onTabChange,\n      tabsUrlParam,\n      sidebarCollapsible = true,\n      defaultSidebarOpen = false,\n      sidebarStorageKey,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };\n    const sidebarId = React.useId();\n    const [open, setOpen] = React.useState(defaultSidebarOpen);\n\n    React.useEffect(() => {\n      if (!sidebarStorageKey) return;\n      const stored = readOpen(sidebarStorageKey);\n      if (stored !== undefined) setOpen(stored);\n    }, [sidebarStorageKey]);\n\n    const toggle = () => {\n      const next = !open;\n      setOpen(next);\n      if (!sidebarStorageKey) return;\n      try {\n        window.localStorage.setItem(sidebarStorageKey, String(next));\n      } catch {\n        // Storage blocked: the preference just doesn't persist.\n      }\n    };\n\n    const hasSidebar = sidebar != null;\n    const hasAside = aside != null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"record-layout\"\n        className={cn('bg-background flex flex-col', className)}\n        {...rest}\n      >\n        {header}\n        <div\n          data-slot=\"record-layout-body\"\n          className={bodyVariants({ sidebar: hasSidebar, aside: hasAside })}\n        >\n          {hasSidebar && (\n            <aside\n              data-slot=\"record-layout-sidebar\"\n              aria-label={labels.sidebar}\n              className={cn(\n                'min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto',\n                hasAside && 'md:row-span-2 xl:row-span-1'\n              )}\n            >\n              {sidebarCollapsible && (\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  aria-controls={sidebarId}\n                  onClick={toggle}\n                  className=\"border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden\"\n                >\n                  {labels.sidebarToggle}\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'h-4 w-4 transition-transform motion-reduce:transition-none',\n                      open && 'rotate-180'\n                    )}\n                  />\n                </button>\n              )}\n              <div\n                id={sidebarId}\n                className={cn(\n                  sidebarCollapsible && 'mt-3 md:mt-0',\n                  sidebarCollapsible && !open && 'hidden md:block'\n                )}\n              >\n                {sidebar}\n              </div>\n            </aside>\n          )}\n          <section\n            data-slot=\"record-layout-main\"\n            aria-label={labels.main}\n            className=\"min-w-0\"\n          >\n            {tabs && tabs.length > 0 ? (\n              <Tabs\n                value={activeTab}\n                defaultValue={defaultTab ?? tabs[0].id}\n                onValueChange={onTabChange}\n                urlParam={tabsUrlParam}\n                urlValues={tabs.map((t) => t.id)}\n              >\n                <TabsList aria-label={labels.tabs} className=\"overflow-x-auto\">\n                  {tabs.map((t) => (\n                    <TabsTrigger key={t.id} value={t.id}>\n                      {t.label}\n                      {t.count != null && (\n                        <>\n                          {' '}\n                          <Badge size=\"sm\" variant=\"secondary\">\n                            {t.count}\n                          </Badge>\n                        </>\n                      )}\n                    </TabsTrigger>\n                  ))}\n                </TabsList>\n                {tabs.map((t) => (\n                  <TabsContent key={t.id} value={t.id}>\n                    {t.content}\n                  </TabsContent>\n                ))}\n              </Tabs>\n            ) : (\n              children\n            )}\n          </section>\n          {hasAside && (\n            <aside\n              data-slot=\"record-layout-aside\"\n              aria-label={labels.aside}\n              className=\"flex min-w-0 flex-col gap-4\"\n            >\n              {aside}\n            </aside>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nRecordLayout.displayName = 'RecordLayout';\n"]}

package/dist/{chunk-T4JYUICS.js → chunk-Y7ZJZLJY.js}

@@ -1,6 +1,6 @@
 import { SectionShell, cardClass, SectionHeading, CtaLinks, mutedTextClass, toneClass, containerClass, IconTile, accentTextClass, headingTextClass, TemplateAnchor, TemplateImg, safeHref, TemplateIcon, MetricStatusBadge, ownProperty } from './chunk-FBCDYTWM.js';
 import { inputVariants, RequiredMark } from './chunk-3IMM2PM4.js';
-import { Badge } from './chunk-BMSG4NBH.js';
+import { Badge } from './chunk-522WJIVI.js';
 import { buttonVariants } from './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React5 from 'react';
@@ -2653,5 +2653,5 @@ function validateLandingPage(blocks, preset) {
 }
 
 export { BenchmarkTableSection, ComparisonSection, CtaSection, FaqSection, FeatureGridSection, HeroSection, LandingPage, LeadFormSection, LinkGroupsSection, LogoCloudSection, MetricListSection, PdfEmbedSection, PricingSection, ProcessStepsSection, RankedListSection, ReportByline, ReportLegend, ReportMethodology, ResourceCardsSection, SplitContentSection, StatsSection, TestimonialSection, TileCartogramSection, VideoSection, defaultLeadFormFields, landingPresets, quartileBuckets, usStateTiles, validateLandingPage };
-//# sourceMappingURL=chunk-T4JYUICS.js.map
-//# sourceMappingURL=chunk-T4JYUICS.js.map
+//# sourceMappingURL=chunk-Y7ZJZLJY.js.map
+//# sourceMappingURL=chunk-Y7ZJZLJY.js.map