@molecule/app-ui-react 1.0.0

package/dist/components/Modal.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Modal component.
+ *
+ * @module
+ */
+import { forwardRef, useEffect, useId, useMemo, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { renderIcon } from '../utilities/renderIcon.js';
+/** Elements the WAI-ARIA APG dialog pattern treats as tab-stops for the focus trap. */
+const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+/**
+ * Returns the tab-stop elements inside a container, in DOM (tab) order.
+ * @param container - The element to search within.
+ * @returns The focusable descendants, in document order.
+ */
+function getFocusableElements(container) {
+    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR));
+}
+/**
+ * Merges multiple refs (object or callback) into a single callback ref, so
+ * an internal ref (needed for focus-trap bookkeeping) can coexist with the
+ * consumer's own forwarded ref on the same DOM node.
+ * @param refs - The refs to merge; `undefined`/`null` entries are skipped.
+ * @returns A single callback ref that updates every merged ref.
+ */
+function mergeRefs(...refs) {
+    return (node) => {
+        for (const r of refs) {
+            if (!r)
+                continue;
+            if (typeof r === 'function') {
+                r(node);
+            }
+            else {
+                ;
+                r.current = node;
+            }
+        }
+    };
+}
+// ---------------------------------------------------------------------------
+// Module-level open-modal stack. Every open <Modal> instance registers its
+// own `useId()` here. Escape and the Tab focus-trap only act for the TOPMOST
+// entry, so a confirm dialog stacked over a drawer doesn't let one Escape
+// press close both (the user could never tell which action was cancelled).
+// ---------------------------------------------------------------------------
+const openModalStack = [];
+/** Pushes a modal instance onto the open-stack (it becomes the topmost). */
+function pushModalStack(id) {
+    if (!openModalStack.includes(id))
+        openModalStack.push(id);
+}
+/** Removes a modal instance from the open-stack. */
+function popModalStack(id) {
+    const index = openModalStack.indexOf(id);
+    if (index !== -1)
+        openModalStack.splice(index, 1);
+}
+/** Whether the given modal instance is currently the topmost of the stack. */
+function isTopOfModalStack(id) {
+    return openModalStack.length > 0 && openModalStack[openModalStack.length - 1] === id;
+}
+// ---------------------------------------------------------------------------
+// Reference-counted body scroll lock. Two modals can be open at once (a
+// drawer with a confirm dialog above it); without a shared counter, closing
+// EITHER one reset `overflow` to '', silently unlocking page scroll behind
+// the dialog that is still open.
+// ---------------------------------------------------------------------------
+let scrollLockCount = 0;
+let previousBodyOverflow = '';
+/** Locks body scroll on the first caller; later callers just increment the count. */
+function lockBodyScroll() {
+    if (scrollLockCount === 0) {
+        previousBodyOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+    }
+    scrollLockCount += 1;
+}
+/** Decrements the lock count; restores the ORIGINAL overflow only once it reaches zero. */
+function unlockBodyScroll() {
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+        document.body.style.overflow = previousBodyOverflow;
+    }
+}
+/**
+ * Modal component.
+ *
+ * Renders into a `document.body` portal. Forwards any extra `data-*` or
+ * `aria-*` props on the rest spread to the inner dialog `<div>` (e.g.
+ * callers commonly pass `data-mol-id="some-modal"` for AI-agent / e2e
+ * selectors).
+ *
+ * The internal close button always carries `data-mol-id="modal-close"`
+ * as the molecule-convention default for the one fixed interactive
+ * element inside the chrome.
+ *
+ * Implements the WAI-ARIA APG dialog (modal) pattern: on open, focus moves
+ * to the first focusable element inside the dialog (or the dialog itself
+ * when it has none); Tab/Shift+Tab are trapped inside the dialog; on close,
+ * focus returns to whatever was focused before the dialog opened. Stacked
+ * dialogs (a confirm above a drawer) each register on a module-level stack —
+ * Escape and the Tab trap only act for the TOPMOST dialog, and the body
+ * scroll lock is reference-counted so closing one of several open dialogs
+ * never unlocks scroll behind the ones still open.
+ */
+export const Modal = forwardRef(({ open, onClose, title, children, size = 'md', showCloseButton = true, closeOnOverlayClick = true, closeOnEscape = true, footer, centered = true, closeLabel, preventScroll = true, className, style, testId, ...rest }, ref) => {
+    const cm = getClassMap();
+    // Per-instance title id AND stack key. A hardcoded 'modal-title'
+    // duplicated the id whenever two modals were mounted (stacked dialogs, a
+    // drawer + a confirm) — aria-labelledby then resolved to the FIRST
+    // match, so screen readers announced the WRONG dialog title.
+    const instanceId = useId();
+    const titleId = instanceId;
+    const dialogRef = useRef(null);
+    // Merges the internal focus-trap ref with the consumer's forwarded ref
+    // onto the same dialog node, memoized so it isn't a fresh function
+    // identity (and therefore a spurious detach/reattach) on every render.
+    const setDialogRef = useMemo(() => mergeRefs(ref, dialogRef), [ref]);
+    // The element focused right before this dialog opened — restored on close.
+    const previouslyFocusedRef = useRef(null);
+    const handleOverlayClick = (e) => {
+        if (closeOnOverlayClick && e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    // Effect A — stack registration + move focus INTO the dialog on open +
+    // restore focus to whatever was focused before on close. Deps are
+    // intentionally narrow ([open, instanceId] only): this must run exactly
+    // once per open/close transition, NOT on every parent re-render that
+    // hands down a fresh `onClose` closure — otherwise a busy parent would
+    // silently steal focus back to the first control on every re-render,
+    // even after the user had already tabbed further into the dialog.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        previouslyFocusedRef.current = document.activeElement;
+        pushModalStack(instanceId);
+        const dialogEl = dialogRef.current;
+        if (dialogEl) {
+            const focusables = getFocusableElements(dialogEl);
+            (focusables[0] ?? dialogEl).focus();
+        }
+        return () => {
+            popModalStack(instanceId);
+            // Restore focus to whatever opened this dialog. Best-effort: if the
+            // element was itself removed from the document while the dialog was
+            // open, there is nothing sensible to restore focus to.
+            const toRestore = previouslyFocusedRef.current;
+            if (toRestore && document.contains(toRestore)) {
+                toRestore.focus();
+            }
+        };
+    }, [open, instanceId]);
+    // Effect B — reference-counted body scroll lock, independent of focus
+    // and Escape handling so it can react to `preventScroll` toggling on
+    // its own.
+    useEffect(() => {
+        if (!open || !preventScroll)
+            return undefined;
+        lockBodyScroll();
+        return () => unlockBodyScroll();
+    }, [open, preventScroll]);
+    // Effect C — Escape + Tab focus-trap. Re-subscribing when `onClose`
+    // changes identity is safe (it only swaps which closure the listener
+    // calls) and keeps the handler from ever closing over a stale `onClose`.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                if (closeOnEscape && isTopOfModalStack(instanceId)) {
+                    onClose();
+                }
+                return;
+            }
+            if (e.key !== 'Tab' || !isTopOfModalStack(instanceId))
+                return;
+            const el = dialogRef.current;
+            if (!el)
+                return;
+            const focusables = getFocusableElements(el);
+            if (focusables.length === 0) {
+                e.preventDefault();
+                el.focus();
+                return;
+            }
+            const first = focusables[0];
+            const last = focusables[focusables.length - 1];
+            const active = document.activeElement;
+            if (e.shiftKey) {
+                if (active === first || !el.contains(active)) {
+                    e.preventDefault();
+                    last.focus();
+                }
+            }
+            else if (active === last || !el.contains(active)) {
+                e.preventDefault();
+                first.focus();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, closeOnEscape, onClose, instanceId]);
+    if (!open) {
+        return null;
+    }
+    const passthrough = {};
+    for (const [k, v] of Object.entries(rest)) {
+        if (k.startsWith('data-') || k.startsWith('aria-'))
+            passthrough[k] = v;
+    }
+    const closeButton = (closeClassName) => showCloseButton ? (_jsx("button", { type: "button", onClick: onClose, className: closeClassName, "data-mol-id": "modal-close", "aria-label": closeLabel ?? t('ui.modal.close', undefined, { defaultValue: 'Close' }), children: renderIcon('x-mark', cm.iconMd) })) : null;
+    // `centered` has no dedicated ClassMap resolver option (dialogWrapper is
+    // a fixed token, not a `{ centered }`-parameterized one) — a top-anchored
+    // layout is expressed as the one inline-style exception the workspace
+    // styling rule allows for values ClassMap genuinely cannot express.
+    // Long-term this belongs in UIClassMap (e.g. `dialogWrapper(opts?: {
+    // centered?: boolean })`), which needs @molecule/app-ui + the ClassMap
+    // bond, both outside this package.
+    const wrapperStyle = centered
+        ? undefined
+        : { alignItems: 'flex-start' };
+    const modalContent = (_jsxs(_Fragment, { children: [_jsx("div", { className: cm.dialogOverlay, "aria-hidden": "true" }), _jsx("div", { className: cm.dialogWrapper, style: wrapperStyle, onClick: handleOverlayClick, children: _jsxs("div", { ref: setDialogRef, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, tabIndex: -1, className: cm.cn(cm.modal({ size }), className), style: style, "data-testid": testId, onClick: (e) => e.stopPropagation(), ...passthrough, children: [title ? (_jsxs("div", { className: cm.dialogHeader, children: [_jsx("h2", { id: titleId, className: cm.dialogTitle, children: title }), closeButton(cm.dialogClose)] })) : (closeButton(cm.dialogCloseFloating)), _jsx("div", { className: cm.dialogBody, children: children }), !!footer && _jsx("div", { className: cm.dialogFooter, children: footer })] }) })] }));
+    // Render into portal
+    if (typeof document !== 'undefined') {
+        return createPortal(modalContent, document.body);
+    }
+    return modalContent;
+});
+Modal.displayName = 'Modal';
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,uFAAuF;AACvF,MAAM,kBAAkB,GACtB,2IAA2I,CAAA;AAE7I;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,SAAsB;IAClD,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC,CAAA;AAChF,CAAC;AAED;;;;;;GAMG;AACH,SAAS,SAAS,CAAI,GAAG,IAAqC;IAC5D,OAAO,CAAC,IAAc,EAAE,EAAE;QACxB,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,CAAC;gBAAE,SAAQ;YAChB,IAAI,OAAO,CAAC,KAAK,UAAU,EAAE,CAAC;gBAC5B,CAAC,CAAC,IAAI,CAAC,CAAA;YACT,CAAC;iBAAM,CAAC;gBACN,CAAC;gBAAC,CAAsC,CAAC,OAAO,GAAG,IAAI,CAAA;YACzD,CAAC;QACH,CAAC;IACH,CAAC,CAAA;AACH,CAAC;AAED,8EAA8E;AAC9E,2EAA2E;AAC3E,6EAA6E;AAC7E,0EAA0E;AAC1E,2EAA2E;AAC3E,8EAA8E;AAC9E,MAAM,cAAc,GAAa,EAAE,CAAA;AAEnC,4EAA4E;AAC5E,SAAS,cAAc,CAAC,EAAU;IAChC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3D,CAAC;AAED,oDAAoD;AACpD,SAAS,aAAa,CAAC,EAAU;IAC/B,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACxC,IAAI,KAAK,KAAK,CAAC,CAAC;QAAE,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;AACnD,CAAC;AAED,8EAA8E;AAC9E,SAAS,iBAAiB,CAAC,EAAU;IACnC,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,CAAA;AACtF,CAAC;AAED,8EAA8E;AAC9E,wEAAwE;AACxE,4EAA4E;AAC5E,2EAA2E;AAC3E,iCAAiC;AACjC,8EAA8E;AAC9E,IAAI,eAAe,GAAG,CAAC,CAAA;AACvB,IAAI,oBAAoB,GAAG,EAAE,CAAA;AAE7B,qFAAqF;AACrF,SAAS,cAAc;IACrB,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;QAC1B,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;QACnD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;IACzC,CAAC;IACD,eAAe,IAAI,CAAC,CAAA;AACtB,CAAC;AAED,2FAA2F;AAC3F,SAAS,gBAAgB;IACvB,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAA;IAClD,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,oBAAoB,CAAA;IACrD,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,eAAe,GAAG,IAAI,EACtB,mBAAmB,GAAG,IAAI,EAC1B,aAAa,GAAG,IAAI,EACpB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,UAAU,EACV,aAAa,GAAG,IAAI,EACpB,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,iEAAiE;IACjE,yEAAyE;IACzE,mEAAmE;IACnE,6DAA6D;IAC7D,MAAM,UAAU,GAAG,KAAK,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAA;IAE1B,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,uEAAuE;IACvE,mEAAmE;IACnE,uEAAuE;IACvE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAiB,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACpF,2EAA2E;IAC3E,MAAM,oBAAoB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAA;IAE7D,MAAM,kBAAkB,GAAG,CAAC,CAAmB,EAAQ,EAAE;QACvD,IAAI,mBAAmB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC;YACxD,OAAO,EAAE,CAAA;QACX,CAAC;IACH,CAAC,CAAA;IAED,uEAAuE;IACvE,kEAAkE;IAClE,wEAAwE;IACxE,qEAAqE;IACrE,uEAAuE;IACvE,qEAAqE;IACrE,kEAAkE;IAClE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAA;QAE3B,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAmC,CAAA;QAC3E,cAAc,CAAC,UAAU,CAAC,CAAA;QAE1B,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAA;QAClC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,UAAU,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAChD;YAAA,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAA;QACtC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,UAAU,CAAC,CAAA;YACzB,oEAAoE;YACpE,oEAAoE;YACpE,uDAAuD;YACvD,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAA;YAC9C,IAAI,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC9C,SAAS,CAAC,KAAK,EAAE,CAAA;YACnB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAEtB,sEAAsE;IACtE,qEAAqE;IACrE,WAAW;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO,SAAS,CAAA;QAC7C,cAAc,EAAE,CAAA;QAChB,OAAO,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAA;IAEzB,oEAAoE;IACpE,qEAAqE;IACrE,yEAAyE;IACzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAA;QAE3B,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAQ,EAAE;YAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,IAAI,aAAa,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC;oBACnD,OAAO,EAAE,CAAA;gBACX,CAAC;gBACD,OAAM;YACR,CAAC;YAED,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;gBAAE,OAAM;YAE7D,MAAM,EAAE,GAAG,SAAS,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,EAAE;gBAAE,OAAM;YACf,MAAM,UAAU,GAAG,oBAAoB,CAAC,EAAE,CAAC,CAAA;YAC3C,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,EAAE,CAAC,KAAK,EAAE,CAAA;gBACV,OAAM;YACR,CAAC;YAED,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;YAC3B,MAAM,IAAI,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAA;YAErC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACf,IAAI,MAAM,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC7C,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,KAAK,EAAE,CAAA;gBACd,CAAC;YACH,CAAC;iBAAM,IAAI,MAAM,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnD,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,KAAK,CAAC,KAAK,EAAE,CAAA;YACf,CAAC;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAE9C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,WAAW,GAA4B,EAAE,CAAA;IAC/C,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAA+B,CAAC,EAAE,CAAC;QACrE,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;YAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IACxE,CAAC;IAED,MAAM,WAAW,GAAG,CAAC,cAAsB,EAAmB,EAAE,CAC9D,eAAe,CAAC,CAAC,CAAC,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,iBACb,aAAa,gBACb,UAAU,IAAI,CAAC,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,YAElF,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GACzB,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;IAEV,yEAAyE;IACzE,0EAA0E;IAC1E,sEAAsE;IACtE,oEAAoE;IACpE,qEAAqE;IACrE,uEAAuE;IACvE,mCAAmC;IACnC,MAAM,YAAY,GAAoC,QAAQ;QAC5D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,CAAA;IAEhC,MAAM,YAAY,GAAG,CACnB,8BAEE,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,iBAAc,MAAM,GAAG,EAGvD,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,YAEhF,eACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,gBACF,MAAM,qBACA,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5C,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,KACjD,WAAW,aAKd,KAAK,CAAC,CAAC,CAAC,CACP,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,aAC7B,aAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,YACvC,KAAwB,GACtB,EACJ,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,IACxB,CACP,CAAC,CAAC,CAAC,CACF,WAAW,CAAC,EAAE,CAAC,mBAAmB,CAAC,CACpC,EAED,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,YAAG,QAA2B,GAAO,EAEjE,CAAC,CAAC,MAAM,IAAI,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,YAAG,MAAyB,GAAO,IAC3E,GACF,IACL,CACJ,CAAA;IAED,qBAAqB;IACrB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClD,CAAC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,15 @@
+/**
+ * PageHeader component — consistent page title area with breadcrumbs and actions.
+ *
+ * @module
+ */
+import React from 'react';
+import type { PageHeaderProps } from '@molecule/app-ui';
+/**
+ * PageHeader component.
+ *
+ * Renders a page title with optional breadcrumb trail, description, and
+ * action buttons for a consistent page heading area.
+ */
+export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAGvD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wFA4CtB,CAAA"}

package/dist/components/PageHeader.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PageHeader component — consistent page title area with breadcrumbs and actions.
+ *
+ * @module
+ */
+import React, { forwardRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * PageHeader component.
+ *
+ * Renders a page title with optional breadcrumb trail, description, and
+ * action buttons for a consistent page heading area.
+ */
+export const PageHeader = forwardRef(({ title, description, actions, breadcrumbs, className, style, testId, automationId }, ref) => {
+    const cm = getClassMap();
+    return (_jsxs("div", { ref: ref, className: cm.cn(cm.pageHeader, className), style: style, "data-testid": testId, "data-mol-id": automationId, children: [breadcrumbs && breadcrumbs.length > 0 && (_jsx("nav", { className: cm.pageHeaderBreadcrumbs, "aria-label": "Breadcrumb", children: breadcrumbs.map((crumb, index) => (_jsxs(React.Fragment, { children: [index > 0 && (_jsx("span", { className: cm.pageHeaderBreadcrumbSeparator, "aria-hidden": "true", children: "/" })), crumb.href ? (_jsx("a", { href: crumb.href, className: cm.pageHeaderBreadcrumbItem, children: crumb.label })) : (_jsx("span", { className: cm.pageHeaderBreadcrumbItem, children: crumb.label }))] }, index))) })), _jsxs("div", { className: cm.cn(cm.flex({ justify: 'between', align: 'center' })), children: [_jsxs("div", { children: [_jsx("h1", { className: cm.pageHeaderTitle, children: title }), description && _jsx("p", { className: cm.pageHeaderDescription, children: description })] }), actions ? (_jsx("div", { className: cm.pageHeaderActions, children: actions })) : null] })] }));
+});
+PageHeader.displayName = 'PageHeader';
+//# sourceMappingURL=PageHeader.js.map

package/dist/components/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5F,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAExB,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,iBACC,MAAM,iBACN,YAAY,aAExB,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,gBAAa,YAAY,YAC9D,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,GAAG,CAAC,IAAI,CACZ,eAAM,SAAS,EAAE,EAAE,CAAC,6BAA6B,iBAAc,MAAM,kBAE9D,CACR,EACA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,YAAG,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,YACxD,KAAK,CAAC,KAAK,GACV,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,YAAG,KAAK,CAAC,KAAK,GAAQ,CACnE,KAZkB,KAAK,CAaT,CAClB,CAAC,GACE,CACP,EACD,eAAK,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,aACrE,0BACE,aAAI,SAAS,EAAE,EAAE,CAAC,eAAe,YAAG,KAAK,GAAM,EAC9C,WAAW,IAAI,YAAG,SAAS,EAAE,EAAE,CAAC,qBAAqB,YAAG,WAAW,GAAK,IACrE,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,YAAG,OAA0B,GAAO,CACzE,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/components/PageShell.d.ts

@@ -0,0 +1,15 @@
+/**
+ * PageShell component — authenticated page wrapper with sidebar and top bar.
+ *
+ * @module
+ */
+import React from 'react';
+import type { PageShellProps } from '@molecule/app-ui';
+/**
+ * PageShell component.
+ *
+ * Provides the top-level layout for authenticated pages with an optional
+ * collapsible sidebar, a top bar, and a scrollable main content area.
+ */
+export declare const PageShell: React.ForwardRefExoticComponent<PageShellProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageShell.d.ts.map

package/dist/components/PageShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageShell.d.ts","sourceRoot":"","sources":["../../src/components/PageShell.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGtD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uFAmDrB,CAAA"}

package/dist/components/PageShell.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PageShell component — authenticated page wrapper with sidebar and top bar.
+ *
+ * @module
+ */
+import { forwardRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * PageShell component.
+ *
+ * Provides the top-level layout for authenticated pages with an optional
+ * collapsible sidebar, a top bar, and a scrollable main content area.
+ */
+export const PageShell = forwardRef(({ children, sidebar, topbar, sidebarCollapsed, onSidebarToggle, className, style, testId, automationId, }, ref) => {
+    const cm = getClassMap();
+    return (_jsxs("div", { ref: ref, className: cm.cn(cm.pageShell, className), style: style, "data-testid": testId, "data-mol-id": automationId, children: [sidebar ? (_jsxs("aside", { className: cm.cn(cm.pageShellSidebar, sidebarCollapsed && cm.pageShellSidebarCollapsed), children: [onSidebarToggle ? (_jsx("button", { type: "button", className: cm.pageShellSidebarToggle, onClick: onSidebarToggle, "aria-label": sidebarCollapsed ? 'Expand sidebar' : 'Collapse sidebar', children: sidebarCollapsed ? '\u25B6' : '\u25C0' })) : null, sidebar] })) : null, _jsxs("div", { className: cm.flex1, children: [topbar ? (_jsx("header", { className: cm.pageShellTopbar, children: topbar })) : null, _jsx("main", { className: cm.pageShellContent, children: children })] })] }));
+});
+PageShell.displayName = 'PageShell';
+//# sourceMappingURL=PageShell.js.map

package/dist/components/PageShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageShell.js","sourceRoot":"","sources":["../../src/components/PageShell.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,QAAQ,EACR,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAExB,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EACzC,KAAK,EAAE,KAAK,iBACC,MAAM,iBACN,YAAY,aAExB,OAAO,CAAC,CAAC,CAAC,CACT,iBACE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,IAAI,EAAE,CAAC,yBAAyB,CAAC,aAEtF,eAAe,CAAC,CAAC,CAAC,CACjB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,sBAAsB,EACpC,OAAO,EAAE,eAAe,gBACZ,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,YAEnE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAChC,CACV,CAAC,CAAC,CAAC,IAAI,EACP,OAA0B,IACrB,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,EAAE,CAAC,KAAK,aACrB,MAAM,CAAC,CAAC,CAAC,CACR,iBAAQ,SAAS,EAAE,EAAE,CAAC,eAAe,YAAG,MAAyB,GAAU,CAC5E,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,YAAG,QAA2B,GAAQ,IACtE,IACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/components/Pagination.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Pagination component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { PaginationProps } from '@molecule/app-ui';
+/**
+ * Pagination component.
+ */
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAsEvD;;GAEG;AACH,eAAO,MAAM,UAAU,qFAuJtB,CAAA"}

package/dist/components/Pagination.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Pagination component.
+ *
+ * @module
+ */
+import { forwardRef, useMemo } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { renderIcon } from '../utilities/renderIcon.js';
+/**
+ * Generate pagination range with ellipsis.
+ * @param currentPage - The currently active page number.
+ * @param totalPages - The total number of pages.
+ * @param siblings - The number of sibling pages to show around the current page.
+ * @param boundaries - The number of boundary pages to always show at start and end.
+ * @returns An array of page numbers and ellipsis markers.
+ */
+function generatePaginationRange(currentPage, totalPages, siblings, boundaries) {
+    const range = [];
+    // Always show first boundary pages
+    for (let i = 1; i <= Math.min(boundaries, totalPages); i++) {
+        range.push(i);
+    }
+    // Calculate sibling range
+    const siblingStart = Math.max(boundaries + 1, currentPage - siblings);
+    const siblingEnd = Math.min(totalPages - boundaries, currentPage + siblings);
+    // Add ellipsis after boundary if needed
+    if (siblingStart > boundaries + 1) {
+        range.push('ellipsis');
+    }
+    // Add sibling pages
+    for (let i = siblingStart; i <= siblingEnd; i++) {
+        if (!range.includes(i)) {
+            range.push(i);
+        }
+    }
+    // Add ellipsis before end boundary if needed
+    if (siblingEnd < totalPages - boundaries) {
+        range.push('ellipsis');
+    }
+    // Always show last boundary pages
+    for (let i = Math.max(totalPages - boundaries + 1, boundaries + 1); i <= totalPages; i++) {
+        if (!range.includes(i)) {
+            range.push(i);
+        }
+    }
+    return range;
+}
+/**
+ * Ellipsis indicator.
+ * @returns The ellipsis JSX element.
+ */
+const Ellipsis = () => {
+    const cm = getClassMap();
+    return (_jsx("span", { className: cm.paginationEllipsis, "aria-hidden": "true", children: renderIcon('ellipsis-horizontal', cm.iconSm) }));
+};
+/**
+ * Pagination component.
+ */
+export const Pagination = forwardRef(({ page, totalPages, onChange, siblings = 1, boundaries = 1, size = 'md', showFirstLast = false, showPrevNext = true, labels, className, style, testId, disabled, }, ref) => {
+    const cm = getClassMap();
+    const range = useMemo(() => generatePaginationRange(page, totalPages, siblings, boundaries), [page, totalPages, siblings, boundaries]);
+    const handlePageChange = (newPage) => {
+        if (newPage >= 1 && newPage <= totalPages && newPage !== page && !disabled) {
+            onChange(newPage);
+        }
+    };
+    const buttonClasses = (isActive) => cm.cn(cm.pagination({ active: isActive, size }), cm.paginationInteractive);
+    return (_jsx("nav", { ref: ref, role: "navigation", "aria-label": labels?.nav ?? t('ui.pagination.nav', undefined, { defaultValue: 'Pagination' }), className: cm.cn(cm.paginationRoot, className), style: style, "data-testid": testId, children: _jsxs("ul", { className: cm.paginationContent, children: [showFirstLast && (_jsx("li", { children: _jsx("button", { type: "button", className: buttonClasses(false), onClick: () => handlePageChange(1), disabled: page === 1 || disabled, "aria-label": labels?.first ??
+                            t('ui.pagination.first', undefined, { defaultValue: 'Go to first page' }), children: renderIcon('chevrons-left', cm.iconSm) }) })), showPrevNext && (_jsx("li", { children: _jsx("button", { type: "button", className: buttonClasses(false), onClick: () => handlePageChange(page - 1), disabled: page === 1 || disabled, "aria-label": labels?.previous ??
+                            t('ui.pagination.previous', undefined, { defaultValue: 'Go to previous page' }), children: renderIcon('chevron-left', cm.iconSm) }) })), range.map((item, index) => item === 'ellipsis' ? (_jsx("li", { children: _jsx(Ellipsis, {}) }, `ellipsis-${index}`)) : (_jsx("li", { children: _jsx("button", { type: "button", className: buttonClasses(item === page), onClick: () => handlePageChange(item), disabled: disabled, "aria-label": labels?.goToPage?.(item) ??
+                            t('ui.pagination.goToPage', { page: item }, { defaultValue: 'Go to page {{page}}' }), "aria-current": item === page ? 'page' : undefined, children: item }) }, item))), showPrevNext && (_jsx("li", { children: _jsx("button", { type: "button", className: buttonClasses(false), onClick: () => handlePageChange(page + 1), disabled: page === totalPages || disabled, "aria-label": labels?.next ??
+                            t('ui.pagination.next', undefined, { defaultValue: 'Go to next page' }), children: renderIcon('chevron-right', cm.iconSm) }) })), showFirstLast && (_jsx("li", { children: _jsx("button", { type: "button", className: buttonClasses(false), onClick: () => handlePageChange(totalPages), disabled: page === totalPages || disabled, "aria-label": labels?.last ??
+                            t('ui.pagination.last', undefined, { defaultValue: 'Go to last page' }), children: renderIcon('chevrons-right', cm.iconSm) }) }))] }) }));
+});
+Pagination.displayName = 'Pagination';
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/PanelClose.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Panel-close context shared by `UserMenu` and `SidebarUserCard`.
+ *
+ * Both components mount caller-supplied `children` (typically an app's
+ * `SettingsPanel`) inside a drawer. The panel needs a way to dismiss
+ * that drawer — historically passed down via a `renderPanel` render
+ * prop. This context replaces that render prop: the component provides
+ * the close callback, and panel content reads it with `usePanelClose()`.
+ *
+ * @module
+ */
+import type { JSX, ReactNode } from 'react';
+/**
+ * Props for {@link PanelCloseProvider}.
+ */
+export interface PanelCloseProviderProps {
+    /** Callback that dismisses the enclosing drawer/modal. */
+    close: () => void;
+    /** Panel content that may call {@link usePanelClose}. */
+    children: ReactNode;
+}
+/**
+ * Provides the panel-close callback to descendants. Rendered internally
+ * by `UserMenu` and `SidebarUserCard` around their `children`; apps do
+ * not normally render this directly.
+ *
+ * @param props - The close callback and the panel content.
+ * @returns The children wrapped in the close-context provider.
+ */
+export declare function PanelCloseProvider({ close, children }: PanelCloseProviderProps): JSX.Element;
+/**
+ * Returns the callback that dismisses the drawer the current panel is
+ * mounted in. Safe to call anywhere — returns a no-op when no enclosing
+ * `UserMenu` / `SidebarUserCard` provides one (e.g. a `SettingsPanel`
+ * rendered as a standalone page).
+ *
+ * @returns A function that closes the enclosing drawer, or a no-op.
+ */
+export declare function usePanelClose(): () => void;
+//# sourceMappingURL=PanelClose.d.ts.map

package/dist/components/PanelClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelClose.d.ts","sourceRoot":"","sources":["../../src/components/PanelClose.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAW3C;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAE5F;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,IAAI,MAAM,IAAI,CAE1C"}

package/dist/components/PanelClose.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+/**
+ * Carries the close callback for the drawer a panel is mounted in.
+ * Defaults to a no-op so `usePanelClose()` is always safe to call —
+ * panel content rendered outside a drawer simply gets a close callback
+ * that does nothing.
+ */
+const PanelCloseContext = createContext(() => { });
+/**
+ * Provides the panel-close callback to descendants. Rendered internally
+ * by `UserMenu` and `SidebarUserCard` around their `children`; apps do
+ * not normally render this directly.
+ *
+ * @param props - The close callback and the panel content.
+ * @returns The children wrapped in the close-context provider.
+ */
+export function PanelCloseProvider({ close, children }) {
+    return _jsx(PanelCloseContext.Provider, { value: close, children: children });
+}
+/**
+ * Returns the callback that dismisses the drawer the current panel is
+ * mounted in. Safe to call anywhere — returns a no-op when no enclosing
+ * `UserMenu` / `SidebarUserCard` provides one (e.g. a `SettingsPanel`
+ * rendered as a standalone page).
+ *
+ * @returns A function that closes the enclosing drawer, or a no-op.
+ */
+export function usePanelClose() {
+    return useContext(PanelCloseContext);
+}
+//# sourceMappingURL=PanelClose.js.map

package/dist/components/PanelClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelClose.js","sourceRoot":"","sources":["../../src/components/PanelClose.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,aAAa,CAAa,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;AAY7D;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA2B;IAC7E,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA8B,CAAA;AAC1F,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAA;AACtC,CAAC"}

package/dist/components/Progress.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Progress component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { BaseProps, ColorVariant, Size } from '@molecule/app-ui';
+/**
+ * Props for the Progress component.
+ */
+export interface ProgressProps extends BaseProps {
+    /**
+     * Progress value (0-100).
+     */
+    value: number;
+    /**
+     * Maximum value.
+     */
+    max?: number;
+    /**
+     * Progress size.
+     */
+    size?: Size;
+    /**
+     * Progress color.
+     */
+    color?: ColorVariant;
+    /**
+     * Whether to show the value label.
+     */
+    showValue?: boolean;
+    /**
+     * Accessible label.
+     */
+    label?: string;
+    /**
+     * Whether the progress is indeterminate.
+     */
+    indeterminate?: boolean;
+}
+/**
+ * Progress component.
+ */
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/components/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGrE;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAKD;;GAEG;AACH,eAAO,MAAM,QAAQ,sFAuDpB,CAAA"}

package/dist/components/Progress.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Progress component.
+ *
+ * @module
+ */
+import { forwardRef } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+// sizeHeightMap removed — use cm.progressHeight(size) instead
+// colorMap removed — use cm.progressColor(color) instead
+/**
+ * Progress component.
+ */
+export const Progress = forwardRef(({ value, max = 100, size = 'md', color = 'primary', showValue, label, indeterminate, className, style, testId, }, ref) => {
+    const cm = getClassMap();
+    const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
+    return (_jsxs("div", { ref: ref, className: cm.cn(cm.progressWrapper, className), style: style, "data-testid": testId, children: [(label || showValue) && (_jsxs("div", { className: cm.progressLabelContainer, children: [label && _jsx("span", { className: cm.progressLabelText, children: label }), showValue && _jsxs("span", { className: cm.progressLabelText, children: [Math.round(percentage), "%"] })] })), _jsx("div", { className: cm.cn(cm.progress(), cm.progressHeight(size)), role: "progressbar", "aria-valuenow": indeterminate ? undefined : Math.min(Math.max(value, 0), max), "aria-valuemin": 0, "aria-valuemax": max, "aria-label": label ?? t('ui.progress.label', undefined, { defaultValue: 'Progress' }), children: _jsx("div", { className: cm.cn(cm.progressBar(), cm.progressColor(color), indeterminate && cm.progressIndeterminate), style: indeterminate ? undefined : { transform: `translateX(-${100 - percentage}%)` } }) })] }));
+});
+Progress.displayName = 'Progress';
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AA0C9C,8DAA8D;AAC9D,yDAAyD;AAEzD;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,KAAK,EACL,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,KAAK,EACL,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,GACP,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAElE,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,iBACC,MAAM,aAElB,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,aACtC,KAAK,IAAI,eAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,YAAG,KAAK,GAAQ,EAC9D,SAAS,IAAI,gBAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,aAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,IACjF,CACP,EACD,cACE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EACxD,IAAI,EAAC,aAAa,mBAIH,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,mBAC7D,CAAC,mBACD,GAAG,gBACN,KAAK,IAAI,CAAC,CAAC,mBAAmB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,YAEpF,cACE,SAAS,EAAE,EAAE,CAAC,EAAE,CACd,EAAE,CAAC,WAAW,EAAE,EAChB,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACvB,aAAa,IAAI,EAAE,CAAC,qBAAqB,CAC1C,EACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,UAAU,IAAI,EAAE,GACrF,GACE,IACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,12 @@
+/**
+ * RadioGroup component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { RadioGroupProps } from '@molecule/app-ui';
+/**
+ * RadioGroup component.
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps<string> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAGvD;;GAEG;AACH,eAAO,MAAM,UAAU,gGAgFtB,CAAA"}