tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Modal/Modal.module.js

@@ -0,0 +1,24 @@
+//#region src/components/Modal/Modal.module.css
+var e = "tempest_overlay_dd9h1", t = "tempest_tempest-fade-in_DvgSp", n = "tempest_dialog_ptM-K", r = "tempest_tempest-modal-in_UoxQC", i = "tempest_sm_K5k3W", a = "tempest_md_gvyR7", o = "tempest_lg_BgB1a", s = "tempest_xl_MR-68", c = "tempest_size2xl_-PH9e", l = "tempest_size3xl_iqDwN", u = "tempest_fullscreen_o84Xi", d = "tempest_fullscreenOnMobile_0bDwe", f = "tempest_body_lVhql", p = "tempest_header_ILG9i", m = "tempest_footer_rro2w", h = "tempest_title_A5OeE", g = "tempest_close_-ER1C", _ = {
+	overlay: e,
+	tempestFadeIn: t,
+	dialog: n,
+	tempestModalIn: r,
+	sm: i,
+	md: a,
+	lg: o,
+	xl: s,
+	size2Xl: c,
+	size3Xl: l,
+	fullscreen: u,
+	fullscreenOnMobile: d,
+	body: f,
+	header: p,
+	footer: m,
+	title: h,
+	close: g
+};
+//#endregion
+export { f as body, g as close, _ as default, n as dialog, m as footer, u as fullscreen, d as fullscreenOnMobile, p as header, o as lg, a as md, e as overlay, c as size2Xl, l as size3Xl, i as sm, t as tempestFadeIn, r as tempestModalIn, h as title, s as xl };
+
+//# sourceMappingURL=Modal.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.js","names":[],"sources":["../../../src/components/Modal/Modal.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.55);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: max(var(--tempest-space-4), var(--tempest-safe-area-top))\n        max(var(--tempest-space-4), var(--tempest-safe-area-right))\n        max(var(--tempest-space-4), var(--tempest-safe-area-bottom))\n        max(var(--tempest-space-4), var(--tempest-safe-area-left));\n    z-index: var(--tempest-z-modal);\n    animation: tempest-fade-in var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.dialog {\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border-radius: var(--tempest-radius-xl);\n    box-shadow: var(--tempest-shadow-xl);\n    width: 100%;\n    max-height: 90vh;\n    max-height: 90dvh;\n    display: flex;\n    flex-direction: column;\n    animation: tempest-modal-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.sm {\n    max-width: 400px;\n}\n.md {\n    max-width: 560px;\n}\n.lg {\n    max-width: 800px;\n}\n.xl {\n    max-width: 1024px;\n}\n.size2xl {\n    max-width: 1280px;\n}\n.size3xl {\n    max-width: 1440px;\n}\n\n/* Fullscreen — fill entire viewport regardless of size. */\n.fullscreen {\n    max-width: 100%;\n    max-height: 100vh;\n    max-height: 100dvh;\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n}\n\n/* Auto-fullscreen below mobile breakpoint. */\n@media (max-width: 639.98px) {\n    .fullscreenOnMobile {\n        max-width: 100%;\n        max-height: 100vh;\n        max-height: 100dvh;\n        width: 100%;\n        height: 100%;\n        border-radius: 0;\n    }\n}\n\n/* Mobile padding adjustment for non-fullscreen modals. */\n@media (max-width: 639.98px) {\n    .dialog:not(.fullscreen):not(.fullscreenOnMobile) {\n        border-radius: var(--tempest-radius-lg);\n    }\n    .body {\n        padding: var(--tempest-space-4);\n    }\n    .header,\n    .footer {\n        padding: var(--tempest-space-3) var(--tempest-space-4);\n    }\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    color: var(--tempest-text);\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    justify-content: 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    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    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n}\n\n@keyframes tempest-fade-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-modal-in {\n    from {\n        opacity: 0;\n        transform: translateY(12px) scale(0.96);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .overlay,\n    .dialog {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/ModalsManager/ModalsManager.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),k=require("./ModalsManager.module.css.cjs"),p=require("../Modal/Modal.cjs"),b=require("../ConfirmDialog/ConfirmDialog.cjs"),m=o.createContext(null);function h({children:t}){const[r,e]=o.useState([]),l=o.useRef(0),s=o.useCallback(()=>(l.current+=1,`modal-${l.current}`),[]),a=o.useCallback(n=>{e(c=>c.filter(d=>d.id!==n))},[]),u=o.useCallback(()=>{e([])},[]),C=o.useCallback(n=>{const c=s();return e(d=>[...d,{kind:"content",id:c,options:n}]),c},[s]),f=o.useCallback(n=>{const c=s();return e(d=>[...d,{kind:"confirm",id:c,options:n}]),c},[s]),M=o.useMemo(()=>({open:C,confirm:f,close:a,closeAll:u}),[C,f,a,u]);return i.jsxs(m.Provider,{value:M,children:[t,i.jsx("div",{className:k.default.stack,children:r.map(n=>n.kind==="content"?i.jsx(x,{entry:n,close:a},n.id):i.jsx(g,{entry:n,close:a},n.id))})]})}function x({entry:t,close:r}){const{options:e,id:l}=t,s=()=>{e.onClose?.(),r(l)};return i.jsx(p.Modal,{open:!0,onClose:s,title:e.title,size:e.size,closeOnBackdrop:e.closeOnBackdrop,closeOnEsc:e.closeOnEsc,hideCloseButton:e.hideCloseButton,children:e.children})}function g({entry:t,close:r}){const{options:e,id:l}=t,[s,a]=o.useState(!1),u=async()=>{try{a(!0),await e.onConfirm?.()}finally{a(!1),r(l)}},C=()=>{e.onCancel?.(),r(l)};return i.jsx(b.ConfirmDialog,{open:!0,title:e.title??"",description:e.message,confirmLabel:e.confirmLabel,cancelLabel:e.cancelLabel,variant:e.danger?"danger":"primary",loading:s,onConfirm:u,onCancel:C})}function j(){const t=o.useContext(m);if(t===null)throw new Error("useModals must be used within a <ModalsProvider>");return t}exports.ModalsProvider=h;exports.useModals=j;
-//# sourceMappingURL=ModalsManager.cjs.map
+const e=require("../Modal/Modal.cjs"),t=require("../ConfirmDialog/ConfirmDialog.cjs"),n=require("./ModalsManager.module.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o({children:e}){let[t,o]=(0,r.useState)([]),l=(0,r.useRef)(0),u=(0,r.useCallback)(()=>(l.current+=1,`modal-${l.current}`),[]),d=(0,r.useCallback)(e=>{o(t=>t.filter(t=>t.id!==e))},[]),f=(0,r.useCallback)(()=>{o([])},[]),p=(0,r.useCallback)(e=>{let t=u();return o(n=>[...n,{kind:`content`,id:t,options:e}]),t},[u]),m=(0,r.useCallback)(e=>{let t=u();return o(n=>[...n,{kind:`confirm`,id:t,options:e}]),t},[u]),h=(0,r.useMemo)(()=>({open:p,confirm:m,close:d,closeAll:f}),[p,m,d,f]);return(0,i.jsxs)(a.Provider,{value:h,children:[e,(0,i.jsx)(`div`,{className:n.default.stack,children:t.map(e=>e.kind===`content`?(0,i.jsx)(s,{entry:e,close:d},e.id):(0,i.jsx)(c,{entry:e,close:d},e.id))})]})}function s({entry:t,close:n}){let{options:r,id:a}=t;return(0,i.jsx)(e.Modal,{open:!0,onClose:()=>{r.onClose?.(),n(a)},title:r.title,size:r.size,closeOnBackdrop:r.closeOnBackdrop,closeOnEsc:r.closeOnEsc,hideCloseButton:r.hideCloseButton,children:r.children})}function c({entry:e,close:n}){let{options:a,id:o}=e,[s,c]=(0,r.useState)(!1);return(0,i.jsx)(t.ConfirmDialog,{open:!0,title:a.title??``,description:a.message,confirmLabel:a.confirmLabel,cancelLabel:a.cancelLabel,variant:a.danger?`danger`:`primary`,loading:s,onConfirm:async()=>{try{c(!0),await a.onConfirm?.()}finally{c(!1),n(o)}},onCancel:()=>{a.onCancel?.(),n(o)}})}function l(){let e=(0,r.useContext)(a);if(e===null)throw Error(`useModals must be used within a <ModalsProvider>`);return e}exports.ModalsProvider=o,exports.useModals=l;
+//# sourceMappingURL=ModalsManager.cjs.map

package/dist/components/ModalsManager/ModalsManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsManager.cjs","sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@/components/ConfirmDialog\";\nimport { Modal } from \"@/components/Modal\";\nimport type { ModalSize } from \"@/components/Modal\";\nimport styles from \"./ModalsManager.module.css\";\n\n/** Options accepted by {@link ModalsApi.open}. */\nexport interface OpenModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Modal body content. */\n    children: ReactNode;\n    /** Dialog size. Default `md`. */\n    size?: ModalSize;\n    /** Allow closing by clicking the backdrop. Default `true`. */\n    closeOnBackdrop?: boolean;\n    /** Allow closing with the Esc key. Default `true`. */\n    closeOnEsc?: boolean;\n    /** Hide the header close button. */\n    hideCloseButton?: boolean;\n    /** Called after the modal is removed from the stack. */\n    onClose?: () => void;\n}\n\n/** Options accepted by {@link ModalsApi.confirm}. */\nexport interface ConfirmModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Prompt message rendered in the dialog body. */\n    message: ReactNode;\n    /** Confirm button label. Default `Confirmar`. */\n    confirmLabel?: string;\n    /** Cancel button label. Default `Cancelar`. */\n    cancelLabel?: string;\n    /** Render the confirm button in the danger variant. */\n    danger?: boolean;\n    /** Called when the user confirms. */\n    onConfirm?: () => void | Promise<void>;\n    /** Called when the user cancels or dismisses. */\n    onCancel?: () => void;\n}\n\n/** Imperative API returned by {@link useModals}. */\nexport interface ModalsApi {\n    /** Push a content modal. Returns its stack id. */\n    open: (options: OpenModalOptions) => string;\n    /** Push a confirmation dialog. Returns its stack id. */\n    confirm: (options: ConfirmModalOptions) => string;\n    /** Remove the modal with the given id. */\n    close: (id: string) => void;\n    /** Remove every modal from the stack. */\n    closeAll: () => void;\n}\n\ninterface ContentEntry {\n    kind: \"content\";\n    id: string;\n    options: OpenModalOptions;\n}\n\ninterface ConfirmEntry {\n    kind: \"confirm\";\n    id: string;\n    options: ConfirmModalOptions;\n}\n\ntype StackEntry = ContentEntry | ConfirmEntry;\n\nconst ModalsContext = createContext<ModalsApi | null>(null);\n\n/** Props for {@link ModalsProvider}. */\nexport interface ModalsProviderProps {\n    children: ReactNode;\n}\n\n/**\n * Provides imperative modal control via {@link useModals} and renders the open\n * modal stack. Mount once near the app root.\n *\n * @example\n * <ModalsProvider>\n *     <App />\n * </ModalsProvider>\n */\nexport function ModalsProvider({ children }: ModalsProviderProps) {\n    const [stack, setStack] = useState<StackEntry[]>([]);\n    const counter = useRef(0);\n\n    const nextId = useCallback((): string => {\n        counter.current += 1;\n        return `modal-${counter.current}`;\n    }, []);\n\n    const close = useCallback((id: string): void => {\n        setStack((current) => current.filter((entry) => entry.id !== id));\n    }, []);\n\n    const closeAll = useCallback((): void => {\n        setStack([]);\n    }, []);\n\n    const open = useCallback(\n        (options: OpenModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"content\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const confirm = useCallback(\n        (options: ConfirmModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"confirm\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const api = useMemo<ModalsApi>(\n        () => ({ open, confirm, close, closeAll }),\n        [open, confirm, close, closeAll],\n    );\n\n    return (\n        <ModalsContext.Provider value={api}>\n            {children}\n            <div className={styles.stack}>\n                {stack.map((entry) =>\n                    entry.kind === \"content\" ? (\n                        <ContentModal key={entry.id} entry={entry} close={close} />\n                    ) : (\n                        <ConfirmModal key={entry.id} entry={entry} close={close} />\n                    ),\n                )}\n            </div>\n        </ModalsContext.Provider>\n    );\n}\n\ninterface ContentModalProps {\n    entry: ContentEntry;\n    close: (id: string) => void;\n}\n\nfunction ContentModal({ entry, close }: ContentModalProps) {\n    const { options, id } = entry;\n    const handleClose = (): void => {\n        options.onClose?.();\n        close(id);\n    };\n    return (\n        <Modal\n            open\n            onClose={handleClose}\n            title={options.title}\n            size={options.size}\n            closeOnBackdrop={options.closeOnBackdrop}\n            closeOnEsc={options.closeOnEsc}\n            hideCloseButton={options.hideCloseButton}\n        >\n            {options.children}\n        </Modal>\n    );\n}\n\ninterface ConfirmModalProps {\n    entry: ConfirmEntry;\n    close: (id: string) => void;\n}\n\nfunction ConfirmModal({ entry, close }: ConfirmModalProps) {\n    const { options, id } = entry;\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = async (): Promise<void> => {\n        try {\n            setLoading(true);\n            await options.onConfirm?.();\n        } finally {\n            setLoading(false);\n            close(id);\n        }\n    };\n\n    const handleCancel = (): void => {\n        options.onCancel?.();\n        close(id);\n    };\n\n    return (\n        <ConfirmDialog\n            open\n            title={options.title ?? \"\"}\n            description={options.message}\n            confirmLabel={options.confirmLabel}\n            cancelLabel={options.cancelLabel}\n            variant={options.danger ? \"danger\" : \"primary\"}\n            loading={loading}\n            onConfirm={handleConfirm}\n            onCancel={handleCancel}\n        />\n    );\n}\n\n/**\n * Access the imperative modals API. Must be used within a {@link ModalsProvider}.\n *\n * @example\n * const modals = useModals();\n * modals.confirm({ message: \"Excluir item?\", danger: true, onConfirm: del });\n *\n * @throws Error when called outside a {@link ModalsProvider}.\n */\nexport function useModals(): ModalsApi {\n    const api = useContext(ModalsContext);\n    if (api === null) {\n        throw new Error(\"useModals must be used within a <ModalsProvider>\");\n    }\n    return api;\n}\n"],"names":["ModalsContext","createContext","ModalsProvider","children","stack","setStack","useState","counter","useRef","nextId","useCallback","close","id","current","entry","closeAll","open","options","confirm","api","useMemo","jsxs","jsx","styles","ContentModal","ConfirmModal","handleClose","Modal","loading","setLoading","handleConfirm","handleCancel","ConfirmDialog","useModals","useContext"],"mappings":"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"}
+{"version":3,"file":"ModalsManager.cjs","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@/components/ConfirmDialog\";\nimport { Modal } from \"@/components/Modal\";\nimport type { ModalSize } from \"@/components/Modal\";\nimport styles from \"./ModalsManager.module.css\";\n\n/** Options accepted by {@link ModalsApi.open}. */\nexport interface OpenModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Modal body content. */\n    children: ReactNode;\n    /** Dialog size. Default `md`. */\n    size?: ModalSize;\n    /** Allow closing by clicking the backdrop. Default `true`. */\n    closeOnBackdrop?: boolean;\n    /** Allow closing with the Esc key. Default `true`. */\n    closeOnEsc?: boolean;\n    /** Hide the header close button. */\n    hideCloseButton?: boolean;\n    /** Called after the modal is removed from the stack. */\n    onClose?: () => void;\n}\n\n/** Options accepted by {@link ModalsApi.confirm}. */\nexport interface ConfirmModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Prompt message rendered in the dialog body. */\n    message: ReactNode;\n    /** Confirm button label. Default `Confirmar`. */\n    confirmLabel?: string;\n    /** Cancel button label. Default `Cancelar`. */\n    cancelLabel?: string;\n    /** Render the confirm button in the danger variant. */\n    danger?: boolean;\n    /** Called when the user confirms. */\n    onConfirm?: () => void | Promise<void>;\n    /** Called when the user cancels or dismisses. */\n    onCancel?: () => void;\n}\n\n/** Imperative API returned by {@link useModals}. */\nexport interface ModalsApi {\n    /** Push a content modal. Returns its stack id. */\n    open: (options: OpenModalOptions) => string;\n    /** Push a confirmation dialog. Returns its stack id. */\n    confirm: (options: ConfirmModalOptions) => string;\n    /** Remove the modal with the given id. */\n    close: (id: string) => void;\n    /** Remove every modal from the stack. */\n    closeAll: () => void;\n}\n\ninterface ContentEntry {\n    kind: \"content\";\n    id: string;\n    options: OpenModalOptions;\n}\n\ninterface ConfirmEntry {\n    kind: \"confirm\";\n    id: string;\n    options: ConfirmModalOptions;\n}\n\ntype StackEntry = ContentEntry | ConfirmEntry;\n\nconst ModalsContext = createContext<ModalsApi | null>(null);\n\n/** Props for {@link ModalsProvider}. */\nexport interface ModalsProviderProps {\n    children: ReactNode;\n}\n\n/**\n * Provides imperative modal control via {@link useModals} and renders the open\n * modal stack. Mount once near the app root.\n *\n * @example\n * <ModalsProvider>\n *     <App />\n * </ModalsProvider>\n */\nexport function ModalsProvider({ children }: ModalsProviderProps) {\n    const [stack, setStack] = useState<StackEntry[]>([]);\n    const counter = useRef(0);\n\n    const nextId = useCallback((): string => {\n        counter.current += 1;\n        return `modal-${counter.current}`;\n    }, []);\n\n    const close = useCallback((id: string): void => {\n        setStack((current) => current.filter((entry) => entry.id !== id));\n    }, []);\n\n    const closeAll = useCallback((): void => {\n        setStack([]);\n    }, []);\n\n    const open = useCallback(\n        (options: OpenModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"content\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const confirm = useCallback(\n        (options: ConfirmModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"confirm\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const api = useMemo<ModalsApi>(\n        () => ({ open, confirm, close, closeAll }),\n        [open, confirm, close, closeAll],\n    );\n\n    return (\n        <ModalsContext.Provider value={api}>\n            {children}\n            <div className={styles.stack}>\n                {stack.map((entry) =>\n                    entry.kind === \"content\" ? (\n                        <ContentModal key={entry.id} entry={entry} close={close} />\n                    ) : (\n                        <ConfirmModal key={entry.id} entry={entry} close={close} />\n                    ),\n                )}\n            </div>\n        </ModalsContext.Provider>\n    );\n}\n\ninterface ContentModalProps {\n    entry: ContentEntry;\n    close: (id: string) => void;\n}\n\nfunction ContentModal({ entry, close }: ContentModalProps) {\n    const { options, id } = entry;\n    const handleClose = (): void => {\n        options.onClose?.();\n        close(id);\n    };\n    return (\n        <Modal\n            open\n            onClose={handleClose}\n            title={options.title}\n            size={options.size}\n            closeOnBackdrop={options.closeOnBackdrop}\n            closeOnEsc={options.closeOnEsc}\n            hideCloseButton={options.hideCloseButton}\n        >\n            {options.children}\n        </Modal>\n    );\n}\n\ninterface ConfirmModalProps {\n    entry: ConfirmEntry;\n    close: (id: string) => void;\n}\n\nfunction ConfirmModal({ entry, close }: ConfirmModalProps) {\n    const { options, id } = entry;\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = async (): Promise<void> => {\n        try {\n            setLoading(true);\n            await options.onConfirm?.();\n        } finally {\n            setLoading(false);\n            close(id);\n        }\n    };\n\n    const handleCancel = (): void => {\n        options.onCancel?.();\n        close(id);\n    };\n\n    return (\n        <ConfirmDialog\n            open\n            title={options.title ?? \"\"}\n            description={options.message}\n            confirmLabel={options.confirmLabel}\n            cancelLabel={options.cancelLabel}\n            variant={options.danger ? \"danger\" : \"primary\"}\n            loading={loading}\n            onConfirm={handleConfirm}\n            onCancel={handleCancel}\n        />\n    );\n}\n\n/**\n * Access the imperative modals API. Must be used within a {@link ModalsProvider}.\n *\n * @example\n * const modals = useModals();\n * modals.confirm({ message: \"Excluir item?\", danger: true, onConfirm: del });\n *\n * @throws Error when called outside a {@link ModalsProvider}.\n */\nexport function useModals(): ModalsApi {\n    const api = useContext(ModalsContext);\n    if (api === null) {\n        throw new Error(\"useModals must be used within a <ModalsProvider>\");\n    }\n    return api;\n}\n"],"mappings":"oLAqEA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAgD,IAAI,EAgB1D,SAAgB,EAAe,CAAE,YAAiC,CAC9D,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAAmC,CAAC,CAAC,EAC7C,GAAA,EAAA,EAAA,OAAA,CAAiB,CAAC,EAElB,GAAA,EAAA,EAAA,YAAA,MACF,EAAQ,SAAW,EACZ,SAAS,EAAQ,WACzB,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,CAAqB,GAAqB,CAC5C,EAAU,GAAY,EAAQ,OAAQ,GAAU,EAAM,KAAO,CAAE,CAAC,CACpE,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,KAAmC,CACrC,EAAS,CAAC,CAAC,CACf,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,CACD,GAAsC,CACnC,IAAM,EAAK,EAAO,EAElB,OADA,EAAU,GAAY,CAAC,GAAG,EAAS,CAAE,KAAM,UAAW,KAAI,SAAQ,CAAC,CAAC,EAC7D,CACX,EACA,CAAC,CAAM,CACX,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAyC,CACtC,IAAM,EAAK,EAAO,EAElB,OADA,EAAU,GAAY,CAAC,GAAG,EAAS,CAAE,KAAM,UAAW,KAAI,SAAQ,CAAC,CAAC,EAC7D,CACX,EACA,CAAC,CAAM,CACX,EAEM,GAAA,EAAA,EAAA,QAAA,MACK,CAAE,OAAM,UAAS,QAAO,UAAS,GACxC,CAAC,EAAM,EAAS,EAAO,CAAQ,CACnC,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,EAAc,SAAf,CAAwB,MAAO,WAA/B,CACK,GACD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAClB,EAAM,IAAK,GACR,EAAM,OAAS,WACX,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoC,QAAc,OAAQ,EAAvC,EAAM,EAAiC,GAE1D,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoC,QAAc,OAAQ,EAAvC,EAAM,EAAiC,CAElE,CACC,CAAA,CACe,GAEhC,CAOA,SAAS,EAAa,CAAE,QAAO,SAA4B,CACvD,GAAM,CAAE,UAAS,MAAO,EAKxB,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACI,KAAA,GACA,YAPwB,CAC5B,EAAQ,UAAU,EAClB,EAAM,CAAE,CACZ,EAKQ,MAAO,EAAQ,MACf,KAAM,EAAQ,KACd,gBAAiB,EAAQ,gBACzB,WAAY,EAAQ,WACpB,gBAAiB,EAAQ,yBAExB,EAAQ,QACN,CAAA,CAEf,CAOA,SAAS,EAAa,CAAE,QAAO,SAA4B,CACvD,GAAM,CAAE,UAAS,MAAO,EAClB,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAK,EAiB5C,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CACI,KAAA,GACA,MAAO,EAAQ,OAAS,GACxB,YAAa,EAAQ,QACrB,aAAc,EAAQ,aACtB,YAAa,EAAQ,YACrB,QAAS,EAAQ,OAAS,SAAW,UAC5B,UACT,UAAW,SAxB8B,CAC7C,GAAI,CACA,EAAW,EAAI,EACf,MAAM,EAAQ,YAAY,CAC9B,QAAU,CACN,EAAW,EAAK,EAChB,EAAM,CAAE,CACZ,CACJ,EAiBQ,aAfyB,CAC7B,EAAQ,WAAW,EACnB,EAAM,CAAE,CACZ,CAaK,CAAA,CAET,CAWA,SAAgB,GAAuB,CACnC,IAAM,GAAA,EAAA,EAAA,WAAA,CAAiB,CAAa,EACpC,GAAI,IAAQ,KACR,MAAU,MAAM,kDAAkD,EAEtE,OAAO,CACX"}

package/dist/components/ModalsManager/ModalsManager.js

@@ -1,88 +1,97 @@
-import { jsxs as k, jsx as d } from "react/jsx-runtime";
-import { useState as C, useRef as M, useCallback as a, useMemo as x, useContext as b, createContext as g } from "react";
-import v from "./ModalsManager.module.css.js";
-import { Modal as L } from "../Modal/Modal.js";
-import { ConfirmDialog as w } from "../ConfirmDialog/ConfirmDialog.js";
-const p = g(null);
-function y({ children: e }) {
-  const [c, n] = C([]), t = M(0), s = a(() => (t.current += 1, `modal-${t.current}`), []), r = a((o) => {
-    n((i) => i.filter((l) => l.id !== o));
-  }, []), u = a(() => {
-    n([]);
-  }, []), m = a(
-    (o) => {
-      const i = s();
-      return n((l) => [...l, { kind: "content", id: i, options: o }]), i;
-    },
-    [s]
-  ), f = a(
-    (o) => {
-      const i = s();
-      return n((l) => [...l, { kind: "confirm", id: i, options: o }]), i;
-    },
-    [s]
-  ), h = x(
-    () => ({ open: m, confirm: f, close: r, closeAll: u }),
-    [m, f, r, u]
-  );
-  return /* @__PURE__ */ k(p.Provider, { value: h, children: [
-    e,
-    /* @__PURE__ */ d("div", { className: v.stack, children: c.map(
-      (o) => o.kind === "content" ? /* @__PURE__ */ d(B, { entry: o, close: r }, o.id) : /* @__PURE__ */ d(O, { entry: o, close: r }, o.id)
-    ) })
-  ] });
+import { Modal as e } from "../Modal/Modal.js";
+import { ConfirmDialog as t } from "../ConfirmDialog/ConfirmDialog.js";
+import n from "./ModalsManager.module.js";
+import { createContext as r, useCallback as i, useContext as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/ModalsManager/ModalsManager.tsx
+var d = r(null);
+function f({ children: e }) {
+	let [t, r] = c([]), a = s(0), f = i(() => (a.current += 1, `modal-${a.current}`), []), h = i((e) => {
+		r((t) => t.filter((t) => t.id !== e));
+	}, []), g = i(() => {
+		r([]);
+	}, []), _ = i((e) => {
+		let t = f();
+		return r((n) => [...n, {
+			kind: "content",
+			id: t,
+			options: e
+		}]), t;
+	}, [f]), v = i((e) => {
+		let t = f();
+		return r((n) => [...n, {
+			kind: "confirm",
+			id: t,
+			options: e
+		}]), t;
+	}, [f]), y = o(() => ({
+		open: _,
+		confirm: v,
+		close: h,
+		closeAll: g
+	}), [
+		_,
+		v,
+		h,
+		g
+	]);
+	return /* @__PURE__ */ u(d.Provider, {
+		value: y,
+		children: [e, /* @__PURE__ */ l("div", {
+			className: n.stack,
+			children: t.map((e) => e.kind === "content" ? /* @__PURE__ */ l(p, {
+				entry: e,
+				close: h
+			}, e.id) : /* @__PURE__ */ l(m, {
+				entry: e,
+				close: h
+			}, e.id))
+		})]
+	});
 }
-function B({ entry: e, close: c }) {
-  const { options: n, id: t } = e;
-  return /* @__PURE__ */ d(
-    L,
-    {
-      open: !0,
-      onClose: () => {
-        n.onClose?.(), c(t);
-      },
-      title: n.title,
-      size: n.size,
-      closeOnBackdrop: n.closeOnBackdrop,
-      closeOnEsc: n.closeOnEsc,
-      hideCloseButton: n.hideCloseButton,
-      children: n.children
-    }
-  );
+function p({ entry: t, close: n }) {
+	let { options: r, id: i } = t;
+	return /* @__PURE__ */ l(e, {
+		open: !0,
+		onClose: () => {
+			r.onClose?.(), n(i);
+		},
+		title: r.title,
+		size: r.size,
+		closeOnBackdrop: r.closeOnBackdrop,
+		closeOnEsc: r.closeOnEsc,
+		hideCloseButton: r.hideCloseButton,
+		children: r.children
+	});
 }
-function O({ entry: e, close: c }) {
-  const { options: n, id: t } = e, [s, r] = C(!1), u = async () => {
-    try {
-      r(!0), await n.onConfirm?.();
-    } finally {
-      r(!1), c(t);
-    }
-  }, m = () => {
-    n.onCancel?.(), c(t);
-  };
-  return /* @__PURE__ */ d(
-    w,
-    {
-      open: !0,
-      title: n.title ?? "",
-      description: n.message,
-      confirmLabel: n.confirmLabel,
-      cancelLabel: n.cancelLabel,
-      variant: n.danger ? "danger" : "primary",
-      loading: s,
-      onConfirm: u,
-      onCancel: m
-    }
-  );
+function m({ entry: e, close: n }) {
+	let { options: r, id: i } = e, [a, o] = c(!1);
+	return /* @__PURE__ */ l(t, {
+		open: !0,
+		title: r.title ?? "",
+		description: r.message,
+		confirmLabel: r.confirmLabel,
+		cancelLabel: r.cancelLabel,
+		variant: r.danger ? "danger" : "primary",
+		loading: a,
+		onConfirm: async () => {
+			try {
+				o(!0), await r.onConfirm?.();
+			} finally {
+				o(!1), n(i);
+			}
+		},
+		onCancel: () => {
+			r.onCancel?.(), n(i);
+		}
+	});
 }
-function A() {
-  const e = b(p);
-  if (e === null)
-    throw new Error("useModals must be used within a <ModalsProvider>");
-  return e;
+function h() {
+	let e = a(d);
+	if (e === null) throw Error("useModals must be used within a <ModalsProvider>");
+	return e;
 }
-export {
-  y as ModalsProvider,
-  A as useModals
-};
-//# sourceMappingURL=ModalsManager.js.map
+//#endregion
+export { f as ModalsProvider, h as useModals };
+
+//# sourceMappingURL=ModalsManager.js.map

package/dist/components/ModalsManager/ModalsManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsManager.js","sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@/components/ConfirmDialog\";\nimport { Modal } from \"@/components/Modal\";\nimport type { ModalSize } from \"@/components/Modal\";\nimport styles from \"./ModalsManager.module.css\";\n\n/** Options accepted by {@link ModalsApi.open}. */\nexport interface OpenModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Modal body content. */\n    children: ReactNode;\n    /** Dialog size. Default `md`. */\n    size?: ModalSize;\n    /** Allow closing by clicking the backdrop. Default `true`. */\n    closeOnBackdrop?: boolean;\n    /** Allow closing with the Esc key. Default `true`. */\n    closeOnEsc?: boolean;\n    /** Hide the header close button. */\n    hideCloseButton?: boolean;\n    /** Called after the modal is removed from the stack. */\n    onClose?: () => void;\n}\n\n/** Options accepted by {@link ModalsApi.confirm}. */\nexport interface ConfirmModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Prompt message rendered in the dialog body. */\n    message: ReactNode;\n    /** Confirm button label. Default `Confirmar`. */\n    confirmLabel?: string;\n    /** Cancel button label. Default `Cancelar`. */\n    cancelLabel?: string;\n    /** Render the confirm button in the danger variant. */\n    danger?: boolean;\n    /** Called when the user confirms. */\n    onConfirm?: () => void | Promise<void>;\n    /** Called when the user cancels or dismisses. */\n    onCancel?: () => void;\n}\n\n/** Imperative API returned by {@link useModals}. */\nexport interface ModalsApi {\n    /** Push a content modal. Returns its stack id. */\n    open: (options: OpenModalOptions) => string;\n    /** Push a confirmation dialog. Returns its stack id. */\n    confirm: (options: ConfirmModalOptions) => string;\n    /** Remove the modal with the given id. */\n    close: (id: string) => void;\n    /** Remove every modal from the stack. */\n    closeAll: () => void;\n}\n\ninterface ContentEntry {\n    kind: \"content\";\n    id: string;\n    options: OpenModalOptions;\n}\n\ninterface ConfirmEntry {\n    kind: \"confirm\";\n    id: string;\n    options: ConfirmModalOptions;\n}\n\ntype StackEntry = ContentEntry | ConfirmEntry;\n\nconst ModalsContext = createContext<ModalsApi | null>(null);\n\n/** Props for {@link ModalsProvider}. */\nexport interface ModalsProviderProps {\n    children: ReactNode;\n}\n\n/**\n * Provides imperative modal control via {@link useModals} and renders the open\n * modal stack. Mount once near the app root.\n *\n * @example\n * <ModalsProvider>\n *     <App />\n * </ModalsProvider>\n */\nexport function ModalsProvider({ children }: ModalsProviderProps) {\n    const [stack, setStack] = useState<StackEntry[]>([]);\n    const counter = useRef(0);\n\n    const nextId = useCallback((): string => {\n        counter.current += 1;\n        return `modal-${counter.current}`;\n    }, []);\n\n    const close = useCallback((id: string): void => {\n        setStack((current) => current.filter((entry) => entry.id !== id));\n    }, []);\n\n    const closeAll = useCallback((): void => {\n        setStack([]);\n    }, []);\n\n    const open = useCallback(\n        (options: OpenModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"content\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const confirm = useCallback(\n        (options: ConfirmModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"confirm\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const api = useMemo<ModalsApi>(\n        () => ({ open, confirm, close, closeAll }),\n        [open, confirm, close, closeAll],\n    );\n\n    return (\n        <ModalsContext.Provider value={api}>\n            {children}\n            <div className={styles.stack}>\n                {stack.map((entry) =>\n                    entry.kind === \"content\" ? (\n                        <ContentModal key={entry.id} entry={entry} close={close} />\n                    ) : (\n                        <ConfirmModal key={entry.id} entry={entry} close={close} />\n                    ),\n                )}\n            </div>\n        </ModalsContext.Provider>\n    );\n}\n\ninterface ContentModalProps {\n    entry: ContentEntry;\n    close: (id: string) => void;\n}\n\nfunction ContentModal({ entry, close }: ContentModalProps) {\n    const { options, id } = entry;\n    const handleClose = (): void => {\n        options.onClose?.();\n        close(id);\n    };\n    return (\n        <Modal\n            open\n            onClose={handleClose}\n            title={options.title}\n            size={options.size}\n            closeOnBackdrop={options.closeOnBackdrop}\n            closeOnEsc={options.closeOnEsc}\n            hideCloseButton={options.hideCloseButton}\n        >\n            {options.children}\n        </Modal>\n    );\n}\n\ninterface ConfirmModalProps {\n    entry: ConfirmEntry;\n    close: (id: string) => void;\n}\n\nfunction ConfirmModal({ entry, close }: ConfirmModalProps) {\n    const { options, id } = entry;\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = async (): Promise<void> => {\n        try {\n            setLoading(true);\n            await options.onConfirm?.();\n        } finally {\n            setLoading(false);\n            close(id);\n        }\n    };\n\n    const handleCancel = (): void => {\n        options.onCancel?.();\n        close(id);\n    };\n\n    return (\n        <ConfirmDialog\n            open\n            title={options.title ?? \"\"}\n            description={options.message}\n            confirmLabel={options.confirmLabel}\n            cancelLabel={options.cancelLabel}\n            variant={options.danger ? \"danger\" : \"primary\"}\n            loading={loading}\n            onConfirm={handleConfirm}\n            onCancel={handleCancel}\n        />\n    );\n}\n\n/**\n * Access the imperative modals API. Must be used within a {@link ModalsProvider}.\n *\n * @example\n * const modals = useModals();\n * modals.confirm({ message: \"Excluir item?\", danger: true, onConfirm: del });\n *\n * @throws Error when called outside a {@link ModalsProvider}.\n */\nexport function useModals(): ModalsApi {\n    const api = useContext(ModalsContext);\n    if (api === null) {\n        throw new Error(\"useModals must be used within a <ModalsProvider>\");\n    }\n    return api;\n}\n"],"names":["ModalsContext","createContext","ModalsProvider","children","stack","setStack","useState","counter","useRef","nextId","useCallback","close","id","current","entry","closeAll","open","options","confirm","api","useMemo","jsxs","jsx","styles","ContentModal","ConfirmModal","Modal","loading","setLoading","handleConfirm","handleCancel","ConfirmDialog","useModals","useContext"],"mappings":"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"}
+{"version":3,"file":"ModalsManager.js","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@/components/ConfirmDialog\";\nimport { Modal } from \"@/components/Modal\";\nimport type { ModalSize } from \"@/components/Modal\";\nimport styles from \"./ModalsManager.module.css\";\n\n/** Options accepted by {@link ModalsApi.open}. */\nexport interface OpenModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Modal body content. */\n    children: ReactNode;\n    /** Dialog size. Default `md`. */\n    size?: ModalSize;\n    /** Allow closing by clicking the backdrop. Default `true`. */\n    closeOnBackdrop?: boolean;\n    /** Allow closing with the Esc key. Default `true`. */\n    closeOnEsc?: boolean;\n    /** Hide the header close button. */\n    hideCloseButton?: boolean;\n    /** Called after the modal is removed from the stack. */\n    onClose?: () => void;\n}\n\n/** Options accepted by {@link ModalsApi.confirm}. */\nexport interface ConfirmModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Prompt message rendered in the dialog body. */\n    message: ReactNode;\n    /** Confirm button label. Default `Confirmar`. */\n    confirmLabel?: string;\n    /** Cancel button label. Default `Cancelar`. */\n    cancelLabel?: string;\n    /** Render the confirm button in the danger variant. */\n    danger?: boolean;\n    /** Called when the user confirms. */\n    onConfirm?: () => void | Promise<void>;\n    /** Called when the user cancels or dismisses. */\n    onCancel?: () => void;\n}\n\n/** Imperative API returned by {@link useModals}. */\nexport interface ModalsApi {\n    /** Push a content modal. Returns its stack id. */\n    open: (options: OpenModalOptions) => string;\n    /** Push a confirmation dialog. Returns its stack id. */\n    confirm: (options: ConfirmModalOptions) => string;\n    /** Remove the modal with the given id. */\n    close: (id: string) => void;\n    /** Remove every modal from the stack. */\n    closeAll: () => void;\n}\n\ninterface ContentEntry {\n    kind: \"content\";\n    id: string;\n    options: OpenModalOptions;\n}\n\ninterface ConfirmEntry {\n    kind: \"confirm\";\n    id: string;\n    options: ConfirmModalOptions;\n}\n\ntype StackEntry = ContentEntry | ConfirmEntry;\n\nconst ModalsContext = createContext<ModalsApi | null>(null);\n\n/** Props for {@link ModalsProvider}. */\nexport interface ModalsProviderProps {\n    children: ReactNode;\n}\n\n/**\n * Provides imperative modal control via {@link useModals} and renders the open\n * modal stack. Mount once near the app root.\n *\n * @example\n * <ModalsProvider>\n *     <App />\n * </ModalsProvider>\n */\nexport function ModalsProvider({ children }: ModalsProviderProps) {\n    const [stack, setStack] = useState<StackEntry[]>([]);\n    const counter = useRef(0);\n\n    const nextId = useCallback((): string => {\n        counter.current += 1;\n        return `modal-${counter.current}`;\n    }, []);\n\n    const close = useCallback((id: string): void => {\n        setStack((current) => current.filter((entry) => entry.id !== id));\n    }, []);\n\n    const closeAll = useCallback((): void => {\n        setStack([]);\n    }, []);\n\n    const open = useCallback(\n        (options: OpenModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"content\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const confirm = useCallback(\n        (options: ConfirmModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"confirm\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const api = useMemo<ModalsApi>(\n        () => ({ open, confirm, close, closeAll }),\n        [open, confirm, close, closeAll],\n    );\n\n    return (\n        <ModalsContext.Provider value={api}>\n            {children}\n            <div className={styles.stack}>\n                {stack.map((entry) =>\n                    entry.kind === \"content\" ? (\n                        <ContentModal key={entry.id} entry={entry} close={close} />\n                    ) : (\n                        <ConfirmModal key={entry.id} entry={entry} close={close} />\n                    ),\n                )}\n            </div>\n        </ModalsContext.Provider>\n    );\n}\n\ninterface ContentModalProps {\n    entry: ContentEntry;\n    close: (id: string) => void;\n}\n\nfunction ContentModal({ entry, close }: ContentModalProps) {\n    const { options, id } = entry;\n    const handleClose = (): void => {\n        options.onClose?.();\n        close(id);\n    };\n    return (\n        <Modal\n            open\n            onClose={handleClose}\n            title={options.title}\n            size={options.size}\n            closeOnBackdrop={options.closeOnBackdrop}\n            closeOnEsc={options.closeOnEsc}\n            hideCloseButton={options.hideCloseButton}\n        >\n            {options.children}\n        </Modal>\n    );\n}\n\ninterface ConfirmModalProps {\n    entry: ConfirmEntry;\n    close: (id: string) => void;\n}\n\nfunction ConfirmModal({ entry, close }: ConfirmModalProps) {\n    const { options, id } = entry;\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = async (): Promise<void> => {\n        try {\n            setLoading(true);\n            await options.onConfirm?.();\n        } finally {\n            setLoading(false);\n            close(id);\n        }\n    };\n\n    const handleCancel = (): void => {\n        options.onCancel?.();\n        close(id);\n    };\n\n    return (\n        <ConfirmDialog\n            open\n            title={options.title ?? \"\"}\n            description={options.message}\n            confirmLabel={options.confirmLabel}\n            cancelLabel={options.cancelLabel}\n            variant={options.danger ? \"danger\" : \"primary\"}\n            loading={loading}\n            onConfirm={handleConfirm}\n            onCancel={handleCancel}\n        />\n    );\n}\n\n/**\n * Access the imperative modals API. Must be used within a {@link ModalsProvider}.\n *\n * @example\n * const modals = useModals();\n * modals.confirm({ message: \"Excluir item?\", danger: true, onConfirm: del });\n *\n * @throws Error when called outside a {@link ModalsProvider}.\n */\nexport function useModals(): ModalsApi {\n    const api = useContext(ModalsContext);\n    if (api === null) {\n        throw new Error(\"useModals must be used within a <ModalsProvider>\");\n    }\n    return api;\n}\n"],"mappings":";;;;;;AAqEA,IAAM,IAAgB,EAAgC,IAAI;AAgB1D,SAAgB,EAAe,EAAE,eAAiC;CAC9D,IAAM,CAAC,GAAO,KAAY,EAAuB,CAAC,CAAC,GAC7C,IAAU,EAAO,CAAC,GAElB,IAAS,SACX,EAAQ,WAAW,GACZ,SAAS,EAAQ,YACzB,CAAC,CAAC,GAEC,IAAQ,GAAa,MAAqB;EAC5C,GAAU,MAAY,EAAQ,QAAQ,MAAU,EAAM,OAAO,CAAE,CAAC;CACpE,GAAG,CAAC,CAAC,GAEC,IAAW,QAAwB;EACrC,EAAS,CAAC,CAAC;CACf,GAAG,CAAC,CAAC,GAEC,IAAO,GACR,MAAsC;EACnC,IAAM,IAAK,EAAO;EAElB,OADA,GAAU,MAAY,CAAC,GAAG,GAAS;GAAE,MAAM;GAAW;GAAI;EAAQ,CAAC,CAAC,GAC7D;CACX,GACA,CAAC,CAAM,CACX,GAEM,IAAU,GACX,MAAyC;EACtC,IAAM,IAAK,EAAO;EAElB,OADA,GAAU,MAAY,CAAC,GAAG,GAAS;GAAE,MAAM;GAAW;GAAI;EAAQ,CAAC,CAAC,GAC7D;CACX,GACA,CAAC,CAAM,CACX,GAEM,IAAM,SACD;EAAE;EAAM;EAAS;EAAO;CAAS,IACxC;EAAC;EAAM;EAAS;EAAO;CAAQ,CACnC;CAEA,OACI,kBAAC,EAAc,UAAf;EAAwB,OAAO;YAA/B,CACK,GACD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAClB,EAAM,KAAK,MACR,EAAM,SAAS,YACX,kBAAC,GAAD;IAAoC;IAAc;GAAQ,GAAvC,EAAM,EAAiC,IAE1D,kBAAC,GAAD;IAAoC;IAAc;GAAQ,GAAvC,EAAM,EAAiC,CAElE;EACC,CAAA,CACe;;AAEhC;AAOA,SAAS,EAAa,EAAE,UAAO,YAA4B;CACvD,IAAM,EAAE,YAAS,UAAO;CAKxB,OACI,kBAAC,GAAD;EACI,MAAA;EACA,eAPwB;GAE5B,AADA,EAAQ,UAAU,GAClB,EAAM,CAAE;EACZ;EAKQ,OAAO,EAAQ;EACf,MAAM,EAAQ;EACd,iBAAiB,EAAQ;EACzB,YAAY,EAAQ;EACpB,iBAAiB,EAAQ;YAExB,EAAQ;CACN,CAAA;AAEf;AAOA,SAAS,EAAa,EAAE,UAAO,YAA4B;CACvD,IAAM,EAAE,YAAS,UAAO,GAClB,CAAC,GAAS,KAAc,EAAS,EAAK;CAiB5C,OACI,kBAAC,GAAD;EACI,MAAA;EACA,OAAO,EAAQ,SAAS;EACxB,aAAa,EAAQ;EACrB,cAAc,EAAQ;EACtB,aAAa,EAAQ;EACrB,SAAS,EAAQ,SAAS,WAAW;EAC5B;EACT,WAAW,YAxB8B;GAC7C,IAAI;IAEA,AADA,EAAW,EAAI,GACf,MAAM,EAAQ,YAAY;GAC9B,UAAU;IAEN,AADA,EAAW,EAAK,GAChB,EAAM,CAAE;GACZ;EACJ;EAiBQ,gBAfyB;GAE7B,AADA,EAAQ,WAAW,GACnB,EAAM,CAAE;EACZ;CAaK,CAAA;AAET;AAWA,SAAgB,IAAuB;CACnC,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,MAAQ,MACR,MAAU,MAAM,kDAAkD;CAEtE,OAAO;AACX"}

package/dist/components/ModalsManager/ModalsManager.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_stack_zYzdv`,t={stack:e};exports.default=t,exports.stack=e;
+//# sourceMappingURL=ModalsManager.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalsManager.module.cjs","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.module.css"],"sourcesContent":[".stack {\n    display: contents;\n}\n"],"mappings":""}

package/dist/components/ModalsManager/ModalsManager.module.js

@@ -0,0 +1,6 @@
+//#region src/components/ModalsManager/ModalsManager.module.css
+var e = "tempest_stack_zYzdv", t = { stack: e };
+//#endregion
+export { t as default, e as stack };
+
+//# sourceMappingURL=ModalsManager.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalsManager.module.js","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.module.css"],"sourcesContent":[".stack {\n    display: contents;\n}\n"],"mappings":""}

package/dist/components/Money/Money.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");function c({cents:e,currency:t="BRL",locale:n="pt-BR",...r}){const o=new Intl.NumberFormat(n,{style:"currency",currency:t}).format(e/100);return u.jsx("span",{...r,children:o})}exports.Money=c;
-//# sourceMappingURL=Money.cjs.map
+let e=require("react/jsx-runtime");function t({cents:t,currency:n=`BRL`,locale:r=`pt-BR`,...i}){let a=new Intl.NumberFormat(r,{style:`currency`,currency:n}).format(t/100);return(0,e.jsx)(`span`,{...i,children:a})}exports.Money=t;
+//# sourceMappingURL=Money.cjs.map

package/dist/components/Money/Money.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Money.cjs","sources":["../../../src/components/Money/Money.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport interface MoneyProps extends HTMLAttributes<HTMLSpanElement> {\n    /** Amount in the smallest currency unit (e.g. cents). */\n    cents: number;\n    /** ISO 4217 currency code. Defaults to \"BRL\". */\n    currency?: string;\n    /** BCP 47 locale used for formatting. Defaults to \"pt-BR\". */\n    locale?: string;\n}\n\n/**\n * Render a monetary amount given in cents as a localized currency string\n * inside a `<span>`.\n *\n * The integer cents are divided by 100 and formatted with `Intl.NumberFormat`.\n *\n * @example\n * <Money cents={1990} />            // \"R$ 19,90\"\n * <Money cents={500} currency=\"USD\" locale=\"en-US\" /> // \"$5.00\"\n */\nexport function Money({ cents, currency = \"BRL\", locale = \"pt-BR\", ...props }: MoneyProps) {\n    const formatted = new Intl.NumberFormat(locale, {\n        style: \"currency\",\n        currency,\n    }).format(cents / 100);\n\n    return <span {...props}>{formatted}</span>;\n}\n"],"names":["Money","cents","currency","locale","props","formatted","jsx"],"mappings":"qHAqBO,SAASA,EAAM,CAAE,MAAAC,EAAO,SAAAC,EAAW,MAAO,OAAAC,EAAS,QAAS,GAAGC,GAAqB,CACvF,MAAMC,EAAY,IAAI,KAAK,aAAaF,EAAQ,CAC5C,MAAO,WACP,SAAAD,CAAA,CACH,EAAE,OAAOD,EAAQ,GAAG,EAErB,OAAOK,EAAAA,IAAC,OAAA,CAAM,GAAGF,EAAQ,SAAAC,EAAU,CACvC"}
+{"version":3,"file":"Money.cjs","names":[],"sources":["../../../src/components/Money/Money.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport interface MoneyProps extends HTMLAttributes<HTMLSpanElement> {\n    /** Amount in the smallest currency unit (e.g. cents). */\n    cents: number;\n    /** ISO 4217 currency code. Defaults to \"BRL\". */\n    currency?: string;\n    /** BCP 47 locale used for formatting. Defaults to \"pt-BR\". */\n    locale?: string;\n}\n\n/**\n * Render a monetary amount given in cents as a localized currency string\n * inside a `<span>`.\n *\n * The integer cents are divided by 100 and formatted with `Intl.NumberFormat`.\n *\n * @example\n * <Money cents={1990} />            // \"R$ 19,90\"\n * <Money cents={500} currency=\"USD\" locale=\"en-US\" /> // \"$5.00\"\n */\nexport function Money({ cents, currency = \"BRL\", locale = \"pt-BR\", ...props }: MoneyProps) {\n    const formatted = new Intl.NumberFormat(locale, {\n        style: \"currency\",\n        currency,\n    }).format(cents / 100);\n\n    return <span {...props}>{formatted}</span>;\n}\n"],"mappings":"mCAqBA,SAAgB,EAAM,CAAE,QAAO,WAAW,MAAO,SAAS,QAAS,GAAG,GAAqB,CACvF,IAAM,EAAY,IAAI,KAAK,aAAa,EAAQ,CAC5C,MAAO,WACP,UACJ,CAAC,CAAC,CAAC,OAAO,EAAQ,GAAG,EAErB,OAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,WAAQ,CAAgB,CAAA,CAC7C"}

package/dist/components/Money/Money.js

@@ -1,12 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
-function a({ cents: r, currency: t = "BRL", locale: n = "pt-BR", ...e }) {
-  const o = new Intl.NumberFormat(n, {
-    style: "currency",
-    currency: t
-  }).format(r / 100);
-  return /* @__PURE__ */ m("span", { ...e, children: o });
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/Money/Money.tsx
+function t({ cents: t, currency: n = "BRL", locale: r = "pt-BR", ...i }) {
+	let a = new Intl.NumberFormat(r, {
+		style: "currency",
+		currency: n
+	}).format(t / 100);
+	return /* @__PURE__ */ e("span", {
+		...i,
+		children: a
+	});
 }
-export {
-  a as Money
-};
-//# sourceMappingURL=Money.js.map
+//#endregion
+export { t as Money };
+
+//# sourceMappingURL=Money.js.map

package/dist/components/Money/Money.js.map

@@ -1 +1 @@
-{"version":3,"file":"Money.js","sources":["../../../src/components/Money/Money.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport interface MoneyProps extends HTMLAttributes<HTMLSpanElement> {\n    /** Amount in the smallest currency unit (e.g. cents). */\n    cents: number;\n    /** ISO 4217 currency code. Defaults to \"BRL\". */\n    currency?: string;\n    /** BCP 47 locale used for formatting. Defaults to \"pt-BR\". */\n    locale?: string;\n}\n\n/**\n * Render a monetary amount given in cents as a localized currency string\n * inside a `<span>`.\n *\n * The integer cents are divided by 100 and formatted with `Intl.NumberFormat`.\n *\n * @example\n * <Money cents={1990} />            // \"R$ 19,90\"\n * <Money cents={500} currency=\"USD\" locale=\"en-US\" /> // \"$5.00\"\n */\nexport function Money({ cents, currency = \"BRL\", locale = \"pt-BR\", ...props }: MoneyProps) {\n    const formatted = new Intl.NumberFormat(locale, {\n        style: \"currency\",\n        currency,\n    }).format(cents / 100);\n\n    return <span {...props}>{formatted}</span>;\n}\n"],"names":["Money","cents","currency","locale","props","formatted","jsx"],"mappings":";AAqBO,SAASA,EAAM,EAAE,OAAAC,GAAO,UAAAC,IAAW,OAAO,QAAAC,IAAS,SAAS,GAAGC,KAAqB;AACvF,QAAMC,IAAY,IAAI,KAAK,aAAaF,GAAQ;AAAA,IAC5C,OAAO;AAAA,IACP,UAAAD;AAAA,EAAA,CACH,EAAE,OAAOD,IAAQ,GAAG;AAErB,SAAO,gBAAAK,EAAC,QAAA,EAAM,GAAGF,GAAQ,UAAAC,GAAU;AACvC;"}
+{"version":3,"file":"Money.js","names":[],"sources":["../../../src/components/Money/Money.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport interface MoneyProps extends HTMLAttributes<HTMLSpanElement> {\n    /** Amount in the smallest currency unit (e.g. cents). */\n    cents: number;\n    /** ISO 4217 currency code. Defaults to \"BRL\". */\n    currency?: string;\n    /** BCP 47 locale used for formatting. Defaults to \"pt-BR\". */\n    locale?: string;\n}\n\n/**\n * Render a monetary amount given in cents as a localized currency string\n * inside a `<span>`.\n *\n * The integer cents are divided by 100 and formatted with `Intl.NumberFormat`.\n *\n * @example\n * <Money cents={1990} />            // \"R$ 19,90\"\n * <Money cents={500} currency=\"USD\" locale=\"en-US\" /> // \"$5.00\"\n */\nexport function Money({ cents, currency = \"BRL\", locale = \"pt-BR\", ...props }: MoneyProps) {\n    const formatted = new Intl.NumberFormat(locale, {\n        style: \"currency\",\n        currency,\n    }).format(cents / 100);\n\n    return <span {...props}>{formatted}</span>;\n}\n"],"mappings":";;AAqBA,SAAgB,EAAM,EAAE,UAAO,cAAW,OAAO,YAAS,SAAS,GAAG,KAAqB;CACvF,IAAM,IAAY,IAAI,KAAK,aAAa,GAAQ;EAC5C,OAAO;EACP;CACJ,CAAC,CAAC,CAAC,OAAO,IAAQ,GAAG;CAErB,OAAO,kBAAC,QAAD;EAAM,GAAI;YAAQ;CAAgB,CAAA;AAC7C"}

package/dist/components/MultiSelect/MultiSelect.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),D=require("../../utils/cn.cjs"),s=require("./MultiSelect.module.css.cjs");function B(n,l){return l?n.label.toLowerCase().includes(l.toLowerCase()):!0}function I({options:n,value:l,onChange:c,label:N,placeholder:q="Selecione",helperText:S,error:b,disabled:i,maxItems:g,filter:k=B,emptyMessage:A="Nenhuma opção encontrada",className:L}){const o=r.useId(),w=r.useRef(null),j=r.useRef(null),[d,u]=r.useState(!1),[f,m]=r.useState(""),[v,h]=r.useState(0),M=r.useMemo(()=>new Set(l),[l]),F=r.useMemo(()=>l.map(e=>n.find(t=>t.value===e)).filter(e=>!!e),[l,n]),p=r.useMemo(()=>n.filter(e=>k(e,f)),[n,k,f]),y=g!==void 0&&l.length>=g,R=r.useCallback(e=>{if(!e.disabled){if(M.has(e.value))c(l.filter(t=>t!==e.value));else{if(y)return;c([...l,e.value])}m(""),j.current?.focus()}},[M,c,l,y]),E=r.useCallback(e=>{c(l.filter(t=>t!==e))},[c,l]);r.useEffect(()=>{if(!d)return;const e=t=>{w.current&&!w.current.contains(t.target)&&(u(!1),m(""))};return window.addEventListener("mousedown",e),()=>window.removeEventListener("mousedown",e)},[d]);const O=e=>{if(e.key==="ArrowDown")e.preventDefault(),u(!0),h(t=>Math.min(p.length-1,t+1));else if(e.key==="ArrowUp")e.preventDefault(),h(t=>Math.max(0,t-1));else if(e.key==="Enter"){e.preventDefault();const t=p[v];t&&R(t)}else e.key==="Escape"?(u(!1),m("")):e.key==="Backspace"&&f===""&&l.length>0&&E(l[l.length-1])};return a.jsxs("div",{ref:w,className:D.cn(s.default.wrapper,b&&s.default.error,L),children:[N&&a.jsx("label",{htmlFor:o,className:s.default.label,children:N}),a.jsxs("div",{className:D.cn(s.default.field,i&&s.default.disabled),onMouseDown:e=>{i||e.target===e.currentTarget&&(e.preventDefault(),j.current?.focus(),u(!0))},children:[F.map(e=>a.jsxs("span",{className:s.default.chip,children:[e.label,a.jsx("button",{type:"button",className:s.default.chipRemove,"aria-label":`Remover ${e.label}`,disabled:i,onMouseDown:t=>{t.preventDefault(),E(e.value)},children:"×"})]},e.value)),a.jsx("input",{id:o,ref:j,type:"text",role:"combobox","aria-expanded":d,"aria-controls":`${o}-listbox`,"aria-autocomplete":"list",className:s.default.input,placeholder:l.length===0?q:"",disabled:i,value:f,onFocus:()=>u(!0),onChange:e=>{m(e.target.value),u(!0),h(0)},onKeyDown:O})]}),d&&a.jsx("ul",{id:`${o}-listbox`,role:"listbox","aria-multiselectable":!0,className:s.default.menu,children:p.length===0?a.jsx("li",{className:s.default.empty,children:A}):p.map((e,t)=>{const x=M.has(e.value);return a.jsxs("li",{role:"option","aria-selected":x,"aria-disabled":e.disabled||!x&&y,className:D.cn(s.default.option,t===v&&s.default.active,x&&s.default.selected),onMouseEnter:()=>h(t),onMouseDown:$=>{$.preventDefault(),R(e)},children:[a.jsx("span",{className:s.default.check,"aria-hidden":!0,children:x?"✓":""}),e.label]},e.value)})}),b?a.jsx("span",{className:s.default.errorText,children:b}):S?a.jsx("span",{className:s.default.helper,children:S}):null]})}exports.MultiSelect=I;
-//# sourceMappingURL=MultiSelect.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./MultiSelect.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e,t){return!t||e.label.toLowerCase().includes(t.toLowerCase())}function a({options:a,value:o,onChange:s,label:c,placeholder:l=`Selecione`,helperText:u,error:d,disabled:f,maxItems:p,filter:m=i,emptyMessage:h=`Nenhuma opção encontrada`,className:g}){let _=(0,n.useId)(),v=(0,n.useRef)(null),y=(0,n.useRef)(null),[b,x]=(0,n.useState)(!1),[S,C]=(0,n.useState)(``),[w,T]=(0,n.useState)(0),E=(0,n.useMemo)(()=>new Set(o),[o]),D=(0,n.useMemo)(()=>o.map(e=>a.find(t=>t.value===e)).filter(e=>!!e),[o,a]),O=(0,n.useMemo)(()=>a.filter(e=>m(e,S)),[a,m,S]),k=p!==void 0&&o.length>=p,A=(0,n.useCallback)(e=>{if(!e.disabled){if(E.has(e.value))s(o.filter(t=>t!==e.value));else{if(k)return;s([...o,e.value])}C(``),y.current?.focus()}},[E,s,o,k]),j=(0,n.useCallback)(e=>{s(o.filter(t=>t!==e))},[s,o]);return(0,n.useEffect)(()=>{if(!b)return;let e=e=>{v.current&&!v.current.contains(e.target)&&(x(!1),C(``))};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[b]),(0,r.jsxs)(`div`,{ref:v,className:e.cn(t.default.wrapper,d&&t.default.error,g),children:[c&&(0,r.jsx)(`label`,{htmlFor:_,className:t.default.label,children:c}),(0,r.jsxs)(`div`,{className:e.cn(t.default.field,f&&t.default.disabled),onMouseDown:e=>{f||e.target===e.currentTarget&&(e.preventDefault(),y.current?.focus(),x(!0))},children:[D.map(e=>(0,r.jsxs)(`span`,{className:t.default.chip,children:[e.label,(0,r.jsx)(`button`,{type:`button`,className:t.default.chipRemove,"aria-label":`Remover ${e.label}`,disabled:f,onMouseDown:t=>{t.preventDefault(),j(e.value)},children:`×`})]},e.value)),(0,r.jsx)(`input`,{id:_,ref:y,type:`text`,role:`combobox`,"aria-expanded":b,"aria-controls":`${_}-listbox`,"aria-autocomplete":`list`,className:t.default.input,placeholder:o.length===0?l:``,disabled:f,value:S,onFocus:()=>x(!0),onChange:e=>{C(e.target.value),x(!0),T(0)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),x(!0),T(e=>Math.min(O.length-1,e+1));else if(e.key===`ArrowUp`)e.preventDefault(),T(e=>Math.max(0,e-1));else if(e.key===`Enter`){e.preventDefault();let t=O[w];t&&A(t)}else e.key===`Escape`?(x(!1),C(``)):e.key===`Backspace`&&S===``&&o.length>0&&j(o[o.length-1])}})]}),b&&(0,r.jsx)(`ul`,{id:`${_}-listbox`,role:`listbox`,"aria-multiselectable":!0,className:t.default.menu,children:O.length===0?(0,r.jsx)(`li`,{className:t.default.empty,children:h}):O.map((n,i)=>{let a=E.has(n.value);return(0,r.jsxs)(`li`,{role:`option`,"aria-selected":a,"aria-disabled":n.disabled||!a&&k,className:e.cn(t.default.option,i===w&&t.default.active,a&&t.default.selected),onMouseEnter:()=>T(i),onMouseDown:e=>{e.preventDefault(),A(n)},children:[(0,r.jsx)(`span`,{className:t.default.check,"aria-hidden":!0,children:a?`✓`:``}),n.label]},n.value)})}),d?(0,r.jsx)(`span`,{className:t.default.errorText,children:d}):u?(0,r.jsx)(`span`,{className:t.default.helper,children:u}):null]})}exports.MultiSelect=a;
+//# sourceMappingURL=MultiSelect.cjs.map

package/dist/components/MultiSelect/MultiSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.cjs","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./MultiSelect.module.css\";\n\nexport interface MultiSelectOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface MultiSelectProps {\n    options: MultiSelectOption[];\n    /** Currently selected values. */\n    value: string[];\n    onChange: (value: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Cap the number of selectable items. */\n    maxItems?: number;\n    /** Custom filter — return true to keep the option. Default: case-insensitive substring on label. */\n    filter?: (option: MultiSelectOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: MultiSelectOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * MultiSelect — a filterable dropdown that selects many options, shown as\n * removable chips inside the field. Selecting toggles a value; Backspace on an\n * empty query removes the last chip.\n *\n * Keyboard: ArrowUp/ArrowDown navigate, Enter toggles the active option, Esc\n * closes, Backspace (empty input) pops the last chip.\n */\nexport function MultiSelect({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    maxItems,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: MultiSelectProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedSet = useMemo(() => new Set(value), [value]);\n    const selectedOptions = useMemo(\n        () =>\n            value\n                .map((v) => options.find((o) => o.value === v))\n                .filter((o): o is MultiSelectOption => Boolean(o)),\n        [value, options],\n    );\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const atMax = maxItems !== undefined && value.length >= maxItems;\n\n    const toggle = useCallback(\n        (option: MultiSelectOption): void => {\n            if (option.disabled) return;\n            if (selectedSet.has(option.value)) {\n                onChange(value.filter((v) => v !== option.value));\n            } else {\n                if (atMax) return;\n                onChange([...value, option.value]);\n            }\n            setQuery(\"\");\n            inputRef.current?.focus();\n        },\n        [selectedSet, onChange, value, atMax],\n    );\n\n    const removeAt = useCallback(\n        (optionValue: string): void => {\n            onChange(value.filter((v) => v !== optionValue));\n        },\n        [onChange, value],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n                setQuery(\"\");\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) toggle(option);\n        } else if (event.key === \"Escape\") {\n            setOpen(false);\n            setQuery(\"\");\n        } else if (event.key === \"Backspace\" && query === \"\" && value.length > 0) {\n            removeAt(value[value.length - 1]);\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div\n                className={cn(styles.field, disabled && styles.disabled)}\n                onMouseDown={(event) => {\n                    if (disabled) return;\n                    // Keep focus on the input when clicking empty field space.\n                    if (event.target === event.currentTarget) {\n                        event.preventDefault();\n                        inputRef.current?.focus();\n                        setOpen(true);\n                    }\n                }}\n            >\n                {selectedOptions.map((option) => (\n                    <span key={option.value} className={styles.chip}>\n                        {option.label}\n                        <button\n                            type=\"button\"\n                            className={styles.chipRemove}\n                            aria-label={`Remover ${option.label}`}\n                            disabled={disabled}\n                            onMouseDown={(event) => {\n                                event.preventDefault();\n                                removeAt(option.value);\n                            }}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    disabled={disabled}\n                    value={query}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n            </div>\n            {open && (\n                <ul\n                    id={`${id}-listbox`}\n                    role=\"listbox\"\n                    aria-multiselectable\n                    className={styles.menu}\n                >\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => {\n                            const isSelected = selectedSet.has(option.value);\n                            return (\n                                <li\n                                    key={option.value}\n                                    role=\"option\"\n                                    aria-selected={isSelected}\n                                    aria-disabled={option.disabled || (!isSelected && atMax)}\n                                    className={cn(\n                                        styles.option,\n                                        index === activeIndex && styles.active,\n                                        isSelected && styles.selected,\n                                    )}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                    onMouseDown={(event) => {\n                                        event.preventDefault();\n                                        toggle(option);\n                                    }}\n                                >\n                                    <span className={styles.check} aria-hidden>\n                                        {isSelected ? \"✓\" : \"\"}\n                                    </span>\n                                    {option.label}\n                                </li>\n                            );\n                        })\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"names":["defaultFilter","option","query","MultiSelect","options","value","onChange","label","placeholder","helperText","error","disabled","maxItems","filter","emptyMessage","className","id","useId","rootRef","useRef","inputRef","open","setOpen","useState","setQuery","activeIndex","setActiveIndex","selectedSet","useMemo","selectedOptions","v","o","filtered","atMax","toggle","useCallback","removeAt","optionValue","useEffect","onDown","event","handleKeyDown","current","jsxs","cn","styles","jsx","index","isSelected"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.cjs","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./MultiSelect.module.css\";\n\nexport interface MultiSelectOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface MultiSelectProps {\n    options: MultiSelectOption[];\n    /** Currently selected values. */\n    value: string[];\n    onChange: (value: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Cap the number of selectable items. */\n    maxItems?: number;\n    /** Custom filter — return true to keep the option. Default: case-insensitive substring on label. */\n    filter?: (option: MultiSelectOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: MultiSelectOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * MultiSelect — a filterable dropdown that selects many options, shown as\n * removable chips inside the field. Selecting toggles a value; Backspace on an\n * empty query removes the last chip.\n *\n * Keyboard: ArrowUp/ArrowDown navigate, Enter toggles the active option, Esc\n * closes, Backspace (empty input) pops the last chip.\n */\nexport function MultiSelect({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    maxItems,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: MultiSelectProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedSet = useMemo(() => new Set(value), [value]);\n    const selectedOptions = useMemo(\n        () =>\n            value\n                .map((v) => options.find((o) => o.value === v))\n                .filter((o): o is MultiSelectOption => Boolean(o)),\n        [value, options],\n    );\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const atMax = maxItems !== undefined && value.length >= maxItems;\n\n    const toggle = useCallback(\n        (option: MultiSelectOption): void => {\n            if (option.disabled) return;\n            if (selectedSet.has(option.value)) {\n                onChange(value.filter((v) => v !== option.value));\n            } else {\n                if (atMax) return;\n                onChange([...value, option.value]);\n            }\n            setQuery(\"\");\n            inputRef.current?.focus();\n        },\n        [selectedSet, onChange, value, atMax],\n    );\n\n    const removeAt = useCallback(\n        (optionValue: string): void => {\n            onChange(value.filter((v) => v !== optionValue));\n        },\n        [onChange, value],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n                setQuery(\"\");\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) toggle(option);\n        } else if (event.key === \"Escape\") {\n            setOpen(false);\n            setQuery(\"\");\n        } else if (event.key === \"Backspace\" && query === \"\" && value.length > 0) {\n            removeAt(value[value.length - 1]);\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div\n                className={cn(styles.field, disabled && styles.disabled)}\n                onMouseDown={(event) => {\n                    if (disabled) return;\n                    // Keep focus on the input when clicking empty field space.\n                    if (event.target === event.currentTarget) {\n                        event.preventDefault();\n                        inputRef.current?.focus();\n                        setOpen(true);\n                    }\n                }}\n            >\n                {selectedOptions.map((option) => (\n                    <span key={option.value} className={styles.chip}>\n                        {option.label}\n                        <button\n                            type=\"button\"\n                            className={styles.chipRemove}\n                            aria-label={`Remover ${option.label}`}\n                            disabled={disabled}\n                            onMouseDown={(event) => {\n                                event.preventDefault();\n                                removeAt(option.value);\n                            }}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    disabled={disabled}\n                    value={query}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n            </div>\n            {open && (\n                <ul\n                    id={`${id}-listbox`}\n                    role=\"listbox\"\n                    aria-multiselectable\n                    className={styles.menu}\n                >\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => {\n                            const isSelected = selectedSet.has(option.value);\n                            return (\n                                <li\n                                    key={option.value}\n                                    role=\"option\"\n                                    aria-selected={isSelected}\n                                    aria-disabled={option.disabled || (!isSelected && atMax)}\n                                    className={cn(\n                                        styles.option,\n                                        index === activeIndex && styles.active,\n                                        isSelected && styles.selected,\n                                    )}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                    onMouseDown={(event) => {\n                                        event.preventDefault();\n                                        toggle(option);\n                                    }}\n                                >\n                                    <span className={styles.check} aria-hidden>\n                                        {isSelected ? \"✓\" : \"\"}\n                                    </span>\n                                    {option.label}\n                                </li>\n                            );\n                        })\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}