tempest-react-sdk 0.78.0 → 0.80.0

package/dist/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — placement plus mobilePlacement is\n * the whole point — a drawer that comes from the side on desktop and from the bottom\n * on a phone — and the rest is the dialog contract the SDK's Modal also has (open,\n * onClose, title, children, footer, closeOnBackdrop, closeOnEsc, hideCloseButton)\n * plus showHandle for the sheet affordance.\n */\nimport { useEffect, useRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Drawer.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport type DrawerPlacement = \"right\" | \"left\" | \"top\" | \"bottom\";\n\nexport interface DrawerProps {\n    open: boolean;\n    onClose: () => void;\n    placement?: DrawerPlacement;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    hideCloseButton?: boolean;\n    className?: string;\n    /**\n     * Auto-switch to bottom-sheet placement on mobile viewports (< md).\n     * Modern mobile apps default to bottom drawers; on desktop the original\n     * `placement` is preserved.\n     */\n    mobilePlacement?: DrawerPlacement;\n    /** Render a drag handle indicator at the leading edge (bottom-sheet style). */\n    showHandle?: boolean;\n}\n\n/**\n * Sliding side panel. Same building blocks as {@link Modal} but anchored to\n * an edge. Locks body scroll while open, and traps keyboard focus in the panel\n * the same way `Modal` does: focus enters on open, `Tab` cycles inside (portalled\n * panels opened from it included) and returns to the opener on close.\n */\nexport function Drawer({\n    open,\n    onClose,\n    placement = \"right\",\n    title,\n    children,\n    footer,\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    hideCloseButton = false,\n    className,\n    mobilePlacement,\n    showHandle = false,\n}: DrawerProps) {\n    const { isMobile } = useBreakpoint();\n    const effectivePlacement: DrawerPlacement =\n        isMobile && mobilePlacement ? mobilePlacement : placement;\n\n    const panelRef = useRef<HTMLElement>(null);\n    useFocusTrap(panelRef, open);\n    useEscapeLayer(open, closeOnEsc ? onClose : null);\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previousOverflow;\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    return createPortal(\n        <>\n            <div\n                className={styles.overlay}\n                onClick={() => {\n                    if (closeOnBackdrop) onClose();\n                }}\n            />\n            <aside\n                ref={panelRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                tabIndex={-1}\n                className={cn(styles.panel, styles[effectivePlacement], className)}\n            >\n                {showHandle &&\n                    (effectivePlacement === \"bottom\" || effectivePlacement === \"top\") && (\n                        <div\n                            className={cn(\n                                styles.handle,\n                                effectivePlacement === \"top\" && styles.handleTop,\n                            )}\n                            aria-hidden\n                        />\n                    )}\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        <h3 className={styles.title}>{title}</h3>\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                aria-label=\"Fechar\"\n                                className={styles.close}\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </aside>\n        </>,\n        portalHost,\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;;;;;;AA8CA,SAAgB,EAAO,EACnB,SACA,YACA,eAAY,SACZ,UACA,aACA,WACA,qBAAkB,IAClB,gBAAa,IACb,qBAAkB,IAClB,cACA,oBACA,gBAAa,MACD;CACZ,IAAM,EAAE,gBAAa,EAAc,GAC7B,IACF,KAAY,IAAkB,IAAkB,GAE9C,IAAW,EAAoB,IAAI;CAGzC,AAFA,EAAa,GAAU,CAAI,GAC3B,EAAe,GAAM,IAAa,IAAU,IAAI,GAChD,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAmB,SAAS,KAAK,MAAM;EAE7C,OADA,SAAS,KAAK,MAAM,WAAW,gBAClB;GACT,SAAS,KAAK,MAAM,WAAW;EACnC;CACJ,GAAG;EAAC;EAAM;EAAY;CAAO,CAAC;CAE9B,IAAM,IAAa,EAAc;CAIjC,OAFI,CAAC,KAAQ,CAAC,IAAmB,OAE1B,EACH,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;EACI,WAAW,EAAO;EAClB,eAAe;GACX,AAAI,KAAiB,EAAQ;EACjC;CACH,CAAA,GACD,kBAAC,SAAD;EACI,KAAK;EACL,MAAK;EACL,cAAW;EACX,UAAU;EACV,WAAW,EAAG,EAAO,OAAO,EAAO,IAAqB,CAAS;EALrE,UAAA;GAOK,MACI,MAAuB,YAAY,MAAuB,UACvD,kBAAC,OAAD;IACI,WAAW,EACP,EAAO,QACP,MAAuB,SAAS,EAAO,SAC3C;IACA,eAAA;GACH,CAAA;IAEP,KAAS,CAAC,MACR,kBAAC,UAAD;IAAQ,WAAW,EAAO;IAA1B,UAAA,CACI,kBAAC,MAAD;KAAI,WAAW,EAAO;KAAQ,UAAA;IAAU,CAAA,GACvC,CAAC,KACE,kBAAC,UAAD;KACI,MAAK;KACL,cAAW;KACX,WAAW,EAAO;KAClB,SAAS;KAET,UAAA,kBAAC,GAAD,CAAY,CAAA;IACR,CAAA,CAER;;GAEZ,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO;GAAc,CAAA;GAC3C,KAAU,kBAAC,UAAD;IAAQ,WAAW,EAAO;IAAS,UAAA;GAAe,CAAA;EAC1D;CACT,CAAA,CAAA,EAAA,CAAA,GACF,CACJ;AACJ;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}
+{"version":3,"file":"Drawer.js","names":["_Fragment","styles","Drawer_module_default","Fragment$1","Drawer","useBreakpoint","effectivePlacement","isMobile","mobilePlacement","placement","panelRef","useRef","useFocusTrap","open","useEscapeLayer","closeOnEsc","onClose","useEffect","previousOverflow","portalHost","usePortalHost","createPortal","closeOnBackdrop","cn","className","showHandle","title","hideCloseButton","CloseIcon","footer"],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — placement plus mobilePlacement is\n * the whole point — a drawer that comes from the side on desktop and from the bottom\n * on a phone — and the rest is the dialog contract the SDK's Modal also has (open,\n * onClose, title, children, footer, closeOnBackdrop, closeOnEsc, hideCloseButton)\n * plus showHandle for the sheet affordance.\n */\nimport { useEffect, useRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Drawer.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport type DrawerPlacement = \"right\" | \"left\" | \"top\" | \"bottom\";\n\nexport interface DrawerProps {\n    open: boolean;\n    onClose: () => void;\n    placement?: DrawerPlacement;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    hideCloseButton?: boolean;\n    className?: string;\n    /**\n     * Auto-switch to bottom-sheet placement on mobile viewports (< md).\n     * Modern mobile apps default to bottom drawers; on desktop the original\n     * `placement` is preserved.\n     */\n    mobilePlacement?: DrawerPlacement;\n    /** Render a drag handle indicator at the leading edge (bottom-sheet style). */\n    showHandle?: boolean;\n}\n\n/**\n * Sliding side panel. Same building blocks as {@link Modal} but anchored to\n * an edge. Locks body scroll while open, and traps keyboard focus in the panel\n * the same way `Modal` does: focus enters on open, `Tab` cycles inside (portalled\n * panels opened from it included) and returns to the opener on close.\n */\nexport function Drawer({\n    open,\n    onClose,\n    placement = \"right\",\n    title,\n    children,\n    footer,\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    hideCloseButton = false,\n    className,\n    mobilePlacement,\n    showHandle = false,\n}: DrawerProps) {\n    const { isMobile } = useBreakpoint();\n    const effectivePlacement: DrawerPlacement =\n        isMobile && mobilePlacement ? mobilePlacement : placement;\n\n    const panelRef = useRef<HTMLElement>(null);\n    useFocusTrap(panelRef, open);\n    useEscapeLayer(open, closeOnEsc ? onClose : null);\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previousOverflow;\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    return createPortal(\n        <>\n            <div\n                className={styles.overlay}\n                onClick={() => {\n                    if (closeOnBackdrop) onClose();\n                }}\n            />\n            <aside\n                ref={panelRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                tabIndex={-1}\n                className={cn(styles.panel, styles[effectivePlacement], className)}\n            >\n                {showHandle &&\n                    (effectivePlacement === \"bottom\" || effectivePlacement === \"top\") && (\n                        <div\n                            className={cn(\n                                styles.handle,\n                                effectivePlacement === \"top\" && styles.handleTop,\n                            )}\n                            aria-hidden\n                        />\n                    )}\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        <h3 className={styles.title}>{title}</h3>\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                aria-label=\"Fechar\"\n                                className={styles.close}\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </aside>\n        </>,\n        portalHost,\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;;;;;;AA8CA,SAAgBI,EAAO,EACnB,SACA,YACA,eAAY,SACZ,UACA,aACA,WACA,qBAAkB,IAClB,gBAAa,IACb,qBAAkB,IAClB,cACA,oBACA,gBAAa,MACD;CACZ,IAAM,EAAE,gBAAaC,EAAc,GAC7BC,IACFC,KAAYC,IAAkBA,IAAkBC,GAE9CC,IAAWC,EAAoB,IAAI;CAGzC,AAFAC,EAAaF,GAAUG,CAAI,GAC3BC,EAAeD,GAAME,IAAaC,IAAU,IAAI,GAChDC,QAAgB;EACZ,IAAI,CAACJ,GAAM;EACX,IAAMK,IAAmB,SAAS,KAAK,MAAM;EAE7C,OADA,SAAS,KAAK,MAAM,WAAW,gBAClB;GACT,SAAS,KAAK,MAAM,WAAWA;EACnC;CACJ,GAAG;EAACL;EAAME;EAAYC;CAAO,CAAC;CAE9B,IAAMG,IAAaC,EAAc;CAIjC,OAFI,CAACP,KAAQ,CAACM,IAAmB,OAE1BE,EACH,kBAAArB,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;EACI,WAAWC,EAAO;EAClB,eAAe;GACX,AAAIqB,KAAiBN,EAAQ;EACjC;CACH,CAAA,GACD,kBAAC,SAAD;EACI,KAAKN;EACL,MAAK;EACL,cAAW;EACX,UAAU;EACV,WAAWa,EAAGtB,EAAO,OAAOA,EAAOK,IAAqBkB,CAAS;EALrE,UAAA;GAOKC,MACInB,MAAuB,YAAYA,MAAuB,UACvD,kBAAC,OAAD;IACI,WAAWiB,EACPtB,EAAO,QACPK,MAAuB,SAASL,EAAO,SAC3C;IACA,eAAA;GACH,CAAA;IAEPyB,KAAS,CAACC,MACR,kBAAC,UAAD;IAAQ,WAAW1B,EAAO;IAA1B,UAAA,CACI,kBAAC,MAAD;KAAI,WAAWA,EAAO;KAAQ,UAAAyB;IAAU,CAAA,GACvC,CAACC,KACE,kBAAC,UAAD;KACI,MAAK;KACL,cAAW;KACX,WAAW1B,EAAO;KAClB,SAASe;KAET,UAAA,kBAACY,GAAD,CAAY,CAAA;IACR,CAAA,CAER;;GAEZ,kBAAC,OAAD;IAAK,WAAW3B,EAAO;IAAO;GAAc,CAAA;GAC3C4B,KAAU,kBAAC,UAAD;IAAQ,WAAW5B,EAAO;IAAS,UAAA4B;GAAe,CAAA;EAC1D;CACT,CAAA,CAAA,EAAA,CAAA,GACFV,CACJ;AACJ;AAEA,SAASS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Drawer/Drawer.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.module.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.5);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-drawer-overlay var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.panel {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xl);\n    display: flex;\n    flex-direction: column;\n    z-index: calc(var(--tempest-z-modal) + 1);\n    animation-duration: var(--tempest-duration-slow);\n    animation-timing-function: var(--tempest-ease-emphasized);\n    animation-fill-mode: both;\n}\n\n.right {\n    right: 0;\n    width: min(420px, 92vw);\n    padding-right: var(--tempest-safe-area-right);\n    animation-name: tempest-drawer-in-right;\n}\n\n.left {\n    left: 0;\n    width: min(420px, 92vw);\n    padding-left: var(--tempest-safe-area-left);\n    animation-name: tempest-drawer-in-left;\n}\n\n.top {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-top: var(--tempest-safe-area-top);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n    animation-name: tempest-drawer-in-top;\n}\n\n.bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-bottom: var(--tempest-safe-area-bottom);\n    border-radius: var(--tempest-radius-xl) var(--tempest-radius-xl) 0 0;\n    animation-name: tempest-drawer-in-bottom;\n}\n\n/* Bottom-sheet drag handle (4px pill at top center). */\n.handle {\n    position: relative;\n    width: 36px;\n    height: 4px;\n    margin: var(--tempest-space-2) auto;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    flex-shrink: 0;\n}\n\n.handleTop {\n    margin-top: auto;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    flex: 1;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n@keyframes tempest-drawer-overlay {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-drawer-in-right {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-left {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-top {\n    from {\n        transform: translateY(-100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@keyframes tempest-drawer-in-bottom {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel,\n    .overlay {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Drawer.module.cjs","names":["overlay","tempestDrawerOverlay","panel","right","tempestDrawerInRight","left","tempestDrawerInLeft","top","tempestDrawerInTop","bottom","tempestDrawerInBottom","handle","handleTop","header","title","close","body","footer","Drawer_module_default"],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.5);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-drawer-overlay var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.panel {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xl);\n    display: flex;\n    flex-direction: column;\n    z-index: calc(var(--tempest-z-modal) + 1);\n    animation-duration: var(--tempest-duration-slow);\n    animation-timing-function: var(--tempest-ease-emphasized);\n    animation-fill-mode: both;\n}\n\n.right {\n    right: 0;\n    width: min(420px, 92vw);\n    padding-right: var(--tempest-safe-area-right);\n    animation-name: tempest-drawer-in-right;\n}\n\n.left {\n    left: 0;\n    width: min(420px, 92vw);\n    padding-left: var(--tempest-safe-area-left);\n    animation-name: tempest-drawer-in-left;\n}\n\n.top {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-top: var(--tempest-safe-area-top);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n    animation-name: tempest-drawer-in-top;\n}\n\n.bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-bottom: var(--tempest-safe-area-bottom);\n    border-radius: var(--tempest-radius-xl) var(--tempest-radius-xl) 0 0;\n    animation-name: tempest-drawer-in-bottom;\n}\n\n/* Bottom-sheet drag handle (4px pill at top center). */\n.handle {\n    position: relative;\n    width: 36px;\n    height: 4px;\n    margin: var(--tempest-space-2) auto;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    flex-shrink: 0;\n}\n\n.handleTop {\n    margin-top: auto;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    flex: 1;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n@keyframes tempest-drawer-overlay {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-drawer-in-right {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-left {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-top {\n    from {\n        transform: translateY(-100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@keyframes tempest-drawer-in-bottom {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel,\n    .overlay {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Drawer/Drawer.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.module.js","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.5);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-drawer-overlay var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.panel {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xl);\n    display: flex;\n    flex-direction: column;\n    z-index: calc(var(--tempest-z-modal) + 1);\n    animation-duration: var(--tempest-duration-slow);\n    animation-timing-function: var(--tempest-ease-emphasized);\n    animation-fill-mode: both;\n}\n\n.right {\n    right: 0;\n    width: min(420px, 92vw);\n    padding-right: var(--tempest-safe-area-right);\n    animation-name: tempest-drawer-in-right;\n}\n\n.left {\n    left: 0;\n    width: min(420px, 92vw);\n    padding-left: var(--tempest-safe-area-left);\n    animation-name: tempest-drawer-in-left;\n}\n\n.top {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-top: var(--tempest-safe-area-top);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n    animation-name: tempest-drawer-in-top;\n}\n\n.bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-bottom: var(--tempest-safe-area-bottom);\n    border-radius: var(--tempest-radius-xl) var(--tempest-radius-xl) 0 0;\n    animation-name: tempest-drawer-in-bottom;\n}\n\n/* Bottom-sheet drag handle (4px pill at top center). */\n.handle {\n    position: relative;\n    width: 36px;\n    height: 4px;\n    margin: var(--tempest-space-2) auto;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    flex-shrink: 0;\n}\n\n.handleTop {\n    margin-top: auto;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    flex: 1;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n@keyframes tempest-drawer-overlay {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-drawer-in-right {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-left {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-top {\n    from {\n        transform: translateY(-100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@keyframes tempest-drawer-in-bottom {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel,\n    .overlay {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Drawer.module.js","names":["overlay","tempestDrawerOverlay","panel","right","tempestDrawerInRight","left","tempestDrawerInLeft","top","tempestDrawerInTop","bottom","tempestDrawerInBottom","handle","handleTop","header","title","close","body","footer","Drawer_module_default"],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.5);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-drawer-overlay var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.panel {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xl);\n    display: flex;\n    flex-direction: column;\n    z-index: calc(var(--tempest-z-modal) + 1);\n    animation-duration: var(--tempest-duration-slow);\n    animation-timing-function: var(--tempest-ease-emphasized);\n    animation-fill-mode: both;\n}\n\n.right {\n    right: 0;\n    width: min(420px, 92vw);\n    padding-right: var(--tempest-safe-area-right);\n    animation-name: tempest-drawer-in-right;\n}\n\n.left {\n    left: 0;\n    width: min(420px, 92vw);\n    padding-left: var(--tempest-safe-area-left);\n    animation-name: tempest-drawer-in-left;\n}\n\n.top {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-top: var(--tempest-safe-area-top);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n    animation-name: tempest-drawer-in-top;\n}\n\n.bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-bottom: var(--tempest-safe-area-bottom);\n    border-radius: var(--tempest-radius-xl) var(--tempest-radius-xl) 0 0;\n    animation-name: tempest-drawer-in-bottom;\n}\n\n/* Bottom-sheet drag handle (4px pill at top center). */\n.handle {\n    position: relative;\n    width: 36px;\n    height: 4px;\n    margin: var(--tempest-space-2) auto;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    flex-shrink: 0;\n}\n\n.handleTop {\n    margin-top: auto;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    flex: 1;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n@keyframes tempest-drawer-overlay {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-drawer-in-right {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-left {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-top {\n    from {\n        transform: translateY(-100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@keyframes tempest-drawer-in-bottom {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel,\n    .overlay {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("../Portal/Portal.cjs"),n=require("../Portal/anchor-position.cjs"),r=require("./DropdownMenu.module.cjs");let i=require("react"),a=require("react/jsx-runtime");function o(e){switch(e){case`bottom-end`:return r.default.bottomEnd;case`top-start`:return r.default.topStart;case`top-end`:return r.default.topEnd;default:return r.default.bottomStart}}var s={"bottom-start":[`bottom`,`start`],"bottom-end":[`bottom`,`end`],"top-start":[`top`,`start`],"top-end":[`top`,`end`]},c=4;function l(e){return(e.type===`item`||e.type===`checkbox`)&&!e.disabled}function u({trigger:u,items:d,placement:f=`bottom-start`,portal:p=!0,className:m}){let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(-1),y=(0,i.useId)(),[b,x]=(0,i.useState)(null),[S,C]=(0,i.useState)(null),w=(0,i.useRef)([]),T=(0,i.useRef)(null),E=d.map((e,t)=>l(e)?t:-1).filter(e=>e!==-1),D=(0,i.useCallback)(()=>{b?.querySelector(`[aria-haspopup='menu']`)?.focus()},[b]),O=(0,i.useCallback)(e=>{g(!1),v(-1),e&&D()},[D]),k=(0,i.useCallback)(e=>{v(e),w.current[e]?.focus()},[]),A=e=>{if(E.length===0)return;let t=(E.indexOf(_)+e+E.length)%E.length;k(E[t]??-1)},[j,M]=s[f],N=n.useAnchorPosition({anchor:b,floating:S,side:j,align:M,offset:c,enabled:p&&h});(0,i.useEffect)(()=>{if(!h||!S||T.current===null)return;let e=T.current===`last`?E.at(-1):E[0];T.current=null,e!==void 0&&k(e)},[h,S,E,k]),(0,i.useEffect)(()=>{if(!h)return;let e=e=>{let t=e.target;b?.contains(t)||S?.contains(t)||O(!1)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[h,O,b,S]);let P=e=>{T.current=e,g(!0)},F=e=>{if(u.props.onKeyDown?.(e),!e.defaultPrevented){if(e.key===`ArrowDown`||!h&&(e.key===`Enter`||e.key===` `)){e.preventDefault(),P(`first`);return}e.key===`ArrowUp`&&(e.preventDefault(),P(`last`))}},I=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),A(1);break;case`ArrowUp`:e.preventDefault(),A(-1);break;case`Home`:e.preventDefault(),E[0]!==void 0&&k(E[0]);break;case`End`:{e.preventDefault();let t=E.at(-1);t!==void 0&&k(t);break}case`Escape`:e.preventDefault(),O(!0);break;case`Tab`:O(!0)}},L=e=>{if(u.props.onClick?.(e),!e.defaultPrevented){if(h){O(!1);return}P(`first`)}},R={...u,props:{...u.props,onClick:L,onKeyDown:F,"aria-expanded":h,"aria-controls":y,"aria-haspopup":`menu`}},z=e=>{e.onSelect(),e.type!==`checkbox`&&O(!0)},B=(0,a.jsx)(`ul`,{ref:C,id:y,role:`menu`,className:e.cn(r.default.menu,p?r.default.portalled:o(f),m),style:N,onKeyDown:I,children:d.map((t,n)=>{if(t.type===`separator`)return(0,a.jsx)(`li`,{role:`separator`,className:r.default.separator,"aria-hidden":!0},t.id);if(t.type===`label`)return(0,a.jsx)(`li`,{role:`presentation`,className:r.default.label,children:t.label},t.id);let i=t.type===`checkbox`;return(0,a.jsx)(`li`,{role:`none`,children:(0,a.jsxs)(`button`,{ref:e=>{w.current[n]=e},type:`button`,role:i?`menuitemcheckbox`:`menuitem`,"aria-checked":i?t.checked:void 0,tabIndex:_===n?0:-1,className:e.cn(r.default.item,t.type===`item`&&t.danger&&r.default.danger,_===n&&r.default.active),disabled:t.disabled,onClick:()=>z(t),onMouseEnter:()=>v(n),children:[t.icon&&(0,a.jsx)(`span`,{"aria-hidden":!0,children:t.icon}),t.label]})},t.id)})});return(0,a.jsxs)(`span`,{ref:x,className:r.default.root,children:[R,h&&(p?(0,a.jsx)(t.Portal,{children:B}):B)]})}exports.DropdownMenu=u;
+const e=require("../../utils/cn.cjs"),t=require("../Portal/Portal.cjs"),n=require("../Portal/anchor-position.cjs"),r=require("./DropdownMenu.module.cjs");let i=require("react"),a=require("react/jsx-runtime");function o(e){switch(e){case`bottom-end`:return r.default.bottomEnd;case`top-start`:return r.default.topStart;case`top-end`:return r.default.topEnd;default:return r.default.bottomStart}}var s={"bottom-start":[`bottom`,`start`],"bottom-end":[`bottom`,`end`],"top-start":[`top`,`start`],"top-end":[`top`,`end`]},c=4;function l(e){return(e.type===`item`||e.type===`checkbox`)&&!e.disabled}function u({trigger:u,items:d,placement:f=`bottom-start`,portal:p=!0,className:m}){let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(-1),y=(0,i.useId)(),[b,x]=(0,i.useState)(null),[S,C]=(0,i.useState)(null),w=(0,i.useRef)([]),T=(0,i.useRef)(null),E=d.map((e,t)=>l(e)?t:-1).filter(e=>e!==-1),D=(0,i.useCallback)(()=>{b?.querySelector(`[aria-haspopup='menu']`)?.focus()},[b]),O=(0,i.useCallback)(e=>{g(!1),v(-1),e&&D()},[D]),k=(0,i.useCallback)(e=>{v(e),w.current[e]?.focus()},[]),A=e=>{if(E.length===0)return;let t=(E.indexOf(_)+e+E.length)%E.length;k(E[t]??-1)},[j,M]=s[f],N=n.useAnchorPosition({anchor:b,floating:S,side:j,align:M,offset:c,enabled:p&&h});(0,i.useEffect)(()=>{if(!h||!S||T.current===null)return;let e=T.current===`last`?E.at(-1):E[0];T.current=null,e!==void 0&&k(e)},[h,S,E,k]),(0,i.useEffect)(()=>{if(!h)return;let e=e=>{let t=e.target;b?.contains(t)||S?.contains(t)||O(!1)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[h,O,b,S]);let P=e=>{T.current=e,g(!0)},F=e=>{u.props.onKeyDown?.(e),!e.defaultPrevented&&(e.key===`ArrowDown`||!h&&(e.key===`Enter`||e.key===` `)?(e.preventDefault(),P(`first`)):e.key===`ArrowUp`&&(e.preventDefault(),P(`last`)))},I=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),A(1);break;case`ArrowUp`:e.preventDefault(),A(-1);break;case`Home`:e.preventDefault(),E[0]!==void 0&&k(E[0]);break;case`End`:{e.preventDefault();let t=E.at(-1);t!==void 0&&k(t);break}case`Escape`:e.preventDefault(),O(!0);break;case`Tab`:O(!0)}},L=e=>{u.props.onClick?.(e),!e.defaultPrevented&&(h?O(!1):P(`first`))},R={...u,props:{...u.props,onClick:L,onKeyDown:F,"aria-expanded":h,"aria-controls":y,"aria-haspopup":`menu`}},z=e=>{e.onSelect(),e.type!==`checkbox`&&O(!0)},B=(0,a.jsx)(`ul`,{ref:C,id:y,role:`menu`,className:e.cn(r.default.menu,p?r.default.portalled:o(f),m),style:N,onKeyDown:I,children:d.map((t,n)=>{if(t.type===`separator`)return(0,a.jsx)(`li`,{role:`separator`,className:r.default.separator,"aria-hidden":!0},t.id);if(t.type===`label`)return(0,a.jsx)(`li`,{role:`presentation`,className:r.default.label,children:t.label},t.id);let i=t.type===`checkbox`;return(0,a.jsx)(`li`,{role:`none`,children:(0,a.jsxs)(`button`,{ref:e=>{w.current[n]=e},type:`button`,role:i?`menuitemcheckbox`:`menuitem`,"aria-checked":i?t.checked:void 0,tabIndex:_===n?0:-1,className:e.cn(r.default.item,t.type===`item`&&t.danger&&r.default.danger,_===n&&r.default.active),disabled:t.disabled,onClick:()=>z(t),onMouseEnter:()=>v(n),children:[t.icon&&(0,a.jsx)(`span`,{"aria-hidden":!0,children:t.icon}),t.label]})},t.id)})});return(0,a.jsxs)(`span`,{ref:x,className:r.default.root,children:[R,h&&(p?(0,a.jsx)(t.Portal,{children:B}):B)]})}exports.DropdownMenu=u;
 //# sourceMappingURL=DropdownMenu.cjs.map

package/dist/components/DropdownMenu/DropdownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — the body owns placement, outside-\n * click, and the whole APG menu-button keyboard model, which has to see the entire\n * entry list to know where the next stop is. Splitting it would move the focus\n * bookkeeping away from the list it indexes into.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent as ReactKeyboardEvent, ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport type { AnchorAlign, AnchorSide } from \"@/components/Portal/anchor-position\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | {\n          /**\n           * An entry that carries on/off state.\n           *\n           * Rendered as `role=\"menuitemcheckbox\"` with `aria-checked`, which is how\n           * a screen reader announces \"checked\" instead of leaving the state\n           * invisible. Selecting it does **not** close the menu: toggling two\n           * settings in a row is the ordinary case, and closing after the first\n           * would make the second a second trip.\n           */\n          type: \"checkbox\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          checked: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\n/** The entry kinds a user can move focus to and activate. */\ntype SelectableEntry = Extract<DropdownMenuEntry, { type: \"item\" | \"checkbox\" }>;\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        onKeyDown?: (e: ReactKeyboardEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    /**\n     * Render the menu in a portal, positioned against the trigger. Default `true`.\n     *\n     * Without it the menu is `position: absolute` inside the trigger's wrapper,\n     * and any ancestor with `overflow` other than `visible` clips it. The ordinary\n     * victim is the action column of a `DataTable`: its wrapper scrolls\n     * horizontally, `overflow-x: auto` forces `overflow-y` to `auto` too, and the\n     * menu of the last row showed one of three entries (measured in Chrome at\n     * 1440 px). In a portal the menu escapes the clip, flips above the trigger\n     * when there is no room below, and follows the trigger on scroll and resize.\n     *\n     * The portalled menu stacks at `--tempest-z-popover`, above\n     * `--tempest-z-modal`, so a menu opened inside a `Modal` still paints on top.\n     * `false` keeps the in-flow menu, for a container that must own the menu's\n     * stacking or clipping on purpose.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\nconst PLACEMENT_GEOMETRY: Record<DropdownMenuPlacement, [AnchorSide, AnchorAlign]> = {\n    \"bottom-start\": [\"bottom\", \"start\"],\n    \"bottom-end\": [\"bottom\", \"end\"],\n    \"top-start\": [\"top\", \"start\"],\n    \"top-end\": [\"top\", \"end\"],\n};\n\n/** Gap between trigger and menu, in px — the in-flow CSS uses the same 4 px. */\nconst MENU_OFFSET = 4;\n\n/** Whether an entry can take focus — an item or checkbox that is not disabled. */\nfunction isSelectable(entry: DropdownMenuEntry): entry is SelectableEntry {\n    return (entry.type === \"item\" || entry.type === \"checkbox\") && !entry.disabled;\n}\n\n/**\n * Dropdown menu — a list of actions anchored to a trigger, following the\n * [APG menu button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).\n *\n * `role=\"menu\"` is a promise about the keyboard, and this component keeps it:\n *\n * - `Enter`, `Space` or `ArrowDown` on the trigger opens and focuses the first\n *   entry; `ArrowUp` opens and focuses the last.\n * - `ArrowUp` / `ArrowDown` move with wrap, `Home` / `End` jump to the ends.\n * - `Escape` closes and returns focus to the trigger, so the next `Tab` continues\n *   from where the user was rather than from the top of the document.\n * - `Tab` closes the menu and lets the page's own tab order take over, counted\n *   from the trigger: focus goes back to the trigger synchronously and the key's\n *   default action then moves on from there. Without that, a portalled menu —\n *   the last thing in `body` — would hand `Tab` to whatever follows it, which\n *   inside a `Modal` is outside the dialog.\n * - Focus is managed: entries carry `tabIndex={-1}` and only the active one is\n *   `0`, which is what stops `Tab` from walking the menu one entry at a time.\n *\n * Disabled entries, separators and labels are skipped by every movement.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    portal = true,\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [menuNode, setMenuNode] = useState<HTMLUListElement | null>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n    const pendingFocus = useRef<\"first\" | \"last\" | null>(null);\n\n    const selectable = items\n        .map((entry, index) => (isSelectable(entry) ? index : -1))\n        .filter((index) => index !== -1);\n\n    /**\n     * Focus the trigger again.\n     *\n     * Found through the `aria-haspopup` this component puts on it, rather than\n     * through a ref: `ref` lives in different places in React 18 and 19, and a\n     * consumer's custom trigger is under no obligation to forward one. The\n     * attribute is on the element either way.\n     *\n     * @returns Nothing.\n     */\n    const focusTrigger = useCallback((): void => {\n        rootNode?.querySelector<HTMLElement>(\"[aria-haspopup='menu']\")?.focus();\n    }, [rootNode]);\n\n    const close = useCallback(\n        (restoreFocus: boolean): void => {\n            setOpen(false);\n            setActiveIndex(-1);\n            if (restoreFocus) focusTrigger();\n        },\n        [focusTrigger],\n    );\n\n    const focusIndex = useCallback((index: number): void => {\n        setActiveIndex(index);\n        itemRefs.current[index]?.focus();\n    }, []);\n\n    /**\n     * Move focus to the entry `step` positions away, wrapping at both ends.\n     *\n     * Walks the selectable positions rather than the raw list, so separators,\n     * labels and disabled entries are never a stop.\n     */\n    const move = (step: number): void => {\n        if (selectable.length === 0) return;\n        const current = selectable.indexOf(activeIndex);\n        const next = (current + step + selectable.length) % selectable.length;\n        focusIndex(selectable[next] ?? -1);\n    };\n\n    const [side, align] = PLACEMENT_GEOMETRY[placement];\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: menuNode,\n        side,\n        align,\n        offset: MENU_OFFSET,\n        enabled: portal && open,\n    });\n\n    /**\n     * Focus the entry the opening key asked for.\n     *\n     * Keyed off the menu node rather than off `open` alone: in a portal the menu\n     * mounts one commit after `open` flips, and an effect that ran on `open` would\n     * find no entries to focus.\n     */\n    useEffect(() => {\n        if (!open || !menuNode || pendingFocus.current === null) return;\n        const target = pendingFocus.current === \"last\" ? selectable.at(-1) : selectable[0];\n        pendingFocus.current = null;\n        if (target !== undefined) focusIndex(target);\n    }, [open, menuNode, selectable, focusIndex]);\n\n    /**\n     * Close on a press outside both the trigger and the menu.\n     *\n     * The menu is checked separately because in a portal it is not inside the\n     * trigger's wrapper: testing the wrapper alone would treat a press on an entry\n     * as outside and close the menu before the entry's click lands.\n     */\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || menuNode?.contains(target)) return;\n            close(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, close, rootNode, menuNode]);\n\n    const openWith = (edge: \"first\" | \"last\"): void => {\n        pendingFocus.current = edge;\n        setOpen(true);\n    };\n\n    const handleTriggerKeyDown = (event: ReactKeyboardEvent): void => {\n        trigger.props.onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key === \"ArrowDown\" || (!open && (event.key === \"Enter\" || event.key === \" \"))) {\n            event.preventDefault();\n            openWith(\"first\");\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            openWith(\"last\");\n        }\n    };\n\n    /**\n     * Keyboard model of the open menu.\n     *\n     * Handled on the list rather than on `window`: focus is inside the menu by\n     * then, so the keys arrive here by bubbling and cannot be pre-empted by an\n     * unrelated global listener — which is how the arrows used to go missing in a\n     * host application.\n     */\n    const handleMenuKeyDown = (event: ReactKeyboardEvent<HTMLUListElement>): void => {\n        switch (event.key) {\n            case \"ArrowDown\":\n                event.preventDefault();\n                move(1);\n                break;\n            case \"ArrowUp\":\n                event.preventDefault();\n                move(-1);\n                break;\n            case \"Home\":\n                event.preventDefault();\n                if (selectable[0] !== undefined) focusIndex(selectable[0]);\n                break;\n            case \"End\": {\n                event.preventDefault();\n                const last = selectable.at(-1);\n                if (last !== undefined) focusIndex(last);\n                break;\n            }\n            case \"Escape\":\n                event.preventDefault();\n                close(true);\n                break;\n            case \"Tab\":\n                close(true);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (open) {\n            close(false);\n            return;\n        }\n        openWith(\"first\");\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            onKeyDown: handleTriggerKeyDown,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: SelectableEntry): void => {\n        entry.onSelect();\n        if (entry.type === \"checkbox\") return;\n        close(true);\n    };\n\n    const menu = (\n        <ul\n            ref={setMenuNode}\n            id={id}\n            role=\"menu\"\n            className={cn(\n                styles.menu,\n                portal ? styles.portalled : placementClass(placement),\n                className,\n            )}\n            style={floatingStyle}\n            onKeyDown={handleMenuKeyDown}\n        >\n            {items.map((entry, index) => {\n                if (entry.type === \"separator\") {\n                    return (\n                        <li\n                            key={entry.id}\n                            role=\"separator\"\n                            className={styles.separator}\n                            aria-hidden\n                        />\n                    );\n                }\n                if (entry.type === \"label\") {\n                    return (\n                        <li key={entry.id} role=\"presentation\" className={styles.label}>\n                            {entry.label}\n                        </li>\n                    );\n                }\n                const checkbox = entry.type === \"checkbox\";\n                return (\n                    <li key={entry.id} role=\"none\">\n                        <button\n                            ref={(el) => {\n                                itemRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role={checkbox ? \"menuitemcheckbox\" : \"menuitem\"}\n                            aria-checked={checkbox ? entry.checked : undefined}\n                            tabIndex={activeIndex === index ? 0 : -1}\n                            className={cn(\n                                styles.item,\n                                entry.type === \"item\" && entry.danger && styles.danger,\n                                activeIndex === index && styles.active,\n                            )}\n                            disabled={entry.disabled}\n                            onClick={() => handleSelect(entry)}\n                            onMouseEnter={() => setActiveIndex(index)}\n                        >\n                            {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                            {entry.label}\n                        </button>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {open && (portal ? <Portal>{menu}</Portal> : menu)}\n        </span>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.cjs","names":["styles","useState","useId","useRef","useCallback","useAnchorPosition","cn","Portal","require_cn","require_Portal","require_anchor_position","require_DropdownMenu_module","react","react_jsx_runtime","placementClass","placement","PLACEMENT_GEOMETRY","MENU_OFFSET","isSelectable","entry","DropdownMenu","open","setOpen","activeIndex","setActiveIndex","id","rootNode","setRootNode","menuNode","setMenuNode","itemRefs","pendingFocus","selectable","items","index","focusTrigger","close","restoreFocus","focusIndex","move","next","step","side","align","floatingStyle","portal","target","onDown","event","openWith","edge","handleTriggerKeyDown","trigger","handleMenuKeyDown","last","handleTriggerClick","triggerClone","handleSelect","menu","className","checkbox","el"],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — the body owns placement, outside-\n * click, and the whole APG menu-button keyboard model, which has to see the entire\n * entry list to know where the next stop is. Splitting it would move the focus\n * bookkeeping away from the list it indexes into.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent as ReactKeyboardEvent, ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport type { AnchorAlign, AnchorSide } from \"@/components/Portal/anchor-position\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | {\n          /**\n           * An entry that carries on/off state.\n           *\n           * Rendered as `role=\"menuitemcheckbox\"` with `aria-checked`, which is how\n           * a screen reader announces \"checked\" instead of leaving the state\n           * invisible. Selecting it does **not** close the menu: toggling two\n           * settings in a row is the ordinary case, and closing after the first\n           * would make the second a second trip.\n           */\n          type: \"checkbox\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          checked: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\n/** The entry kinds a user can move focus to and activate. */\ntype SelectableEntry = Extract<DropdownMenuEntry, { type: \"item\" | \"checkbox\" }>;\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        onKeyDown?: (e: ReactKeyboardEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    /**\n     * Render the menu in a portal, positioned against the trigger. Default `true`.\n     *\n     * Without it the menu is `position: absolute` inside the trigger's wrapper,\n     * and any ancestor with `overflow` other than `visible` clips it. The ordinary\n     * victim is the action column of a `DataTable`: its wrapper scrolls\n     * horizontally, `overflow-x: auto` forces `overflow-y` to `auto` too, and the\n     * menu of the last row showed one of three entries (measured in Chrome at\n     * 1440 px). In a portal the menu escapes the clip, flips above the trigger\n     * when there is no room below, and follows the trigger on scroll and resize.\n     *\n     * The portalled menu stacks at `--tempest-z-popover`, above\n     * `--tempest-z-modal`, so a menu opened inside a `Modal` still paints on top.\n     * `false` keeps the in-flow menu, for a container that must own the menu's\n     * stacking or clipping on purpose.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\nconst PLACEMENT_GEOMETRY: Record<DropdownMenuPlacement, [AnchorSide, AnchorAlign]> = {\n    \"bottom-start\": [\"bottom\", \"start\"],\n    \"bottom-end\": [\"bottom\", \"end\"],\n    \"top-start\": [\"top\", \"start\"],\n    \"top-end\": [\"top\", \"end\"],\n};\n\n/** Gap between trigger and menu, in px — the in-flow CSS uses the same 4 px. */\nconst MENU_OFFSET = 4;\n\n/** Whether an entry can take focus — an item or checkbox that is not disabled. */\nfunction isSelectable(entry: DropdownMenuEntry): entry is SelectableEntry {\n    return (entry.type === \"item\" || entry.type === \"checkbox\") && !entry.disabled;\n}\n\n/**\n * Dropdown menu — a list of actions anchored to a trigger, following the\n * [APG menu button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).\n *\n * `role=\"menu\"` is a promise about the keyboard, and this component keeps it:\n *\n * - `Enter`, `Space` or `ArrowDown` on the trigger opens and focuses the first\n *   entry; `ArrowUp` opens and focuses the last.\n * - `ArrowUp` / `ArrowDown` move with wrap, `Home` / `End` jump to the ends.\n * - `Escape` closes and returns focus to the trigger, so the next `Tab` continues\n *   from where the user was rather than from the top of the document.\n * - `Tab` closes the menu and lets the page's own tab order take over, counted\n *   from the trigger: focus goes back to the trigger synchronously and the key's\n *   default action then moves on from there. Without that, a portalled menu —\n *   the last thing in `body` — would hand `Tab` to whatever follows it, which\n *   inside a `Modal` is outside the dialog.\n * - Focus is managed: entries carry `tabIndex={-1}` and only the active one is\n *   `0`, which is what stops `Tab` from walking the menu one entry at a time.\n *\n * Disabled entries, separators and labels are skipped by every movement.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    portal = true,\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [menuNode, setMenuNode] = useState<HTMLUListElement | null>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n    const pendingFocus = useRef<\"first\" | \"last\" | null>(null);\n\n    const selectable = items\n        .map((entry, index) => (isSelectable(entry) ? index : -1))\n        .filter((index) => index !== -1);\n\n    /**\n     * Focus the trigger again.\n     *\n     * Found through the `aria-haspopup` this component puts on it, rather than\n     * through a ref: `ref` lives in different places in React 18 and 19, and a\n     * consumer's custom trigger is under no obligation to forward one. The\n     * attribute is on the element either way.\n     *\n     * @returns Nothing.\n     */\n    const focusTrigger = useCallback((): void => {\n        rootNode?.querySelector<HTMLElement>(\"[aria-haspopup='menu']\")?.focus();\n    }, [rootNode]);\n\n    const close = useCallback(\n        (restoreFocus: boolean): void => {\n            setOpen(false);\n            setActiveIndex(-1);\n            if (restoreFocus) focusTrigger();\n        },\n        [focusTrigger],\n    );\n\n    const focusIndex = useCallback((index: number): void => {\n        setActiveIndex(index);\n        itemRefs.current[index]?.focus();\n    }, []);\n\n    /**\n     * Move focus to the entry `step` positions away, wrapping at both ends.\n     *\n     * Walks the selectable positions rather than the raw list, so separators,\n     * labels and disabled entries are never a stop.\n     */\n    const move = (step: number): void => {\n        if (selectable.length === 0) return;\n        const current = selectable.indexOf(activeIndex);\n        const next = (current + step + selectable.length) % selectable.length;\n        focusIndex(selectable[next] ?? -1);\n    };\n\n    const [side, align] = PLACEMENT_GEOMETRY[placement];\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: menuNode,\n        side,\n        align,\n        offset: MENU_OFFSET,\n        enabled: portal && open,\n    });\n\n    /**\n     * Focus the entry the opening key asked for.\n     *\n     * Keyed off the menu node rather than off `open` alone: in a portal the menu\n     * mounts one commit after `open` flips, and an effect that ran on `open` would\n     * find no entries to focus.\n     */\n    useEffect(() => {\n        if (!open || !menuNode || pendingFocus.current === null) return;\n        const target = pendingFocus.current === \"last\" ? selectable.at(-1) : selectable[0];\n        pendingFocus.current = null;\n        if (target !== undefined) focusIndex(target);\n    }, [open, menuNode, selectable, focusIndex]);\n\n    /**\n     * Close on a press outside both the trigger and the menu.\n     *\n     * The menu is checked separately because in a portal it is not inside the\n     * trigger's wrapper: testing the wrapper alone would treat a press on an entry\n     * as outside and close the menu before the entry's click lands.\n     */\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || menuNode?.contains(target)) return;\n            close(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, close, rootNode, menuNode]);\n\n    const openWith = (edge: \"first\" | \"last\"): void => {\n        pendingFocus.current = edge;\n        setOpen(true);\n    };\n\n    const handleTriggerKeyDown = (event: ReactKeyboardEvent): void => {\n        trigger.props.onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key === \"ArrowDown\" || (!open && (event.key === \"Enter\" || event.key === \" \"))) {\n            event.preventDefault();\n            openWith(\"first\");\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            openWith(\"last\");\n        }\n    };\n\n    /**\n     * Keyboard model of the open menu.\n     *\n     * Handled on the list rather than on `window`: focus is inside the menu by\n     * then, so the keys arrive here by bubbling and cannot be pre-empted by an\n     * unrelated global listener — which is how the arrows used to go missing in a\n     * host application.\n     */\n    const handleMenuKeyDown = (event: ReactKeyboardEvent<HTMLUListElement>): void => {\n        switch (event.key) {\n            case \"ArrowDown\":\n                event.preventDefault();\n                move(1);\n                break;\n            case \"ArrowUp\":\n                event.preventDefault();\n                move(-1);\n                break;\n            case \"Home\":\n                event.preventDefault();\n                if (selectable[0] !== undefined) focusIndex(selectable[0]);\n                break;\n            case \"End\": {\n                event.preventDefault();\n                const last = selectable.at(-1);\n                if (last !== undefined) focusIndex(last);\n                break;\n            }\n            case \"Escape\":\n                event.preventDefault();\n                close(true);\n                break;\n            case \"Tab\":\n                close(true);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (open) {\n            close(false);\n            return;\n        }\n        openWith(\"first\");\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            onKeyDown: handleTriggerKeyDown,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: SelectableEntry): void => {\n        entry.onSelect();\n        if (entry.type === \"checkbox\") return;\n        close(true);\n    };\n\n    const menu = (\n        <ul\n            ref={setMenuNode}\n            id={id}\n            role=\"menu\"\n            className={cn(\n                styles.menu,\n                portal ? styles.portalled : placementClass(placement),\n                className,\n            )}\n            style={floatingStyle}\n            onKeyDown={handleMenuKeyDown}\n        >\n            {items.map((entry, index) => {\n                if (entry.type === \"separator\") {\n                    return (\n                        <li\n                            key={entry.id}\n                            role=\"separator\"\n                            className={styles.separator}\n                            aria-hidden\n                        />\n                    );\n                }\n                if (entry.type === \"label\") {\n                    return (\n                        <li key={entry.id} role=\"presentation\" className={styles.label}>\n                            {entry.label}\n                        </li>\n                    );\n                }\n                const checkbox = entry.type === \"checkbox\";\n                return (\n                    <li key={entry.id} role=\"none\">\n                        <button\n                            ref={(el) => {\n                                itemRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role={checkbox ? \"menuitemcheckbox\" : \"menuitem\"}\n                            aria-checked={checkbox ? entry.checked : undefined}\n                            tabIndex={activeIndex === index ? 0 : -1}\n                            className={cn(\n                                styles.item,\n                                entry.type === \"item\" && entry.danger && styles.danger,\n                                activeIndex === index && styles.active,\n                            )}\n                            disabled={entry.disabled}\n                            onClick={() => handleSelect(entry)}\n                            onMouseEnter={() => setActiveIndex(index)}\n                        >\n                            {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                            {entry.label}\n                        </button>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {open && (portal ? <Portal>{menu}</Portal> : menu)}\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -66,13 +66,7 @@ function h({ trigger: h, items: g, placement: _ = "bottom-start", portal: v = !0
 	let z = (e) => {
 		A.current = e, x(!0);
 	}, B = (e) => {
-		if (h.props.onKeyDown?.(e), !e.defaultPrevented) {
-			if (e.key === "ArrowDown" || !b && (e.key === "Enter" || e.key === " ")) {
-				e.preventDefault(), z("first");
-				return;
-			}
-			e.key === "ArrowUp" && (e.preventDefault(), z("last"));
-		}
+		h.props.onKeyDown?.(e), !e.defaultPrevented && (e.key === "ArrowDown" || !b && (e.key === "Enter" || e.key === " ") ? (e.preventDefault(), z("first")) : e.key === "ArrowUp" && (e.preventDefault(), z("last")));
 	}, V = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
@@ -96,13 +90,7 @@ function h({ trigger: h, items: g, placement: _ = "bottom-start", portal: v = !0
 			case "Tab": N(!0);
 		}
 	}, H = (e) => {
-		if (h.props.onClick?.(e), !e.defaultPrevented) {
-			if (b) {
-				N(!1);
-				return;
-			}
-			z("first");
-		}
+		h.props.onClick?.(e), !e.defaultPrevented && (b ? N(!1) : z("first"));
 	}, U = {
 		...h,
 		props: {

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — the body owns placement, outside-\n * click, and the whole APG menu-button keyboard model, which has to see the entire\n * entry list to know where the next stop is. Splitting it would move the focus\n * bookkeeping away from the list it indexes into.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent as ReactKeyboardEvent, ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport type { AnchorAlign, AnchorSide } from \"@/components/Portal/anchor-position\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | {\n          /**\n           * An entry that carries on/off state.\n           *\n           * Rendered as `role=\"menuitemcheckbox\"` with `aria-checked`, which is how\n           * a screen reader announces \"checked\" instead of leaving the state\n           * invisible. Selecting it does **not** close the menu: toggling two\n           * settings in a row is the ordinary case, and closing after the first\n           * would make the second a second trip.\n           */\n          type: \"checkbox\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          checked: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\n/** The entry kinds a user can move focus to and activate. */\ntype SelectableEntry = Extract<DropdownMenuEntry, { type: \"item\" | \"checkbox\" }>;\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        onKeyDown?: (e: ReactKeyboardEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    /**\n     * Render the menu in a portal, positioned against the trigger. Default `true`.\n     *\n     * Without it the menu is `position: absolute` inside the trigger's wrapper,\n     * and any ancestor with `overflow` other than `visible` clips it. The ordinary\n     * victim is the action column of a `DataTable`: its wrapper scrolls\n     * horizontally, `overflow-x: auto` forces `overflow-y` to `auto` too, and the\n     * menu of the last row showed one of three entries (measured in Chrome at\n     * 1440 px). In a portal the menu escapes the clip, flips above the trigger\n     * when there is no room below, and follows the trigger on scroll and resize.\n     *\n     * The portalled menu stacks at `--tempest-z-popover`, above\n     * `--tempest-z-modal`, so a menu opened inside a `Modal` still paints on top.\n     * `false` keeps the in-flow menu, for a container that must own the menu's\n     * stacking or clipping on purpose.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\nconst PLACEMENT_GEOMETRY: Record<DropdownMenuPlacement, [AnchorSide, AnchorAlign]> = {\n    \"bottom-start\": [\"bottom\", \"start\"],\n    \"bottom-end\": [\"bottom\", \"end\"],\n    \"top-start\": [\"top\", \"start\"],\n    \"top-end\": [\"top\", \"end\"],\n};\n\n/** Gap between trigger and menu, in px — the in-flow CSS uses the same 4 px. */\nconst MENU_OFFSET = 4;\n\n/** Whether an entry can take focus — an item or checkbox that is not disabled. */\nfunction isSelectable(entry: DropdownMenuEntry): entry is SelectableEntry {\n    return (entry.type === \"item\" || entry.type === \"checkbox\") && !entry.disabled;\n}\n\n/**\n * Dropdown menu — a list of actions anchored to a trigger, following the\n * [APG menu button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).\n *\n * `role=\"menu\"` is a promise about the keyboard, and this component keeps it:\n *\n * - `Enter`, `Space` or `ArrowDown` on the trigger opens and focuses the first\n *   entry; `ArrowUp` opens and focuses the last.\n * - `ArrowUp` / `ArrowDown` move with wrap, `Home` / `End` jump to the ends.\n * - `Escape` closes and returns focus to the trigger, so the next `Tab` continues\n *   from where the user was rather than from the top of the document.\n * - `Tab` closes the menu and lets the page's own tab order take over, counted\n *   from the trigger: focus goes back to the trigger synchronously and the key's\n *   default action then moves on from there. Without that, a portalled menu —\n *   the last thing in `body` — would hand `Tab` to whatever follows it, which\n *   inside a `Modal` is outside the dialog.\n * - Focus is managed: entries carry `tabIndex={-1}` and only the active one is\n *   `0`, which is what stops `Tab` from walking the menu one entry at a time.\n *\n * Disabled entries, separators and labels are skipped by every movement.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    portal = true,\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [menuNode, setMenuNode] = useState<HTMLUListElement | null>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n    const pendingFocus = useRef<\"first\" | \"last\" | null>(null);\n\n    const selectable = items\n        .map((entry, index) => (isSelectable(entry) ? index : -1))\n        .filter((index) => index !== -1);\n\n    /**\n     * Focus the trigger again.\n     *\n     * Found through the `aria-haspopup` this component puts on it, rather than\n     * through a ref: `ref` lives in different places in React 18 and 19, and a\n     * consumer's custom trigger is under no obligation to forward one. The\n     * attribute is on the element either way.\n     *\n     * @returns Nothing.\n     */\n    const focusTrigger = useCallback((): void => {\n        rootNode?.querySelector<HTMLElement>(\"[aria-haspopup='menu']\")?.focus();\n    }, [rootNode]);\n\n    const close = useCallback(\n        (restoreFocus: boolean): void => {\n            setOpen(false);\n            setActiveIndex(-1);\n            if (restoreFocus) focusTrigger();\n        },\n        [focusTrigger],\n    );\n\n    const focusIndex = useCallback((index: number): void => {\n        setActiveIndex(index);\n        itemRefs.current[index]?.focus();\n    }, []);\n\n    /**\n     * Move focus to the entry `step` positions away, wrapping at both ends.\n     *\n     * Walks the selectable positions rather than the raw list, so separators,\n     * labels and disabled entries are never a stop.\n     */\n    const move = (step: number): void => {\n        if (selectable.length === 0) return;\n        const current = selectable.indexOf(activeIndex);\n        const next = (current + step + selectable.length) % selectable.length;\n        focusIndex(selectable[next] ?? -1);\n    };\n\n    const [side, align] = PLACEMENT_GEOMETRY[placement];\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: menuNode,\n        side,\n        align,\n        offset: MENU_OFFSET,\n        enabled: portal && open,\n    });\n\n    /**\n     * Focus the entry the opening key asked for.\n     *\n     * Keyed off the menu node rather than off `open` alone: in a portal the menu\n     * mounts one commit after `open` flips, and an effect that ran on `open` would\n     * find no entries to focus.\n     */\n    useEffect(() => {\n        if (!open || !menuNode || pendingFocus.current === null) return;\n        const target = pendingFocus.current === \"last\" ? selectable.at(-1) : selectable[0];\n        pendingFocus.current = null;\n        if (target !== undefined) focusIndex(target);\n    }, [open, menuNode, selectable, focusIndex]);\n\n    /**\n     * Close on a press outside both the trigger and the menu.\n     *\n     * The menu is checked separately because in a portal it is not inside the\n     * trigger's wrapper: testing the wrapper alone would treat a press on an entry\n     * as outside and close the menu before the entry's click lands.\n     */\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || menuNode?.contains(target)) return;\n            close(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, close, rootNode, menuNode]);\n\n    const openWith = (edge: \"first\" | \"last\"): void => {\n        pendingFocus.current = edge;\n        setOpen(true);\n    };\n\n    const handleTriggerKeyDown = (event: ReactKeyboardEvent): void => {\n        trigger.props.onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key === \"ArrowDown\" || (!open && (event.key === \"Enter\" || event.key === \" \"))) {\n            event.preventDefault();\n            openWith(\"first\");\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            openWith(\"last\");\n        }\n    };\n\n    /**\n     * Keyboard model of the open menu.\n     *\n     * Handled on the list rather than on `window`: focus is inside the menu by\n     * then, so the keys arrive here by bubbling and cannot be pre-empted by an\n     * unrelated global listener — which is how the arrows used to go missing in a\n     * host application.\n     */\n    const handleMenuKeyDown = (event: ReactKeyboardEvent<HTMLUListElement>): void => {\n        switch (event.key) {\n            case \"ArrowDown\":\n                event.preventDefault();\n                move(1);\n                break;\n            case \"ArrowUp\":\n                event.preventDefault();\n                move(-1);\n                break;\n            case \"Home\":\n                event.preventDefault();\n                if (selectable[0] !== undefined) focusIndex(selectable[0]);\n                break;\n            case \"End\": {\n                event.preventDefault();\n                const last = selectable.at(-1);\n                if (last !== undefined) focusIndex(last);\n                break;\n            }\n            case \"Escape\":\n                event.preventDefault();\n                close(true);\n                break;\n            case \"Tab\":\n                close(true);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (open) {\n            close(false);\n            return;\n        }\n        openWith(\"first\");\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            onKeyDown: handleTriggerKeyDown,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: SelectableEntry): void => {\n        entry.onSelect();\n        if (entry.type === \"checkbox\") return;\n        close(true);\n    };\n\n    const menu = (\n        <ul\n            ref={setMenuNode}\n            id={id}\n            role=\"menu\"\n            className={cn(\n                styles.menu,\n                portal ? styles.portalled : placementClass(placement),\n                className,\n            )}\n            style={floatingStyle}\n            onKeyDown={handleMenuKeyDown}\n        >\n            {items.map((entry, index) => {\n                if (entry.type === \"separator\") {\n                    return (\n                        <li\n                            key={entry.id}\n                            role=\"separator\"\n                            className={styles.separator}\n                            aria-hidden\n                        />\n                    );\n                }\n                if (entry.type === \"label\") {\n                    return (\n                        <li key={entry.id} role=\"presentation\" className={styles.label}>\n                            {entry.label}\n                        </li>\n                    );\n                }\n                const checkbox = entry.type === \"checkbox\";\n                return (\n                    <li key={entry.id} role=\"none\">\n                        <button\n                            ref={(el) => {\n                                itemRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role={checkbox ? \"menuitemcheckbox\" : \"menuitem\"}\n                            aria-checked={checkbox ? entry.checked : undefined}\n                            tabIndex={activeIndex === index ? 0 : -1}\n                            className={cn(\n                                styles.item,\n                                entry.type === \"item\" && entry.danger && styles.danger,\n                                activeIndex === index && styles.active,\n                            )}\n                            disabled={entry.disabled}\n                            onClick={() => handleSelect(entry)}\n                            onMouseEnter={() => setActiveIndex(index)}\n                        >\n                            {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                            {entry.label}\n                        </button>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {open && (portal ? <Portal>{menu}</Portal> : menu)}\n        </span>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","names":["styles","DropdownMenu_module_default","placementClass","placement","PLACEMENT_GEOMETRY","MENU_OFFSET","isSelectable","entry","DropdownMenu","open","setOpen","useState","activeIndex","setActiveIndex","id","useId","rootNode","setRootNode","menuNode","setMenuNode","itemRefs","useRef","pendingFocus","selectable","items","index","focusTrigger","useCallback","close","restoreFocus","focusIndex","move","next","step","side","align","floatingStyle","useAnchorPosition","portal","useEffect","target","onDown","event","openWith","edge","handleTriggerKeyDown","trigger","handleMenuKeyDown","last","handleTriggerClick","triggerClone","handleSelect","menu","cn","className","checkbox","el","Portal"],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — the body owns placement, outside-\n * click, and the whole APG menu-button keyboard model, which has to see the entire\n * entry list to know where the next stop is. Splitting it would move the focus\n * bookkeeping away from the list it indexes into.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent as ReactKeyboardEvent, ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport type { AnchorAlign, AnchorSide } from \"@/components/Portal/anchor-position\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | {\n          /**\n           * An entry that carries on/off state.\n           *\n           * Rendered as `role=\"menuitemcheckbox\"` with `aria-checked`, which is how\n           * a screen reader announces \"checked\" instead of leaving the state\n           * invisible. Selecting it does **not** close the menu: toggling two\n           * settings in a row is the ordinary case, and closing after the first\n           * would make the second a second trip.\n           */\n          type: \"checkbox\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          checked: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\n/** The entry kinds a user can move focus to and activate. */\ntype SelectableEntry = Extract<DropdownMenuEntry, { type: \"item\" | \"checkbox\" }>;\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        onKeyDown?: (e: ReactKeyboardEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    /**\n     * Render the menu in a portal, positioned against the trigger. Default `true`.\n     *\n     * Without it the menu is `position: absolute` inside the trigger's wrapper,\n     * and any ancestor with `overflow` other than `visible` clips it. The ordinary\n     * victim is the action column of a `DataTable`: its wrapper scrolls\n     * horizontally, `overflow-x: auto` forces `overflow-y` to `auto` too, and the\n     * menu of the last row showed one of three entries (measured in Chrome at\n     * 1440 px). In a portal the menu escapes the clip, flips above the trigger\n     * when there is no room below, and follows the trigger on scroll and resize.\n     *\n     * The portalled menu stacks at `--tempest-z-popover`, above\n     * `--tempest-z-modal`, so a menu opened inside a `Modal` still paints on top.\n     * `false` keeps the in-flow menu, for a container that must own the menu's\n     * stacking or clipping on purpose.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\nconst PLACEMENT_GEOMETRY: Record<DropdownMenuPlacement, [AnchorSide, AnchorAlign]> = {\n    \"bottom-start\": [\"bottom\", \"start\"],\n    \"bottom-end\": [\"bottom\", \"end\"],\n    \"top-start\": [\"top\", \"start\"],\n    \"top-end\": [\"top\", \"end\"],\n};\n\n/** Gap between trigger and menu, in px — the in-flow CSS uses the same 4 px. */\nconst MENU_OFFSET = 4;\n\n/** Whether an entry can take focus — an item or checkbox that is not disabled. */\nfunction isSelectable(entry: DropdownMenuEntry): entry is SelectableEntry {\n    return (entry.type === \"item\" || entry.type === \"checkbox\") && !entry.disabled;\n}\n\n/**\n * Dropdown menu — a list of actions anchored to a trigger, following the\n * [APG menu button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).\n *\n * `role=\"menu\"` is a promise about the keyboard, and this component keeps it:\n *\n * - `Enter`, `Space` or `ArrowDown` on the trigger opens and focuses the first\n *   entry; `ArrowUp` opens and focuses the last.\n * - `ArrowUp` / `ArrowDown` move with wrap, `Home` / `End` jump to the ends.\n * - `Escape` closes and returns focus to the trigger, so the next `Tab` continues\n *   from where the user was rather than from the top of the document.\n * - `Tab` closes the menu and lets the page's own tab order take over, counted\n *   from the trigger: focus goes back to the trigger synchronously and the key's\n *   default action then moves on from there. Without that, a portalled menu —\n *   the last thing in `body` — would hand `Tab` to whatever follows it, which\n *   inside a `Modal` is outside the dialog.\n * - Focus is managed: entries carry `tabIndex={-1}` and only the active one is\n *   `0`, which is what stops `Tab` from walking the menu one entry at a time.\n *\n * Disabled entries, separators and labels are skipped by every movement.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    portal = true,\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [menuNode, setMenuNode] = useState<HTMLUListElement | null>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n    const pendingFocus = useRef<\"first\" | \"last\" | null>(null);\n\n    const selectable = items\n        .map((entry, index) => (isSelectable(entry) ? index : -1))\n        .filter((index) => index !== -1);\n\n    /**\n     * Focus the trigger again.\n     *\n     * Found through the `aria-haspopup` this component puts on it, rather than\n     * through a ref: `ref` lives in different places in React 18 and 19, and a\n     * consumer's custom trigger is under no obligation to forward one. The\n     * attribute is on the element either way.\n     *\n     * @returns Nothing.\n     */\n    const focusTrigger = useCallback((): void => {\n        rootNode?.querySelector<HTMLElement>(\"[aria-haspopup='menu']\")?.focus();\n    }, [rootNode]);\n\n    const close = useCallback(\n        (restoreFocus: boolean): void => {\n            setOpen(false);\n            setActiveIndex(-1);\n            if (restoreFocus) focusTrigger();\n        },\n        [focusTrigger],\n    );\n\n    const focusIndex = useCallback((index: number): void => {\n        setActiveIndex(index);\n        itemRefs.current[index]?.focus();\n    }, []);\n\n    /**\n     * Move focus to the entry `step` positions away, wrapping at both ends.\n     *\n     * Walks the selectable positions rather than the raw list, so separators,\n     * labels and disabled entries are never a stop.\n     */\n    const move = (step: number): void => {\n        if (selectable.length === 0) return;\n        const current = selectable.indexOf(activeIndex);\n        const next = (current + step + selectable.length) % selectable.length;\n        focusIndex(selectable[next] ?? -1);\n    };\n\n    const [side, align] = PLACEMENT_GEOMETRY[placement];\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: menuNode,\n        side,\n        align,\n        offset: MENU_OFFSET,\n        enabled: portal && open,\n    });\n\n    /**\n     * Focus the entry the opening key asked for.\n     *\n     * Keyed off the menu node rather than off `open` alone: in a portal the menu\n     * mounts one commit after `open` flips, and an effect that ran on `open` would\n     * find no entries to focus.\n     */\n    useEffect(() => {\n        if (!open || !menuNode || pendingFocus.current === null) return;\n        const target = pendingFocus.current === \"last\" ? selectable.at(-1) : selectable[0];\n        pendingFocus.current = null;\n        if (target !== undefined) focusIndex(target);\n    }, [open, menuNode, selectable, focusIndex]);\n\n    /**\n     * Close on a press outside both the trigger and the menu.\n     *\n     * The menu is checked separately because in a portal it is not inside the\n     * trigger's wrapper: testing the wrapper alone would treat a press on an entry\n     * as outside and close the menu before the entry's click lands.\n     */\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || menuNode?.contains(target)) return;\n            close(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, close, rootNode, menuNode]);\n\n    const openWith = (edge: \"first\" | \"last\"): void => {\n        pendingFocus.current = edge;\n        setOpen(true);\n    };\n\n    const handleTriggerKeyDown = (event: ReactKeyboardEvent): void => {\n        trigger.props.onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (event.key === \"ArrowDown\" || (!open && (event.key === \"Enter\" || event.key === \" \"))) {\n            event.preventDefault();\n            openWith(\"first\");\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            openWith(\"last\");\n        }\n    };\n\n    /**\n     * Keyboard model of the open menu.\n     *\n     * Handled on the list rather than on `window`: focus is inside the menu by\n     * then, so the keys arrive here by bubbling and cannot be pre-empted by an\n     * unrelated global listener — which is how the arrows used to go missing in a\n     * host application.\n     */\n    const handleMenuKeyDown = (event: ReactKeyboardEvent<HTMLUListElement>): void => {\n        switch (event.key) {\n            case \"ArrowDown\":\n                event.preventDefault();\n                move(1);\n                break;\n            case \"ArrowUp\":\n                event.preventDefault();\n                move(-1);\n                break;\n            case \"Home\":\n                event.preventDefault();\n                if (selectable[0] !== undefined) focusIndex(selectable[0]);\n                break;\n            case \"End\": {\n                event.preventDefault();\n                const last = selectable.at(-1);\n                if (last !== undefined) focusIndex(last);\n                break;\n            }\n            case \"Escape\":\n                event.preventDefault();\n                close(true);\n                break;\n            case \"Tab\":\n                close(true);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (open) {\n            close(false);\n            return;\n        }\n        openWith(\"first\");\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            onKeyDown: handleTriggerKeyDown,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: SelectableEntry): void => {\n        entry.onSelect();\n        if (entry.type === \"checkbox\") return;\n        close(true);\n    };\n\n    const menu = (\n        <ul\n            ref={setMenuNode}\n            id={id}\n            role=\"menu\"\n            className={cn(\n                styles.menu,\n                portal ? styles.portalled : placementClass(placement),\n                className,\n            )}\n            style={floatingStyle}\n            onKeyDown={handleMenuKeyDown}\n        >\n            {items.map((entry, index) => {\n                if (entry.type === \"separator\") {\n                    return (\n                        <li\n                            key={entry.id}\n                            role=\"separator\"\n                            className={styles.separator}\n                            aria-hidden\n                        />\n                    );\n                }\n                if (entry.type === \"label\") {\n                    return (\n                        <li key={entry.id} role=\"presentation\" className={styles.label}>\n                            {entry.label}\n                        </li>\n                    );\n                }\n                const checkbox = entry.type === \"checkbox\";\n                return (\n                    <li key={entry.id} role=\"none\">\n                        <button\n                            ref={(el) => {\n                                itemRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role={checkbox ? \"menuitemcheckbox\" : \"menuitem\"}\n                            aria-checked={checkbox ? entry.checked : undefined}\n                            tabIndex={activeIndex === index ? 0 : -1}\n                            className={cn(\n                                styles.item,\n                                entry.type === \"item\" && entry.danger && styles.danger,\n                                activeIndex === index && styles.active,\n                            )}\n                            disabled={entry.disabled}\n                            onClick={() => handleSelect(entry)}\n                            onMouseEnter={() => setActiveIndex(index)}\n                        >\n                            {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                            {entry.label}\n                        </button>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {open && (portal ? <Portal>{menu}</Portal> : menu)}\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DropdownMenu/DropdownMenu.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.module.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.portalled {\n    z-index: var(--tempest-z-popover);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: inset 3px 0 0 0 var(--tempest-selected-indicator);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"DropdownMenu.module.cjs","names":["root","menu","tempestMenuIn","portalled","bottomStart","bottomEnd","topStart","topEnd","item","active","danger","separator","label","DropdownMenu_module_default"],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.portalled {\n    z-index: var(--tempest-z-popover);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: inset 3px 0 0 0 var(--tempest-selected-indicator);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/DropdownMenu/DropdownMenu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.module.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.portalled {\n    z-index: var(--tempest-z-popover);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: inset 3px 0 0 0 var(--tempest-selected-indicator);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"DropdownMenu.module.js","names":["root","menu","tempestMenuIn","portalled","bottomStart","bottomEnd","topStart","topEnd","item","active","danger","separator","label","DropdownMenu_module_default"],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.portalled {\n    z-index: var(--tempest-z-popover);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: inset 3px 0 0 0 var(--tempest-selected-indicator);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Dropzone/Dropzone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.cjs","names":[],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — accept, multiple and maxSize are\n * validation the component must apply before it can call onDrop or onReject, and\n * drag state, keyboard activation and the hidden input all live in the body because\n * they resolve to the same file list.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":"+HAwCA,SAAgB,EAAS,CACrB,SACA,SACA,WAAW,GACX,WAAW,GACX,UACA,WACA,WACA,aACc,CACd,IAAM,GAAA,EAAW,EAAA,OAAA,CAAyB,IAAI,EACxC,CAAC,EAAY,IAAA,EAAiB,EAAA,SAAA,CAAS,EAAK,EAE5C,EAAe,GAAoC,CACrD,GAAI,CAAC,GAAY,EAAS,SAAW,EAAG,OACxC,IAAM,EAAM,MAAM,KAAK,CAAQ,EACzB,EAAU,EAAW,EAAM,EAAI,MAAM,EAAG,CAAC,EAE/C,GAAI,IAAY,IAAA,GAAW,CACvB,EAAO,CAAO,EACd,MACJ,CAEA,IAAM,EAAmB,CAAC,EACpB,EAAmB,CAAC,EAC1B,IAAK,IAAM,KAAQ,EACX,EAAK,KAAO,EAAS,EAAS,KAAK,CAAI,EACtC,EAAS,KAAK,CAAI,EAEvB,EAAS,OAAS,GAAG,IAAW,CAAQ,EACxC,EAAS,OAAS,GAAG,EAAO,CAAQ,CAC5C,EAEM,MAAyB,CACvB,GACJ,EAAS,SAAS,MAAM,CAC5B,EA+BA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,SAAU,EAAW,GAAK,EAC1B,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAc,EAAA,QAAO,SACrB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,QAAS,EACT,UAnBe,GAA+C,EAC9D,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACvC,EAAM,eAAe,EACrB,EAAW,EAEnB,EAeQ,YA1CiB,GAA2C,CAChE,EAAM,eAAe,EACjB,IACJ,EAAc,EAAI,CACtB,EAuCQ,WArCgB,GAA2C,CAC/D,EAAM,eAAe,CACzB,EAoCQ,YAlCiB,GAA2C,CAChE,EAAM,eAAe,EACrB,EAAc,EAAK,CACvB,EAgCQ,OA9BY,GAA2C,CAC3D,EAAM,eAAe,EACrB,EAAc,EAAK,EACf,IACJ,EAAY,EAAM,aAAa,KAAK,CACxC,EAUI,SAAA,EAiBI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,OACL,UAAW,EAAA,QAAO,MACV,SACE,WACA,WACV,SAAW,GAAU,CACjB,EAAY,EAAM,OAAO,KAAK,EAC9B,EAAM,OAAO,MAAQ,EACzB,CACH,CAAA,EACA,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,SAAA,iDAE1B,CAAA,CAET,GAEb"}
+{"version":3,"file":"Dropzone.cjs","names":["useRef","useState","cn","styles","require_cn","require_Dropzone_module","react","react_jsx_runtime","Dropzone","inputRef","isDragging","setIsDragging","handleFiles","fileList","all","limited","multiple","maxSize","onDrop","accepted","rejected","file","onReject","openDialog","disabled","className","event","children"],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — accept, multiple and maxSize are\n * validation the component must apply before it can call onDrop or onReject, and\n * drag state, keyboard activation and the hidden input all live in the body because\n * they resolve to the same file list.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":"A,+HAwCA,SAAgBQ,EAAS,CACrB,SACA,SACA,WAAW,GACX,WAAW,GACX,UACA,WACA,WACA,aACc,CACd,IAAMC,GAAA,EAAWT,EAAAA,OAAAA,CAAyB,IAAI,EACxC,CAACU,EAAYC,IAAA,EAAiBV,EAAAA,SAAAA,CAAS,EAAK,EAE5CW,EAAe,GAAoC,CACrD,GAAI,CAACC,GAAYA,EAAS,SAAW,EAAG,OACxC,IAAMC,EAAM,MAAM,KAAKD,CAAQ,EACzBE,EAAUC,EAAWF,EAAMA,EAAI,MAAM,EAAG,CAAC,EAE/C,GAAIG,IAAY,IAAA,GAAW,CACvBC,EAAOH,CAAO,EACd,MACJ,CAEA,IAAMI,EAAmB,CAAC,EACpBC,EAAmB,CAAC,EAC1B,IAAK,IAAMC,KAAQN,EACXM,EAAK,KAAOJ,EAASG,EAAS,KAAKC,CAAI,EACtCF,EAAS,KAAKE,CAAI,EAEvBD,EAAS,OAAS,GAAGE,IAAWF,CAAQ,EACxCD,EAAS,OAAS,GAAGD,EAAOC,CAAQ,CAC5C,EAEMI,MAAyB,CACvBC,GACJf,EAAS,SAAS,MAAM,CAC5B,EA+BA,OACI,EAAAF,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,SAAUiB,EAAW,GAAK,EAC1B,gBAAeA,GAAY,IAAA,GAC3B,UAAWtB,EAAAA,GACPC,EAAAA,QAAO,KACPO,GAAcP,EAAAA,QAAO,SACrBqB,GAAYrB,EAAAA,QAAO,SACnBsB,CACJ,EACA,QAASF,EACT,UAnBe,GAA+C,EAC9DG,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACvCA,EAAM,eAAe,EACrBH,EAAW,EAEnB,EAeQ,YA1CiB,GAA2C,CAChEG,EAAM,eAAe,EACjB,IACJf,EAAc,EAAI,CACtB,EAuCQ,WArCgB,GAA2C,CAC/De,EAAM,eAAe,CACzB,EAoCQ,YAlCiB,GAA2C,CAChEA,EAAM,eAAe,EACrBf,EAAc,EAAK,CACvB,EAgCQ,OA9BY,GAA2C,CAC3De,EAAM,eAAe,EACrBf,EAAc,EAAK,EACf,IACJC,EAAYc,EAAM,aAAa,KAAK,CACxC,EAUI,SAAA,EAiBI,EAAAnB,EAAA,IAAA,CAAC,QAAD,CACI,IAAKE,EACL,KAAK,OACL,UAAWN,EAAAA,QAAO,MACV,SACE,WACA,WACV,SAAW,GAAU,CACjBS,EAAYc,EAAM,OAAO,KAAK,EAC9B,EAAM,OAAO,MAAQ,EACzB,CACH,CAAA,EACAC,IACG,EAAApB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,OAAQ,SAAA,iDAE1B,CAAA,CAET,C,EAEb,C"}

package/dist/components/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","names":[],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — accept, multiple and maxSize are\n * validation the component must apply before it can call onDrop or onReject, and\n * drag state, keyboard activation and the hidden input all live in the body because\n * they resolve to the same file list.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAwCA,SAAgB,EAAS,EACrB,WACA,WACA,cAAW,IACX,cAAW,IACX,YACA,aACA,aACA,gBACc;CACd,IAAM,IAAW,EAAyB,IAAI,GACxC,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,KAAe,MAAoC;EACrD,IAAI,CAAC,KAAY,EAAS,WAAW,GAAG;EACxC,IAAM,IAAM,MAAM,KAAK,CAAQ,GACzB,IAAU,IAAW,IAAM,EAAI,MAAM,GAAG,CAAC;EAE/C,IAAI,MAAY,KAAA,GAAW;GACvB,EAAO,CAAO;GACd;EACJ;EAEA,IAAM,IAAmB,CAAC,GACpB,IAAmB,CAAC;EAC1B,KAAK,IAAM,KAAQ,GACf,AAAI,EAAK,OAAO,IAAS,EAAS,KAAK,CAAI,IACtC,EAAS,KAAK,CAAI;EAG3B,AADI,EAAS,SAAS,KAAG,IAAW,CAAQ,GACxC,EAAS,SAAS,KAAG,EAAO,CAAQ;CAC5C,GAEM,UAAyB;EACvB,KACJ,EAAS,SAAS,MAAM;CAC5B;CA+BA,OACI,kBAAC,OAAD;EACI,MAAK;EACL,UAAU,IAAW,KAAK;EAC1B,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACP,EAAO,MACP,KAAc,EAAO,UACrB,KAAY,EAAO,UACnB,CACJ;EACA,SAAS;EACT,YAnBe,MAA+C;GAClE,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACvC,EAAM,eAAe,GACrB,EAAW;EAEnB;EAeQ,cA1CiB,MAA2C;GAChE,EAAM,eAAe,GACjB,MACJ,EAAc,EAAI;EACtB;EAuCQ,aArCgB,MAA2C;GAC/D,EAAM,eAAe;EACzB;EAoCQ,cAlCiB,MAA2C;GAEhE,AADA,EAAM,eAAe,GACrB,EAAc,EAAK;EACvB;EAgCQ,SA9BY,MAA2C;GAC3D,EAAM,eAAe,GACrB,EAAc,EAAK,GACf,MACJ,EAAY,EAAM,aAAa,KAAK;EACxC;EAUI,UAAA,CAiBI,kBAAC,SAAD;GACI,KAAK;GACL,MAAK;GACL,WAAW,EAAO;GACV;GACE;GACA;GACV,WAAW,MAAU;IAEjB,AADA,EAAY,EAAM,OAAO,KAAK,GAC9B,EAAM,OAAO,QAAQ;GACzB;EACH,CAAA,GACA,KACG,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAQ,UAAA;EAE1B,CAAA,CAET;;AAEb"}
+{"version":3,"file":"Dropzone.js","names":["styles","Dropzone_module_default","Dropzone","inputRef","useRef","isDragging","setIsDragging","useState","handleFiles","fileList","all","limited","multiple","maxSize","accepted","rejected","file","onReject","onDrop","openDialog","disabled","cn","className","event","children"],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — accept, multiple and maxSize are\n * validation the component must apply before it can call onDrop or onReject, and\n * drag state, keyboard activation and the hidden input all live in the body because\n * they resolve to the same file list.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAwCA,SAAgBE,EAAS,EACrB,WACA,WACA,cAAW,IACX,cAAW,IACX,YACA,aACA,aACA,gBACc;CACd,IAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAYC,KAAiBC,EAAS,EAAK,GAE5CC,KAAe,MAAoC;EACrD,IAAI,CAACC,KAAYA,EAAS,WAAW,GAAG;EACxC,IAAMC,IAAM,MAAM,KAAKD,CAAQ,GACzBE,IAAUC,IAAWF,IAAMA,EAAI,MAAM,GAAG,CAAC;EAE/C,IAAIG,MAAY,KAAA,GAAW;GACvB,EAAOF,CAAO;GACd;EACJ;EAEA,IAAMG,IAAmB,CAAC,GACpBC,IAAmB,CAAC;EAC1B,KAAK,IAAMC,KAAQL,GACf,AAAIK,EAAK,OAAOH,IAASE,EAAS,KAAKC,CAAI,IACtCF,EAAS,KAAKE,CAAI;EAG3B,AADID,EAAS,SAAS,KAAGE,IAAWF,CAAQ,GACxCD,EAAS,SAAS,KAAGI,EAAOJ,CAAQ;CAC5C,GAEMK,UAAyB;EAC3B,AAAIC,KACJjB,EAAS,SAAS,MAAM;CAC5B;CA+BA,OACI,kBAAC,OAAD;EACI,MAAK;EACL,UAAUiB,IAAW,KAAK;EAC1B,iBAAeA,KAAY,KAAA;EAC3B,WAAWC,EACPrB,EAAO,MACPK,KAAcL,EAAO,UACrBoB,KAAYpB,EAAO,UACnBsB,CACJ;EACA,SAASH;EACT,YAnBe,MAA+C;GAClE,CAAII,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAe,GACrBJ,EAAW;EAEnB;EAeQ,cA1CiB,MAA2C;GAEhE,AADAI,EAAM,eAAe,GACjB,MACJjB,EAAc,EAAI;EACtB;EAuCQ,aArCgB,MAA2C;GAC/D,EAAM,eAAe;EACzB;EAoCQ,cAlCiB,MAA2C;GAEhE,AADAiB,EAAM,eAAe,GACrBjB,EAAc,EAAK;EACvB;EAgCQ,SA9BY,MAA2C;GAG3D,AAFAiB,EAAM,eAAe,GACrBjB,EAAc,EAAK,GACf,MACJE,EAAYe,EAAM,aAAa,KAAK;EACxC;EAUI,UAAA,CAiBI,kBAAC,SAAD;GACI,KAAKpB;GACL,MAAK;GACL,WAAWH,EAAO;GACV;GACE;GACA;GACV,WAAW,MAAU;IAEjB,AADAQ,EAAYe,EAAM,OAAO,KAAK,GAC9B,EAAM,OAAO,QAAQ;GACzB;EACH,CAAA,GACAC,KACG,kBAAC,QAAD;GAAM,WAAWxB,EAAO;GAAQ,UAAA;EAE1B,CAAA,CAET;;AAEb"}

package/dist/components/Dropzone/Dropzone.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.module.cjs","names":[],"sources":["../../../src/components/Dropzone/Dropzone.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 120px;\n    padding: var(--tempest-space-6, 24px);\n    border: 2px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-lg, 12px);\n    background: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        border-color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.zone:hover,\n.zone:focus-visible {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-text);\n}\n\n.zone:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-soft);\n    color: var(--tempest-text);\n}\n\n.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.input {\n    display: none;\n}\n\n.prompt {\n    line-height: 1.4;\n}\n"],"mappings":";"}
+{"version":3,"file":"Dropzone.module.cjs","names":["zone","dragging","disabled","input","prompt","Dropzone_module_default"],"sources":["../../../src/components/Dropzone/Dropzone.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 120px;\n    padding: var(--tempest-space-6, 24px);\n    border: 2px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-lg, 12px);\n    background: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        border-color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.zone:hover,\n.zone:focus-visible {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-text);\n}\n\n.zone:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-soft);\n    color: var(--tempest-text);\n}\n\n.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.input {\n    display: none;\n}\n\n.prompt {\n    line-height: 1.4;\n}\n"],"mappings":";"}

package/dist/components/Dropzone/Dropzone.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.module.js","names":[],"sources":["../../../src/components/Dropzone/Dropzone.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 120px;\n    padding: var(--tempest-space-6, 24px);\n    border: 2px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-lg, 12px);\n    background: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        border-color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.zone:hover,\n.zone:focus-visible {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-text);\n}\n\n.zone:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-soft);\n    color: var(--tempest-text);\n}\n\n.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.input {\n    display: none;\n}\n\n.prompt {\n    line-height: 1.4;\n}\n"],"mappings":";"}
+{"version":3,"file":"Dropzone.module.js","names":["zone","dragging","disabled","input","prompt","Dropzone_module_default"],"sources":["../../../src/components/Dropzone/Dropzone.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 120px;\n    padding: var(--tempest-space-6, 24px);\n    border: 2px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-lg, 12px);\n    background: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        border-color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.zone:hover,\n.zone:focus-visible {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-text);\n}\n\n.zone:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-soft);\n    color: var(--tempest-text);\n}\n\n.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.input {\n    display: none;\n}\n\n.prompt {\n    line-height: 1.4;\n}\n"],"mappings":";"}

package/dist/components/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./EmptyState.module.css\";\n\nexport interface EmptyStateProps {\n    icon?: ReactNode;\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    className?: string;\n}\n\n/** Centered \"nothing here yet\" placeholder with optional icon and CTA. */\nexport function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {icon && <div className={styles.icon}>{icon}</div>}\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {action && <div className={styles.action}>{action}</div>}\n        </div>\n    );\n}\n"],"mappings":"8GAaA,SAAgB,EAAW,CAAE,OAAM,QAAO,cAAa,SAAQ,aAA8B,CACzF,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAA5C,SAAA,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,SAAA,CAAU,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAU,CAAA,EACvC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,SAAA,CAAe,CAAA,EACjE,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAS,SAAA,CAAY,CAAA,CACtD,GAEb"}
+{"version":3,"file":"EmptyState.cjs","names":["cn","styles","require_cn","require_EmptyState_module","react_jsx_runtime","EmptyState","className","icon","title","description","action"],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./EmptyState.module.css\";\n\nexport interface EmptyStateProps {\n    icon?: ReactNode;\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    className?: string;\n}\n\n/** Centered \"nothing here yet\" placeholder with optional icon and CTA. */\nexport function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {icon && <div className={styles.icon}>{icon}</div>}\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {action && <div className={styles.action}>{action}</div>}\n        </div>\n    );\n}\n"],"mappings":"A,8GAaA,SAAgBK,EAAW,CAAE,OAAM,QAAO,cAAa,SAAQ,aAA8B,CACzF,OACI,EAAAD,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,QAASK,CAAS,EAA5C,SAAA,CACKC,IAAQ,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,KAAO,SAAAM,CAAU,CAAA,GACjD,EAAAH,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWH,EAAAA,QAAO,MAAQ,SAAAO,CAAU,CAAA,EACvCC,IAAe,EAAAL,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWH,EAAAA,QAAO,YAAc,SAAAQ,CAAe,CAAA,EACjEC,IAAU,EAAAN,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,OAAS,SAAAS,CAAY,CAAA,CACtD,C,EAEb,C"}

package/dist/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./EmptyState.module.css\";\n\nexport interface EmptyStateProps {\n    icon?: ReactNode;\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    className?: string;\n}\n\n/** Centered \"nothing here yet\" placeholder with optional icon and CTA. */\nexport function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {icon && <div className={styles.icon}>{icon}</div>}\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {action && <div className={styles.action}>{action}</div>}\n        </div>\n    );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAW,EAAE,SAAM,UAAO,gBAAa,WAAQ,gBAA8B;CACzF,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAA5C,UAAA;GACK,KAAQ,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,UAAA;GAAU,CAAA;GACjD,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAQ,UAAA;GAAU,CAAA;GACvC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAc,UAAA;GAAe,CAAA;GACjE,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAS,UAAA;GAAY,CAAA;EACtD;;AAEb"}
+{"version":3,"file":"EmptyState.js","names":["styles","EmptyState_module_default","EmptyState","cn","className","icon","title","description","action"],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./EmptyState.module.css\";\n\nexport interface EmptyStateProps {\n    icon?: ReactNode;\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    className?: string;\n}\n\n/** Centered \"nothing here yet\" placeholder with optional icon and CTA. */\nexport function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {icon && <div className={styles.icon}>{icon}</div>}\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {action && <div className={styles.action}>{action}</div>}\n        </div>\n    );\n}\n"],"mappings":";;;;AAaA,SAAgBE,EAAW,EAAE,SAAM,UAAO,gBAAa,WAAQ,gBAA8B;CACzF,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGH,EAAO,SAASI,CAAS;EAA5C,UAAA;GACKC,KAAQ,kBAAC,OAAD;IAAK,WAAWL,EAAO;IAAO,UAAAK;GAAU,CAAA;GACjD,kBAAC,MAAD;IAAI,WAAWL,EAAO;IAAQ,UAAAM;GAAU,CAAA;GACvCC,KAAe,kBAAC,KAAD;IAAG,WAAWP,EAAO;IAAc,UAAAO;GAAe,CAAA;GACjEC,KAAU,kBAAC,OAAD;IAAK,WAAWR,EAAO;IAAS,UAAAQ;GAAY,CAAA;EACtD;;AAEb"}

package/dist/components/EmptyState/EmptyState.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.module.cjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":";"}
+{"version":3,"file":"EmptyState.module.cjs","names":["wrapper","icon","title","description","action","EmptyState_module_default"],"sources":["../../../src/components/EmptyState/EmptyState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":";"}

package/dist/components/EmptyState/EmptyState.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.module.js","names":[],"sources":["../../../src/components/EmptyState/EmptyState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":";"}
+{"version":3,"file":"EmptyState.module.js","names":["wrapper","icon","title","description","action","EmptyState_module_default"],"sources":["../../../src/components/EmptyState/EmptyState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":";"}

package/dist/components/ErrorState/ErrorState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.cjs","names":[],"sources":["../../../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorState.module.css\";\n\nexport interface ErrorStateProps {\n    title?: ReactNode;\n    description?: ReactNode;\n    onRetry?: () => void;\n    retryLabel?: string;\n    icon?: ReactNode;\n    className?: string;\n}\n\n/** Error placeholder with optional retry CTA. Use when a request fails. */\nexport function ErrorState({\n    title = \"Algo deu errado\",\n    description = \"Não foi possível carregar essas informações.\",\n    onRetry,\n    retryLabel = \"Tentar novamente\",\n    icon,\n    className,\n}: ErrorStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.icon}>{icon ?? <AlertIcon />}</div>\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {onRetry && (\n                <div className={styles.action}>\n                    <Button variant=\"secondary\" onClick={onRetry}>\n                        {retryLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction AlertIcon() {\n    return (\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"gJAeA,SAAgB,EAAW,CACvB,QAAQ,kBACR,cAAc,+CACd,UACA,aAAa,mBACb,OACA,aACgB,CAChB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAA5C,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,SAAA,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CAAO,CAAA,GACzD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAU,CAAA,EACvC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,SAAA,CAAe,CAAA,EACjE,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OACnB,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,QAAQ,YAAY,QAAS,EAChC,SAAA,CACG,CAAA,CACP,CAAA,CAER,GAEb,CAEA,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,qGACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb"}
+{"version":3,"file":"ErrorState.cjs","names":["cn","styles","Button","require_cn","require_Button","require_ErrorState_module","react_jsx_runtime","ErrorState","className","icon","AlertIcon","title","description","onRetry","retryLabel"],"sources":["../../../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorState.module.css\";\n\nexport interface ErrorStateProps {\n    title?: ReactNode;\n    description?: ReactNode;\n    onRetry?: () => void;\n    retryLabel?: string;\n    icon?: ReactNode;\n    className?: string;\n}\n\n/** Error placeholder with optional retry CTA. Use when a request fails. */\nexport function ErrorState({\n    title = \"Algo deu errado\",\n    description = \"Não foi possível carregar essas informações.\",\n    onRetry,\n    retryLabel = \"Tentar novamente\",\n    icon,\n    className,\n}: ErrorStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.icon}>{icon ?? <AlertIcon />}</div>\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {onRetry && (\n                <div className={styles.action}>\n                    <Button variant=\"secondary\" onClick={onRetry}>\n                        {retryLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction AlertIcon() {\n    return (\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"A,gJAeA,SAAgBO,EAAW,CACvB,QAAQ,kBACR,cAAc,+CACd,UACA,aAAa,mBACb,OACA,aACgB,CAChB,OACI,EAAAD,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,QAASO,CAAS,EAA5C,SAAA,EACI,EAAAF,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,QAAO,KAAO,SAAAQ,IAAQ,EAAAH,EAAA,IAAA,CAACI,EAAD,CAAY,CAAA,CAAO,CAAA,GACzD,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWL,EAAAA,QAAO,MAAQ,SAAAU,CAAU,CAAA,EACvCC,IAAe,EAAAN,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWL,EAAAA,QAAO,YAAc,SAAAW,CAAe,CAAA,EACjEC,IACG,EAAAP,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,QAAO,OACnB,UAAA,EAAAK,EAAA,IAAA,CAACJ,EAAAA,OAAD,CAAQ,QAAQ,YAAY,QAASW,EAChC,SAAAC,CACG,CAAA,CACP,CAAA,CAER,C,EAEb,CAEA,SAASJ,GAAY,CACjB,OACI,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,qGACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,C"}

package/dist/components/ErrorState/ErrorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorState.module.css\";\n\nexport interface ErrorStateProps {\n    title?: ReactNode;\n    description?: ReactNode;\n    onRetry?: () => void;\n    retryLabel?: string;\n    icon?: ReactNode;\n    className?: string;\n}\n\n/** Error placeholder with optional retry CTA. Use when a request fails. */\nexport function ErrorState({\n    title = \"Algo deu errado\",\n    description = \"Não foi possível carregar essas informações.\",\n    onRetry,\n    retryLabel = \"Tentar novamente\",\n    icon,\n    className,\n}: ErrorStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.icon}>{icon ?? <AlertIcon />}</div>\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {onRetry && (\n                <div className={styles.action}>\n                    <Button variant=\"secondary\" onClick={onRetry}>\n                        {retryLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction AlertIcon() {\n    return (\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAAW,EACvB,WAAQ,mBACR,iBAAc,gDACd,YACA,gBAAa,oBACb,SACA,gBACgB;CAChB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAA5C,UAAA;GACI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,UAAA,KAAQ,kBAAC,GAAD,CAAY,CAAA;GAAO,CAAA;GACzD,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAQ,UAAA;GAAU,CAAA;GACvC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAc,UAAA;GAAe,CAAA;GACjE,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;IACnB,UAAA,kBAAC,GAAD;KAAQ,SAAQ;KAAY,SAAS;KAChC,UAAA;IACG,CAAA;GACP,CAAA;EAER;;AAEb;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}
+{"version":3,"file":"ErrorState.js","names":["styles","ErrorState_module_default","ErrorState","cn","className","icon","AlertIcon","title","description","onRetry","Button","retryLabel"],"sources":["../../../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorState.module.css\";\n\nexport interface ErrorStateProps {\n    title?: ReactNode;\n    description?: ReactNode;\n    onRetry?: () => void;\n    retryLabel?: string;\n    icon?: ReactNode;\n    className?: string;\n}\n\n/** Error placeholder with optional retry CTA. Use when a request fails. */\nexport function ErrorState({\n    title = \"Algo deu errado\",\n    description = \"Não foi possível carregar essas informações.\",\n    onRetry,\n    retryLabel = \"Tentar novamente\",\n    icon,\n    className,\n}: ErrorStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.icon}>{icon ?? <AlertIcon />}</div>\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {onRetry && (\n                <div className={styles.action}>\n                    <Button variant=\"secondary\" onClick={onRetry}>\n                        {retryLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction AlertIcon() {\n    return (\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAeA,SAAgBE,EAAW,EACvB,WAAQ,mBACR,iBAAc,gDACd,YACA,gBAAa,oBACb,SACA,gBACgB;CAChB,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGH,EAAO,SAASI,CAAS;EAA5C,UAAA;GACI,kBAAC,OAAD;IAAK,WAAWJ,EAAO;IAAO,UAAAK,KAAQ,kBAACC,GAAD,CAAY,CAAA;GAAO,CAAA;GACzD,kBAAC,MAAD;IAAI,WAAWN,EAAO;IAAQ,UAAAO;GAAU,CAAA;GACvCC,KAAe,kBAAC,KAAD;IAAG,WAAWR,EAAO;IAAc,UAAAQ;GAAe,CAAA;GACjEC,KACG,kBAAC,OAAD;IAAK,WAAWT,EAAO;IACnB,UAAA,kBAACU,GAAD;KAAQ,SAAQ;KAAY,SAASD;KAChC,UAAAE;IACG,CAAA;GACP,CAAA;EAER;;AAEb;AAEA,SAASL,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/ErrorState/ErrorState.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.module.cjs","names":[],"sources":["../../../src/components/ErrorState/ErrorState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":";"}
+{"version":3,"file":"ErrorState.module.cjs","names":["wrapper","icon","title","description","action","ErrorState_module_default"],"sources":["../../../src/components/ErrorState/ErrorState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":";"}