tempest-react-sdk 0.39.0 → 0.40.0

package/dist/components/ListTile/ListTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListTile.js","names":[],"sources":["../../../src/components/ListTile/ListTile.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — leading, title, subtitle and trailing are the four\n * slots of a list row, and onClick/disabled/selected are what make it a row you can\n * pick. That is the whole component — there is no second one inside it.\n */\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ListTile.module.css\";\n\nexport interface ListTileProps {\n    /** Left slot — typically an icon or avatar. */\n    leading?: ReactNode;\n    /** Primary line. Required. */\n    title: ReactNode;\n    /** Secondary line rendered under the title. */\n    subtitle?: ReactNode;\n    /** Right slot — typically an icon, switch or meta text. */\n    trailing?: ReactNode;\n    /** When provided, the tile becomes an interactive button. */\n    onClick?: () => void;\n    /** When true, the tile is dimmed and non-interactive. */\n    disabled?: boolean;\n    /** When true, the tile is highlighted as the active row. */\n    selected?: boolean;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * The canonical Material list row: an optional leading slot, a title with an\n * optional subtitle, and an optional trailing slot. When `onClick` is supplied\n * the tile renders as a full-width, keyboard-accessible `<button>`; otherwise it\n * renders as a static `<div>`.\n *\n * @example\n * <ListTile\n *     leading={<User />}\n *     title=\"Maria Silva\"\n *     subtitle=\"maria@example.com\"\n *     trailing={<ChevronRight />}\n *     onClick={() => open(user)}\n * />\n */\nexport function ListTile({\n    leading,\n    title,\n    subtitle,\n    trailing,\n    onClick,\n    disabled = false,\n    selected = false,\n    className,\n}: ListTileProps) {\n    const content = (\n        <>\n            {leading !== undefined && <span className={styles.leading}>{leading}</span>}\n            <span className={styles.body}>\n                <span className={styles.title}>{title}</span>\n                {subtitle !== undefined && <span className={styles.subtitle}>{subtitle}</span>}\n            </span>\n            {trailing !== undefined && <span className={styles.trailing}>{trailing}</span>}\n        </>\n    );\n\n    const rootClassName = cn(\n        styles.tile,\n        selected && styles.selected,\n        disabled && styles.disabled,\n        className,\n    );\n\n    if (onClick) {\n        return (\n            <button\n                type=\"button\"\n                className={cn(rootClassName, styles.interactive)}\n                aria-pressed={selected ? true : undefined}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {content}\n            </button>\n        );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n}\n"],"mappings":";;;;AA2CA,SAAgB,EAAS,EACrB,YACA,UACA,aACA,aACA,YACA,cAAW,IACX,cAAW,IACX,gBACc;CACd,IAAM,IACF,kBAAA,GAAA,EAAA,UAAA;EACK,MAAY,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAU;EAAc,CAAA;EAC1E,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAxB,CACI,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAY,CAAA,GAC3C,MAAa,KAAA,KAAa,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAW;GAAe,CAAA,CAC3E;;EACL,MAAa,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAW;EAAe,CAAA;CAC/E,EAAA,CAAA,GAGA,IAAgB,EAClB,EAAO,MACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;CAgBA,OAdI,IAEI,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAG,GAAe,EAAO,WAAW;EAC/C,gBAAc,IAAW,KAAO,KAAA;EACtB;EACD;YAER;CACG,CAAA,IAIT,kBAAC,OAAD;EAAK,WAAW;YAAgB;CAAa,CAAA;AACxD"}
+{"version":3,"file":"ListTile.js","names":[],"sources":["../../../src/components/ListTile/ListTile.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — leading, title, subtitle and trailing are the four\n * slots of a list row, and onClick/disabled/selected are what make it a row you can\n * pick. That is the whole component — there is no second one inside it.\n */\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ListTile.module.css\";\n\nexport interface ListTileProps {\n    /** Left slot — typically an icon or avatar. */\n    leading?: ReactNode;\n    /** Primary line. Required. */\n    title: ReactNode;\n    /** Secondary line rendered under the title. */\n    subtitle?: ReactNode;\n    /** Right slot — typically an icon, switch or meta text. */\n    trailing?: ReactNode;\n    /** When provided, the tile becomes an interactive button. */\n    onClick?: () => void;\n    /** When true, the tile is dimmed and non-interactive. */\n    disabled?: boolean;\n    /** When true, the tile is highlighted as the active row. */\n    selected?: boolean;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * The canonical Material list row: an optional leading slot, a title with an\n * optional subtitle, and an optional trailing slot. When `onClick` is supplied\n * the tile renders as a full-width, keyboard-accessible `<button>`; otherwise it\n * renders as a static `<div>`.\n *\n * @example\n * <ListTile\n *     leading={<User />}\n *     title=\"Maria Silva\"\n *     subtitle=\"maria@example.com\"\n *     trailing={<ChevronRight />}\n *     onClick={() => open(user)}\n * />\n */\nexport function ListTile({\n    leading,\n    title,\n    subtitle,\n    trailing,\n    onClick,\n    disabled = false,\n    selected = false,\n    className,\n}: ListTileProps) {\n    const content = (\n        <>\n            {leading !== undefined && <span className={styles.leading}>{leading}</span>}\n            <span className={styles.body}>\n                <span className={styles.title}>{title}</span>\n                {subtitle !== undefined && <span className={styles.subtitle}>{subtitle}</span>}\n            </span>\n            {trailing !== undefined && <span className={styles.trailing}>{trailing}</span>}\n        </>\n    );\n\n    const rootClassName = cn(\n        styles.tile,\n        selected && styles.selected,\n        disabled && styles.disabled,\n        className,\n    );\n\n    if (onClick) {\n        return (\n            <button\n                type=\"button\"\n                className={cn(rootClassName, styles.interactive)}\n                aria-pressed={selected ? true : undefined}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {content}\n            </button>\n        );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n}\n"],"mappings":";;;;AA2CA,SAAgB,EAAS,EACrB,YACA,UACA,aACA,aACA,YACA,cAAW,IACX,cAAW,IACX,gBACc;CACd,IAAM,IACF,kBAAA,GAAA,EAAA,UAAA;EACK,MAAY,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAU,UAAA;EAAc,CAAA;EAC1E,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAxB,UAAA,CACI,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAQ,UAAA;GAAY,CAAA,GAC3C,MAAa,KAAA,KAAa,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAW,UAAA;GAAe,CAAA,CAC3E;;EACL,MAAa,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAW,UAAA;EAAe,CAAA;CAC/E,EAAA,CAAA,GAGA,IAAgB,EAClB,EAAO,MACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;CAgBA,OAdI,IAEI,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAG,GAAe,EAAO,WAAW;EAC/C,gBAAc,IAAW,KAAO,KAAA;EACtB;EACD;EAER,UAAA;CACG,CAAA,IAIT,kBAAC,OAAD;EAAK,WAAW;EAAgB,UAAA;CAAa,CAAA;AACxD"}

package/dist/components/Markdown/Markdown.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-scroll-overflow.cjs"),n=require("../CodeBlock/CodeBlock.cjs"),r=require("./markdown-parse.cjs"),i=require("./Markdown.module.cjs");let a=require("react"),o=require("react/jsx-runtime");function s(e){return e.map((e,t)=>{let n=t;switch(e.type){case`text`:return(0,o.jsx)(a.Fragment,{children:e.value},n);case`strong`:return(0,o.jsx)(`strong`,{children:s(e.children)},n);case`em`:return(0,o.jsx)(`em`,{children:s(e.children)},n);case`del`:return(0,o.jsx)(`del`,{children:s(e.children)},n);case`code`:return(0,o.jsx)(`code`,{className:i.default.inlineCode,children:e.value},n);case`image`:return(0,o.jsx)(`img`,{className:i.default.image,src:e.src,alt:e.alt},n);case`break`:return(0,o.jsx)(`br`,{},n);default:return null}})}function c(e){return e?{textAlign:e}:void 0}function l({source:t,headingOffset:n=2,highlightCode:s=!0,showLineNumbers:c=!1,linkProps:l,className:d,...f}){let p=(0,a.useMemo)(()=>r.parseMarkdown(t),[t]);return(0,o.jsx)(`div`,{className:e.cn(i.default.root,d),...f,children:p.map((e,t)=>(0,o.jsx)(u,{block:e,headingOffset:n,highlightCode:s,showLineNumbers:c,linkProps:l},t))})}function u({block:e,headingOffset:t,highlightCode:r,showLineNumbers:c,linkProps:l}){let f=e=>e.map((e,n)=>(0,o.jsx)(u,{block:e,headingOffset:t,highlightCode:r,showLineNumbers:c,linkProps:l},n)),p=e=>e.map((e,t)=>e.type===`link`?(0,o.jsx)(`a`,{className:i.default.link,href:e.href,...l,children:s(e.children)},t):(0,o.jsx)(a.Fragment,{children:s([e])},t));switch(e.type){case`heading`:{let n=Math.min(6,Math.max(1,e.level+t-1));return(0,o.jsx)(`h${n}`,{className:i.default[`h${n}`],children:p(e.children)})}case`paragraph`:return(0,o.jsx)(`p`,{children:p(e.children)});case`code`:return r?(0,o.jsx)(n.CodeBlock,{code:e.value,language:e.language??void 0,showLineNumbers:c}):(0,o.jsx)(`pre`,{children:(0,o.jsx)(`code`,{children:e.value})});case`quote`:return(0,o.jsx)(`blockquote`,{className:i.default.quote,children:f(e.children)});case`rule`:return(0,o.jsx)(`hr`,{className:i.default.rule});case`list`:return e.ordered?(0,o.jsx)(`ol`,{className:i.default.list,start:e.start===1?void 0:e.start,children:e.items.map((e,t)=>(0,o.jsx)(`li`,{className:i.default.item,children:f(e)},t))}):(0,o.jsx)(`ul`,{className:i.default.list,children:e.items.map((e,t)=>(0,o.jsx)(`li`,{className:i.default.item,children:f(e)},t))});case`table`:return(0,o.jsx)(d,{block:e,inline:p});default:return null}}function d({block:e,inline:n}){let r=(0,a.useRef)(null),s=t.useScrollOverflow(r,`horizontal`);return(0,o.jsx)(`div`,{ref:r,className:i.default.tableScroll,tabIndex:s?0:void 0,role:s?`region`:void 0,"aria-label":s?`Tabela rolável`:void 0,children:(0,o.jsxs)(`table`,{className:i.default.table,children:[(0,o.jsx)(`thead`,{children:(0,o.jsx)(`tr`,{children:e.head.map((t,r)=>(0,o.jsx)(`th`,{style:c(e.align[r]??null),children:n(t)},r))})}),(0,o.jsx)(`tbody`,{children:e.rows.map((t,r)=>(0,o.jsx)(`tr`,{children:t.map((t,r)=>(0,o.jsx)(`td`,{style:c(e.align[r]??null),children:n(t)},r))},r))})]})})}exports.Markdown=l;
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-scroll-overflow.cjs"),n=require("../CodeBlock/CodeBlock.cjs"),r=require("./markdown-parse.cjs"),i=require("./Markdown.module.cjs");let a=require("react"),o=require("react/jsx-runtime");function s(e){return e.map((e,t)=>{let n=t;switch(e.type){case`text`:return(0,o.jsx)(a.Fragment,{children:e.value},n);case`strong`:return(0,o.jsx)(`strong`,{children:s(e.children)},n);case`em`:return(0,o.jsx)(`em`,{children:s(e.children)},n);case`del`:return(0,o.jsx)(`del`,{children:s(e.children)},n);case`code`:return(0,o.jsx)(`code`,{className:i.default.inlineCode,children:e.value},n);case`image`:return(0,o.jsx)(`img`,{className:i.default.image,src:e.src,alt:e.alt},n);case`break`:return(0,o.jsx)(`br`,{},n);default:return null}})}function c(e){return e?{textAlign:e}:void 0}function l({source:t,headingOffset:n=2,highlightCode:s=!0,showLineNumbers:c=!1,linkProps:l,className:d,...f}){let p=(0,a.useMemo)(()=>r.parseMarkdown(t),[t]);return(0,o.jsx)(`div`,{className:e.cn(i.default.root,d),...f,children:p.map((e,t)=>(0,o.jsx)(u,{block:e,headingOffset:n,highlightCode:s,showLineNumbers:c,linkProps:l},t))})}function u({block:e,headingOffset:t,highlightCode:r,showLineNumbers:c,linkProps:l}){let f=e=>e.map((e,n)=>(0,o.jsx)(u,{block:e,headingOffset:t,highlightCode:r,showLineNumbers:c,linkProps:l},n)),p=e=>e.map((e,t)=>e.type===`link`?(0,o.jsx)(`a`,{className:i.default.link,href:e.href,...l,children:s(e.children)},t):(0,o.jsx)(a.Fragment,{children:s([e])},t));switch(e.type){case`heading`:{let n=Math.min(6,Math.max(1,e.level+t-1)),r=`h${n}`;return(0,o.jsx)(r,{className:i.default[`h${n}`],children:p(e.children)})}case`paragraph`:return(0,o.jsx)(`p`,{children:p(e.children)});case`code`:return r?(0,o.jsx)(n.CodeBlock,{code:e.value,language:e.language??void 0,showLineNumbers:c}):(0,o.jsx)(`pre`,{children:(0,o.jsx)(`code`,{children:e.value})});case`quote`:return(0,o.jsx)(`blockquote`,{className:i.default.quote,children:f(e.children)});case`rule`:return(0,o.jsx)(`hr`,{className:i.default.rule});case`list`:return e.ordered?(0,o.jsx)(`ol`,{className:i.default.list,start:e.start===1?void 0:e.start,children:e.items.map((e,t)=>(0,o.jsx)(`li`,{className:i.default.item,children:f(e)},t))}):(0,o.jsx)(`ul`,{className:i.default.list,children:e.items.map((e,t)=>(0,o.jsx)(`li`,{className:i.default.item,children:f(e)},t))});case`table`:return(0,o.jsx)(d,{block:e,inline:p});default:return null}}function d({block:e,inline:n}){let r=(0,a.useRef)(null),s=t.useScrollOverflow(r,`horizontal`);return(0,o.jsx)(`div`,{ref:r,className:i.default.tableScroll,tabIndex:s?0:void 0,role:s?`region`:void 0,"aria-label":s?`Tabela rolável`:void 0,children:(0,o.jsxs)(`table`,{className:i.default.table,children:[(0,o.jsx)(`thead`,{children:(0,o.jsx)(`tr`,{children:e.head.map((t,r)=>(0,o.jsx)(`th`,{style:c(e.align[r]??null),children:n(t)},r))})}),(0,o.jsx)(`tbody`,{children:e.rows.map((t,r)=>(0,o.jsx)(`tr`,{children:t.map((t,r)=>(0,o.jsx)(`td`,{style:c(e.align[r]??null),children:n(t)},r))},r))})]})})}exports.Markdown=l;
 //# sourceMappingURL=Markdown.cjs.map

package/dist/components/Markdown/Markdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.cjs","names":[],"sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the renderer maps every block and inline node the\n * parser can emit to an element, and the length is that mapping — one arm per node\n * kind, no branching to extract.\n */\nimport { Fragment, useMemo, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useScrollOverflow } from \"@/hooks/use-scroll-overflow\";\nimport { cn } from \"@/utils/cn\";\n\nimport { CodeBlock } from \"../CodeBlock\";\nimport {\n    parseMarkdown,\n    type MarkdownAlign,\n    type MarkdownBlock,\n    type MarkdownInline,\n} from \"./markdown-parse\";\nimport styles from \"./Markdown.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MarkdownProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The Markdown source. */\n    source: string;\n    /**\n     * Heading level the document's `#` maps to. Default 2.\n     *\n     * A comment body rendered inside a page whose `<h1>` is the page title must not\n     * emit a second `<h1>`; shifting the whole scale keeps the outline valid.\n     */\n    headingOffset?: number;\n    /** Render fenced code with `CodeBlock` (copy button, line numbers). Default `true`. */\n    highlightCode?: boolean;\n    /** Show line numbers in fenced code. Default `false`. */\n    showLineNumbers?: boolean;\n    /** Extra props for every link — `target=\"_blank\"`, an analytics handler. */\n    linkProps?: HTMLAttributes<HTMLAnchorElement> & { target?: string; rel?: string };\n}\n\n/** Render inline nodes. */\nfunction renderInline(nodes: readonly MarkdownInline[]): ReactNode {\n    return nodes.map((node, index) => {\n        const key = index;\n        switch (node.type) {\n            case \"text\":\n                return <Fragment key={key}>{node.value}</Fragment>;\n            case \"strong\":\n                return <strong key={key}>{renderInline(node.children)}</strong>;\n            case \"em\":\n                return <em key={key}>{renderInline(node.children)}</em>;\n            case \"del\":\n                return <del key={key}>{renderInline(node.children)}</del>;\n            case \"code\":\n                return (\n                    <code key={key} className={styles.inlineCode}>\n                        {node.value}\n                    </code>\n                );\n            case \"image\":\n                return <img key={key} className={styles.image} src={node.src} alt={node.alt} />;\n            case \"break\":\n                return <br key={key} />;\n            default:\n                return null;\n        }\n    });\n}\n\n/** CSS `text-align` for a table column. */\nfunction alignOf(align: MarkdownAlign): { textAlign: \"left\" | \"center\" | \"right\" } | undefined {\n    return align ? { textAlign: align } : undefined;\n}\n\n/**\n * Rendered Markdown, from a node tree — never from an HTML string.\n *\n * `dangerouslySetInnerHTML` appears nowhere in this component. That is what makes\n * rendering somebody else's Markdown safe by construction rather than by a promise\n * about escaping: a `<script>` in a comment is four characters of text, because text\n * is all a React child can be.\n *\n * Link and image URLs go through a scheme **allowlist** (`http`, `https`, `mailto`,\n * `tel`, `sms`, plus relative), so `[click](javascript:alert(1))` renders as plain\n * text. A blocklist would have to enumerate every spelling of `javascript:` and\n * would miss one.\n *\n * @example\n * <Markdown source={comentario.corpo} linkProps={{ target: \"_blank\", rel: \"noreferrer\" }} />\n */\nexport function Markdown({\n    source,\n    headingOffset = 2,\n    highlightCode = true,\n    showLineNumbers = false,\n    linkProps,\n    className,\n    ...rest\n}: MarkdownProps) {\n    const blocks = useMemo(() => parseMarkdown(source), [source]);\n\n    return (\n        <div className={cn(styles.root, className)} {...rest}>\n            {blocks.map((block, index) => (\n                <Block\n                    key={index}\n                    block={block}\n                    headingOffset={headingOffset}\n                    highlightCode={highlightCode}\n                    showLineNumbers={showLineNumbers}\n                    linkProps={linkProps}\n                />\n            ))}\n        </div>\n    );\n}\n\ninterface BlockProps {\n    block: MarkdownBlock;\n    headingOffset: number;\n    highlightCode: boolean;\n    showLineNumbers: boolean;\n    linkProps?: MarkdownProps[\"linkProps\"];\n}\n\n/** One block, and its children. */\nfunction Block({ block, headingOffset, highlightCode, showLineNumbers, linkProps }: BlockProps) {\n    const children = (nodes: readonly MarkdownBlock[]): ReactNode =>\n        nodes.map((child, index) => (\n            <Block\n                key={index}\n                block={child}\n                headingOffset={headingOffset}\n                highlightCode={highlightCode}\n                showLineNumbers={showLineNumbers}\n                linkProps={linkProps}\n            />\n        ));\n\n    const inline = (nodes: readonly MarkdownInline[]): ReactNode =>\n        nodes.map((node, index) =>\n            node.type === \"link\" ? (\n                <a key={index} className={styles.link} href={node.href} {...linkProps}>\n                    {renderInline(node.children)}\n                </a>\n            ) : (\n                <Fragment key={index}>{renderInline([node])}</Fragment>\n            ),\n        );\n\n    switch (block.type) {\n        case \"heading\": {\n            const level = Math.min(6, Math.max(1, block.level + headingOffset - 1));\n            const Tag = `h${level}` as \"h1\";\n            return (\n                <Tag className={styles[`h${level}` as keyof typeof styles]}>\n                    {inline(block.children)}\n                </Tag>\n            );\n        }\n        case \"paragraph\":\n            return <p>{inline(block.children)}</p>;\n        case \"code\":\n            return highlightCode ? (\n                <CodeBlock\n                    code={block.value}\n                    language={block.language ?? undefined}\n                    showLineNumbers={showLineNumbers}\n                />\n            ) : (\n                <pre>\n                    <code>{block.value}</code>\n                </pre>\n            );\n        case \"quote\":\n            return <blockquote className={styles.quote}>{children(block.children)}</blockquote>;\n        case \"rule\":\n            return <hr className={styles.rule} />;\n        case \"list\":\n            return block.ordered ? (\n                <ol className={styles.list} start={block.start === 1 ? undefined : block.start}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ol>\n            ) : (\n                <ul className={styles.list}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ul>\n            );\n        case \"table\":\n            return <Table block={block} inline={inline} />;\n        default:\n            return null;\n    }\n}\n\n/**\n * A table, in its own scroll box.\n *\n * The box only becomes a tab stop while it actually overflows: a scroll container\n * with nothing focusable inside cannot be reached by keyboard, and adding the stop\n * unconditionally would pollute the tab order with one entry per table on the page.\n */\nfunction Table({\n    block,\n    inline,\n}: {\n    block: Extract<MarkdownBlock, { type: \"table\" }>;\n    inline: (nodes: readonly MarkdownInline[]) => ReactNode;\n}) {\n    const scroll = useRef<HTMLDivElement | null>(null);\n    const overflowing = useScrollOverflow(scroll, \"horizontal\");\n\n    return (\n        <div\n            ref={scroll}\n            className={styles.tableScroll}\n            tabIndex={overflowing ? 0 : undefined}\n            role={overflowing ? \"region\" : undefined}\n            aria-label={overflowing ? \"Tabela rolável\" : undefined}\n        >\n            <table className={styles.table}>\n                <thead>\n                    <tr>\n                        {block.head.map((cell, index) => (\n                            <th key={index} style={alignOf(block.align[index] ?? null)}>\n                                {inline(cell)}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {block.rows.map((row, rowIndex) => (\n                        <tr key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <td key={cellIndex} style={alignOf(block.align[cellIndex] ?? null)}>\n                                    {inline(cell)}\n                                </td>\n                            ))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Markdown.cjs","names":[],"sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the renderer maps every block and inline node the\n * parser can emit to an element, and the length is that mapping — one arm per node\n * kind, no branching to extract.\n */\nimport { Fragment, useMemo, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useScrollOverflow } from \"@/hooks/use-scroll-overflow\";\nimport { cn } from \"@/utils/cn\";\n\nimport { CodeBlock } from \"../CodeBlock\";\nimport {\n    parseMarkdown,\n    type MarkdownAlign,\n    type MarkdownBlock,\n    type MarkdownInline,\n} from \"./markdown-parse\";\nimport styles from \"./Markdown.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MarkdownProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The Markdown source. */\n    source: string;\n    /**\n     * Heading level the document's `#` maps to. Default 2.\n     *\n     * A comment body rendered inside a page whose `<h1>` is the page title must not\n     * emit a second `<h1>`; shifting the whole scale keeps the outline valid.\n     */\n    headingOffset?: number;\n    /** Render fenced code with `CodeBlock` (copy button, line numbers). Default `true`. */\n    highlightCode?: boolean;\n    /** Show line numbers in fenced code. Default `false`. */\n    showLineNumbers?: boolean;\n    /** Extra props for every link — `target=\"_blank\"`, an analytics handler. */\n    linkProps?: HTMLAttributes<HTMLAnchorElement> & { target?: string; rel?: string };\n}\n\n/** Render inline nodes. */\nfunction renderInline(nodes: readonly MarkdownInline[]): ReactNode {\n    return nodes.map((node, index) => {\n        const key = index;\n        switch (node.type) {\n            case \"text\":\n                return <Fragment key={key}>{node.value}</Fragment>;\n            case \"strong\":\n                return <strong key={key}>{renderInline(node.children)}</strong>;\n            case \"em\":\n                return <em key={key}>{renderInline(node.children)}</em>;\n            case \"del\":\n                return <del key={key}>{renderInline(node.children)}</del>;\n            case \"code\":\n                return (\n                    <code key={key} className={styles.inlineCode}>\n                        {node.value}\n                    </code>\n                );\n            case \"image\":\n                return <img key={key} className={styles.image} src={node.src} alt={node.alt} />;\n            case \"break\":\n                return <br key={key} />;\n            default:\n                return null;\n        }\n    });\n}\n\n/** CSS `text-align` for a table column. */\nfunction alignOf(align: MarkdownAlign): { textAlign: \"left\" | \"center\" | \"right\" } | undefined {\n    return align ? { textAlign: align } : undefined;\n}\n\n/**\n * Rendered Markdown, from a node tree — never from an HTML string.\n *\n * `dangerouslySetInnerHTML` appears nowhere in this component. That is what makes\n * rendering somebody else's Markdown safe by construction rather than by a promise\n * about escaping: a `<script>` in a comment is four characters of text, because text\n * is all a React child can be.\n *\n * Link and image URLs go through a scheme **allowlist** (`http`, `https`, `mailto`,\n * `tel`, `sms`, plus relative), so `[click](javascript:alert(1))` renders as plain\n * text. A blocklist would have to enumerate every spelling of `javascript:` and\n * would miss one.\n *\n * @example\n * <Markdown source={comentario.corpo} linkProps={{ target: \"_blank\", rel: \"noreferrer\" }} />\n */\nexport function Markdown({\n    source,\n    headingOffset = 2,\n    highlightCode = true,\n    showLineNumbers = false,\n    linkProps,\n    className,\n    ...rest\n}: MarkdownProps) {\n    const blocks = useMemo(() => parseMarkdown(source), [source]);\n\n    return (\n        <div className={cn(styles.root, className)} {...rest}>\n            {blocks.map((block, index) => (\n                <Block\n                    key={index}\n                    block={block}\n                    headingOffset={headingOffset}\n                    highlightCode={highlightCode}\n                    showLineNumbers={showLineNumbers}\n                    linkProps={linkProps}\n                />\n            ))}\n        </div>\n    );\n}\n\ninterface BlockProps {\n    block: MarkdownBlock;\n    headingOffset: number;\n    highlightCode: boolean;\n    showLineNumbers: boolean;\n    linkProps?: MarkdownProps[\"linkProps\"];\n}\n\n/** One block, and its children. */\nfunction Block({ block, headingOffset, highlightCode, showLineNumbers, linkProps }: BlockProps) {\n    const children = (nodes: readonly MarkdownBlock[]): ReactNode =>\n        nodes.map((child, index) => (\n            <Block\n                key={index}\n                block={child}\n                headingOffset={headingOffset}\n                highlightCode={highlightCode}\n                showLineNumbers={showLineNumbers}\n                linkProps={linkProps}\n            />\n        ));\n\n    const inline = (nodes: readonly MarkdownInline[]): ReactNode =>\n        nodes.map((node, index) =>\n            node.type === \"link\" ? (\n                <a key={index} className={styles.link} href={node.href} {...linkProps}>\n                    {renderInline(node.children)}\n                </a>\n            ) : (\n                <Fragment key={index}>{renderInline([node])}</Fragment>\n            ),\n        );\n\n    switch (block.type) {\n        case \"heading\": {\n            const level = Math.min(6, Math.max(1, block.level + headingOffset - 1));\n            const Tag = `h${level}` as \"h1\";\n            return (\n                <Tag className={styles[`h${level}` as keyof typeof styles]}>\n                    {inline(block.children)}\n                </Tag>\n            );\n        }\n        case \"paragraph\":\n            return <p>{inline(block.children)}</p>;\n        case \"code\":\n            return highlightCode ? (\n                <CodeBlock\n                    code={block.value}\n                    language={block.language ?? undefined}\n                    showLineNumbers={showLineNumbers}\n                />\n            ) : (\n                <pre>\n                    <code>{block.value}</code>\n                </pre>\n            );\n        case \"quote\":\n            return <blockquote className={styles.quote}>{children(block.children)}</blockquote>;\n        case \"rule\":\n            return <hr className={styles.rule} />;\n        case \"list\":\n            return block.ordered ? (\n                <ol className={styles.list} start={block.start === 1 ? undefined : block.start}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ol>\n            ) : (\n                <ul className={styles.list}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ul>\n            );\n        case \"table\":\n            return <Table block={block} inline={inline} />;\n        default:\n            return null;\n    }\n}\n\n/**\n * A table, in its own scroll box.\n *\n * The box only becomes a tab stop while it actually overflows: a scroll container\n * with nothing focusable inside cannot be reached by keyboard, and adding the stop\n * unconditionally would pollute the tab order with one entry per table on the page.\n */\nfunction Table({\n    block,\n    inline,\n}: {\n    block: Extract<MarkdownBlock, { type: \"table\" }>;\n    inline: (nodes: readonly MarkdownInline[]) => ReactNode;\n}) {\n    const scroll = useRef<HTMLDivElement | null>(null);\n    const overflowing = useScrollOverflow(scroll, \"horizontal\");\n\n    return (\n        <div\n            ref={scroll}\n            className={styles.tableScroll}\n            tabIndex={overflowing ? 0 : undefined}\n            role={overflowing ? \"region\" : undefined}\n            aria-label={overflowing ? \"Tabela rolável\" : undefined}\n        >\n            <table className={styles.table}>\n                <thead>\n                    <tr>\n                        {block.head.map((cell, index) => (\n                            <th key={index} style={alignOf(block.align[index] ?? null)}>\n                                {inline(cell)}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {block.rows.map((row, rowIndex) => (\n                        <tr key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <td key={cellIndex} style={alignOf(block.align[cellIndex] ?? null)}>\n                                    {inline(cell)}\n                                </td>\n                            ))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Markdown/Markdown.js

@@ -60,8 +60,8 @@ function p({ block: e, headingOffset: t, highlightCode: r, showLineNumbers: o, l
 	}, t) : /* @__PURE__ */ c(a, { children: u([e]) }, t));
 	switch (e.type) {
 		case "heading": {
-			let n = Math.min(6, Math.max(1, e.level + t - 1));
-			return /* @__PURE__ */ c(`h${n}`, {
+			let n = Math.min(6, Math.max(1, e.level + t - 1)), r = `h${n}`;
+			return /* @__PURE__ */ c(r, {
 				className: i[`h${n}`],
 				children: d(e.children)
 			});

package/dist/components/Markdown/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","names":[],"sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the renderer maps every block and inline node the\n * parser can emit to an element, and the length is that mapping — one arm per node\n * kind, no branching to extract.\n */\nimport { Fragment, useMemo, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useScrollOverflow } from \"@/hooks/use-scroll-overflow\";\nimport { cn } from \"@/utils/cn\";\n\nimport { CodeBlock } from \"../CodeBlock\";\nimport {\n    parseMarkdown,\n    type MarkdownAlign,\n    type MarkdownBlock,\n    type MarkdownInline,\n} from \"./markdown-parse\";\nimport styles from \"./Markdown.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MarkdownProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The Markdown source. */\n    source: string;\n    /**\n     * Heading level the document's `#` maps to. Default 2.\n     *\n     * A comment body rendered inside a page whose `<h1>` is the page title must not\n     * emit a second `<h1>`; shifting the whole scale keeps the outline valid.\n     */\n    headingOffset?: number;\n    /** Render fenced code with `CodeBlock` (copy button, line numbers). Default `true`. */\n    highlightCode?: boolean;\n    /** Show line numbers in fenced code. Default `false`. */\n    showLineNumbers?: boolean;\n    /** Extra props for every link — `target=\"_blank\"`, an analytics handler. */\n    linkProps?: HTMLAttributes<HTMLAnchorElement> & { target?: string; rel?: string };\n}\n\n/** Render inline nodes. */\nfunction renderInline(nodes: readonly MarkdownInline[]): ReactNode {\n    return nodes.map((node, index) => {\n        const key = index;\n        switch (node.type) {\n            case \"text\":\n                return <Fragment key={key}>{node.value}</Fragment>;\n            case \"strong\":\n                return <strong key={key}>{renderInline(node.children)}</strong>;\n            case \"em\":\n                return <em key={key}>{renderInline(node.children)}</em>;\n            case \"del\":\n                return <del key={key}>{renderInline(node.children)}</del>;\n            case \"code\":\n                return (\n                    <code key={key} className={styles.inlineCode}>\n                        {node.value}\n                    </code>\n                );\n            case \"image\":\n                return <img key={key} className={styles.image} src={node.src} alt={node.alt} />;\n            case \"break\":\n                return <br key={key} />;\n            default:\n                return null;\n        }\n    });\n}\n\n/** CSS `text-align` for a table column. */\nfunction alignOf(align: MarkdownAlign): { textAlign: \"left\" | \"center\" | \"right\" } | undefined {\n    return align ? { textAlign: align } : undefined;\n}\n\n/**\n * Rendered Markdown, from a node tree — never from an HTML string.\n *\n * `dangerouslySetInnerHTML` appears nowhere in this component. That is what makes\n * rendering somebody else's Markdown safe by construction rather than by a promise\n * about escaping: a `<script>` in a comment is four characters of text, because text\n * is all a React child can be.\n *\n * Link and image URLs go through a scheme **allowlist** (`http`, `https`, `mailto`,\n * `tel`, `sms`, plus relative), so `[click](javascript:alert(1))` renders as plain\n * text. A blocklist would have to enumerate every spelling of `javascript:` and\n * would miss one.\n *\n * @example\n * <Markdown source={comentario.corpo} linkProps={{ target: \"_blank\", rel: \"noreferrer\" }} />\n */\nexport function Markdown({\n    source,\n    headingOffset = 2,\n    highlightCode = true,\n    showLineNumbers = false,\n    linkProps,\n    className,\n    ...rest\n}: MarkdownProps) {\n    const blocks = useMemo(() => parseMarkdown(source), [source]);\n\n    return (\n        <div className={cn(styles.root, className)} {...rest}>\n            {blocks.map((block, index) => (\n                <Block\n                    key={index}\n                    block={block}\n                    headingOffset={headingOffset}\n                    highlightCode={highlightCode}\n                    showLineNumbers={showLineNumbers}\n                    linkProps={linkProps}\n                />\n            ))}\n        </div>\n    );\n}\n\ninterface BlockProps {\n    block: MarkdownBlock;\n    headingOffset: number;\n    highlightCode: boolean;\n    showLineNumbers: boolean;\n    linkProps?: MarkdownProps[\"linkProps\"];\n}\n\n/** One block, and its children. */\nfunction Block({ block, headingOffset, highlightCode, showLineNumbers, linkProps }: BlockProps) {\n    const children = (nodes: readonly MarkdownBlock[]): ReactNode =>\n        nodes.map((child, index) => (\n            <Block\n                key={index}\n                block={child}\n                headingOffset={headingOffset}\n                highlightCode={highlightCode}\n                showLineNumbers={showLineNumbers}\n                linkProps={linkProps}\n            />\n        ));\n\n    const inline = (nodes: readonly MarkdownInline[]): ReactNode =>\n        nodes.map((node, index) =>\n            node.type === \"link\" ? (\n                <a key={index} className={styles.link} href={node.href} {...linkProps}>\n                    {renderInline(node.children)}\n                </a>\n            ) : (\n                <Fragment key={index}>{renderInline([node])}</Fragment>\n            ),\n        );\n\n    switch (block.type) {\n        case \"heading\": {\n            const level = Math.min(6, Math.max(1, block.level + headingOffset - 1));\n            const Tag = `h${level}` as \"h1\";\n            return (\n                <Tag className={styles[`h${level}` as keyof typeof styles]}>\n                    {inline(block.children)}\n                </Tag>\n            );\n        }\n        case \"paragraph\":\n            return <p>{inline(block.children)}</p>;\n        case \"code\":\n            return highlightCode ? (\n                <CodeBlock\n                    code={block.value}\n                    language={block.language ?? undefined}\n                    showLineNumbers={showLineNumbers}\n                />\n            ) : (\n                <pre>\n                    <code>{block.value}</code>\n                </pre>\n            );\n        case \"quote\":\n            return <blockquote className={styles.quote}>{children(block.children)}</blockquote>;\n        case \"rule\":\n            return <hr className={styles.rule} />;\n        case \"list\":\n            return block.ordered ? (\n                <ol className={styles.list} start={block.start === 1 ? undefined : block.start}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ol>\n            ) : (\n                <ul className={styles.list}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ul>\n            );\n        case \"table\":\n            return <Table block={block} inline={inline} />;\n        default:\n            return null;\n    }\n}\n\n/**\n * A table, in its own scroll box.\n *\n * The box only becomes a tab stop while it actually overflows: a scroll container\n * with nothing focusable inside cannot be reached by keyboard, and adding the stop\n * unconditionally would pollute the tab order with one entry per table on the page.\n */\nfunction Table({\n    block,\n    inline,\n}: {\n    block: Extract<MarkdownBlock, { type: \"table\" }>;\n    inline: (nodes: readonly MarkdownInline[]) => ReactNode;\n}) {\n    const scroll = useRef<HTMLDivElement | null>(null);\n    const overflowing = useScrollOverflow(scroll, \"horizontal\");\n\n    return (\n        <div\n            ref={scroll}\n            className={styles.tableScroll}\n            tabIndex={overflowing ? 0 : undefined}\n            role={overflowing ? \"region\" : undefined}\n            aria-label={overflowing ? \"Tabela rolável\" : undefined}\n        >\n            <table className={styles.table}>\n                <thead>\n                    <tr>\n                        {block.head.map((cell, index) => (\n                            <th key={index} style={alignOf(block.align[index] ?? null)}>\n                                {inline(cell)}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {block.rows.map((row, rowIndex) => (\n                        <tr key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <td key={cellIndex} style={alignOf(block.align[cellIndex] ?? null)}>\n                                    {inline(cell)}\n                                </td>\n                            ))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Markdown.js","names":[],"sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the renderer maps every block and inline node the\n * parser can emit to an element, and the length is that mapping — one arm per node\n * kind, no branching to extract.\n */\nimport { Fragment, useMemo, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useScrollOverflow } from \"@/hooks/use-scroll-overflow\";\nimport { cn } from \"@/utils/cn\";\n\nimport { CodeBlock } from \"../CodeBlock\";\nimport {\n    parseMarkdown,\n    type MarkdownAlign,\n    type MarkdownBlock,\n    type MarkdownInline,\n} from \"./markdown-parse\";\nimport styles from \"./Markdown.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MarkdownProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The Markdown source. */\n    source: string;\n    /**\n     * Heading level the document's `#` maps to. Default 2.\n     *\n     * A comment body rendered inside a page whose `<h1>` is the page title must not\n     * emit a second `<h1>`; shifting the whole scale keeps the outline valid.\n     */\n    headingOffset?: number;\n    /** Render fenced code with `CodeBlock` (copy button, line numbers). Default `true`. */\n    highlightCode?: boolean;\n    /** Show line numbers in fenced code. Default `false`. */\n    showLineNumbers?: boolean;\n    /** Extra props for every link — `target=\"_blank\"`, an analytics handler. */\n    linkProps?: HTMLAttributes<HTMLAnchorElement> & { target?: string; rel?: string };\n}\n\n/** Render inline nodes. */\nfunction renderInline(nodes: readonly MarkdownInline[]): ReactNode {\n    return nodes.map((node, index) => {\n        const key = index;\n        switch (node.type) {\n            case \"text\":\n                return <Fragment key={key}>{node.value}</Fragment>;\n            case \"strong\":\n                return <strong key={key}>{renderInline(node.children)}</strong>;\n            case \"em\":\n                return <em key={key}>{renderInline(node.children)}</em>;\n            case \"del\":\n                return <del key={key}>{renderInline(node.children)}</del>;\n            case \"code\":\n                return (\n                    <code key={key} className={styles.inlineCode}>\n                        {node.value}\n                    </code>\n                );\n            case \"image\":\n                return <img key={key} className={styles.image} src={node.src} alt={node.alt} />;\n            case \"break\":\n                return <br key={key} />;\n            default:\n                return null;\n        }\n    });\n}\n\n/** CSS `text-align` for a table column. */\nfunction alignOf(align: MarkdownAlign): { textAlign: \"left\" | \"center\" | \"right\" } | undefined {\n    return align ? { textAlign: align } : undefined;\n}\n\n/**\n * Rendered Markdown, from a node tree — never from an HTML string.\n *\n * `dangerouslySetInnerHTML` appears nowhere in this component. That is what makes\n * rendering somebody else's Markdown safe by construction rather than by a promise\n * about escaping: a `<script>` in a comment is four characters of text, because text\n * is all a React child can be.\n *\n * Link and image URLs go through a scheme **allowlist** (`http`, `https`, `mailto`,\n * `tel`, `sms`, plus relative), so `[click](javascript:alert(1))` renders as plain\n * text. A blocklist would have to enumerate every spelling of `javascript:` and\n * would miss one.\n *\n * @example\n * <Markdown source={comentario.corpo} linkProps={{ target: \"_blank\", rel: \"noreferrer\" }} />\n */\nexport function Markdown({\n    source,\n    headingOffset = 2,\n    highlightCode = true,\n    showLineNumbers = false,\n    linkProps,\n    className,\n    ...rest\n}: MarkdownProps) {\n    const blocks = useMemo(() => parseMarkdown(source), [source]);\n\n    return (\n        <div className={cn(styles.root, className)} {...rest}>\n            {blocks.map((block, index) => (\n                <Block\n                    key={index}\n                    block={block}\n                    headingOffset={headingOffset}\n                    highlightCode={highlightCode}\n                    showLineNumbers={showLineNumbers}\n                    linkProps={linkProps}\n                />\n            ))}\n        </div>\n    );\n}\n\ninterface BlockProps {\n    block: MarkdownBlock;\n    headingOffset: number;\n    highlightCode: boolean;\n    showLineNumbers: boolean;\n    linkProps?: MarkdownProps[\"linkProps\"];\n}\n\n/** One block, and its children. */\nfunction Block({ block, headingOffset, highlightCode, showLineNumbers, linkProps }: BlockProps) {\n    const children = (nodes: readonly MarkdownBlock[]): ReactNode =>\n        nodes.map((child, index) => (\n            <Block\n                key={index}\n                block={child}\n                headingOffset={headingOffset}\n                highlightCode={highlightCode}\n                showLineNumbers={showLineNumbers}\n                linkProps={linkProps}\n            />\n        ));\n\n    const inline = (nodes: readonly MarkdownInline[]): ReactNode =>\n        nodes.map((node, index) =>\n            node.type === \"link\" ? (\n                <a key={index} className={styles.link} href={node.href} {...linkProps}>\n                    {renderInline(node.children)}\n                </a>\n            ) : (\n                <Fragment key={index}>{renderInline([node])}</Fragment>\n            ),\n        );\n\n    switch (block.type) {\n        case \"heading\": {\n            const level = Math.min(6, Math.max(1, block.level + headingOffset - 1));\n            const Tag = `h${level}` as \"h1\";\n            return (\n                <Tag className={styles[`h${level}` as keyof typeof styles]}>\n                    {inline(block.children)}\n                </Tag>\n            );\n        }\n        case \"paragraph\":\n            return <p>{inline(block.children)}</p>;\n        case \"code\":\n            return highlightCode ? (\n                <CodeBlock\n                    code={block.value}\n                    language={block.language ?? undefined}\n                    showLineNumbers={showLineNumbers}\n                />\n            ) : (\n                <pre>\n                    <code>{block.value}</code>\n                </pre>\n            );\n        case \"quote\":\n            return <blockquote className={styles.quote}>{children(block.children)}</blockquote>;\n        case \"rule\":\n            return <hr className={styles.rule} />;\n        case \"list\":\n            return block.ordered ? (\n                <ol className={styles.list} start={block.start === 1 ? undefined : block.start}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ol>\n            ) : (\n                <ul className={styles.list}>\n                    {block.items.map((item, index) => (\n                        <li key={index} className={styles.item}>\n                            {children(item)}\n                        </li>\n                    ))}\n                </ul>\n            );\n        case \"table\":\n            return <Table block={block} inline={inline} />;\n        default:\n            return null;\n    }\n}\n\n/**\n * A table, in its own scroll box.\n *\n * The box only becomes a tab stop while it actually overflows: a scroll container\n * with nothing focusable inside cannot be reached by keyboard, and adding the stop\n * unconditionally would pollute the tab order with one entry per table on the page.\n */\nfunction Table({\n    block,\n    inline,\n}: {\n    block: Extract<MarkdownBlock, { type: \"table\" }>;\n    inline: (nodes: readonly MarkdownInline[]) => ReactNode;\n}) {\n    const scroll = useRef<HTMLDivElement | null>(null);\n    const overflowing = useScrollOverflow(scroll, \"horizontal\");\n\n    return (\n        <div\n            ref={scroll}\n            className={styles.tableScroll}\n            tabIndex={overflowing ? 0 : undefined}\n            role={overflowing ? \"region\" : undefined}\n            aria-label={overflowing ? \"Tabela rolável\" : undefined}\n        >\n            <table className={styles.table}>\n                <thead>\n                    <tr>\n                        {block.head.map((cell, index) => (\n                            <th key={index} style={alignOf(block.align[index] ?? null)}>\n                                {inline(cell)}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {block.rows.map((row, rowIndex) => (\n                        <tr key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <td key={cellIndex} style={alignOf(block.align[cellIndex] ?? null)}>\n                                    {inline(cell)}\n                                </td>\n                            ))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Masonry/Masonry.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Masonry.cjs","names":[],"sources":["../../../src/components/Masonry/Masonry.tsx"],"sourcesContent":["import {\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { columnsFor, distribute } from \"./masonry-layout\";\nimport styles from \"./Masonry.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MasonryProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** What to lay out. */\n    items: readonly T[];\n    /** Render one card. */\n    children: (item: T, index: number) => ReactNode;\n    /** Stable key per item. Index is a fallback nobody should rely on. */\n    itemKey?: (item: T, index: number) => string | number;\n    /**\n     * Column count: a fixed number, or a `width → columns` map read as\n     * \"from this width up\". Default `{ 0: 1, 640: 2, 1024: 3 }`.\n     */\n    columns?: number | Record<number, number>;\n    /** Gap between cards, any CSS length. Default `var(--tempest-space-4)`. */\n    gap?: string;\n}\n\n/** Default breakpoints: one column on a phone, three on a desktop. */\nconst DEFAULT_COLUMNS: Record<number, number> = { 0: 1, 640: 2, 1024: 3 };\n\n/**\n * Masonry layout: cards of uneven height packed into columns with an even bottom\n * edge.\n *\n * Measures the rendered cards and deals each one into the shortest column, rather\n * than using CSS `columns` or `grid-auto-flow: dense`. Both of those are one line\n * of CSS and neither does this job: CSS `columns` breaks a card across the column\n * boundary, and a dense grid keeps every row the height of its tallest cell, which\n * is the ragged bottom edge people reach for masonry to avoid.\n *\n * @example\n * <Masonry items={fotos} itemKey={(foto) => foto.id} columns={{ 0: 1, 700: 2, 1100: 4 }}>\n *     {(foto) => <img src={foto.url} alt={foto.alt} />}\n * </Masonry>\n */\nexport function Masonry<T>({\n    items,\n    children,\n    itemKey,\n    columns = DEFAULT_COLUMNS,\n    gap,\n    className,\n    style,\n    ...rest\n}: MasonryProps<T>) {\n    const wrapper = useRef<HTMLDivElement | null>(null);\n    const cells = useRef<Map<number, HTMLElement>>(new Map());\n    const [width, setWidth] = useState(0);\n    const [heights, setHeights] = useState<number[]>([]);\n\n    const columnCount = columnsFor(width, columns);\n\n    /**\n     * Track the container width, not the viewport.\n     *\n     * A masonry inside a drawer or a two-column page is narrower than the window,\n     * and a media query would give it desktop columns at 300px wide. `ResizeObserver`\n     * is what makes the breakpoint map mean \"this container\", which is the only\n     * useful reading.\n     */\n    useEffect(() => {\n        const node = wrapper.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(([entry]) => {\n            setWidth(entry.contentRect.width);\n        });\n        observer.observe(node);\n        setWidth(node.getBoundingClientRect().width);\n        return () => observer.disconnect();\n    }, []);\n\n    /**\n     * Re-read every card's height, and store it only when something moved.\n     *\n     * The equality check is what stops the loop: writing a new array on every pass\n     * would re-render, re-measure and write again. The first render lays out in\n     * source order with weight 1 each — never blank — and this pass re-deals with\n     * real numbers.\n     */\n    const measure = useCallback(() => {\n        const next = items.map((_, index) => {\n            const node = cells.current.get(index);\n            return node ? node.getBoundingClientRect().height : 1;\n        });\n        setHeights((current) =>\n            current.length === next.length && current.every((value, i) => value === next[i])\n                ? current\n                : next,\n        );\n    }, [items]);\n\n    useLayoutEffect(measure, [measure, columnCount, width]);\n\n    /**\n     * Re-measure when a card changes size on its own — an image finishing its\n     * download is the common one, and it is exactly the case a height measured at\n     * mount gets wrong.\n     */\n    useEffect(() => {\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(measure);\n        for (const node of cells.current.values()) observer.observe(node);\n        return () => observer.disconnect();\n    }, [measure, columnCount]);\n\n    const layout = useMemo(\n        () =>\n            distribute(\n                items.map((_, index) => heights[index] ?? 1),\n                columnCount,\n            ),\n        [items, heights, columnCount],\n    );\n\n    return (\n        <div\n            ref={wrapper}\n            className={cn(styles.wrapper, className)}\n            style={{ ...style, ...(gap ? { \"--tempest-masonry-gap\": gap } : {}) }}\n            {...rest}\n        >\n            {layout.map((columnItems, column) => (\n                <div key={column} className={styles.column}>\n                    {columnItems.map((index) => {\n                        const item = items[index];\n                        return (\n                            <div\n                                key={itemKey ? itemKey(item, index) : index}\n                                className={styles.item}\n                                ref={(node) => {\n                                    if (node) cells.current.set(index, node);\n                                    else cells.current.delete(index);\n                                }}\n                            >\n                                {children(item, index)}\n                            </div>\n                        );\n                    })}\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"mappings":"gKAoCA,IAAM,EAA0C,CAAE,EAAG,EAAG,IAAK,EAAG,KAAM,CAAE,EAiBxE,SAAgB,EAAW,CACvB,QACA,WACA,UACA,UAAU,EACV,MACA,YACA,QACA,GAAG,GACa,CAChB,IAAM,GAAA,EAAA,EAAA,OAAA,CAAwC,IAAI,EAC5C,GAAA,EAAA,EAAA,OAAA,CAAyC,IAAI,GAAK,EAClD,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAAqB,CAAC,EAC9B,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAiC,CAAC,CAAC,EAE7C,EAAc,EAAA,WAAW,EAAO,CAAO,GAU7C,EAAA,EAAA,UAAA,KAAgB,CACZ,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,GAAQ,OAAO,eAAmB,IAAa,OACpD,IAAM,EAAW,IAAI,gBAAgB,CAAC,KAAW,CAC7C,EAAS,EAAM,YAAY,KAAK,CACpC,CAAC,EAGD,OAFA,EAAS,QAAQ,CAAI,EACrB,EAAS,EAAK,sBAAsB,CAAC,CAAC,KAAK,MAC9B,EAAS,WAAW,CACrC,EAAG,CAAC,CAAC,EAUL,IAAM,GAAA,EAAA,EAAA,YAAA,KAA4B,CAC9B,IAAM,EAAO,EAAM,KAAK,EAAG,IAAU,CACjC,IAAM,EAAO,EAAM,QAAQ,IAAI,CAAK,EACpC,OAAO,EAAO,EAAK,sBAAsB,CAAC,CAAC,OAAS,CACxD,CAAC,EACD,EAAY,GACR,EAAQ,SAAW,EAAK,QAAU,EAAQ,OAAO,EAAO,IAAM,IAAU,EAAK,EAAE,EACzE,EACA,CACV,CACJ,EAAG,CAAC,CAAK,CAAC,GAEV,EAAA,EAAA,gBAAA,CAAgB,EAAS,CAAC,EAAS,EAAa,CAAK,CAAC,GAOtD,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,OAAO,eAAmB,IAAa,OAC3C,IAAM,EAAW,IAAI,eAAe,CAAO,EAC3C,IAAK,IAAM,KAAQ,EAAM,QAAQ,OAAO,EAAG,EAAS,QAAQ,CAAI,EAChE,UAAa,EAAS,WAAW,CACrC,EAAG,CAAC,EAAS,CAAW,CAAC,EAEzB,IAAM,GAAA,EAAA,EAAA,QAAA,KAEE,EAAA,WACI,EAAM,KAAK,EAAG,IAAU,EAAQ,IAAU,CAAC,EAC3C,CACJ,EACJ,CAAC,EAAO,EAAS,CAAW,CAChC,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,MAAO,CAAE,GAAG,EAAO,GAAI,EAAM,CAAE,wBAAyB,CAAI,EAAI,CAAC,CAAG,EACpE,GAAI,WAEH,EAAO,KAAK,EAAa,KACtB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAkB,UAAW,EAAA,QAAO,gBAC/B,EAAY,IAAK,GAAU,CACxB,IAAM,EAAO,EAAM,GACnB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAEI,UAAW,EAAA,QAAO,KAClB,IAAM,GAAS,CACP,EAAM,EAAM,QAAQ,IAAI,EAAO,CAAI,EAClC,EAAM,QAAQ,OAAO,CAAK,CACnC,WAEC,EAAS,EAAM,CAAK,CACpB,EARI,EAAU,EAAQ,EAAM,CAAK,EAAI,CAQrC,CAEb,CAAC,CACA,EAhBK,CAgBL,CACR,CACA,CAAA,CAEb"}
+{"version":3,"file":"Masonry.cjs","names":[],"sources":["../../../src/components/Masonry/Masonry.tsx"],"sourcesContent":["import {\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { columnsFor, distribute } from \"./masonry-layout\";\nimport styles from \"./Masonry.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MasonryProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** What to lay out. */\n    items: readonly T[];\n    /** Render one card. */\n    children: (item: T, index: number) => ReactNode;\n    /** Stable key per item. Index is a fallback nobody should rely on. */\n    itemKey?: (item: T, index: number) => string | number;\n    /**\n     * Column count: a fixed number, or a `width → columns` map read as\n     * \"from this width up\". Default `{ 0: 1, 640: 2, 1024: 3 }`.\n     */\n    columns?: number | Record<number, number>;\n    /** Gap between cards, any CSS length. Default `var(--tempest-space-4)`. */\n    gap?: string;\n}\n\n/** Default breakpoints: one column on a phone, three on a desktop. */\nconst DEFAULT_COLUMNS: Record<number, number> = { 0: 1, 640: 2, 1024: 3 };\n\n/**\n * Masonry layout: cards of uneven height packed into columns with an even bottom\n * edge.\n *\n * Measures the rendered cards and deals each one into the shortest column, rather\n * than using CSS `columns` or `grid-auto-flow: dense`. Both of those are one line\n * of CSS and neither does this job: CSS `columns` breaks a card across the column\n * boundary, and a dense grid keeps every row the height of its tallest cell, which\n * is the ragged bottom edge people reach for masonry to avoid.\n *\n * @example\n * <Masonry items={fotos} itemKey={(foto) => foto.id} columns={{ 0: 1, 700: 2, 1100: 4 }}>\n *     {(foto) => <img src={foto.url} alt={foto.alt} />}\n * </Masonry>\n */\nexport function Masonry<T>({\n    items,\n    children,\n    itemKey,\n    columns = DEFAULT_COLUMNS,\n    gap,\n    className,\n    style,\n    ...rest\n}: MasonryProps<T>) {\n    const wrapper = useRef<HTMLDivElement | null>(null);\n    const cells = useRef<Map<number, HTMLElement>>(new Map());\n    const [width, setWidth] = useState(0);\n    const [heights, setHeights] = useState<number[]>([]);\n\n    const columnCount = columnsFor(width, columns);\n\n    /**\n     * Track the container width, not the viewport.\n     *\n     * A masonry inside a drawer or a two-column page is narrower than the window,\n     * and a media query would give it desktop columns at 300px wide. `ResizeObserver`\n     * is what makes the breakpoint map mean \"this container\", which is the only\n     * useful reading.\n     */\n    useEffect(() => {\n        const node = wrapper.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(([entry]) => {\n            setWidth(entry.contentRect.width);\n        });\n        observer.observe(node);\n        setWidth(node.getBoundingClientRect().width);\n        return () => observer.disconnect();\n    }, []);\n\n    /**\n     * Re-read every card's height, and store it only when something moved.\n     *\n     * The equality check is what stops the loop: writing a new array on every pass\n     * would re-render, re-measure and write again. The first render lays out in\n     * source order with weight 1 each — never blank — and this pass re-deals with\n     * real numbers.\n     */\n    const measure = useCallback(() => {\n        const next = items.map((_, index) => {\n            const node = cells.current.get(index);\n            return node ? node.getBoundingClientRect().height : 1;\n        });\n        setHeights((current) =>\n            current.length === next.length && current.every((value, i) => value === next[i])\n                ? current\n                : next,\n        );\n    }, [items]);\n\n    useLayoutEffect(measure, [measure, columnCount, width]);\n\n    /**\n     * Re-measure when a card changes size on its own — an image finishing its\n     * download is the common one, and it is exactly the case a height measured at\n     * mount gets wrong.\n     */\n    useEffect(() => {\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(measure);\n        for (const node of cells.current.values()) observer.observe(node);\n        return () => observer.disconnect();\n    }, [measure, columnCount]);\n\n    const layout = useMemo(\n        () =>\n            distribute(\n                items.map((_, index) => heights[index] ?? 1),\n                columnCount,\n            ),\n        [items, heights, columnCount],\n    );\n\n    return (\n        <div\n            ref={wrapper}\n            className={cn(styles.wrapper, className)}\n            style={{ ...style, ...(gap ? { \"--tempest-masonry-gap\": gap } : {}) }}\n            {...rest}\n        >\n            {layout.map((columnItems, column) => (\n                <div key={column} className={styles.column}>\n                    {columnItems.map((index) => {\n                        const item = items[index];\n                        return (\n                            <div\n                                key={itemKey ? itemKey(item, index) : index}\n                                className={styles.item}\n                                ref={(node) => {\n                                    if (node) cells.current.set(index, node);\n                                    else cells.current.delete(index);\n                                }}\n                            >\n                                {children(item, index)}\n                            </div>\n                        );\n                    })}\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"mappings":"gKAoCA,IAAM,EAA0C,CAAE,EAAG,EAAG,IAAK,EAAG,KAAM,CAAE,EAiBxE,SAAgB,EAAW,CACvB,QACA,WACA,UACA,UAAU,EACV,MACA,YACA,QACA,GAAG,GACa,CAChB,IAAM,GAAA,EAAU,EAAA,OAAA,CAA8B,IAAI,EAC5C,GAAA,EAAQ,EAAA,OAAA,CAAiC,IAAI,GAAK,EAClD,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAS,CAAC,EAC9B,CAAC,EAAS,IAAA,EAAc,EAAA,SAAA,CAAmB,CAAC,CAAC,EAE7C,EAAc,EAAA,WAAW,EAAO,CAAO,GAU7C,EAAA,EAAA,UAAA,KAAgB,CACZ,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,GAAQ,OAAO,eAAmB,IAAa,OACpD,IAAM,EAAW,IAAI,gBAAgB,CAAC,KAAW,CAC7C,EAAS,EAAM,YAAY,KAAK,CACpC,CAAC,EAGD,OAFA,EAAS,QAAQ,CAAI,EACrB,EAAS,EAAK,sBAAsB,CAAC,CAAC,KAAK,MAC9B,EAAS,WAAW,CACrC,EAAG,CAAC,CAAC,EAUL,IAAM,GAAA,EAAU,EAAA,YAAA,KAAkB,CAC9B,IAAM,EAAO,EAAM,KAAK,EAAG,IAAU,CACjC,IAAM,EAAO,EAAM,QAAQ,IAAI,CAAK,EACpC,OAAO,EAAO,EAAK,sBAAsB,CAAC,CAAC,OAAS,CACxD,CAAC,EACD,EAAY,GACR,EAAQ,SAAW,EAAK,QAAU,EAAQ,OAAO,EAAO,IAAM,IAAU,EAAK,EAAE,EACzE,EACA,CACV,CACJ,EAAG,CAAC,CAAK,CAAC,GAEV,EAAA,EAAA,gBAAA,CAAgB,EAAS,CAAC,EAAS,EAAa,CAAK,CAAC,GAOtD,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,OAAO,eAAmB,IAAa,OAC3C,IAAM,EAAW,IAAI,eAAe,CAAO,EAC3C,IAAK,IAAM,KAAQ,EAAM,QAAQ,OAAO,EAAG,EAAS,QAAQ,CAAI,EAChE,UAAa,EAAS,WAAW,CACrC,EAAG,CAAC,EAAS,CAAW,CAAC,EAEzB,IAAM,GAAA,EAAS,EAAA,QAAA,KAEP,EAAA,WACI,EAAM,KAAK,EAAG,IAAU,EAAQ,IAAU,CAAC,EAC3C,CACJ,EACJ,CAAC,EAAO,EAAS,CAAW,CAChC,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,MAAO,CAAE,GAAG,EAAO,GAAI,EAAM,CAAE,wBAAyB,CAAI,EAAI,CAAC,CAAG,EACpE,GAAI,EAEH,SAAA,EAAO,KAAK,EAAa,KACtB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAkB,UAAW,EAAA,QAAO,OAC/B,SAAA,EAAY,IAAK,GAAU,CACxB,IAAM,EAAO,EAAM,GACnB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAEI,UAAW,EAAA,QAAO,KAClB,IAAM,GAAS,CACP,EAAM,EAAM,QAAQ,IAAI,EAAO,CAAI,EAClC,EAAM,QAAQ,OAAO,CAAK,CACnC,EAEC,SAAA,EAAS,EAAM,CAAK,CACpB,EARI,EAAU,EAAQ,EAAM,CAAK,EAAI,CAQrC,CAEb,CAAC,CACA,EAhBK,CAgBL,CACR,CACA,CAAA,CAEb"}

package/dist/components/Masonry/Masonry.js.map

@@ -1 +1 @@
-{"version":3,"file":"Masonry.js","names":[],"sources":["../../../src/components/Masonry/Masonry.tsx"],"sourcesContent":["import {\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { columnsFor, distribute } from \"./masonry-layout\";\nimport styles from \"./Masonry.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MasonryProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** What to lay out. */\n    items: readonly T[];\n    /** Render one card. */\n    children: (item: T, index: number) => ReactNode;\n    /** Stable key per item. Index is a fallback nobody should rely on. */\n    itemKey?: (item: T, index: number) => string | number;\n    /**\n     * Column count: a fixed number, or a `width → columns` map read as\n     * \"from this width up\". Default `{ 0: 1, 640: 2, 1024: 3 }`.\n     */\n    columns?: number | Record<number, number>;\n    /** Gap between cards, any CSS length. Default `var(--tempest-space-4)`. */\n    gap?: string;\n}\n\n/** Default breakpoints: one column on a phone, three on a desktop. */\nconst DEFAULT_COLUMNS: Record<number, number> = { 0: 1, 640: 2, 1024: 3 };\n\n/**\n * Masonry layout: cards of uneven height packed into columns with an even bottom\n * edge.\n *\n * Measures the rendered cards and deals each one into the shortest column, rather\n * than using CSS `columns` or `grid-auto-flow: dense`. Both of those are one line\n * of CSS and neither does this job: CSS `columns` breaks a card across the column\n * boundary, and a dense grid keeps every row the height of its tallest cell, which\n * is the ragged bottom edge people reach for masonry to avoid.\n *\n * @example\n * <Masonry items={fotos} itemKey={(foto) => foto.id} columns={{ 0: 1, 700: 2, 1100: 4 }}>\n *     {(foto) => <img src={foto.url} alt={foto.alt} />}\n * </Masonry>\n */\nexport function Masonry<T>({\n    items,\n    children,\n    itemKey,\n    columns = DEFAULT_COLUMNS,\n    gap,\n    className,\n    style,\n    ...rest\n}: MasonryProps<T>) {\n    const wrapper = useRef<HTMLDivElement | null>(null);\n    const cells = useRef<Map<number, HTMLElement>>(new Map());\n    const [width, setWidth] = useState(0);\n    const [heights, setHeights] = useState<number[]>([]);\n\n    const columnCount = columnsFor(width, columns);\n\n    /**\n     * Track the container width, not the viewport.\n     *\n     * A masonry inside a drawer or a two-column page is narrower than the window,\n     * and a media query would give it desktop columns at 300px wide. `ResizeObserver`\n     * is what makes the breakpoint map mean \"this container\", which is the only\n     * useful reading.\n     */\n    useEffect(() => {\n        const node = wrapper.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(([entry]) => {\n            setWidth(entry.contentRect.width);\n        });\n        observer.observe(node);\n        setWidth(node.getBoundingClientRect().width);\n        return () => observer.disconnect();\n    }, []);\n\n    /**\n     * Re-read every card's height, and store it only when something moved.\n     *\n     * The equality check is what stops the loop: writing a new array on every pass\n     * would re-render, re-measure and write again. The first render lays out in\n     * source order with weight 1 each — never blank — and this pass re-deals with\n     * real numbers.\n     */\n    const measure = useCallback(() => {\n        const next = items.map((_, index) => {\n            const node = cells.current.get(index);\n            return node ? node.getBoundingClientRect().height : 1;\n        });\n        setHeights((current) =>\n            current.length === next.length && current.every((value, i) => value === next[i])\n                ? current\n                : next,\n        );\n    }, [items]);\n\n    useLayoutEffect(measure, [measure, columnCount, width]);\n\n    /**\n     * Re-measure when a card changes size on its own — an image finishing its\n     * download is the common one, and it is exactly the case a height measured at\n     * mount gets wrong.\n     */\n    useEffect(() => {\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(measure);\n        for (const node of cells.current.values()) observer.observe(node);\n        return () => observer.disconnect();\n    }, [measure, columnCount]);\n\n    const layout = useMemo(\n        () =>\n            distribute(\n                items.map((_, index) => heights[index] ?? 1),\n                columnCount,\n            ),\n        [items, heights, columnCount],\n    );\n\n    return (\n        <div\n            ref={wrapper}\n            className={cn(styles.wrapper, className)}\n            style={{ ...style, ...(gap ? { \"--tempest-masonry-gap\": gap } : {}) }}\n            {...rest}\n        >\n            {layout.map((columnItems, column) => (\n                <div key={column} className={styles.column}>\n                    {columnItems.map((index) => {\n                        const item = items[index];\n                        return (\n                            <div\n                                key={itemKey ? itemKey(item, index) : index}\n                                className={styles.item}\n                                ref={(node) => {\n                                    if (node) cells.current.set(index, node);\n                                    else cells.current.delete(index);\n                                }}\n                            >\n                                {children(item, index)}\n                            </div>\n                        );\n                    })}\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAoCA,IAAM,IAA0C;CAAE,GAAG;CAAG,KAAK;CAAG,MAAM;AAAE;AAiBxE,SAAgB,EAAW,EACvB,UACA,aACA,YACA,aAAU,GACV,QACA,cACA,UACA,GAAG,KACa;CAChB,IAAM,IAAU,EAA8B,IAAI,GAC5C,IAAQ,kBAAiC,IAAI,IAAI,CAAC,GAClD,CAAC,GAAO,KAAY,EAAS,CAAC,GAC9B,CAAC,GAAS,KAAc,EAAmB,CAAC,CAAC,GAE7C,IAAc,EAAW,GAAO,CAAO;CAU7C,QAAgB;EACZ,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,KAAQ,OAAO,iBAAmB,KAAa;EACpD,IAAM,IAAW,IAAI,gBAAgB,CAAC,OAAW;GAC7C,EAAS,EAAM,YAAY,KAAK;EACpC,CAAC;EAGD,OAFA,EAAS,QAAQ,CAAI,GACrB,EAAS,EAAK,sBAAsB,CAAC,CAAC,KAAK,SAC9B,EAAS,WAAW;CACrC,GAAG,CAAC,CAAC;CAUL,IAAM,IAAU,QAAkB;EAC9B,IAAM,IAAO,EAAM,KAAK,GAAG,MAAU;GACjC,IAAM,IAAO,EAAM,QAAQ,IAAI,CAAK;GACpC,OAAO,IAAO,EAAK,sBAAsB,CAAC,CAAC,SAAS;EACxD,CAAC;EACD,GAAY,MACR,EAAQ,WAAW,EAAK,UAAU,EAAQ,OAAO,GAAO,MAAM,MAAU,EAAK,EAAE,IACzE,IACA,CACV;CACJ,GAAG,CAAC,CAAK,CAAC;CASV,AAPA,EAAgB,GAAS;EAAC;EAAS;EAAa;CAAK,CAAC,GAOtD,QAAgB;EACZ,IAAI,OAAO,iBAAmB,KAAa;EAC3C,IAAM,IAAW,IAAI,eAAe,CAAO;EAC3C,KAAK,IAAM,KAAQ,EAAM,QAAQ,OAAO,GAAG,EAAS,QAAQ,CAAI;EAChE,aAAa,EAAS,WAAW;CACrC,GAAG,CAAC,GAAS,CAAW,CAAC;CAEzB,IAAM,IAAS,QAEP,EACI,EAAM,KAAK,GAAG,MAAU,EAAQ,MAAU,CAAC,GAC3C,CACJ,GACJ;EAAC;EAAO;EAAS;CAAW,CAChC;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,OAAO;GAAE,GAAG;GAAO,GAAI,IAAM,EAAE,yBAAyB,EAAI,IAAI,CAAC;EAAG;EACpE,GAAI;YAEH,EAAO,KAAK,GAAa,MACtB,kBAAC,OAAD;GAAkB,WAAW,EAAO;aAC/B,EAAY,KAAK,MAAU;IACxB,IAAM,IAAO,EAAM;IACnB,OACI,kBAAC,OAAD;KAEI,WAAW,EAAO;KAClB,MAAM,MAAS;MACX,AAAI,IAAM,EAAM,QAAQ,IAAI,GAAO,CAAI,IAClC,EAAM,QAAQ,OAAO,CAAK;KACnC;eAEC,EAAS,GAAM,CAAK;IACpB,GARI,IAAU,EAAQ,GAAM,CAAK,IAAI,CAQrC;GAEb,CAAC;EACA,GAhBK,CAgBL,CACR;CACA,CAAA;AAEb"}
+{"version":3,"file":"Masonry.js","names":[],"sources":["../../../src/components/Masonry/Masonry.tsx"],"sourcesContent":["import {\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { columnsFor, distribute } from \"./masonry-layout\";\nimport styles from \"./Masonry.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\";\n\nexport interface MasonryProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** What to lay out. */\n    items: readonly T[];\n    /** Render one card. */\n    children: (item: T, index: number) => ReactNode;\n    /** Stable key per item. Index is a fallback nobody should rely on. */\n    itemKey?: (item: T, index: number) => string | number;\n    /**\n     * Column count: a fixed number, or a `width → columns` map read as\n     * \"from this width up\". Default `{ 0: 1, 640: 2, 1024: 3 }`.\n     */\n    columns?: number | Record<number, number>;\n    /** Gap between cards, any CSS length. Default `var(--tempest-space-4)`. */\n    gap?: string;\n}\n\n/** Default breakpoints: one column on a phone, three on a desktop. */\nconst DEFAULT_COLUMNS: Record<number, number> = { 0: 1, 640: 2, 1024: 3 };\n\n/**\n * Masonry layout: cards of uneven height packed into columns with an even bottom\n * edge.\n *\n * Measures the rendered cards and deals each one into the shortest column, rather\n * than using CSS `columns` or `grid-auto-flow: dense`. Both of those are one line\n * of CSS and neither does this job: CSS `columns` breaks a card across the column\n * boundary, and a dense grid keeps every row the height of its tallest cell, which\n * is the ragged bottom edge people reach for masonry to avoid.\n *\n * @example\n * <Masonry items={fotos} itemKey={(foto) => foto.id} columns={{ 0: 1, 700: 2, 1100: 4 }}>\n *     {(foto) => <img src={foto.url} alt={foto.alt} />}\n * </Masonry>\n */\nexport function Masonry<T>({\n    items,\n    children,\n    itemKey,\n    columns = DEFAULT_COLUMNS,\n    gap,\n    className,\n    style,\n    ...rest\n}: MasonryProps<T>) {\n    const wrapper = useRef<HTMLDivElement | null>(null);\n    const cells = useRef<Map<number, HTMLElement>>(new Map());\n    const [width, setWidth] = useState(0);\n    const [heights, setHeights] = useState<number[]>([]);\n\n    const columnCount = columnsFor(width, columns);\n\n    /**\n     * Track the container width, not the viewport.\n     *\n     * A masonry inside a drawer or a two-column page is narrower than the window,\n     * and a media query would give it desktop columns at 300px wide. `ResizeObserver`\n     * is what makes the breakpoint map mean \"this container\", which is the only\n     * useful reading.\n     */\n    useEffect(() => {\n        const node = wrapper.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(([entry]) => {\n            setWidth(entry.contentRect.width);\n        });\n        observer.observe(node);\n        setWidth(node.getBoundingClientRect().width);\n        return () => observer.disconnect();\n    }, []);\n\n    /**\n     * Re-read every card's height, and store it only when something moved.\n     *\n     * The equality check is what stops the loop: writing a new array on every pass\n     * would re-render, re-measure and write again. The first render lays out in\n     * source order with weight 1 each — never blank — and this pass re-deals with\n     * real numbers.\n     */\n    const measure = useCallback(() => {\n        const next = items.map((_, index) => {\n            const node = cells.current.get(index);\n            return node ? node.getBoundingClientRect().height : 1;\n        });\n        setHeights((current) =>\n            current.length === next.length && current.every((value, i) => value === next[i])\n                ? current\n                : next,\n        );\n    }, [items]);\n\n    useLayoutEffect(measure, [measure, columnCount, width]);\n\n    /**\n     * Re-measure when a card changes size on its own — an image finishing its\n     * download is the common one, and it is exactly the case a height measured at\n     * mount gets wrong.\n     */\n    useEffect(() => {\n        if (typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver(measure);\n        for (const node of cells.current.values()) observer.observe(node);\n        return () => observer.disconnect();\n    }, [measure, columnCount]);\n\n    const layout = useMemo(\n        () =>\n            distribute(\n                items.map((_, index) => heights[index] ?? 1),\n                columnCount,\n            ),\n        [items, heights, columnCount],\n    );\n\n    return (\n        <div\n            ref={wrapper}\n            className={cn(styles.wrapper, className)}\n            style={{ ...style, ...(gap ? { \"--tempest-masonry-gap\": gap } : {}) }}\n            {...rest}\n        >\n            {layout.map((columnItems, column) => (\n                <div key={column} className={styles.column}>\n                    {columnItems.map((index) => {\n                        const item = items[index];\n                        return (\n                            <div\n                                key={itemKey ? itemKey(item, index) : index}\n                                className={styles.item}\n                                ref={(node) => {\n                                    if (node) cells.current.set(index, node);\n                                    else cells.current.delete(index);\n                                }}\n                            >\n                                {children(item, index)}\n                            </div>\n                        );\n                    })}\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAoCA,IAAM,IAA0C;CAAE,GAAG;CAAG,KAAK;CAAG,MAAM;AAAE;AAiBxE,SAAgB,EAAW,EACvB,UACA,aACA,YACA,aAAU,GACV,QACA,cACA,UACA,GAAG,KACa;CAChB,IAAM,IAAU,EAA8B,IAAI,GAC5C,IAAQ,kBAAiC,IAAI,IAAI,CAAC,GAClD,CAAC,GAAO,KAAY,EAAS,CAAC,GAC9B,CAAC,GAAS,KAAc,EAAmB,CAAC,CAAC,GAE7C,IAAc,EAAW,GAAO,CAAO;CAU7C,QAAgB;EACZ,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,KAAQ,OAAO,iBAAmB,KAAa;EACpD,IAAM,IAAW,IAAI,gBAAgB,CAAC,OAAW;GAC7C,EAAS,EAAM,YAAY,KAAK;EACpC,CAAC;EAGD,OAFA,EAAS,QAAQ,CAAI,GACrB,EAAS,EAAK,sBAAsB,CAAC,CAAC,KAAK,SAC9B,EAAS,WAAW;CACrC,GAAG,CAAC,CAAC;CAUL,IAAM,IAAU,QAAkB;EAC9B,IAAM,IAAO,EAAM,KAAK,GAAG,MAAU;GACjC,IAAM,IAAO,EAAM,QAAQ,IAAI,CAAK;GACpC,OAAO,IAAO,EAAK,sBAAsB,CAAC,CAAC,SAAS;EACxD,CAAC;EACD,GAAY,MACR,EAAQ,WAAW,EAAK,UAAU,EAAQ,OAAO,GAAO,MAAM,MAAU,EAAK,EAAE,IACzE,IACA,CACV;CACJ,GAAG,CAAC,CAAK,CAAC;CASV,AAPA,EAAgB,GAAS;EAAC;EAAS;EAAa;CAAK,CAAC,GAOtD,QAAgB;EACZ,IAAI,OAAO,iBAAmB,KAAa;EAC3C,IAAM,IAAW,IAAI,eAAe,CAAO;EAC3C,KAAK,IAAM,KAAQ,EAAM,QAAQ,OAAO,GAAG,EAAS,QAAQ,CAAI;EAChE,aAAa,EAAS,WAAW;CACrC,GAAG,CAAC,GAAS,CAAW,CAAC;CAEzB,IAAM,IAAS,QAEP,EACI,EAAM,KAAK,GAAG,MAAU,EAAQ,MAAU,CAAC,GAC3C,CACJ,GACJ;EAAC;EAAO;EAAS;CAAW,CAChC;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,OAAO;GAAE,GAAG;GAAO,GAAI,IAAM,EAAE,yBAAyB,EAAI,IAAI,CAAC;EAAG;EACpE,GAAI;EAEH,UAAA,EAAO,KAAK,GAAa,MACtB,kBAAC,OAAD;GAAkB,WAAW,EAAO;GAC/B,UAAA,EAAY,KAAK,MAAU;IACxB,IAAM,IAAO,EAAM;IACnB,OACI,kBAAC,OAAD;KAEI,WAAW,EAAO;KAClB,MAAM,MAAS;MACX,AAAI,IAAM,EAAM,QAAQ,IAAI,GAAO,CAAI,IAClC,EAAM,QAAQ,OAAO,CAAK;KACnC;KAEC,UAAA,EAAS,GAAM,CAAK;IACpB,GARI,IAAU,EAAQ,GAAM,CAAK,IAAI,CAQrC;GAEb,CAAC;EACA,GAhBK,CAgBL,CACR;CACA,CAAA;AAEb"}

package/dist/components/Menubar/Menubar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — a menubar has two keyboard planes — arrow keys\n * move between menus, arrows inside one move between items — and the body owns both\n * because a key press is routed by which plane is open.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Menubar.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — a menubar has two keyboard planes — arrow keys\n * move between menus, arrows inside one move between items — and the body owns both\n * because a key press is routed by which plane is open.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Menubar/Menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.js","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — a menubar has two keyboard planes — arrow keys\n * move between menus, arrows inside one move between items — and the body owns both\n * because a key press is routed by which plane is open.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAmCA,SAAS,EAAY,GAAgD;CACjE,OAAO,eAAe;AAC1B;AAwBA,SAAgB,EAAQ,EAAE,UAAO,cAAW,GAAG,KAAuB;CAClE,IAAM,CAAC,GAAW,KAAgB,EAAiB,EAAE,GAC/C,IAAS,EAAM,GACf,IAAU,EAAuB,IAAI,GACrC,IAAc,EAAwC,CAAC,CAAC,GAExD,IAAQ,QAAwB;EAClC,EAAa,EAAE;CACnB,GAAG,CAAC,CAAC;CAkCL,OAhCA,QAAgB;EACZ,IAAI,MAAc,IAAI;EACtB,IAAM,KAAS,MAA+B;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAExB,AADA,EAAM,GACN,EAAY,QAAQ,EAAU,EAAE,MAAM;IACtC;GACJ;GACA,IAAI,EAAM,QAAQ,cAAc;IAC5B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,KAAK,EAAM;IAErC,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;GACA,IAAI,EAAM,QAAQ,aAAa;IAC3B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,IAAI,EAAM,UAAU,EAAM;IAEpD,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;EACJ,GACM,KAAU,MAA4B;GACxC,AAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,KAAG,EAAM;EAClF;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAK,GACxC,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG;EAAC;EAAW,EAAM;EAAQ;CAAK,CAAC,GAG/B,kBAAC,OAAD;EAAK,KAAK;EAAS,MAAK;EAAU,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YACxE,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAO,MAAc,GACrB,IAAU,GAAG,EAAO,SAAS;GACnC,OACI,kBAAC,OAAD;IAAiB,WAAW,EAAO;cAAnC,CACI,kBAAC,UAAD;KACI,MAAM,MAAO;MACT,EAAY,QAAQ,KAAS;KACjC;KACA,MAAK;KACL,MAAK;KACL,iBAAc;KACd,iBAAe;KACf,iBAAe,IAAO,IAAU,KAAA;KAChC,WAAW,EAAG,EAAO,SAAS,KAAQ,EAAO,WAAW;KACxD,eAAe,GAAc,MAAU,MAAS,IAAQ,KAAK,CAAM;eAElE,EAAK;IACF,CAAA,GACP,KACG,kBAAC,MAAD;KAAI,IAAI;KAAS,MAAK;KAAO,WAAW,EAAO;eAC1C,EAAK,MAAM,KAAK,GAAM,MACf,EAAY,CAAI,IAEZ,kBAAC,MAAD;MAEI,MAAK;MACL,WAAW,EAAO;MAClB,eAAA;KACH,GAJQ,CAIR,IAIL,kBAAC,MAAD;MAAoB,MAAK;gBACrB,kBAAC,UAAD;OACI,MAAK;OACL,MAAK;OACL,WAAW,EAAO;OAClB,UAAU,EAAK;OACf,eAAe;QAEX,AADA,EAAK,WAAW,GAChB,EAAM;OACV;iBARJ,CAUI,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACnB,EAAK;OACJ,CAAA,GACL,EAAK,YACF,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACnB,EAAK;OACJ,CAAA,CAEN;;KACR,GApBK,CAoBL,CAEX;IACD,CAAA,CAEP;MAtDK,CAsDL;EAEb,CAAC;CACA,CAAA;AAEb"}
+{"version":3,"file":"Menubar.js","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — a menubar has two keyboard planes — arrow keys\n * move between menus, arrows inside one move between items — and the body owns both\n * because a key press is routed by which plane is open.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAmCA,SAAS,EAAY,GAAgD;CACjE,OAAO,eAAe;AAC1B;AAwBA,SAAgB,EAAQ,EAAE,UAAO,cAAW,GAAG,KAAuB;CAClE,IAAM,CAAC,GAAW,KAAgB,EAAiB,EAAE,GAC/C,IAAS,EAAM,GACf,IAAU,EAAuB,IAAI,GACrC,IAAc,EAAwC,CAAC,CAAC,GAExD,IAAQ,QAAwB;EAClC,EAAa,EAAE;CACnB,GAAG,CAAC,CAAC;CAkCL,OAhCA,QAAgB;EACZ,IAAI,MAAc,IAAI;EACtB,IAAM,KAAS,MAA+B;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAExB,AADA,EAAM,GACN,EAAY,QAAQ,EAAU,EAAE,MAAM;IACtC;GACJ;GACA,IAAI,EAAM,QAAQ,cAAc;IAC5B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,KAAK,EAAM;IAErC,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;GACA,IAAI,EAAM,QAAQ,aAAa;IAC3B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,IAAI,EAAM,UAAU,EAAM;IAEpD,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;EACJ,GACM,KAAU,MAA4B;GACxC,AAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,KAAG,EAAM;EAClF;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAK,GACxC,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG;EAAC;EAAW,EAAM;EAAQ;CAAK,CAAC,GAG/B,kBAAC,OAAD;EAAK,KAAK;EAAS,MAAK;EAAU,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;EACxE,UAAA,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAO,MAAc,GACrB,IAAU,GAAG,EAAO,SAAS;GACnC,OACI,kBAAC,OAAD;IAAiB,WAAW,EAAO;IAAnC,UAAA,CACI,kBAAC,UAAD;KACI,MAAM,MAAO;MACT,EAAY,QAAQ,KAAS;KACjC;KACA,MAAK;KACL,MAAK;KACL,iBAAc;KACd,iBAAe;KACf,iBAAe,IAAO,IAAU,KAAA;KAChC,WAAW,EAAG,EAAO,SAAS,KAAQ,EAAO,WAAW;KACxD,eAAe,GAAc,MAAU,MAAS,IAAQ,KAAK,CAAM;KAElE,UAAA,EAAK;IACF,CAAA,GACP,KACG,kBAAC,MAAD;KAAI,IAAI;KAAS,MAAK;KAAO,WAAW,EAAO;KAC1C,UAAA,EAAK,MAAM,KAAK,GAAM,MACf,EAAY,CAAI,IAEZ,kBAAC,MAAD;MAEI,MAAK;MACL,WAAW,EAAO;MAClB,eAAA;KACH,GAJQ,CAIR,IAIL,kBAAC,MAAD;MAAoB,MAAK;MACrB,UAAA,kBAAC,UAAD;OACI,MAAK;OACL,MAAK;OACL,WAAW,EAAO;OAClB,UAAU,EAAK;OACf,eAAe;QAEX,AADA,EAAK,WAAW,GAChB,EAAM;OACV;OARJ,UAAA,CAUI,kBAAC,QAAD;QAAM,WAAW,EAAO;QACnB,UAAA,EAAK;OACJ,CAAA,GACL,EAAK,YACF,kBAAC,QAAD;QAAM,WAAW,EAAO;QACnB,UAAA,EAAK;OACJ,CAAA,CAEN;;KACR,GApBK,CAoBL,CAEX;IACD,CAAA,CAEP;GAtDK,GAAA,CAsDL;EAEb,CAAC;CACA,CAAA;AAEb"}

package/dist/components/Modal/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — size, fullscreen and\n * fullscreenOnMobile are three distinct decisions (a fixed width, always full, full\n * only on a phone), and the rest is the dialog contract: open, onClose, title,\n * children, footer, closeOnBackdrop, closeOnEsc, hideCloseButton. The body is the\n * focus trap and the scroll lock, which must be installed and torn down together.\n */\nimport { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\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            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\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":"mJA8CA,SAAgB,EAAM,CAClB,OACA,UACA,QACA,WACA,SACA,OAAO,KACP,kBAAkB,GAClB,aAAa,GACb,YACA,kBAAkB,GAClB,aAAa,GACb,qBAAqB,GACrB,aAAc,GACH,CACX,IAAM,GAAA,EAAA,EAAA,MAAA,CAAgB,EAmBtB,OAlBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAE/B,IAAM,EAAa,GAA+B,CAC1C,GAAc,EAAM,MAAQ,UAAU,EAAQ,CACtD,EAGA,OAFA,OAAO,iBAAiB,UAAW,CAAS,MAE/B,CACT,SAAS,KAAK,MAAM,SAAW,EAC/B,OAAO,oBAAoB,UAAW,CAAS,CACnD,CACJ,EAAG,CAAC,EAAM,EAAY,CAAO,CAAC,EAE1B,CAAC,GAAQ,OAAO,SAAa,IAAoB,MAErD,EAAA,EAAA,aAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,QAClB,KAAK,eACL,YAAe,CACP,GAAiB,EAAQ,CACjC,YAEA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,aAAW,OACX,kBAAiB,EAAQ,EAAU,IAAA,GACnC,aAAY,EAAQ,IAAA,GAAY,EAChC,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAc,CAAI,EAClB,GAAc,EAAA,QAAO,WACrB,GAAsB,EAAA,QAAO,mBAC7B,CACJ,EACA,QAAU,GAAU,EAAM,gBAAgB,WAZ9C,EAcM,GAAS,CAAC,KACR,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,CACK,IACG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAS,UAAW,EAAA,QAAO,eAC9B,CACD,CAAA,EAEP,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAW,SACX,QAAS,YAET,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAER,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAC3C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC5D,GACJ,CAAA,EACL,SAAS,IACb,CACJ,CAEA,SAAS,EAAc,EAAqC,CAGxD,OAFI,IAAS,MAAc,EAAA,QAAO,QAC9B,IAAS,MAAc,EAAA,QAAO,QAC3B,EAAA,QAAO,EAClB,CAEA,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}
+{"version":3,"file":"Modal.cjs","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — size, fullscreen and\n * fullscreenOnMobile are three distinct decisions (a fixed width, always full, full\n * only on a phone), and the rest is the dialog contract: open, onClose, title,\n * children, footer, closeOnBackdrop, closeOnEsc, hideCloseButton. The body is the\n * focus trap and the scroll lock, which must be installed and torn down together.\n */\nimport { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\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            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\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":"mJA8CA,SAAgB,EAAM,CAClB,OACA,UACA,QACA,WACA,SACA,OAAO,KACP,kBAAkB,GAClB,aAAa,GACb,YACA,kBAAkB,GAClB,aAAa,GACb,qBAAqB,GACrB,aAAc,GACH,CACX,IAAM,GAAA,EAAU,EAAA,MAAA,CAAM,EAmBtB,OAlBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAE/B,IAAM,EAAa,GAA+B,CAC1C,GAAc,EAAM,MAAQ,UAAU,EAAQ,CACtD,EAGA,OAFA,OAAO,iBAAiB,UAAW,CAAS,MAE/B,CACT,SAAS,KAAK,MAAM,SAAW,EAC/B,OAAO,oBAAoB,UAAW,CAAS,CACnD,CACJ,EAAG,CAAC,EAAM,EAAY,CAAO,CAAC,EAE1B,CAAC,GAAQ,OAAO,SAAa,IAAoB,MAErD,EAAO,EAAA,aAAA,EACH,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,QAClB,KAAK,eACL,YAAe,CACP,GAAiB,EAAQ,CACjC,EAEA,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,aAAW,OACX,kBAAiB,EAAQ,EAAU,IAAA,GACnC,aAAY,EAAQ,IAAA,GAAY,EAChC,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAc,CAAI,EAClB,GAAc,EAAA,QAAO,WACrB,GAAsB,EAAA,QAAO,mBAC7B,CACJ,EACA,QAAU,GAAU,EAAM,gBAAgB,EAZ9C,SAAA,EAcM,GAAS,CAAC,KACR,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,OAA1B,SAAA,CACK,IACG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAS,UAAW,EAAA,QAAO,MAC9B,SAAA,CACD,CAAA,EAEP,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAW,SACX,QAAS,EAET,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAER,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAC3C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,OAAS,SAAA,CAAe,CAAA,CAC5D,GACJ,CAAA,EACL,SAAS,IACb,CACJ,CAEA,SAAS,EAAc,EAAqC,CAGxD,OAFI,IAAS,MAAc,EAAA,QAAO,QAC9B,IAAS,MAAc,EAAA,QAAO,QAC3B,EAAA,QAAO,EAClB,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,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — size, fullscreen and\n * fullscreenOnMobile are three distinct decisions (a fixed width, always full, full\n * only on a phone), and the rest is the dialog contract: open, onClose, title,\n * children, footer, closeOnBackdrop, closeOnEsc, hideCloseButton. The body is the\n * focus trap and the scroll lock, which must be installed and torn down together.\n */\nimport { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\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            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\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,EAAM,EAClB,SACA,YACA,UACA,aACA,WACA,UAAO,MACP,qBAAkB,IAClB,gBAAa,IACb,cACA,qBAAkB,IAClB,gBAAa,IACb,wBAAqB,IACrB,cAAc,KACH;CACX,IAAM,IAAU,EAAM;CAmBtB,OAlBA,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAmB,SAAS,KAAK,MAAM;EAC7C,SAAS,KAAK,MAAM,WAAW;EAE/B,IAAM,KAAa,MAA+B;GAC9C,AAAI,KAAc,EAAM,QAAQ,YAAU,EAAQ;EACtD;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAS,SAE/B;GAET,AADA,SAAS,KAAK,MAAM,WAAW,GAC/B,OAAO,oBAAoB,WAAW,CAAS;EACnD;CACJ,GAAG;EAAC;EAAM;EAAY;CAAO,CAAC,GAE1B,CAAC,KAAQ,OAAO,WAAa,MAAoB,OAE9C,EACH,kBAAC,OAAD;EACI,WAAW,EAAO;EAClB,MAAK;EACL,eAAe;GACX,AAAI,KAAiB,EAAQ;EACjC;YAEA,kBAAC,OAAD;GACI,MAAK;GACL,cAAW;GACX,mBAAiB,IAAQ,IAAU,KAAA;GACnC,cAAY,IAAQ,KAAA,IAAY;GAChC,WAAW,EACP,EAAO,QACP,EAAc,CAAI,GAClB,KAAc,EAAO,YACrB,KAAsB,EAAO,oBAC7B,CACJ;GACA,UAAU,MAAU,EAAM,gBAAgB;aAZ9C;KAcM,KAAS,CAAC,MACR,kBAAC,UAAD;KAAQ,WAAW,EAAO;eAA1B,CACK,KACG,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAW,EAAO;gBAC9B;KACD,CAAA,GAEP,CAAC,KACE,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAW;MACX,SAAS;gBAET,kBAAC,GAAD,CAAY,CAAA;KACR,CAAA,CAER;;IAEZ,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAO;IAAc,CAAA;IAC3C,KAAU,kBAAC,UAAD;KAAQ,WAAW,EAAO;eAAS;IAAe,CAAA;GAC5D;;CACJ,CAAA,GACL,SAAS,IACb;AACJ;AAEA,SAAS,EAAc,GAAqC;CAGxD,OAFI,MAAS,QAAc,EAAO,UAC9B,MAAS,QAAc,EAAO,UAC3B,EAAO;AAClB;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}
+{"version":3,"file":"Modal.js","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count, function-lines — size, fullscreen and\n * fullscreenOnMobile are three distinct decisions (a fixed width, always full, full\n * only on a phone), and the rest is the dialog contract: open, onClose, title,\n * children, footer, closeOnBackdrop, closeOnEsc, hideCloseButton. The body is the\n * focus trap and the scroll lock, which must be installed and torn down together.\n */\nimport { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\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            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\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,EAAM,EAClB,SACA,YACA,UACA,aACA,WACA,UAAO,MACP,qBAAkB,IAClB,gBAAa,IACb,cACA,qBAAkB,IAClB,gBAAa,IACb,wBAAqB,IACrB,cAAc,KACH;CACX,IAAM,IAAU,EAAM;CAmBtB,OAlBA,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAmB,SAAS,KAAK,MAAM;EAC7C,SAAS,KAAK,MAAM,WAAW;EAE/B,IAAM,KAAa,MAA+B;GAC9C,AAAI,KAAc,EAAM,QAAQ,YAAU,EAAQ;EACtD;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAS,SAE/B;GAET,AADA,SAAS,KAAK,MAAM,WAAW,GAC/B,OAAO,oBAAoB,WAAW,CAAS;EACnD;CACJ,GAAG;EAAC;EAAM;EAAY;CAAO,CAAC,GAE1B,CAAC,KAAQ,OAAO,WAAa,MAAoB,OAE9C,EACH,kBAAC,OAAD;EACI,WAAW,EAAO;EAClB,MAAK;EACL,eAAe;GACX,AAAI,KAAiB,EAAQ;EACjC;EAEA,UAAA,kBAAC,OAAD;GACI,MAAK;GACL,cAAW;GACX,mBAAiB,IAAQ,IAAU,KAAA;GACnC,cAAY,IAAQ,KAAA,IAAY;GAChC,WAAW,EACP,EAAO,QACP,EAAc,CAAI,GAClB,KAAc,EAAO,YACrB,KAAsB,EAAO,oBAC7B,CACJ;GACA,UAAU,MAAU,EAAM,gBAAgB;GAZ9C,UAAA;KAcM,KAAS,CAAC,MACR,kBAAC,UAAD;KAAQ,WAAW,EAAO;KAA1B,UAAA,CACK,KACG,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAW,EAAO;MAC9B,UAAA;KACD,CAAA,GAEP,CAAC,KACE,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAW;MACX,SAAS;MAET,UAAA,kBAAC,GAAD,CAAY,CAAA;KACR,CAAA,CAER;;IAEZ,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAO;IAAc,CAAA;IAC3C,KAAU,kBAAC,UAAD;KAAQ,WAAW,EAAO;KAAS,UAAA;IAAe,CAAA;GAC5D;;CACJ,CAAA,GACL,SAAS,IACb;AACJ;AAEA,SAAS,EAAc,GAAqC;CAGxD,OAFI,MAAS,QAAc,EAAO,UAC9B,MAAS,QAAc,EAAO,UAC3B,EAAO;AAClB;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalsManager.cjs","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the imperative API (open, close, confirm, prompt) and\n * the stack that renders it live in one file so the returned promise and the mounted\n * element cannot drift apart.\n */\nimport { 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":"oLA0EA,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"}
+{"version":3,"file":"ModalsManager.cjs","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the imperative API (open, close, confirm, prompt) and\n * the stack that renders it live in one file so the returned promise and the mounted\n * element cannot drift apart.\n */\nimport { 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":"oLA0EA,IAAM,GAAA,EAAgB,EAAA,cAAA,CAAgC,IAAI,EAgB1D,SAAgB,EAAe,CAAE,YAAiC,CAC9D,GAAM,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAuB,CAAC,CAAC,EAC7C,GAAA,EAAU,EAAA,OAAA,CAAO,CAAC,EAElB,GAAA,EAAS,EAAA,YAAA,MACX,EAAQ,SAAW,EACZ,SAAS,EAAQ,WACzB,CAAC,CAAC,EAEC,GAAA,EAAQ,EAAA,YAAA,CAAa,GAAqB,CAC5C,EAAU,GAAY,EAAQ,OAAQ,GAAU,EAAM,KAAO,CAAE,CAAC,CACpE,EAAG,CAAC,CAAC,EAEC,GAAA,EAAW,EAAA,YAAA,KAAwB,CACrC,EAAS,CAAC,CAAC,CACf,EAAG,CAAC,CAAC,EAEC,GAAA,EAAO,EAAA,YAAA,CACR,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,EAAU,EAAA,YAAA,CACX,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,EAAM,EAAA,QAAA,MACD,CAAE,OAAM,UAAS,QAAO,UAAS,GACxC,CAAC,EAAM,EAAS,EAAO,CAAQ,CACnC,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,EAAc,SAAf,CAAwB,MAAO,EAA/B,SAAA,CACK,GACD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAClB,SAAA,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,gBAExB,SAAA,EAAQ,QACN,CAAA,CAEf,CAOA,SAAS,EAAa,CAAE,QAAO,SAA4B,CACvD,GAAM,CAAE,UAAS,MAAO,EAClB,CAAC,EAAS,IAAA,EAAc,EAAA,SAAA,CAAS,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,EAAM,EAAA,WAAA,CAAW,CAAa,EACpC,GAAI,IAAQ,KACR,MAAU,MAAM,kDAAkD,EAEtE,OAAO,CACX"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalsManager.js","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the imperative API (open, close, confirm, prompt) and\n * the stack that renders it live in one file so the returned promise and the mounted\n * element cannot drift apart.\n */\nimport { 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":";;;;;;AA0EA,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"}
+{"version":3,"file":"ModalsManager.js","names":[],"sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the imperative API (open, close, confirm, prompt) and\n * the stack that renders it live in one file so the returned promise and the mounted\n * element cannot drift apart.\n */\nimport { 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":";;;;;;AA0EA,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;EAA/B,UAAA,CACK,GACD,kBAAC,OAAD;GAAK,WAAW,EAAO;GAClB,UAAA,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;EAExB,UAAA,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/Money/Money.cjs.map

@@ -1 +1 @@
-{"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"}
+{"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,EAAQ,SAAA,CAAgB,CAAA,CAC7C"}

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

@@ -1 +1 @@
-{"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"}
+{"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;EAAQ,UAAA;CAAgB,CAAA;AAC7C"}