@revikornmann/muka-ui 0.2.1

package/dist/esm/components/Dialog/Dialog.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState, useCallback } from 'react';
+import { TopBar } from '../TopBar';
+import { BottomBar } from '../BottomBar';
+import { Button } from '../Button';
+import './Dialog.css';
+const ANIMATION_DURATION = 200;
+const MIN_HEIGHT_DISMISS = 200;
+// Snap point heights in px (must match dialog tokens)
+const SNAP_SM = 400; // 25rem
+const SNAP_MD = 600; // 37.5rem
+const getSnapLg = () => window.innerHeight - 56;
+function getNearestSnap(height) {
+    const snapLg = getSnapLg();
+    const snaps = [SNAP_SM, SNAP_MD, snapLg];
+    return snaps.reduce((prev, curr) => Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev);
+}
+export const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', modal = true, title, leading, trailing, footerActions, footerVariant = 'actions', mobileLeadingLabel, mobileTrailingLabel, onMobileLeadingClick, onMobileTrailingClick, 'aria-label': ariaLabel, surfaceLevel = 3, 'aria-describedby': ariaDescribedBy, className = '', }) => {
+    const dialogRef = useRef(null);
+    const surfaceRef = useRef(null);
+    const bodyRef = useRef(null);
+    // Slide-in state (React-managed so it survives re-renders)
+    const [isSlideIn, setIsSlideIn] = useState(false);
+    // Track whether any form input has been modified (dirty)
+    const [isDirty, setIsDirty] = useState(false);
+    // Detect whether the body contains form input elements
+    const [hasInputs, setHasInputs] = useState(false);
+    // Drag-to-resize state (non-modal mobile only)
+    const [isDragging, setIsDragging] = useState(false);
+    const [dragHeight, setDragHeight] = useState(null);
+    const [snapHeight, setSnapHeight] = useState(null);
+    const dragStartY = useRef(0);
+    const dragStartHeight = useRef(0);
+    // Open the native <dialog> and force reflow before slide-in
+    useLayoutEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open && !dialog.open) {
+            dialog.showModal();
+            // Move focus to the surface so no interactive element gets the focus ring
+            surfaceRef.current?.focus({ preventScroll: true });
+            // Force reflow so the browser computes the off-screen state (translateY(100%))
+            void dialog.offsetHeight;
+        }
+    }, [open]);
+    // Scan body for form input elements after dialog opens
+    useLayoutEffect(() => {
+        if (!open || !bodyRef.current)
+            return;
+        const found = bodyRef.current.querySelector('input, textarea, select, [contenteditable="true"]') !== null;
+        setHasInputs(found);
+    }, [open]);
+    // Trigger slide-in after the dialog is shown, or slide-out + delayed close
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open) {
+            setIsSlideIn(true);
+            setIsDirty(false);
+        }
+        else if (dialog.open) {
+            setIsSlideIn(false);
+            const timer = setTimeout(() => {
+                dialog.close();
+                setSnapHeight(null);
+                setDragHeight(null);
+            }, ANIMATION_DURATION);
+            return () => clearTimeout(timer);
+        }
+    }, [open]);
+    // Handle escape key
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        const handleCancel = (e) => {
+            e.preventDefault();
+            onClose?.();
+        };
+        dialog.addEventListener('cancel', handleCancel);
+        return () => dialog.removeEventListener('cancel', handleCancel);
+    }, [onClose]);
+    // Track form dirtiness via input events on the dialog body
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog || !open)
+            return;
+        const handleInput = () => setIsDirty(true);
+        dialog.addEventListener('input', handleInput);
+        return () => dialog.removeEventListener('input', handleInput);
+    }, [open]);
+    // Handle backdrop click
+    // Non-modal: always dismiss. Modal: dismiss only when form is clean.
+    const handleBackdropClick = useCallback((e) => {
+        if (e.target !== dialogRef.current)
+            return;
+        if (!modal || !isDirty) {
+            onClose?.();
+        }
+    }, [modal, isDirty, onClose]);
+    // ─── Drag-to-resize handlers (non-modal only) ──────
+    const handlePointerDown = useCallback((e) => {
+        if (modal)
+            return;
+        const surface = surfaceRef.current;
+        if (!surface)
+            return;
+        setIsDragging(true);
+        dragStartY.current = e.clientY;
+        dragStartHeight.current = surface.getBoundingClientRect().height;
+        e.target.setPointerCapture(e.pointerId);
+    }, [modal]);
+    const handlePointerMove = useCallback((e) => {
+        if (!isDragging)
+            return;
+        const delta = dragStartY.current - e.clientY;
+        const newHeight = Math.max(0, dragStartHeight.current + delta);
+        setDragHeight(newHeight);
+    }, [isDragging]);
+    const handlePointerUp = useCallback(() => {
+        if (!isDragging)
+            return;
+        setIsDragging(false);
+        if (dragHeight !== null && dragHeight < MIN_HEIGHT_DISMISS) {
+            // Swipe down to dismiss
+            setDragHeight(null);
+            onClose?.();
+            return;
+        }
+        if (dragHeight !== null) {
+            const nearest = getNearestSnap(dragHeight);
+            setSnapHeight(nearest);
+        }
+        setDragHeight(null);
+    }, [isDragging, dragHeight, onClose]);
+    // ─── Classes ────────────────────────────────────────
+    const sizeClass = {
+        sm: 'muka-dialog--sm',
+        md: 'muka-dialog--md',
+        lg: 'muka-dialog--lg',
+    }[size];
+    const dialogClasses = [
+        'muka-dialog',
+        sizeClass,
+        !modal && 'muka-dialog--non-modal',
+        modal && !hasInputs && 'muka-dialog--no-inputs',
+        mobileHeight === 'half' && 'muka-dialog--mobile-half',
+        isSlideIn && 'muka-dialog--slide-in',
+        isDragging && 'muka-dialog--dragging',
+        `muka-dialog--surface-${surfaceLevel}`,
+        className,
+    ].filter(Boolean).join(' ');
+    // Non-modal on mobile gets drag handle via TopBar variant
+    const topBarVariant = !modal ? 'draggable' : 'default';
+    // Compute leading/trailing for TopBar — avoid always-truthy fragments
+    const topBarLeading = !modal
+        ? leading
+        : (mobileLeadingLabel && hasInputs)
+            ? (_jsx("span", { className: "muka-dialog__mobile-only", children: _jsx(Button, { variant: "tertiary", size: "sm", onClick: onMobileLeadingClick, children: mobileLeadingLabel }) }))
+            : undefined;
+    const topBarTrailing = !modal
+        ? trailing
+        : (mobileTrailingLabel && hasInputs)
+            ? (_jsx("span", { className: "muka-dialog__mobile-only", children: _jsx(Button, { variant: "primary", size: "sm", onClick: onMobileTrailingClick || onClose, children: mobileTrailingLabel }) }))
+            : undefined;
+    // Surface inline style for drag/snap
+    const surfaceStyle = isDragging && dragHeight !== null
+        ? { height: `${dragHeight}px`, transition: 'none' }
+        : snapHeight !== null
+            ? { height: `${snapHeight}px` }
+            : undefined;
+    const topBar = (_jsx(TopBar, { title: title, variant: topBarVariant, leading: topBarLeading, trailing: topBarTrailing }));
+    return (
+    // Native <dialog> is interactive and handles Escape natively; click handler closes on backdrop click.
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+    _jsx("dialog", { ref: dialogRef, className: dialogClasses, onClick: handleBackdropClick, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, children: _jsxs("div", { ref: surfaceRef, className: "muka-dialog__surface", style: surfaceStyle, tabIndex: -1, children: [!modal ? (_jsx("div", { className: "muka-dialog__drag-area", onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, style: { touchAction: 'none' }, children: topBar })) : (topBar), _jsx("div", { ref: bodyRef, className: "muka-dialog__body", children: children }), footerActions && (_jsx("div", { className: "muka-dialog__footer", children: _jsx(BottomBar, { variant: footerVariant, size: "lg", bordered: false, children: footerActions }) }))] }) }));
+};
+export default Dialog;
+//# sourceMappingURL=Dialog.js.map

package/dist/esm/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,cAAc,CAAC;AA6DtB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,sDAAsD;AACtD,MAAM,OAAO,GAAG,GAAG,CAAC,CAAE,QAAQ;AAC9B,MAAM,OAAO,GAAG,GAAG,CAAC,CAAE,UAAU;AAChC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;AAEhD,SAAS,cAAc,CAAC,MAAc;IACpC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACjC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAChE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,IAAI,EACZ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,GAAG,SAAS,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,YAAY,EAAE,SAAS,EACvB,YAAY,GAAG,CAAC,EAChB,kBAAkB,EAAE,eAAe,EACnC,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,2DAA2D;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,yDAAyD;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,uDAAuD;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,+CAA+C;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAElC,4DAA4D;IAC5D,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACzB,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,0EAA0E;YAC1E,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YACnD,+EAA+E;YAC/E,KAAK,MAAM,CAAC,YAAY,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,uDAAuD;IACvD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CACzC,mDAAmD,CACpD,KAAK,IAAI,CAAC;QACX,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YACvB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,aAAa,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC,EAAE,kBAAkB,CAAC,CAAC;YACvB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,oBAAoB;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,YAAY,GAAG,CAAC,CAAQ,EAAE,EAAE;YAChC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;YAAE,OAAO;QAE7B,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,wBAAwB;IACxB,qEAAqE;IACrE,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO;YAAE,OAAO;QAC3C,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,sDAAsD;IACtD,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAqB,EAAE,EAAE;QAC9D,IAAI,KAAK;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;QAC/B,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAChE,CAAC,CAAC,MAAsB,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAqB,EAAE,EAAE;QAC9D,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;QAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC;QAC/D,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,aAAa,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,GAAG,kBAAkB,EAAE,CAAC;YAC3D,wBAAwB;YACxB,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,EAAE,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAC3C,aAAa,CAAC,OAAO,CAAC,CAAC;QACzB,CAAC;QACD,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtC,uDAAuD;IACvD,MAAM,SAAS,GAAG;QAChB,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,iBAAiB;KACtB,CAAC,IAAI,CAAC,CAAC;IAER,MAAM,aAAa,GAAG;QACpB,aAAa;QACb,SAAS;QACT,CAAC,KAAK,IAAI,wBAAwB;QAClC,KAAK,IAAI,CAAC,SAAS,IAAI,wBAAwB;QAC/C,YAAY,KAAK,MAAM,IAAI,0BAA0B;QACrD,SAAS,IAAI,uBAAuB;QACpC,UAAU,IAAI,uBAAuB;QACrC,wBAAwB,YAAY,EAAE;QACtC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,0DAA0D;IAC1D,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvD,sEAAsE;IACtE,MAAM,aAAa,GAAG,CAAC,KAAK;QAC1B,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,CAAC,kBAAkB,IAAI,SAAS,CAAC;YACjC,CAAC,CAAC,CACA,eAAM,SAAS,EAAC,0BAA0B,YACxC,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,oBAAoB,YAC/D,kBAAkB,GACZ,GACJ,CACR;YACD,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,cAAc,GAAG,CAAC,KAAK;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,CAAC,mBAAmB,IAAI,SAAS,CAAC;YAClC,CAAC,CAAC,CACA,eAAM,SAAS,EAAC,0BAA0B,YACxC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,qBAAqB,IAAI,OAAO,YAC1E,mBAAmB,GACb,GACJ,CACR;YACD,CAAC,CAAC,SAAS,CAAC;IAEhB,qCAAqC;IACrC,MAAM,YAAY,GAChB,UAAU,IAAI,UAAU,KAAK,IAAI;QAC/B,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE;QACnD,CAAC,CAAC,UAAU,KAAK,IAAI;YACnB,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,IAAI,EAAE;YAC/B,CAAC,CAAC,SAAS,CAAC;IAElB,MAAM,MAAM,GAAG,CACb,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,GACxB,CACH,CAAC;IAEF,OAAO;IACL,sGAAsG;IACtG,kHAAkH;IAClH,iBACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,mBAAmB,gBAChB,SAAS,sBACH,eAAe,YAEjC,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,aAEX,CAAC,KAAK,CAAC,CAAC,CAAC,CACR,cACE,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YAE7B,MAAM,GACH,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CACP,EAED,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,YAC7C,QAAQ,GACL,EAEL,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,SAAS,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,KAAK,YACzD,aAAa,GACJ,GACR,CACP,IACG,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/components/Dialog/index.js

@@ -0,0 +1,3 @@
+export { Dialog } from './Dialog';
+export { default } from './Dialog';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/esm/components/Divider/Divider.css

@@ -0,0 +1,24 @@
+/* Divider Component Styles - Using Muka Design Tokens */
+
+.muka-divider {
+  flex-shrink: 0;
+}
+
+.muka-divider--horizontal {
+  width: 100%;
+  height: var(--separator-width);
+}
+
+.muka-divider--vertical {
+  height: 100%;
+  width: var(--separator-width);
+  align-self: stretch;
+}
+
+.muka-divider--default {
+  background-color: var(--separator-color-default);
+}
+
+.muka-divider--contrast {
+  background-color: var(--separator-color-contrast);
+}

package/dist/esm/components/Divider/Divider.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Divider.css';
+/**
+ * Divider / Separator Component
+ *
+ * Separates sections in cards and comparison layouts.
+ *
+ * Tokens used:
+ * - separator.color.{default|contrast}
+ * - separator.width
+ */
+export const Divider = ({ orientation = 'horizontal', variant = 'default', className = '', ...props }) => {
+    const dividerClasses = [
+        'muka-divider',
+        `muka-divider--${orientation}`,
+        `muka-divider--${variant}`,
+        className,
+    ].filter(Boolean).join(' ');
+    return (_jsx("div", { className: dividerClasses, role: "separator", "aria-orientation": orientation, ...props }));
+};
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/esm/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../components/Divider/Divider.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAavB;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG;QACrB,cAAc;QACd,iBAAiB,WAAW,EAAE;QAC9B,iBAAiB,OAAO,EAAE;QAC1B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,cACE,SAAS,EAAE,cAAc,EACzB,IAAI,EAAC,WAAW,sBACE,WAAW,KACzB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/components/Divider/index.js

@@ -0,0 +1,3 @@
+export { Divider } from './Divider';
+export { default } from './Divider';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/components/DocumentViewer/DocumentCanvas.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { Document, Page, pdfjs } from 'react-pdf';
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+/**
+ * DocumentCanvas Component
+ *
+ * Renders the document content area.
+ * Supports both PDF and image rendering with zoom.
+ */
+export const DocumentCanvas = ({ src, type, currentPage, zoom, showPageNumbers, onLoad, onError, }) => {
+    const [pageWidth, setPageWidth] = useState(0);
+    const canvasRef = useRef(null);
+    useEffect(() => {
+        const updateWidth = () => {
+            if (canvasRef.current) {
+                const containerWidth = canvasRef.current.offsetWidth - 32;
+                setPageWidth(Math.min(containerWidth, 800));
+            }
+        };
+        updateWidth();
+        window.addEventListener('resize', updateWidth);
+        return () => window.removeEventListener('resize', updateWidth);
+    }, []);
+    if (type === 'image') {
+        return (_jsx(ImageCanvas, { src: src, zoom: zoom, onLoad: onLoad, onError: onError, canvasRef: canvasRef }));
+    }
+    return (_jsx(PDFCanvas, { src: src, currentPage: currentPage, zoom: zoom, pageWidth: pageWidth, showPageNumbers: showPageNumbers, onLoad: onLoad, onError: onError, canvasRef: canvasRef }));
+};
+const ImageCanvas = ({ src, zoom, onLoad, onError, canvasRef, }) => {
+    const [isDragging, setIsDragging] = useState(false);
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
+    const imageRef = useRef(null);
+    const handleImageLoad = () => {
+        onLoad({
+            totalPages: 1,
+            title: extractFilename(src),
+        });
+    };
+    const handleImageError = () => {
+        onError(new Error('Failed to load image'));
+    };
+    const handleMouseDown = (e) => {
+        if (zoom > 1) {
+            setIsDragging(true);
+            setDragStart({ x: e.clientX - position.x, y: e.clientY - position.y });
+        }
+    };
+    const handleMouseMove = (e) => {
+        if (isDragging) {
+            setPosition({
+                x: e.clientX - dragStart.x,
+                y: e.clientY - dragStart.y,
+            });
+        }
+    };
+    const handleMouseUp = () => {
+        setIsDragging(false);
+    };
+    const handleKeyDown = (e) => {
+        if (zoom <= 1)
+            return;
+        const step = 20;
+        if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            setPosition((p) => ({ x: p.x, y: p.y + step }));
+        }
+        else if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            setPosition((p) => ({ x: p.x, y: p.y - step }));
+        }
+        else if (e.key === 'ArrowLeft') {
+            e.preventDefault();
+            setPosition((p) => ({ x: p.x + step, y: p.y }));
+        }
+        else if (e.key === 'ArrowRight') {
+            e.preventDefault();
+            setPosition((p) => ({ x: p.x - step, y: p.y }));
+        }
+    };
+    useEffect(() => {
+        if (zoom === 1) {
+            setPosition({ x: 0, y: 0 });
+        }
+    }, [zoom]);
+    return (
+    // role="application" with arrow-key panning when zoomed; mouse drag mirrors the keyboard behavior.
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    _jsx("div", { ref: canvasRef, className: "muka-documentviewer__canvas", onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onKeyDown: handleKeyDown, role: "application", "aria-label": "Document viewer. When zoomed, use arrow keys to pan.", tabIndex: zoom > 1 ? 0 : -1, style: { cursor: zoom > 1 ? (isDragging ? 'grabbing' : 'grab') : 'default' }, children: _jsx("div", { className: "muka-documentviewer__page", style: {
+                transform: `scale(${zoom}) translate(${position.x / zoom}px, ${position.y / zoom}px)`,
+                transformOrigin: 'center',
+                transition: isDragging ? 'none' : 'transform 0.2s ease',
+            }, children: _jsx("img", { ref: imageRef, src: src, alt: "Document", onLoad: handleImageLoad, onError: handleImageError, draggable: false, style: {
+                    maxWidth: '100%',
+                    height: 'auto',
+                    display: 'block',
+                } }) }) }));
+};
+const PDFCanvas = ({ src, currentPage, zoom, pageWidth, showPageNumbers, onLoad, onError, canvasRef, }) => {
+    const handleDocumentLoadSuccess = ({ numPages }) => {
+        onLoad({
+            totalPages: numPages,
+            title: extractFilename(src),
+        });
+    };
+    const handleDocumentLoadError = (error) => {
+        onError(error);
+    };
+    return (_jsx("div", { ref: canvasRef, className: "muka-documentviewer__canvas", children: _jsx(Document, { file: src, onLoadSuccess: handleDocumentLoadSuccess, onLoadError: handleDocumentLoadError, loading: null, children: _jsxs("div", { className: "muka-documentviewer__page", style: {
+                    transform: `scale(${zoom})`,
+                    transformOrigin: 'top center',
+                    transition: 'transform 0.2s ease',
+                }, children: [_jsx(Page, { pageNumber: currentPage, width: pageWidth, renderTextLayer: true, renderAnnotationLayer: true }), showPageNumbers && (_jsxs("div", { className: "muka-documentviewer__page-number", children: ["Page ", currentPage] }))] }) }) }));
+};
+function extractFilename(src) {
+    return src.split('/').pop() || 'document';
+}
+export default DocumentCanvas;
+//# sourceMappingURL=DocumentCanvas.js.map

package/dist/esm/components/DocumentViewer/DocumentCanvas.js.map

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

package/dist/esm/components/DocumentViewer/DocumentThumbnails.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Document, Page, pdfjs } from 'react-pdf';
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+/**
+ * DocumentThumbnails Component
+ *
+ * Sidebar displaying thumbnail previews of document pages.
+ * Only supports PDF documents.
+ */
+export const DocumentThumbnails = ({ src, totalPages, currentPage, onPageClick, }) => {
+    const [, setLoadedPages] = useState(new Set());
+    const handlePageLoad = (pageNumber) => {
+        setLoadedPages(prev => new Set(prev).add(pageNumber));
+    };
+    const pages = Array.from({ length: totalPages }, (_, i) => i + 1);
+    return (_jsx("div", { className: "muka-documentviewer__thumbnails", role: "navigation", "aria-label": "Page thumbnails", children: _jsx(Document, { file: src, loading: null, children: _jsx("div", { className: "muka-documentviewer__thumbnails-list", children: pages.map(pageNumber => (_jsxs("button", { className: [
+                        'muka-documentviewer__thumbnail-item',
+                        currentPage === pageNumber && 'muka-documentviewer__thumbnail-item--selected',
+                    ].filter(Boolean).join(' '), onClick: () => onPageClick(pageNumber), "aria-label": `Go to page ${pageNumber}`, "aria-current": currentPage === pageNumber ? 'page' : undefined, children: [_jsx("div", { className: "muka-documentviewer__thumbnail-preview", children: _jsx(Page, { pageNumber: pageNumber, width: 120, renderTextLayer: false, renderAnnotationLayer: false, onLoadSuccess: () => handlePageLoad(pageNumber) }) }), _jsx("span", { className: "muka-documentviewer__thumbnail-label", children: pageNumber })] }, pageNumber))) }) }) }));
+};
+export default DocumentThumbnails;
+//# sourceMappingURL=DocumentThumbnails.js.map

package/dist/esm/components/DocumentViewer/DocumentThumbnails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentThumbnails.js","sourceRoot":"","sources":["../../../../components/DocumentViewer/DocumentThumbnails.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElD,KAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,0BAA0B,KAAK,CAAC,OAAO,2BAA2B,CAAC;AASzG;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,GAAG,EACH,UAAU,EACV,WAAW,EACX,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,EAAE;QAC5C,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,OAAO,CACL,cAAK,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,YAAY,gBAAY,iBAAiB,YAC7F,KAAC,QAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,YAChC,cAAK,SAAS,EAAC,sCAAsC,YAClD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CACvB,kBAEE,SAAS,EAAE;wBACT,qCAAqC;wBACrC,WAAW,KAAK,UAAU,IAAI,+CAA+C;qBAC9E,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,gBAC1B,cAAc,UAAU,EAAE,kBACxB,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAE7D,cAAK,SAAS,EAAC,wCAAwC,YACrD,KAAC,IAAI,IACH,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,GAAG,EACV,eAAe,EAAE,KAAK,EACtB,qBAAqB,EAAE,KAAK,EAC5B,aAAa,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,GAC/C,GACE,EACN,eAAM,SAAS,EAAC,sCAAsC,YACnD,UAAU,GACN,KApBF,UAAU,CAqBR,CACV,CAAC,GACE,GACG,GACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/components/DocumentViewer/DocumentToolbar.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+/**
+ * DocumentToolbar Component
+ *
+ * Toolbar for document navigation and controls.
+ * Includes page navigation, zoom controls, and action buttons.
+ */
+export const DocumentToolbar = ({ currentPage, totalPages, zoom, onPageChange, onZoomChange, onDownload, onPrint, onFullscreen, }) => {
+    const [pageInput, setPageInput] = useState(currentPage.toString());
+    const handlePrevPage = () => {
+        if (currentPage > 1) {
+            onPageChange(currentPage - 1);
+        }
+    };
+    const handleNextPage = () => {
+        if (currentPage < totalPages) {
+            onPageChange(currentPage + 1);
+        }
+    };
+    const handlePageInputChange = (e) => {
+        setPageInput(e.target.value);
+    };
+    const handlePageInputBlur = () => {
+        const pageNum = parseInt(pageInput, 10);
+        if (!isNaN(pageNum) && pageNum >= 1 && pageNum <= totalPages) {
+            onPageChange(pageNum);
+        }
+        else {
+            setPageInput(currentPage.toString());
+        }
+    };
+    const handlePageInputKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            handlePageInputBlur();
+            e.currentTarget.blur();
+        }
+    };
+    const handleZoomIn = () => {
+        onZoomChange(zoom + 0.25);
+    };
+    const handleZoomOut = () => {
+        onZoomChange(zoom - 0.25);
+    };
+    const handleResetZoom = () => {
+        onZoomChange(1);
+    };
+    React.useEffect(() => {
+        setPageInput(currentPage.toString());
+    }, [currentPage]);
+    const zoomPercentage = Math.round(zoom * 100);
+    return (_jsxs("div", { className: "muka-documentviewer__toolbar", role: "toolbar", "aria-label": "Document controls", children: [_jsxs("div", { className: "muka-documentviewer__toolbar-section", children: [_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handlePrevPage, disabled: currentPage <= 1, "aria-label": "Previous page", children: _jsx(Icon, { name: "RiArrowLeftSLine" }) }), _jsxs("div", { className: "muka-documentviewer__page-input", children: [_jsx("input", { type: "text", className: "muka-documentviewer__page-number", value: pageInput, onChange: handlePageInputChange, onBlur: handlePageInputBlur, onKeyDown: handlePageInputKeyDown, "aria-label": "Current page", size: 3 }), _jsxs("span", { className: "muka-documentviewer__page-total", children: ["/ ", totalPages] })] }), _jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handleNextPage, disabled: currentPage >= totalPages, "aria-label": "Next page", children: _jsx(Icon, { name: "RiArrowRightSLine" }) })] }), _jsxs("div", { className: "muka-documentviewer__toolbar-section muka-documentviewer__toolbar-section--center", children: [_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handleZoomOut, disabled: zoom <= 0.25, "aria-label": "Zoom out", children: _jsx(Icon, { name: "RiZoomOutLine" }) }), _jsxs("button", { className: "muka-documentviewer__zoom-display", onClick: handleResetZoom, "aria-label": `Zoom level ${zoomPercentage}%, click to reset to 100%`, children: [zoomPercentage, "%"] }), _jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handleZoomIn, disabled: zoom >= 5, "aria-label": "Zoom in", children: _jsx(Icon, { name: "RiZoomInLine" }) })] }), _jsxs("div", { className: "muka-documentviewer__toolbar-section muka-documentviewer__toolbar-section--end", children: [onDownload && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: onDownload, "aria-label": "Download document", children: _jsx(Icon, { name: "RiDownloadLine" }) })), onPrint && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: onPrint, "aria-label": "Print document", children: _jsx(Icon, { name: "RiPrinterLine" }) })), onFullscreen && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: onFullscreen, "aria-label": "Toggle fullscreen", children: _jsx(Icon, { name: "RiFullscreenLine" }) }))] })] }));
+};
+export default DocumentToolbar;
+//# sourceMappingURL=DocumentToolbar.js.map

package/dist/esm/components/DocumentViewer/DocumentToolbar.js.map

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