tempest-react-sdk 0.77.0 → 0.79.0

package/dist/components/Transfer/Transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transfer.js","names":[],"sources":["../../../src/components/Transfer/Transfer.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — two lists that hand\n * items to each other: items and value are the model, onChange the move,\n * sourceTitle/targetTitle/renderItem/locale/height the presentation, and\n * searchable/disabled the behaviour. The body keeps both selections and the filter\n * query, and every move reads all three.\n */\nimport { useId, useMemo, useState, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { Checkbox } from \"../Checkbox\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    applyMove,\n    filterItems,\n    movableIds,\n    splitSides,\n    transferStrings,\n    type TransferItem,\n    type TransferSide,\n} from \"./transfer-state\";\nimport styles from \"./Transfer.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onChange\" | \"defaultValue\";\n\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The whole catalogue. Both panes are derived from it. */\n    items: readonly TransferItem[];\n    /** Ids on the target side. Controlled. */\n    value: readonly string[];\n    /** Next value, always in catalogue order. */\n    onChange: (value: string[]) => void;\n    /** Heading of the left pane. Default `\"Disponíveis\"`. */\n    sourceTitle?: ReactNode;\n    /** Heading of the right pane. Default `\"Selecionados\"`. */\n    targetTitle?: ReactNode;\n    /** Show a search box above each pane. Default `true` past 8 items. */\n    searchable?: boolean;\n    /** Custom row body. Gets the item and which side it is on. */\n    renderItem?: (item: TransferItem, side: TransferSide) => ReactNode;\n    /** Locale for labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Height of each pane's scroll area, any CSS length. Default `\"16rem\"`. */\n    height?: string;\n    /** Block every move. */\n    disabled?: boolean;\n}\n\n/**\n * Two panes and a set of move controls: pick a subset out of a catalogue.\n *\n * Controlled on **ids of the target side only**. The panes are derived on every\n * render, never stored, because two stored lists drift the moment the catalogue\n * changes under them — a permission removed upstream lingers in whichever pane\n * held it, and an id in both panes is a bug nobody can see.\n *\n * @example\n * const [roles, setRoles] = useState<string[]>([]);\n *\n * <Transfer\n *     items={allRoles}\n *     value={roles}\n *     onChange={setRoles}\n *     sourceTitle=\"Papéis disponíveis\"\n *     targetTitle=\"Papéis do usuário\"\n * />\n */\nexport function Transfer({\n    items,\n    value,\n    onChange,\n    sourceTitle,\n    targetTitle,\n    searchable,\n    renderItem,\n    locale = \"pt-BR\",\n    height = \"16rem\",\n    disabled = false,\n    className,\n    ...rest\n}: TransferProps) {\n    const strings = transferStrings(locale);\n    const baseId = useId();\n    const [checked, setChecked] = useState<Set<string>>(new Set());\n    const [queries, setQueries] = useState<{ source: string; target: string }>({\n        source: \"\",\n        target: \"\",\n    });\n    const [announcement, setAnnouncement] = useState(\"\");\n\n    const { source, target } = useMemo(() => splitSides(items, value), [items, value]);\n    const withSearch = searchable ?? items.length > 8;\n\n    /**\n     * What each pane is showing right now — the filter included.\n     *\n     * Every control acts on this, not on the pane's full contents: filtering to\n     * \"sao\" and pressing \"move all\" has to move what you are looking at. Moving\n     * rows the filter hid is the kind of surprise that makes people stop trusting\n     * the bulk button.\n     */\n    const visible: Record<TransferSide, TransferItem[]> = {\n        source: withSearch ? filterItems(source, queries.source) : [...source],\n        target: withSearch ? filterItems(target, queries.target) : [...target],\n    };\n\n    const panes: Array<{ side: TransferSide; title: ReactNode; items: TransferItem[] }> = [\n        { side: \"source\", title: sourceTitle ?? strings.sourceTitle, items: source },\n        { side: \"target\", title: targetTitle ?? strings.targetTitle, items: target },\n    ];\n\n    /**\n     * Move ids and drop them from the checked set.\n     *\n     * Clearing the checks is the point: after a move the rows are on the other\n     * side, and leaving them checked means the next click on the opposite button\n     * sends them straight back — which reads as the component undoing itself.\n     */\n    const move = (moving: readonly string[], to: TransferSide): void => {\n        if (disabled || moving.length === 0) return;\n        const next = applyMove({ value, moving, to, items });\n        const changed = to === \"target\" ? next.length - value.length : value.length - next.length;\n        onChange(next);\n        setChecked((current) => {\n            const remaining = new Set(current);\n            for (const id of moving) remaining.delete(id);\n            return remaining;\n        });\n        if (changed > 0) {\n            const sideName = to === \"target\" ? strings.targetTitle : strings.sourceTitle;\n            setAnnouncement(strings.moved(changed, String(sideName).toLowerCase()));\n        }\n    };\n\n    const toggle = (id: string): void => {\n        setChecked((current) => {\n            const next = new Set(current);\n            if (next.has(id)) next.delete(id);\n            else next.add(id);\n            return next;\n        });\n    };\n\n    /** Ids checked **and visible** on one side — what the move buttons act on. */\n    const checkedOn = (side: TransferSide): string[] =>\n        movableIds(visible[side]).filter((id) => checked.has(id));\n\n    const checkedSource = checkedOn(\"source\");\n    const checkedTarget = checkedOn(\"target\");\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {panes.map((pane) => {\n                const shown = visible[pane.side];\n                const movable = movableIds(shown);\n                const checkedHere = movable.filter((id) => checked.has(id));\n                const allChecked = movable.length > 0 && checkedHere.length === movable.length;\n                const titleId = `${baseId}-${pane.side}-title`;\n\n                return (\n                    <section key={pane.side} className={styles.pane} aria-labelledby={titleId}>\n                        <div className={styles.paneHeader}>\n                            <div className={styles.paneTitle}>\n                                <Checkbox\n                                    checked={allChecked}\n                                    indeterminate={checkedHere.length > 0 && !allChecked}\n                                    disabled={disabled || movable.length === 0}\n                                    aria-label={\n                                        typeof pane.title === \"string\"\n                                            ? pane.title\n                                            : String(pane.side)\n                                    }\n                                    onChange={() =>\n                                        setChecked((current) => {\n                                            const next = new Set(current);\n                                            for (const id of movable) {\n                                                if (allChecked) next.delete(id);\n                                                else next.add(id);\n                                            }\n                                            return next;\n                                        })\n                                    }\n                                />\n                                <h3 className={styles.title} id={titleId}>\n                                    {pane.title}\n                                </h3>\n                            </div>\n                            <span className={styles.count}>\n                                {strings.selected(checkedHere.length, pane.items.length)}\n                            </span>\n                        </div>\n\n                        {withSearch && (\n                            <input\n                                type=\"search\"\n                                className={styles.search}\n                                value={queries[pane.side]}\n                                placeholder={strings.search}\n                                aria-label={`${strings.search}: ${\n                                    typeof pane.title === \"string\" ? pane.title : pane.side\n                                }`}\n                                onChange={(event) =>\n                                    setQueries((current) => ({\n                                        ...current,\n                                        [pane.side]: event.target.value,\n                                    }))\n                                }\n                            />\n                        )}\n\n                        <ul className={styles.list} style={{ height }}>\n                            {shown.length === 0 ? (\n                                <li className={styles.empty}>\n                                    {queries[pane.side] ? strings.noMatches : strings.empty}\n                                </li>\n                            ) : (\n                                shown.map((item) => (\n                                    <li key={item.id} className={styles.row}>\n                                        <Checkbox\n                                            checked={checked.has(item.id)}\n                                            disabled={disabled || item.disabled}\n                                            label={\n                                                renderItem\n                                                    ? renderItem(item, pane.side)\n                                                    : item.label\n                                            }\n                                            onChange={() => toggle(item.id)}\n                                            onDoubleClick={() =>\n                                                move(\n                                                    [item.id],\n                                                    pane.side === \"source\" ? \"target\" : \"source\",\n                                                )\n                                            }\n                                        />\n                                    </li>\n                                ))\n                            )}\n                        </ul>\n                    </section>\n                );\n            })}\n\n            <div className={styles.controls}>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || movableIds(visible.source).length === 0}\n                    aria-label={strings.allToTarget}\n                    title={strings.allToTarget}\n                    onClick={() => move(movableIds(visible.source), \"target\")}\n                >\n                    »\n                </button>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || checkedSource.length === 0}\n                    aria-label={strings.toTarget}\n                    title={strings.toTarget}\n                    onClick={() => move(checkedSource, \"target\")}\n                >\n                    ›\n                </button>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || checkedTarget.length === 0}\n                    aria-label={strings.toSource}\n                    title={strings.toSource}\n                    onClick={() => move(checkedTarget, \"source\")}\n                >\n                    ‹\n                </button>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || movableIds(visible.target).length === 0}\n                    aria-label={strings.allToSource}\n                    title={strings.allToSource}\n                    onClick={() => move(movableIds(visible.target), \"source\")}\n                >\n                    «\n                </button>\n            </div>\n\n            <VisuallyHidden aria-live=\"polite\" role=\"status\">\n                {announcement}\n            </VisuallyHidden>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Transfer.js","names":["styles","Transfer_module_default","Transfer","rest","strings","transferStrings","locale","baseId","useId","checked","setChecked","useState","queries","setQueries","announcement","setAnnouncement","useMemo","splitSides","items","value","withSearch","searchable","visible","filterItems","source","target","panes","sourceTitle","targetTitle","move","disabled","moving","next","applyMove","changed","to","onChange","remaining","current","id","sideName","toggle","checkedOn","movableIds","side","checkedSource","checkedTarget","cn","className","shown","pane","movable","checkedHere","allChecked","titleId","Checkbox","event","item","renderItem","VisuallyHidden"],"sources":["../../../src/components/Transfer/Transfer.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — two lists that hand\n * items to each other: items and value are the model, onChange the move,\n * sourceTitle/targetTitle/renderItem/locale/height the presentation, and\n * searchable/disabled the behaviour. The body keeps both selections and the filter\n * query, and every move reads all three.\n */\nimport { useId, useMemo, useState, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { Checkbox } from \"../Checkbox\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    applyMove,\n    filterItems,\n    movableIds,\n    splitSides,\n    transferStrings,\n    type TransferItem,\n    type TransferSide,\n} from \"./transfer-state\";\nimport styles from \"./Transfer.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onChange\" | \"defaultValue\";\n\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The whole catalogue. Both panes are derived from it. */\n    items: readonly TransferItem[];\n    /** Ids on the target side. Controlled. */\n    value: readonly string[];\n    /** Next value, always in catalogue order. */\n    onChange: (value: string[]) => void;\n    /** Heading of the left pane. Default `\"Disponíveis\"`. */\n    sourceTitle?: ReactNode;\n    /** Heading of the right pane. Default `\"Selecionados\"`. */\n    targetTitle?: ReactNode;\n    /** Show a search box above each pane. Default `true` past 8 items. */\n    searchable?: boolean;\n    /** Custom row body. Gets the item and which side it is on. */\n    renderItem?: (item: TransferItem, side: TransferSide) => ReactNode;\n    /** Locale for labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Height of each pane's scroll area, any CSS length. Default `\"16rem\"`. */\n    height?: string;\n    /** Block every move. */\n    disabled?: boolean;\n}\n\n/**\n * Two panes and a set of move controls: pick a subset out of a catalogue.\n *\n * Controlled on **ids of the target side only**. The panes are derived on every\n * render, never stored, because two stored lists drift the moment the catalogue\n * changes under them — a permission removed upstream lingers in whichever pane\n * held it, and an id in both panes is a bug nobody can see.\n *\n * @example\n * const [roles, setRoles] = useState<string[]>([]);\n *\n * <Transfer\n *     items={allRoles}\n *     value={roles}\n *     onChange={setRoles}\n *     sourceTitle=\"Papéis disponíveis\"\n *     targetTitle=\"Papéis do usuário\"\n * />\n */\nexport function Transfer({\n    items,\n    value,\n    onChange,\n    sourceTitle,\n    targetTitle,\n    searchable,\n    renderItem,\n    locale = \"pt-BR\",\n    height = \"16rem\",\n    disabled = false,\n    className,\n    ...rest\n}: TransferProps) {\n    const strings = transferStrings(locale);\n    const baseId = useId();\n    const [checked, setChecked] = useState<Set<string>>(new Set());\n    const [queries, setQueries] = useState<{ source: string; target: string }>({\n        source: \"\",\n        target: \"\",\n    });\n    const [announcement, setAnnouncement] = useState(\"\");\n\n    const { source, target } = useMemo(() => splitSides(items, value), [items, value]);\n    const withSearch = searchable ?? items.length > 8;\n\n    /**\n     * What each pane is showing right now — the filter included.\n     *\n     * Every control acts on this, not on the pane's full contents: filtering to\n     * \"sao\" and pressing \"move all\" has to move what you are looking at. Moving\n     * rows the filter hid is the kind of surprise that makes people stop trusting\n     * the bulk button.\n     */\n    const visible: Record<TransferSide, TransferItem[]> = {\n        source: withSearch ? filterItems(source, queries.source) : [...source],\n        target: withSearch ? filterItems(target, queries.target) : [...target],\n    };\n\n    const panes: Array<{ side: TransferSide; title: ReactNode; items: TransferItem[] }> = [\n        { side: \"source\", title: sourceTitle ?? strings.sourceTitle, items: source },\n        { side: \"target\", title: targetTitle ?? strings.targetTitle, items: target },\n    ];\n\n    /**\n     * Move ids and drop them from the checked set.\n     *\n     * Clearing the checks is the point: after a move the rows are on the other\n     * side, and leaving them checked means the next click on the opposite button\n     * sends them straight back — which reads as the component undoing itself.\n     */\n    const move = (moving: readonly string[], to: TransferSide): void => {\n        if (disabled || moving.length === 0) return;\n        const next = applyMove({ value, moving, to, items });\n        const changed = to === \"target\" ? next.length - value.length : value.length - next.length;\n        onChange(next);\n        setChecked((current) => {\n            const remaining = new Set(current);\n            for (const id of moving) remaining.delete(id);\n            return remaining;\n        });\n        if (changed > 0) {\n            const sideName = to === \"target\" ? strings.targetTitle : strings.sourceTitle;\n            setAnnouncement(strings.moved(changed, String(sideName).toLowerCase()));\n        }\n    };\n\n    const toggle = (id: string): void => {\n        setChecked((current) => {\n            const next = new Set(current);\n            if (next.has(id)) next.delete(id);\n            else next.add(id);\n            return next;\n        });\n    };\n\n    /** Ids checked **and visible** on one side — what the move buttons act on. */\n    const checkedOn = (side: TransferSide): string[] =>\n        movableIds(visible[side]).filter((id) => checked.has(id));\n\n    const checkedSource = checkedOn(\"source\");\n    const checkedTarget = checkedOn(\"target\");\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {panes.map((pane) => {\n                const shown = visible[pane.side];\n                const movable = movableIds(shown);\n                const checkedHere = movable.filter((id) => checked.has(id));\n                const allChecked = movable.length > 0 && checkedHere.length === movable.length;\n                const titleId = `${baseId}-${pane.side}-title`;\n\n                return (\n                    <section key={pane.side} className={styles.pane} aria-labelledby={titleId}>\n                        <div className={styles.paneHeader}>\n                            <div className={styles.paneTitle}>\n                                <Checkbox\n                                    checked={allChecked}\n                                    indeterminate={checkedHere.length > 0 && !allChecked}\n                                    disabled={disabled || movable.length === 0}\n                                    aria-label={\n                                        typeof pane.title === \"string\"\n                                            ? pane.title\n                                            : String(pane.side)\n                                    }\n                                    onChange={() =>\n                                        setChecked((current) => {\n                                            const next = new Set(current);\n                                            for (const id of movable) {\n                                                if (allChecked) next.delete(id);\n                                                else next.add(id);\n                                            }\n                                            return next;\n                                        })\n                                    }\n                                />\n                                <h3 className={styles.title} id={titleId}>\n                                    {pane.title}\n                                </h3>\n                            </div>\n                            <span className={styles.count}>\n                                {strings.selected(checkedHere.length, pane.items.length)}\n                            </span>\n                        </div>\n\n                        {withSearch && (\n                            <input\n                                type=\"search\"\n                                className={styles.search}\n                                value={queries[pane.side]}\n                                placeholder={strings.search}\n                                aria-label={`${strings.search}: ${\n                                    typeof pane.title === \"string\" ? pane.title : pane.side\n                                }`}\n                                onChange={(event) =>\n                                    setQueries((current) => ({\n                                        ...current,\n                                        [pane.side]: event.target.value,\n                                    }))\n                                }\n                            />\n                        )}\n\n                        <ul className={styles.list} style={{ height }}>\n                            {shown.length === 0 ? (\n                                <li className={styles.empty}>\n                                    {queries[pane.side] ? strings.noMatches : strings.empty}\n                                </li>\n                            ) : (\n                                shown.map((item) => (\n                                    <li key={item.id} className={styles.row}>\n                                        <Checkbox\n                                            checked={checked.has(item.id)}\n                                            disabled={disabled || item.disabled}\n                                            label={\n                                                renderItem\n                                                    ? renderItem(item, pane.side)\n                                                    : item.label\n                                            }\n                                            onChange={() => toggle(item.id)}\n                                            onDoubleClick={() =>\n                                                move(\n                                                    [item.id],\n                                                    pane.side === \"source\" ? \"target\" : \"source\",\n                                                )\n                                            }\n                                        />\n                                    </li>\n                                ))\n                            )}\n                        </ul>\n                    </section>\n                );\n            })}\n\n            <div className={styles.controls}>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || movableIds(visible.source).length === 0}\n                    aria-label={strings.allToTarget}\n                    title={strings.allToTarget}\n                    onClick={() => move(movableIds(visible.source), \"target\")}\n                >\n                    »\n                </button>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || checkedSource.length === 0}\n                    aria-label={strings.toTarget}\n                    title={strings.toTarget}\n                    onClick={() => move(checkedSource, \"target\")}\n                >\n                    ›\n                </button>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || checkedTarget.length === 0}\n                    aria-label={strings.toSource}\n                    title={strings.toSource}\n                    onClick={() => move(checkedTarget, \"source\")}\n                >\n                    ‹\n                </button>\n                <button\n                    type=\"button\"\n                    className={styles.control}\n                    disabled={disabled || movableIds(visible.target).length === 0}\n                    aria-label={strings.allToSource}\n                    title={strings.allToSource}\n                    onClick={() => move(movableIds(visible.target), \"source\")}\n                >\n                    «\n                </button>\n            </div>\n\n            <VisuallyHidden aria-live=\"polite\" role=\"status\">\n                {announcement}\n            </VisuallyHidden>\n        </div>\n    );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Transfer.module.cjs","names":[],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    gap: var(--tempest-space-3);\n    align-items: stretch;\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The move controls sit between the panes in the grid, but come **last** in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n */\n.controls {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    order: 2;\n}\n\n.pane {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n    order: 1;\n}\n\n.pane:last-of-type {\n    order: 3;\n}\n\n.paneHeader {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.paneTitle {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.count {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.search {\n    width: 100%;\n    min-width: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    list-style: none;\n}\n\n.row {\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface);\n}\n\n.empty {\n    padding: var(--tempest-space-4) var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.control {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--tempest-control-height-sm);\n    height: var(--tempest-control-height-sm);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.control:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n    .wrapper {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .controls {\n        flex-direction: row;\n        justify-content: center;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Transfer.module.cjs","names":["wrapper","controls","pane","paneHeader","paneTitle","title","count","search","list","row","empty","control","Transfer_module_default"],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    gap: var(--tempest-space-3);\n    align-items: stretch;\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The move controls sit between the panes in the grid, but come **last** in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n */\n.controls {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    order: 2;\n}\n\n.pane {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n    order: 1;\n}\n\n.pane:last-of-type {\n    order: 3;\n}\n\n.paneHeader {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.paneTitle {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.count {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.search {\n    width: 100%;\n    min-width: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    list-style: none;\n}\n\n.row {\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface);\n}\n\n.empty {\n    padding: var(--tempest-space-4) var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.control {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--tempest-control-height-sm);\n    height: var(--tempest-control-height-sm);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.control:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n    .wrapper {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .controls {\n        flex-direction: row;\n        justify-content: center;\n    }\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Transfer.module.js","names":[],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    gap: var(--tempest-space-3);\n    align-items: stretch;\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The move controls sit between the panes in the grid, but come **last** in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n */\n.controls {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    order: 2;\n}\n\n.pane {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n    order: 1;\n}\n\n.pane:last-of-type {\n    order: 3;\n}\n\n.paneHeader {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.paneTitle {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.count {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.search {\n    width: 100%;\n    min-width: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    list-style: none;\n}\n\n.row {\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface);\n}\n\n.empty {\n    padding: var(--tempest-space-4) var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.control {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--tempest-control-height-sm);\n    height: var(--tempest-control-height-sm);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.control:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n    .wrapper {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .controls {\n        flex-direction: row;\n        justify-content: center;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Transfer.module.js","names":["wrapper","controls","pane","paneHeader","paneTitle","title","count","search","list","row","empty","control","Transfer_module_default"],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    gap: var(--tempest-space-3);\n    align-items: stretch;\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The move controls sit between the panes in the grid, but come **last** in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n */\n.controls {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    order: 2;\n}\n\n.pane {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n    order: 1;\n}\n\n.pane:last-of-type {\n    order: 3;\n}\n\n.paneHeader {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.paneTitle {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    overflow: hidden;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.count {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.search {\n    width: 100%;\n    min-width: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    list-style: none;\n}\n\n.row {\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface);\n}\n\n.empty {\n    padding: var(--tempest-space-4) var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.control {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--tempest-control-height-sm);\n    height: var(--tempest-control-height-sm);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.control:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n    .wrapper {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .controls {\n        flex-direction: row;\n        justify-content: center;\n    }\n}\n"],"mappings":";"}

package/dist/components/Transfer/transfer-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-state.cjs","names":[],"sources":["../../../src/components/Transfer/transfer-state.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** One movable entry. */\nexport interface TransferItem {\n    /** Stable identity. What `value`/`onChange` carry. */\n    id: string;\n    /** What the row shows. */\n    label: ReactNode;\n    /** Text the search box matches against. Falls back to `label` when it is a string. */\n    searchText?: string;\n    /** Row that cannot move — a mandatory permission, a locked seat. */\n    disabled?: boolean;\n    /** Anything the app wants back in `renderItem`. */\n    data?: Record<string, unknown>;\n}\n\n/** Which pane an operation is about. */\nexport type TransferSide = \"source\" | \"target\";\n\n/**\n * Split the catalogue into the two panes.\n *\n * The selected ids are the single source of truth — the panes are derived, never\n * stored. Two stored lists drift the moment the catalogue changes under them: a\n * permission that is removed upstream lingers in whichever pane held it, and an\n * id that appears in both is a bug nobody can see.\n *\n * Order follows `items`, so both panes read in the catalogue's order rather than\n * in the order somebody happened to click.\n *\n * @param items - The whole catalogue.\n * @param value - Ids currently on the target side.\n */\nexport function splitSides(\n    items: readonly TransferItem[],\n    value: readonly string[],\n): { source: TransferItem[]; target: TransferItem[] } {\n    const selected = new Set(value);\n    const source: TransferItem[] = [];\n    const target: TransferItem[] = [];\n    for (const item of items) {\n        (selected.has(item.id) ? target : source).push(item);\n    }\n    return { source, target };\n}\n\n/** Text a row is searched by. */\nexport function searchTextOf(item: TransferItem): string {\n    if (item.searchText !== undefined) return item.searchText;\n    return typeof item.label === \"string\" ? item.label : \"\";\n}\n\n/**\n * Filter a pane by a query, case- and accent-insensitively.\n *\n * Accent folding is not optional for a PT-BR audience: typing \"sao\" has to find\n * \"São Paulo\", and a plain `includes` would not.\n */\nexport function filterItems(items: readonly TransferItem[], query: string): TransferItem[] {\n    const needle = fold(query);\n    if (!needle) return [...items];\n    return items.filter((item) => fold(searchTextOf(item)).includes(needle));\n}\n\n/** Lowercase and strip diacritics. */\nfunction fold(text: string): string {\n    return text\n        .normalize(\"NFD\")\n        .replace(/\\p{Diacritic}/gu, \"\")\n        .toLowerCase()\n        .trim();\n}\n\n/**\n * Apply a move and return the next value.\n *\n * Disabled rows are dropped here rather than at the call site, so no caller can\n * move one by pressing the bulk button — the check has to live where the\n * decision is made, not in each of the four places that trigger one.\n *\n * @param params.value - Current target ids.\n * @param params.moving - Ids being moved.\n * @param params.to - Destination pane.\n * @param params.items - The catalogue, to look disabled rows up.\n * @param params.order - Ids in catalogue order, so the result stays stable.\n * @returns The next value, in catalogue order.\n */\nexport function applyMove({\n    value,\n    moving,\n    to,\n    items,\n}: {\n    value: readonly string[];\n    moving: readonly string[];\n    to: TransferSide;\n    items: readonly TransferItem[];\n}): string[] {\n    const byId = new Map(items.map((item) => [item.id, item]));\n    const allowed = moving.filter((id) => byId.has(id) && !byId.get(id)?.disabled);\n    const next = new Set(value);\n    for (const id of allowed) {\n        if (to === \"target\") next.add(id);\n        else next.delete(id);\n    }\n    return items.filter((item) => next.has(item.id)).map((item) => item.id);\n}\n\n/** Ids in `items` that a checkbox set may still act on. */\nexport function movableIds(items: readonly TransferItem[]): string[] {\n    return items.filter((item) => !item.disabled).map((item) => item.id);\n}\n\n/** Labels the component needs, per locale. */\ninterface TransferStrings {\n    sourceTitle: string;\n    targetTitle: string;\n    search: string;\n    toTarget: string;\n    toSource: string;\n    allToTarget: string;\n    allToSource: string;\n    empty: string;\n    noMatches: string;\n    selected: (n: number, total: number) => string;\n    moved: (n: number, side: string) => string;\n}\n\nconst PT_BR: TransferStrings = {\n    sourceTitle: \"Disponíveis\",\n    targetTitle: \"Selecionados\",\n    search: \"Buscar\",\n    toTarget: \"Mover selecionados para a direita\",\n    toSource: \"Mover selecionados para a esquerda\",\n    allToTarget: \"Mover todos para a direita\",\n    allToSource: \"Mover todos para a esquerda\",\n    empty: \"Nada aqui\",\n    noMatches: \"Nenhum resultado\",\n    selected: (n, total) => `${n} de ${total} marcados`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item movido\" : \"itens movidos\"} para ${side}`,\n};\n\nconst EN: TransferStrings = {\n    sourceTitle: \"Available\",\n    targetTitle: \"Selected\",\n    search: \"Search\",\n    toTarget: \"Move checked to the right\",\n    toSource: \"Move checked to the left\",\n    allToTarget: \"Move all to the right\",\n    allToSource: \"Move all to the left\",\n    empty: \"Nothing here\",\n    noMatches: \"No matches\",\n    selected: (n, total) => `${n} of ${total} checked`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item moved\" : \"items moved\"} to ${side}`,\n};\n\n/** Locale strings for the dual list. */\nexport function transferStrings(locale: \"pt-BR\" | \"en\"): TransferStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":"AAiCA,SAAgB,EACZ,EACA,EACkD,CAClD,IAAM,EAAW,IAAI,IAAI,CAAK,EACxB,EAAyB,CAAC,EAC1B,EAAyB,CAAC,EAChC,IAAK,IAAM,KAAQ,GACd,EAAS,IAAI,EAAK,EAAE,EAAI,EAAS,EAAA,CAAQ,KAAK,CAAI,EAEvD,MAAO,CAAE,SAAQ,QAAO,CAC5B,CAGA,SAAgB,EAAa,EAA4B,CAErD,OADI,EAAK,aAAe,IAAA,GACjB,OAAO,EAAK,OAAU,SAAW,EAAK,MAAQ,GADX,EAAK,UAEnD,CAQA,SAAgB,EAAY,EAAgC,EAA+B,CACvF,IAAM,EAAS,EAAK,CAAK,EAEzB,OADK,EACE,EAAM,OAAQ,GAAS,EAAK,EAAa,CAAI,CAAC,CAAC,CAAC,SAAS,CAAM,CAAC,EADnD,CAAC,GAAG,CAAK,CAEjC,CAGA,SAAS,EAAK,EAAsB,CAChC,OAAO,EACF,UAAU,KAAK,CAAC,CAChB,QAAQ,kBAAmB,EAAE,CAAC,CAC9B,YAAY,CAAC,CACb,KAAK,CACd,CAgBA,SAAgB,EAAU,CACtB,QACA,SACA,KACA,SAMS,CACT,IAAM,EAAO,IAAI,IAAI,EAAM,IAAK,GAAS,CAAC,EAAK,GAAI,CAAI,CAAC,CAAC,EACnD,EAAU,EAAO,OAAQ,GAAO,EAAK,IAAI,CAAE,GAAK,CAAC,EAAK,IAAI,CAAE,CAAC,EAAE,QAAQ,EACvE,EAAO,IAAI,IAAI,CAAK,EAC1B,IAAK,IAAM,KAAM,EACT,IAAO,SAAU,EAAK,IAAI,CAAE,EAC3B,EAAK,OAAO,CAAE,EAEvB,OAAO,EAAM,OAAQ,GAAS,EAAK,IAAI,EAAK,EAAE,CAAC,CAAC,CAAC,IAAK,GAAS,EAAK,EAAE,CAC1E,CAGA,SAAgB,EAAW,EAA0C,CACjE,OAAO,EAAM,OAAQ,GAAS,CAAC,EAAK,QAAQ,CAAC,CAAC,IAAK,GAAS,EAAK,EAAE,CACvE,CAiBA,IAAM,EAAyB,CAC3B,YAAa,cACb,YAAa,eACb,OAAQ,SACR,SAAU,oCACV,SAAU,qCACV,YAAa,6BACb,YAAa,8BACb,MAAO,YACP,UAAW,mBACX,UAAW,EAAG,IAAU,GAAG,EAAE,MAAM,EAAM,WACzC,OAAQ,EAAG,IAAS,GAAG,EAAE,GAAG,IAAM,EAAI,cAAgB,gBAAgB,QAAQ,GAClF,EAEM,EAAsB,CACxB,YAAa,YACb,YAAa,WACb,OAAQ,SACR,SAAU,4BACV,SAAU,2BACV,YAAa,wBACb,YAAa,uBACb,MAAO,eACP,UAAW,aACX,UAAW,EAAG,IAAU,GAAG,EAAE,MAAM,EAAM,UACzC,OAAQ,EAAG,IAAS,GAAG,EAAE,GAAG,IAAM,EAAI,aAAe,cAAc,MAAM,GAC7E,EAGA,SAAgB,EAAgB,EAAyC,CACrE,OAAO,IAAW,KAAO,EAAK,CAClC"}
+{"version":3,"file":"transfer-state.cjs","names":["splitSides","selected","value","source","target","item","items","searchTextOf","filterItems","needle","fold","query","text","applyMove","byId","allowed","moving","id","next","to","movableIds","PT_BR","n","total","side","EN","transferStrings","locale"],"sources":["../../../src/components/Transfer/transfer-state.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** One movable entry. */\nexport interface TransferItem {\n    /** Stable identity. What `value`/`onChange` carry. */\n    id: string;\n    /** What the row shows. */\n    label: ReactNode;\n    /** Text the search box matches against. Falls back to `label` when it is a string. */\n    searchText?: string;\n    /** Row that cannot move — a mandatory permission, a locked seat. */\n    disabled?: boolean;\n    /** Anything the app wants back in `renderItem`. */\n    data?: Record<string, unknown>;\n}\n\n/** Which pane an operation is about. */\nexport type TransferSide = \"source\" | \"target\";\n\n/**\n * Split the catalogue into the two panes.\n *\n * The selected ids are the single source of truth — the panes are derived, never\n * stored. Two stored lists drift the moment the catalogue changes under them: a\n * permission that is removed upstream lingers in whichever pane held it, and an\n * id that appears in both is a bug nobody can see.\n *\n * Order follows `items`, so both panes read in the catalogue's order rather than\n * in the order somebody happened to click.\n *\n * @param items - The whole catalogue.\n * @param value - Ids currently on the target side.\n */\nexport function splitSides(\n    items: readonly TransferItem[],\n    value: readonly string[],\n): { source: TransferItem[]; target: TransferItem[] } {\n    const selected = new Set(value);\n    const source: TransferItem[] = [];\n    const target: TransferItem[] = [];\n    for (const item of items) {\n        (selected.has(item.id) ? target : source).push(item);\n    }\n    return { source, target };\n}\n\n/** Text a row is searched by. */\nexport function searchTextOf(item: TransferItem): string {\n    if (item.searchText !== undefined) return item.searchText;\n    return typeof item.label === \"string\" ? item.label : \"\";\n}\n\n/**\n * Filter a pane by a query, case- and accent-insensitively.\n *\n * Accent folding is not optional for a PT-BR audience: typing \"sao\" has to find\n * \"São Paulo\", and a plain `includes` would not.\n */\nexport function filterItems(items: readonly TransferItem[], query: string): TransferItem[] {\n    const needle = fold(query);\n    if (!needle) return [...items];\n    return items.filter((item) => fold(searchTextOf(item)).includes(needle));\n}\n\n/** Lowercase and strip diacritics. */\nfunction fold(text: string): string {\n    return text\n        .normalize(\"NFD\")\n        .replace(/\\p{Diacritic}/gu, \"\")\n        .toLowerCase()\n        .trim();\n}\n\n/**\n * Apply a move and return the next value.\n *\n * Disabled rows are dropped here rather than at the call site, so no caller can\n * move one by pressing the bulk button — the check has to live where the\n * decision is made, not in each of the four places that trigger one.\n *\n * @param params.value - Current target ids.\n * @param params.moving - Ids being moved.\n * @param params.to - Destination pane.\n * @param params.items - The catalogue, to look disabled rows up.\n * @param params.order - Ids in catalogue order, so the result stays stable.\n * @returns The next value, in catalogue order.\n */\nexport function applyMove({\n    value,\n    moving,\n    to,\n    items,\n}: {\n    value: readonly string[];\n    moving: readonly string[];\n    to: TransferSide;\n    items: readonly TransferItem[];\n}): string[] {\n    const byId = new Map(items.map((item) => [item.id, item]));\n    const allowed = moving.filter((id) => byId.has(id) && !byId.get(id)?.disabled);\n    const next = new Set(value);\n    for (const id of allowed) {\n        if (to === \"target\") next.add(id);\n        else next.delete(id);\n    }\n    return items.filter((item) => next.has(item.id)).map((item) => item.id);\n}\n\n/** Ids in `items` that a checkbox set may still act on. */\nexport function movableIds(items: readonly TransferItem[]): string[] {\n    return items.filter((item) => !item.disabled).map((item) => item.id);\n}\n\n/** Labels the component needs, per locale. */\ninterface TransferStrings {\n    sourceTitle: string;\n    targetTitle: string;\n    search: string;\n    toTarget: string;\n    toSource: string;\n    allToTarget: string;\n    allToSource: string;\n    empty: string;\n    noMatches: string;\n    selected: (n: number, total: number) => string;\n    moved: (n: number, side: string) => string;\n}\n\nconst PT_BR: TransferStrings = {\n    sourceTitle: \"Disponíveis\",\n    targetTitle: \"Selecionados\",\n    search: \"Buscar\",\n    toTarget: \"Mover selecionados para a direita\",\n    toSource: \"Mover selecionados para a esquerda\",\n    allToTarget: \"Mover todos para a direita\",\n    allToSource: \"Mover todos para a esquerda\",\n    empty: \"Nada aqui\",\n    noMatches: \"Nenhum resultado\",\n    selected: (n, total) => `${n} de ${total} marcados`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item movido\" : \"itens movidos\"} para ${side}`,\n};\n\nconst EN: TransferStrings = {\n    sourceTitle: \"Available\",\n    targetTitle: \"Selected\",\n    search: \"Search\",\n    toTarget: \"Move checked to the right\",\n    toSource: \"Move checked to the left\",\n    allToTarget: \"Move all to the right\",\n    allToSource: \"Move all to the left\",\n    empty: \"Nothing here\",\n    noMatches: \"No matches\",\n    selected: (n, total) => `${n} of ${total} checked`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item moved\" : \"items moved\"} to ${side}`,\n};\n\n/** Locale strings for the dual list. */\nexport function transferStrings(locale: \"pt-BR\" | \"en\"): TransferStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":"AAiCA,SAAgBA,EACZ,EACA,EACkD,CAClD,IAAMC,EAAW,IAAI,IAAIC,CAAK,EACxBC,EAAyB,CAAC,EAC1BC,EAAyB,CAAC,EAChC,IAAK,IAAMC,KAAQC,GACdL,EAAS,IAAII,EAAK,EAAE,EAAID,EAASD,EAAA,CAAQ,KAAKE,CAAI,EAEvD,MAAO,CAAE,SAAQ,QAAO,CAC5B,CAGA,SAAgBE,EAAa,EAA4B,CAErD,OADIF,EAAK,aAAe,IAAA,GACjB,OAAOA,EAAK,OAAU,SAAWA,EAAK,MAAQ,GADXA,EAAK,UAEnD,CAQA,SAAgBG,EAAY,EAAgC,EAA+B,CACvF,IAAMC,EAASC,EAAKC,CAAK,EAEzB,OADKF,EACEH,EAAM,OAAQ,GAASI,EAAKH,EAAaF,CAAI,CAAC,CAAC,CAAC,SAASI,CAAM,CAAC,EADnD,CAAC,GAAGH,CAAK,CAEjC,CAGA,SAASI,EAAK,EAAsB,CAChC,OAAOE,EACF,UAAU,KAAK,CAAC,CAChB,QAAQ,kBAAmB,EAAE,CAAC,CAC9B,YAAY,CAAC,CACb,KAAK,CACd,CAgBA,SAAgBC,EAAU,CACtB,QACA,SACA,KACA,SAMS,CACT,IAAMC,EAAO,IAAI,IAAIR,EAAM,IAAK,GAAS,CAACD,EAAK,GAAIA,CAAI,CAAC,CAAC,EACnDU,EAAUC,EAAO,OAAQ,GAAOF,EAAK,IAAIG,CAAE,GAAK,CAACH,EAAK,IAAIG,CAAE,CAAC,EAAE,QAAQ,EACvEC,EAAO,IAAI,IAAIhB,CAAK,EAC1B,IAAK,IAAMe,KAAMF,EACTI,IAAO,SAAUD,EAAK,IAAID,CAAE,EAC3BC,EAAK,OAAOD,CAAE,EAEvB,OAAOX,EAAM,OAAQ,GAASY,EAAK,IAAIb,EAAK,EAAE,CAAC,CAAC,CAAC,IAAK,GAASA,EAAK,EAAE,CAC1E,CAGA,SAAgBe,EAAW,EAA0C,CACjE,OAAOd,EAAM,OAAQ,GAAS,CAACD,EAAK,QAAQ,CAAC,CAAC,IAAK,GAASA,EAAK,EAAE,CACvE,CAiBA,IAAMgB,EAAyB,CAC3B,YAAa,cACb,YAAa,eACb,OAAQ,SACR,SAAU,oCACV,SAAU,qCACV,YAAa,6BACb,YAAa,8BACb,MAAO,YACP,UAAW,mBACX,UAAW,EAAG,IAAU,GAAGC,EAAE,MAAMC,EAAM,WACzC,OAAQ,EAAG,IAAS,GAAGD,EAAE,GAAGA,IAAM,EAAI,cAAgB,gBAAgB,QAAQE,GAClF,EAEMC,EAAsB,CACxB,YAAa,YACb,YAAa,WACb,OAAQ,SACR,SAAU,4BACV,SAAU,2BACV,YAAa,wBACb,YAAa,uBACb,MAAO,eACP,UAAW,aACX,UAAW,EAAG,IAAU,GAAGH,EAAE,MAAMC,EAAM,UACzC,OAAQ,EAAG,IAAS,GAAGD,EAAE,GAAGA,IAAM,EAAI,aAAe,cAAc,MAAME,GAC7E,EAGA,SAAgBE,EAAgB,EAAyC,CACrE,OAAOC,IAAW,KAAOF,EAAKJ,CAClC,C"}

package/dist/components/Transfer/transfer-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-state.js","names":[],"sources":["../../../src/components/Transfer/transfer-state.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** One movable entry. */\nexport interface TransferItem {\n    /** Stable identity. What `value`/`onChange` carry. */\n    id: string;\n    /** What the row shows. */\n    label: ReactNode;\n    /** Text the search box matches against. Falls back to `label` when it is a string. */\n    searchText?: string;\n    /** Row that cannot move — a mandatory permission, a locked seat. */\n    disabled?: boolean;\n    /** Anything the app wants back in `renderItem`. */\n    data?: Record<string, unknown>;\n}\n\n/** Which pane an operation is about. */\nexport type TransferSide = \"source\" | \"target\";\n\n/**\n * Split the catalogue into the two panes.\n *\n * The selected ids are the single source of truth — the panes are derived, never\n * stored. Two stored lists drift the moment the catalogue changes under them: a\n * permission that is removed upstream lingers in whichever pane held it, and an\n * id that appears in both is a bug nobody can see.\n *\n * Order follows `items`, so both panes read in the catalogue's order rather than\n * in the order somebody happened to click.\n *\n * @param items - The whole catalogue.\n * @param value - Ids currently on the target side.\n */\nexport function splitSides(\n    items: readonly TransferItem[],\n    value: readonly string[],\n): { source: TransferItem[]; target: TransferItem[] } {\n    const selected = new Set(value);\n    const source: TransferItem[] = [];\n    const target: TransferItem[] = [];\n    for (const item of items) {\n        (selected.has(item.id) ? target : source).push(item);\n    }\n    return { source, target };\n}\n\n/** Text a row is searched by. */\nexport function searchTextOf(item: TransferItem): string {\n    if (item.searchText !== undefined) return item.searchText;\n    return typeof item.label === \"string\" ? item.label : \"\";\n}\n\n/**\n * Filter a pane by a query, case- and accent-insensitively.\n *\n * Accent folding is not optional for a PT-BR audience: typing \"sao\" has to find\n * \"São Paulo\", and a plain `includes` would not.\n */\nexport function filterItems(items: readonly TransferItem[], query: string): TransferItem[] {\n    const needle = fold(query);\n    if (!needle) return [...items];\n    return items.filter((item) => fold(searchTextOf(item)).includes(needle));\n}\n\n/** Lowercase and strip diacritics. */\nfunction fold(text: string): string {\n    return text\n        .normalize(\"NFD\")\n        .replace(/\\p{Diacritic}/gu, \"\")\n        .toLowerCase()\n        .trim();\n}\n\n/**\n * Apply a move and return the next value.\n *\n * Disabled rows are dropped here rather than at the call site, so no caller can\n * move one by pressing the bulk button — the check has to live where the\n * decision is made, not in each of the four places that trigger one.\n *\n * @param params.value - Current target ids.\n * @param params.moving - Ids being moved.\n * @param params.to - Destination pane.\n * @param params.items - The catalogue, to look disabled rows up.\n * @param params.order - Ids in catalogue order, so the result stays stable.\n * @returns The next value, in catalogue order.\n */\nexport function applyMove({\n    value,\n    moving,\n    to,\n    items,\n}: {\n    value: readonly string[];\n    moving: readonly string[];\n    to: TransferSide;\n    items: readonly TransferItem[];\n}): string[] {\n    const byId = new Map(items.map((item) => [item.id, item]));\n    const allowed = moving.filter((id) => byId.has(id) && !byId.get(id)?.disabled);\n    const next = new Set(value);\n    for (const id of allowed) {\n        if (to === \"target\") next.add(id);\n        else next.delete(id);\n    }\n    return items.filter((item) => next.has(item.id)).map((item) => item.id);\n}\n\n/** Ids in `items` that a checkbox set may still act on. */\nexport function movableIds(items: readonly TransferItem[]): string[] {\n    return items.filter((item) => !item.disabled).map((item) => item.id);\n}\n\n/** Labels the component needs, per locale. */\ninterface TransferStrings {\n    sourceTitle: string;\n    targetTitle: string;\n    search: string;\n    toTarget: string;\n    toSource: string;\n    allToTarget: string;\n    allToSource: string;\n    empty: string;\n    noMatches: string;\n    selected: (n: number, total: number) => string;\n    moved: (n: number, side: string) => string;\n}\n\nconst PT_BR: TransferStrings = {\n    sourceTitle: \"Disponíveis\",\n    targetTitle: \"Selecionados\",\n    search: \"Buscar\",\n    toTarget: \"Mover selecionados para a direita\",\n    toSource: \"Mover selecionados para a esquerda\",\n    allToTarget: \"Mover todos para a direita\",\n    allToSource: \"Mover todos para a esquerda\",\n    empty: \"Nada aqui\",\n    noMatches: \"Nenhum resultado\",\n    selected: (n, total) => `${n} de ${total} marcados`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item movido\" : \"itens movidos\"} para ${side}`,\n};\n\nconst EN: TransferStrings = {\n    sourceTitle: \"Available\",\n    targetTitle: \"Selected\",\n    search: \"Search\",\n    toTarget: \"Move checked to the right\",\n    toSource: \"Move checked to the left\",\n    allToTarget: \"Move all to the right\",\n    allToSource: \"Move all to the left\",\n    empty: \"Nothing here\",\n    noMatches: \"No matches\",\n    selected: (n, total) => `${n} of ${total} checked`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item moved\" : \"items moved\"} to ${side}`,\n};\n\n/** Locale strings for the dual list. */\nexport function transferStrings(locale: \"pt-BR\" | \"en\"): TransferStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":";AAiCA,SAAgB,EACZ,GACA,GACkD;CAClD,IAAM,IAAW,IAAI,IAAI,CAAK,GACxB,IAAyB,CAAC,GAC1B,IAAyB,CAAC;CAChC,KAAK,IAAM,KAAQ,GACf,CAAC,EAAS,IAAI,EAAK,EAAE,IAAI,IAAS,EAAA,CAAQ,KAAK,CAAI;CAEvD,OAAO;EAAE;EAAQ;CAAO;AAC5B;AAGA,SAAgB,EAAa,GAA4B;CAErD,OADI,EAAK,eAAe,KAAA,IACjB,OAAO,EAAK,SAAU,WAAW,EAAK,QAAQ,KADX,EAAK;AAEnD;AAQA,SAAgB,EAAY,GAAgC,GAA+B;CACvF,IAAM,IAAS,EAAK,CAAK;CAEzB,OADK,IACE,EAAM,QAAQ,MAAS,EAAK,EAAa,CAAI,CAAC,CAAC,CAAC,SAAS,CAAM,CAAC,IADnD,CAAC,GAAG,CAAK;AAEjC;AAGA,SAAS,EAAK,GAAsB;CAChC,OAAO,EACF,UAAU,KAAK,CAAC,CAChB,QAAQ,mBAAmB,EAAE,CAAC,CAC9B,YAAY,CAAC,CACb,KAAK;AACd;AAgBA,SAAgB,EAAU,EACtB,UACA,WACA,OACA,YAMS;CACT,IAAM,IAAO,IAAI,IAAI,EAAM,KAAK,MAAS,CAAC,EAAK,IAAI,CAAI,CAAC,CAAC,GACnD,IAAU,EAAO,QAAQ,MAAO,EAAK,IAAI,CAAE,KAAK,CAAC,EAAK,IAAI,CAAE,CAAC,EAAE,QAAQ,GACvE,IAAO,IAAI,IAAI,CAAK;CAC1B,KAAK,IAAM,KAAM,GACb,AAAI,MAAO,WAAU,EAAK,IAAI,CAAE,IAC3B,EAAK,OAAO,CAAE;CAEvB,OAAO,EAAM,QAAQ,MAAS,EAAK,IAAI,EAAK,EAAE,CAAC,CAAC,CAAC,KAAK,MAAS,EAAK,EAAE;AAC1E;AAGA,SAAgB,EAAW,GAA0C;CACjE,OAAO,EAAM,QAAQ,MAAS,CAAC,EAAK,QAAQ,CAAC,CAAC,KAAK,MAAS,EAAK,EAAE;AACvE;AAiBA,IAAM,IAAyB;CAC3B,aAAa;CACb,aAAa;CACb,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,aAAa;CACb,OAAO;CACP,WAAW;CACX,WAAW,GAAG,MAAU,GAAG,EAAE,MAAM,EAAM;CACzC,QAAQ,GAAG,MAAS,GAAG,EAAE,GAAG,MAAM,IAAI,gBAAgB,gBAAgB,QAAQ;AAClF,GAEM,IAAsB;CACxB,aAAa;CACb,aAAa;CACb,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,aAAa;CACb,OAAO;CACP,WAAW;CACX,WAAW,GAAG,MAAU,GAAG,EAAE,MAAM,EAAM;CACzC,QAAQ,GAAG,MAAS,GAAG,EAAE,GAAG,MAAM,IAAI,eAAe,cAAc,MAAM;AAC7E;AAGA,SAAgB,EAAgB,GAAyC;CACrE,OAAO,MAAW,OAAO,IAAK;AAClC"}
+{"version":3,"file":"transfer-state.js","names":["splitSides","selected","value","source","target","item","items","searchTextOf","filterItems","needle","fold","query","text","applyMove","byId","allowed","moving","id","next","to","movableIds","PT_BR","n","total","side","EN","transferStrings","locale"],"sources":["../../../src/components/Transfer/transfer-state.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** One movable entry. */\nexport interface TransferItem {\n    /** Stable identity. What `value`/`onChange` carry. */\n    id: string;\n    /** What the row shows. */\n    label: ReactNode;\n    /** Text the search box matches against. Falls back to `label` when it is a string. */\n    searchText?: string;\n    /** Row that cannot move — a mandatory permission, a locked seat. */\n    disabled?: boolean;\n    /** Anything the app wants back in `renderItem`. */\n    data?: Record<string, unknown>;\n}\n\n/** Which pane an operation is about. */\nexport type TransferSide = \"source\" | \"target\";\n\n/**\n * Split the catalogue into the two panes.\n *\n * The selected ids are the single source of truth — the panes are derived, never\n * stored. Two stored lists drift the moment the catalogue changes under them: a\n * permission that is removed upstream lingers in whichever pane held it, and an\n * id that appears in both is a bug nobody can see.\n *\n * Order follows `items`, so both panes read in the catalogue's order rather than\n * in the order somebody happened to click.\n *\n * @param items - The whole catalogue.\n * @param value - Ids currently on the target side.\n */\nexport function splitSides(\n    items: readonly TransferItem[],\n    value: readonly string[],\n): { source: TransferItem[]; target: TransferItem[] } {\n    const selected = new Set(value);\n    const source: TransferItem[] = [];\n    const target: TransferItem[] = [];\n    for (const item of items) {\n        (selected.has(item.id) ? target : source).push(item);\n    }\n    return { source, target };\n}\n\n/** Text a row is searched by. */\nexport function searchTextOf(item: TransferItem): string {\n    if (item.searchText !== undefined) return item.searchText;\n    return typeof item.label === \"string\" ? item.label : \"\";\n}\n\n/**\n * Filter a pane by a query, case- and accent-insensitively.\n *\n * Accent folding is not optional for a PT-BR audience: typing \"sao\" has to find\n * \"São Paulo\", and a plain `includes` would not.\n */\nexport function filterItems(items: readonly TransferItem[], query: string): TransferItem[] {\n    const needle = fold(query);\n    if (!needle) return [...items];\n    return items.filter((item) => fold(searchTextOf(item)).includes(needle));\n}\n\n/** Lowercase and strip diacritics. */\nfunction fold(text: string): string {\n    return text\n        .normalize(\"NFD\")\n        .replace(/\\p{Diacritic}/gu, \"\")\n        .toLowerCase()\n        .trim();\n}\n\n/**\n * Apply a move and return the next value.\n *\n * Disabled rows are dropped here rather than at the call site, so no caller can\n * move one by pressing the bulk button — the check has to live where the\n * decision is made, not in each of the four places that trigger one.\n *\n * @param params.value - Current target ids.\n * @param params.moving - Ids being moved.\n * @param params.to - Destination pane.\n * @param params.items - The catalogue, to look disabled rows up.\n * @param params.order - Ids in catalogue order, so the result stays stable.\n * @returns The next value, in catalogue order.\n */\nexport function applyMove({\n    value,\n    moving,\n    to,\n    items,\n}: {\n    value: readonly string[];\n    moving: readonly string[];\n    to: TransferSide;\n    items: readonly TransferItem[];\n}): string[] {\n    const byId = new Map(items.map((item) => [item.id, item]));\n    const allowed = moving.filter((id) => byId.has(id) && !byId.get(id)?.disabled);\n    const next = new Set(value);\n    for (const id of allowed) {\n        if (to === \"target\") next.add(id);\n        else next.delete(id);\n    }\n    return items.filter((item) => next.has(item.id)).map((item) => item.id);\n}\n\n/** Ids in `items` that a checkbox set may still act on. */\nexport function movableIds(items: readonly TransferItem[]): string[] {\n    return items.filter((item) => !item.disabled).map((item) => item.id);\n}\n\n/** Labels the component needs, per locale. */\ninterface TransferStrings {\n    sourceTitle: string;\n    targetTitle: string;\n    search: string;\n    toTarget: string;\n    toSource: string;\n    allToTarget: string;\n    allToSource: string;\n    empty: string;\n    noMatches: string;\n    selected: (n: number, total: number) => string;\n    moved: (n: number, side: string) => string;\n}\n\nconst PT_BR: TransferStrings = {\n    sourceTitle: \"Disponíveis\",\n    targetTitle: \"Selecionados\",\n    search: \"Buscar\",\n    toTarget: \"Mover selecionados para a direita\",\n    toSource: \"Mover selecionados para a esquerda\",\n    allToTarget: \"Mover todos para a direita\",\n    allToSource: \"Mover todos para a esquerda\",\n    empty: \"Nada aqui\",\n    noMatches: \"Nenhum resultado\",\n    selected: (n, total) => `${n} de ${total} marcados`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item movido\" : \"itens movidos\"} para ${side}`,\n};\n\nconst EN: TransferStrings = {\n    sourceTitle: \"Available\",\n    targetTitle: \"Selected\",\n    search: \"Search\",\n    toTarget: \"Move checked to the right\",\n    toSource: \"Move checked to the left\",\n    allToTarget: \"Move all to the right\",\n    allToSource: \"Move all to the left\",\n    empty: \"Nothing here\",\n    noMatches: \"No matches\",\n    selected: (n, total) => `${n} of ${total} checked`,\n    moved: (n, side) => `${n} ${n === 1 ? \"item moved\" : \"items moved\"} to ${side}`,\n};\n\n/** Locale strings for the dual list. */\nexport function transferStrings(locale: \"pt-BR\" | \"en\"): TransferStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":";AAiCA,SAAgBA,EACZ,GACA,GACkD;CAClD,IAAMC,IAAW,IAAI,IAAIC,CAAK,GACxBC,IAAyB,CAAC,GAC1BC,IAAyB,CAAC;CAChC,KAAK,IAAMC,KAAQC,GACf,CAACL,EAAS,IAAII,EAAK,EAAE,IAAID,IAASD,EAAA,CAAQ,KAAKE,CAAI;CAEvD,OAAO;EAAE;EAAQ;CAAO;AAC5B;AAGA,SAAgBE,EAAa,GAA4B;CAErD,OADIF,EAAK,eAAe,KAAA,IACjB,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,KADXA,EAAK;AAEnD;AAQA,SAAgBG,EAAY,GAAgC,GAA+B;CACvF,IAAMC,IAASC,EAAKC,CAAK;CAEzB,OADKF,IACEH,EAAM,QAAQ,MAASI,EAAKH,EAAaF,CAAI,CAAC,CAAC,CAAC,SAASI,CAAM,CAAC,IADnD,CAAC,GAAGH,CAAK;AAEjC;AAGA,SAASI,EAAK,GAAsB;CAChC,OAAOE,EACF,UAAU,KAAK,CAAC,CAChB,QAAQ,mBAAmB,EAAE,CAAC,CAC9B,YAAY,CAAC,CACb,KAAK;AACd;AAgBA,SAAgBC,EAAU,EACtB,UACA,WACA,OACA,YAMS;CACT,IAAMC,IAAO,IAAI,IAAIR,EAAM,KAAK,MAAS,CAACD,EAAK,IAAIA,CAAI,CAAC,CAAC,GACnDU,IAAUC,EAAO,QAAQ,MAAOF,EAAK,IAAIG,CAAE,KAAK,CAACH,EAAK,IAAIG,CAAE,CAAC,EAAE,QAAQ,GACvEC,IAAO,IAAI,IAAIhB,CAAK;CAC1B,KAAK,IAAMe,KAAMF,GACb,AAAII,MAAO,WAAUD,EAAK,IAAID,CAAE,IAC3BC,EAAK,OAAOD,CAAE;CAEvB,OAAOX,EAAM,QAAQ,MAASY,EAAK,IAAIb,EAAK,EAAE,CAAC,CAAC,CAAC,KAAK,MAASA,EAAK,EAAE;AAC1E;AAGA,SAAgBe,EAAW,GAA0C;CACjE,OAAOd,EAAM,QAAQ,MAAS,CAACD,EAAK,QAAQ,CAAC,CAAC,KAAK,MAASA,EAAK,EAAE;AACvE;AAiBA,IAAMgB,IAAyB;CAC3B,aAAa;CACb,aAAa;CACb,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,aAAa;CACb,OAAO;CACP,WAAW;CACX,WAAW,GAAG,MAAU,GAAGC,EAAE,MAAMC,EAAM;CACzC,QAAQ,GAAG,MAAS,GAAGD,EAAE,GAAGA,MAAM,IAAI,gBAAgB,gBAAgB,QAAQE;AAClF,GAEMC,IAAsB;CACxB,aAAa;CACb,aAAa;CACb,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,aAAa;CACb,OAAO;CACP,WAAW;CACX,WAAW,GAAG,MAAU,GAAGH,EAAE,MAAMC,EAAM;CACzC,QAAQ,GAAG,MAAS,GAAGD,EAAE,GAAGA,MAAM,IAAI,eAAe,cAAc,MAAME;AAC7E;AAGA,SAAgBE,EAAgB,GAAyC;CACrE,OAAOC,MAAW,OAAOF,IAAKJ;AAClC"}

package/dist/components/TreeView/TreeView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.cjs","names":[],"sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — expansion and selection\n * are two independent controlled states, each with its uncontrolled twin\n * (expandedIds/defaultExpandedIds/onExpandedChange, selectedId/\n * defaultSelectedId/onSelect), plus toggleOnSelect for the case where they should\n * move together. The body is the flattened visible list and the roving focus over\n * it.\n */\nimport { ChevronRight } from \"lucide-react\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TreeView.module.css\";\n\n/** One node of the tree. Children make it a branch; no children makes it a leaf. */\nexport interface TreeNode {\n    /** Stable identifier, unique across the whole tree. */\n    id: string;\n    /** Rendered label. */\n    label: ReactNode;\n    /** Child nodes. An empty array still renders as a branch (an empty folder). */\n    children?: TreeNode[];\n    /** Icon rendered before the label. */\n    icon?: ReactNode;\n    /** Blocks selection and expansion, and skips the node in keyboard navigation. */\n    disabled?: boolean;\n}\n\nexport interface TreeViewProps {\n    /** Root nodes. */\n    nodes: TreeNode[];\n    /** Controlled expanded ids. */\n    expandedIds?: string[];\n    /** Uncontrolled initial expanded ids. */\n    defaultExpandedIds?: string[];\n    onExpandedChange?: (expandedIds: string[]) => void;\n    /** Controlled selected id. `null` means nothing selected. */\n    selectedId?: string | null;\n    /** Uncontrolled initial selection. */\n    defaultSelectedId?: string | null;\n    onSelect?: (node: TreeNode) => void;\n    /**\n     * Selecting a branch also toggles it. Default `true` — matches how a file\n     * explorer behaves; set `false` when a branch is itself a meaningful choice\n     * (a category that owns items, for instance).\n     */\n    toggleOnSelect?: boolean;\n    /** Accessible name for the tree. */\n    label?: string;\n    className?: string;\n}\n\ninterface FlatNode {\n    node: TreeNode;\n    depth: number;\n    parentId: string | null;\n    hasChildren: boolean;\n    expanded: boolean;\n}\n\n/**\n * Walk the tree into the list of *currently visible* rows.\n *\n * Keyboard navigation works on this flattened view, which is what makes\n * ArrowDown from the last child of a collapsed-sibling branch land on the right\n * row: rows that are not rendered simply are not in the list.\n */\nfunction flatten(\n    nodes: TreeNode[],\n    expandedIds: Set<string>,\n    depth = 0,\n    parentId: string | null = null,\n    out: FlatNode[] = [],\n): FlatNode[] {\n    for (const node of nodes) {\n        const hasChildren = Array.isArray(node.children);\n        const expanded = hasChildren && expandedIds.has(node.id);\n        out.push({ node, depth, parentId, hasChildren, expanded });\n        if (expanded && node.children) {\n            flatten(node.children, expandedIds, depth + 1, node.id, out);\n        }\n    }\n    return out;\n}\n\n/**\n * Accessible tree for hierarchical data — categories, permissions, folders, an\n * org chart.\n *\n * Implements the `tree` role with **roving tabindex**: exactly one row is\n * tabbable, and the arrow keys move focus within the widget. That is what keeps a\n * 500-node tree from adding 500 stops to the page's tab order.\n *\n * Keyboard map: `↓`/`↑` move, `→` expands (or descends), `←` collapses (or goes to\n * the parent), `Home`/`End` jump to the first/last visible row, `Enter`/`Space`\n * select.\n *\n * The chevron is decoration (`aria-hidden`), not a button: the row itself carries\n * `aria-expanded`, so a second focusable control there would only add noise for a\n * screen reader while duplicating an action the keyboard map already has. It still\n * accepts a click, with the event stopped so it toggles without also selecting.\n *\n * @example\n * ```tsx\n * const nodes: TreeNode[] = [\n *   {\n *     id: \"vendas\",\n *     label: \"Vendas\",\n *     children: [\n *       { id: \"vendas.ler\", label: \"Ler\" },\n *       { id: \"vendas.editar\", label: \"Editar\" },\n *     ],\n *   },\n *   { id: \"config\", label: \"Configurações\", children: [] },\n * ];\n *\n * <TreeView nodes={nodes} defaultExpandedIds={[\"vendas\"]} onSelect={(node) => console.log(node.id)} />\n * ```\n */\nexport function TreeView({\n    nodes,\n    expandedIds,\n    defaultExpandedIds = [],\n    onExpandedChange,\n    selectedId,\n    defaultSelectedId = null,\n    onSelect,\n    toggleOnSelect = true,\n    label,\n    className,\n}: TreeViewProps) {\n    const expandedControlled = expandedIds !== undefined;\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpandedIds);\n    const expanded = expandedControlled ? expandedIds : internalExpanded;\n\n    const selectionControlled = selectedId !== undefined;\n    const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelectedId);\n    const selected = selectionControlled ? selectedId : internalSelected;\n\n    const expandedSet = useMemo(() => new Set(expanded), [expanded]);\n    const rows = useMemo(() => flatten(nodes, expandedSet), [nodes, expandedSet]);\n\n    const [focusedId, setFocusedId] = useState<string | null>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const activeId =\n        focusedId ?? selected ?? rows.find((row) => !row.node.disabled)?.node.id ?? null;\n\n    const setExpanded = useCallback(\n        (next: string[]): void => {\n            if (!expandedControlled) setInternalExpanded(next);\n            onExpandedChange?.(next);\n        },\n        [expandedControlled, onExpandedChange],\n    );\n\n    const toggle = useCallback(\n        (id: string): void => {\n            setExpanded(\n                expanded.includes(id) ? expanded.filter((x) => x !== id) : [...expanded, id],\n            );\n        },\n        [expanded, setExpanded],\n    );\n\n    const select = useCallback(\n        (row: FlatNode): void => {\n            if (row.node.disabled) return;\n            if (!selectionControlled) setInternalSelected(row.node.id);\n            setFocusedId(row.node.id);\n            onSelect?.(row.node);\n            if (row.hasChildren && toggleOnSelect) toggle(row.node.id);\n        },\n        [onSelect, selectionControlled, toggle, toggleOnSelect],\n    );\n\n    /** Move DOM focus to a row by id, so the roving tabindex actually roves. */\n    const focusRow = useCallback((id: string): void => {\n        setFocusedId(id);\n        const element = containerRef.current?.querySelector<HTMLElement>(`[data-tree-id=\"${id}\"]`);\n        element?.focus();\n    }, []);\n\n    const moveFocus = useCallback(\n        (from: number, delta: number): void => {\n            for (let index = from + delta; index >= 0 && index < rows.length; index += delta) {\n                if (!rows[index].node.disabled) {\n                    focusRow(rows[index].node.id);\n                    return;\n                }\n            }\n        },\n        [rows, focusRow],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>, row: FlatNode, index: number): void => {\n            switch (event.key) {\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    moveFocus(index, 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    moveFocus(index, -1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    if (row.hasChildren && !row.expanded) toggle(row.node.id);\n                    else if (row.expanded) moveFocus(index, 1);\n                    break;\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    if (row.expanded) {\n                        toggle(row.node.id);\n                    } else if (row.parentId) {\n                        focusRow(row.parentId);\n                    }\n                    break;\n                case \"Home\":\n                    event.preventDefault();\n                    moveFocus(-1, 1);\n                    break;\n                case \"End\":\n                    event.preventDefault();\n                    moveFocus(rows.length, -1);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    select(row);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [moveFocus, rows.length, select, toggle, focusRow],\n    );\n\n    return (\n        <ul\n            ref={containerRef}\n            role=\"tree\"\n            aria-label={label}\n            className={cn(styles.tree, className)}\n        >\n            {rows.map((row, index) => {\n                const isSelected = selected === row.node.id;\n                return (\n                    <li\n                        key={row.node.id}\n                        role=\"treeitem\"\n                        aria-expanded={row.hasChildren ? row.expanded : undefined}\n                        aria-selected={isSelected}\n                        aria-level={row.depth + 1}\n                        aria-disabled={row.node.disabled || undefined}\n                        className={styles.item}\n                    >\n                        <div\n                            data-tree-id={row.node.id}\n                            className={cn(\n                                styles.row,\n                                isSelected && styles.selected,\n                                row.node.disabled && styles.disabled,\n                            )}\n                            style={{\n                                paddingInlineStart: `calc(${row.depth} * var(--tempest-space-5))`,\n                            }}\n                            tabIndex={activeId === row.node.id && !row.node.disabled ? 0 : -1}\n                            onClick={() => select(row)}\n                            onFocus={() => setFocusedId(row.node.id)}\n                            onKeyDown={(event) => handleKeyDown(event, row, index)}\n                        >\n                            {row.hasChildren ? (\n                                <span\n                                    className={cn(\n                                        styles.chevron,\n                                        row.expanded && styles.chevronOpen,\n                                    )}\n                                    aria-hidden=\"true\"\n                                    onClick={(event) => {\n                                        event.stopPropagation();\n                                        if (!row.node.disabled) toggle(row.node.id);\n                                    }}\n                                >\n                                    <ChevronRight size={14} />\n                                </span>\n                            ) : (\n                                <span className={styles.chevronPlaceholder} aria-hidden=\"true\" />\n                            )}\n                            {row.node.icon ? (\n                                <span className={styles.icon} aria-hidden=\"true\">\n                                    {row.node.icon}\n                                </span>\n                            ) : null}\n                            <span className={styles.label}>{row.node.label}</span>\n                        </div>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TreeView.cjs","names":["useState","useMemo","useRef","useCallback","cn","styles","ChevronRight","require_cn","require_TreeView_module","react","react_jsx_runtime","lucide_react","flatten","node","nodes","hasChildren","expanded","expandedIds","out","depth","TreeView","expandedControlled","internalExpanded","setInternalExpanded","defaultExpandedIds","selectionControlled","selectedId","internalSelected","setInternalSelected","defaultSelectedId","selected","expandedSet","rows","focusedId","setFocusedId","containerRef","activeId","row","setExpanded","next","onExpandedChange","toggle","id","x","select","onSelect","toggleOnSelect","focusRow","moveFocus","index","from","delta","handleKeyDown","event","label","className","isSelected"],"sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — expansion and selection\n * are two independent controlled states, each with its uncontrolled twin\n * (expandedIds/defaultExpandedIds/onExpandedChange, selectedId/\n * defaultSelectedId/onSelect), plus toggleOnSelect for the case where they should\n * move together. The body is the flattened visible list and the roving focus over\n * it.\n */\nimport { ChevronRight } from \"lucide-react\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TreeView.module.css\";\n\n/** One node of the tree. Children make it a branch; no children makes it a leaf. */\nexport interface TreeNode {\n    /** Stable identifier, unique across the whole tree. */\n    id: string;\n    /** Rendered label. */\n    label: ReactNode;\n    /** Child nodes. An empty array still renders as a branch (an empty folder). */\n    children?: TreeNode[];\n    /** Icon rendered before the label. */\n    icon?: ReactNode;\n    /** Blocks selection and expansion, and skips the node in keyboard navigation. */\n    disabled?: boolean;\n}\n\nexport interface TreeViewProps {\n    /** Root nodes. */\n    nodes: TreeNode[];\n    /** Controlled expanded ids. */\n    expandedIds?: string[];\n    /** Uncontrolled initial expanded ids. */\n    defaultExpandedIds?: string[];\n    onExpandedChange?: (expandedIds: string[]) => void;\n    /** Controlled selected id. `null` means nothing selected. */\n    selectedId?: string | null;\n    /** Uncontrolled initial selection. */\n    defaultSelectedId?: string | null;\n    onSelect?: (node: TreeNode) => void;\n    /**\n     * Selecting a branch also toggles it. Default `true` — matches how a file\n     * explorer behaves; set `false` when a branch is itself a meaningful choice\n     * (a category that owns items, for instance).\n     */\n    toggleOnSelect?: boolean;\n    /** Accessible name for the tree. */\n    label?: string;\n    className?: string;\n}\n\ninterface FlatNode {\n    node: TreeNode;\n    depth: number;\n    parentId: string | null;\n    hasChildren: boolean;\n    expanded: boolean;\n}\n\n/**\n * Walk the tree into the list of *currently visible* rows.\n *\n * Keyboard navigation works on this flattened view, which is what makes\n * ArrowDown from the last child of a collapsed-sibling branch land on the right\n * row: rows that are not rendered simply are not in the list.\n */\nfunction flatten(\n    nodes: TreeNode[],\n    expandedIds: Set<string>,\n    depth = 0,\n    parentId: string | null = null,\n    out: FlatNode[] = [],\n): FlatNode[] {\n    for (const node of nodes) {\n        const hasChildren = Array.isArray(node.children);\n        const expanded = hasChildren && expandedIds.has(node.id);\n        out.push({ node, depth, parentId, hasChildren, expanded });\n        if (expanded && node.children) {\n            flatten(node.children, expandedIds, depth + 1, node.id, out);\n        }\n    }\n    return out;\n}\n\n/**\n * Accessible tree for hierarchical data — categories, permissions, folders, an\n * org chart.\n *\n * Implements the `tree` role with **roving tabindex**: exactly one row is\n * tabbable, and the arrow keys move focus within the widget. That is what keeps a\n * 500-node tree from adding 500 stops to the page's tab order.\n *\n * Keyboard map: `↓`/`↑` move, `→` expands (or descends), `←` collapses (or goes to\n * the parent), `Home`/`End` jump to the first/last visible row, `Enter`/`Space`\n * select.\n *\n * The chevron is decoration (`aria-hidden`), not a button: the row itself carries\n * `aria-expanded`, so a second focusable control there would only add noise for a\n * screen reader while duplicating an action the keyboard map already has. It still\n * accepts a click, with the event stopped so it toggles without also selecting.\n *\n * @example\n * ```tsx\n * const nodes: TreeNode[] = [\n *   {\n *     id: \"vendas\",\n *     label: \"Vendas\",\n *     children: [\n *       { id: \"vendas.ler\", label: \"Ler\" },\n *       { id: \"vendas.editar\", label: \"Editar\" },\n *     ],\n *   },\n *   { id: \"config\", label: \"Configurações\", children: [] },\n * ];\n *\n * <TreeView nodes={nodes} defaultExpandedIds={[\"vendas\"]} onSelect={(node) => console.log(node.id)} />\n * ```\n */\nexport function TreeView({\n    nodes,\n    expandedIds,\n    defaultExpandedIds = [],\n    onExpandedChange,\n    selectedId,\n    defaultSelectedId = null,\n    onSelect,\n    toggleOnSelect = true,\n    label,\n    className,\n}: TreeViewProps) {\n    const expandedControlled = expandedIds !== undefined;\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpandedIds);\n    const expanded = expandedControlled ? expandedIds : internalExpanded;\n\n    const selectionControlled = selectedId !== undefined;\n    const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelectedId);\n    const selected = selectionControlled ? selectedId : internalSelected;\n\n    const expandedSet = useMemo(() => new Set(expanded), [expanded]);\n    const rows = useMemo(() => flatten(nodes, expandedSet), [nodes, expandedSet]);\n\n    const [focusedId, setFocusedId] = useState<string | null>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const activeId =\n        focusedId ?? selected ?? rows.find((row) => !row.node.disabled)?.node.id ?? null;\n\n    const setExpanded = useCallback(\n        (next: string[]): void => {\n            if (!expandedControlled) setInternalExpanded(next);\n            onExpandedChange?.(next);\n        },\n        [expandedControlled, onExpandedChange],\n    );\n\n    const toggle = useCallback(\n        (id: string): void => {\n            setExpanded(\n                expanded.includes(id) ? expanded.filter((x) => x !== id) : [...expanded, id],\n            );\n        },\n        [expanded, setExpanded],\n    );\n\n    const select = useCallback(\n        (row: FlatNode): void => {\n            if (row.node.disabled) return;\n            if (!selectionControlled) setInternalSelected(row.node.id);\n            setFocusedId(row.node.id);\n            onSelect?.(row.node);\n            if (row.hasChildren && toggleOnSelect) toggle(row.node.id);\n        },\n        [onSelect, selectionControlled, toggle, toggleOnSelect],\n    );\n\n    /** Move DOM focus to a row by id, so the roving tabindex actually roves. */\n    const focusRow = useCallback((id: string): void => {\n        setFocusedId(id);\n        const element = containerRef.current?.querySelector<HTMLElement>(`[data-tree-id=\"${id}\"]`);\n        element?.focus();\n    }, []);\n\n    const moveFocus = useCallback(\n        (from: number, delta: number): void => {\n            for (let index = from + delta; index >= 0 && index < rows.length; index += delta) {\n                if (!rows[index].node.disabled) {\n                    focusRow(rows[index].node.id);\n                    return;\n                }\n            }\n        },\n        [rows, focusRow],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>, row: FlatNode, index: number): void => {\n            switch (event.key) {\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    moveFocus(index, 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    moveFocus(index, -1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    if (row.hasChildren && !row.expanded) toggle(row.node.id);\n                    else if (row.expanded) moveFocus(index, 1);\n                    break;\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    if (row.expanded) {\n                        toggle(row.node.id);\n                    } else if (row.parentId) {\n                        focusRow(row.parentId);\n                    }\n                    break;\n                case \"Home\":\n                    event.preventDefault();\n                    moveFocus(-1, 1);\n                    break;\n                case \"End\":\n                    event.preventDefault();\n                    moveFocus(rows.length, -1);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    select(row);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [moveFocus, rows.length, select, toggle, focusRow],\n    );\n\n    return (\n        <ul\n            ref={containerRef}\n            role=\"tree\"\n            aria-label={label}\n            className={cn(styles.tree, className)}\n        >\n            {rows.map((row, index) => {\n                const isSelected = selected === row.node.id;\n                return (\n                    <li\n                        key={row.node.id}\n                        role=\"treeitem\"\n                        aria-expanded={row.hasChildren ? row.expanded : undefined}\n                        aria-selected={isSelected}\n                        aria-level={row.depth + 1}\n                        aria-disabled={row.node.disabled || undefined}\n                        className={styles.item}\n                    >\n                        <div\n                            data-tree-id={row.node.id}\n                            className={cn(\n                                styles.row,\n                                isSelected && styles.selected,\n                                row.node.disabled && styles.disabled,\n                            )}\n                            style={{\n                                paddingInlineStart: `calc(${row.depth} * var(--tempest-space-5))`,\n                            }}\n                            tabIndex={activeId === row.node.id && !row.node.disabled ? 0 : -1}\n                            onClick={() => select(row)}\n                            onFocus={() => setFocusedId(row.node.id)}\n                            onKeyDown={(event) => handleKeyDown(event, row, index)}\n                        >\n                            {row.hasChildren ? (\n                                <span\n                                    className={cn(\n                                        styles.chevron,\n                                        row.expanded && styles.chevronOpen,\n                                    )}\n                                    aria-hidden=\"true\"\n                                    onClick={(event) => {\n                                        event.stopPropagation();\n                                        if (!row.node.disabled) toggle(row.node.id);\n                                    }}\n                                >\n                                    <ChevronRight size={14} />\n                                </span>\n                            ) : (\n                                <span className={styles.chevronPlaceholder} aria-hidden=\"true\" />\n                            )}\n                            {row.node.icon ? (\n                                <span className={styles.icon} aria-hidden=\"true\">\n                                    {row.node.icon}\n                                </span>\n                            ) : null}\n                            <span className={styles.label}>{row.node.label}</span>\n                        </div>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"A,yJAmEA,SAASY,EACL,EACA,EACA,EAAQ,EACR,EAA0B,KAC1B,EAAkB,CAAC,EACT,CACV,IAAK,IAAMC,KAAQC,EAAO,CACtB,IAAMC,EAAc,MAAM,QAAQF,EAAK,QAAQ,EACzCG,EAAWD,GAAeE,EAAY,IAAIJ,EAAK,EAAE,EACvDK,EAAI,KAAK,CAAE,OAAM,QAAO,WAAU,cAAa,UAAS,CAAC,EACrDF,GAAYH,EAAK,UACjBD,EAAQC,EAAK,SAAUI,EAAaE,EAAQ,EAAGN,EAAK,GAAIK,CAAG,CAEnE,CACA,OAAOA,CACX,CAoCA,SAAgBE,EAAS,CACrB,QACA,cACA,qBAAqB,CAAC,EACtB,mBACA,aACA,oBAAoB,KACpB,WACA,iBAAiB,GACjB,QACA,aACc,CACd,IAAMC,EAAqBJ,IAAgB,IAAA,GACrC,CAACK,EAAkBC,IAAA,EAAuBvB,EAAAA,SAAAA,CAAmBwB,CAAkB,EAC/ER,EAAWK,EAAqBJ,EAAcK,EAE9CG,EAAsBC,IAAe,IAAA,GACrC,CAACC,EAAkBC,IAAA,EAAuB5B,EAAAA,SAAAA,CAAwB6B,CAAiB,EACnFC,EAAWL,EAAsBC,EAAaC,EAE9CI,GAAA,EAAc9B,EAAAA,QAAAA,KAAc,IAAI,IAAIe,CAAQ,EAAG,CAACA,CAAQ,CAAC,EACzDgB,GAAA,EAAO/B,EAAAA,QAAAA,KAAcW,EAAQE,EAAOiB,CAAW,EAAG,CAACjB,EAAOiB,CAAW,CAAC,EAEtE,CAACE,EAAWC,IAAA,EAAgBlC,EAAAA,SAAAA,CAAwB,IAAI,EACxDmC,GAAA,EAAejC,EAAAA,OAAAA,CAAyB,IAAI,EAE5CkC,EACFH,GAAaH,GAAYE,EAAK,KAAM,GAAQ,CAACK,EAAI,KAAK,QAAQ,CAAC,EAAE,KAAK,IAAM,KAE1EC,GAAA,EAAcnC,EAAAA,YAAAA,CACf,GAAyB,CACjBkB,GAAoBE,EAAoBgB,CAAI,EACjDC,IAAmBD,CAAI,CAC3B,EACA,CAAClB,EAAoBmB,CAAgB,CACzC,EAEMC,GAAA,EAAStC,EAAAA,YAAAA,CACV,GAAqB,CAClBmC,EACItB,EAAS,SAAS0B,CAAE,EAAI1B,EAAS,OAAQ,GAAM2B,IAAMD,CAAE,EAAI,CAAC,GAAG1B,EAAU0B,CAAE,CAC/E,CACJ,EACA,CAAC1B,EAAUsB,CAAW,CAC1B,EAEMM,GAAA,EAASzC,EAAAA,YAAAA,CACV,GAAwB,CACjBkC,EAAI,KAAK,WACRZ,GAAqBG,EAAoBS,EAAI,KAAK,EAAE,EACzDH,EAAaG,EAAI,KAAK,EAAE,EACxBQ,IAAWR,EAAI,IAAI,EACfA,EAAI,aAAeS,GAAgBL,EAAOJ,EAAI,KAAK,EAAE,EAC7D,EACA,CAACQ,EAAUpB,EAAqBgB,EAAQK,CAAc,CAC1D,EAGMC,GAAA,EAAW5C,EAAAA,YAAAA,CAAa,GAAqB,CAC/C+B,EAAaQ,CAAE,GACCP,EAAa,SAAS,cAA2B,kBAAkBO,EAAG,GAAG,EAAA,EAChF,MAAM,CACnB,EAAG,CAAC,CAAC,EAECM,GAAA,EAAY7C,EAAAA,YAAAA,EACb,EAAc,IAAwB,CACnC,IAAK,IAAI8C,EAAQC,EAAOC,EAAOF,GAAS,GAAKA,EAAQjB,EAAK,OAAQ,GAASmB,EACvE,GAAI,CAACnB,EAAKiB,EAAM,CAAC,KAAK,SAAU,CAC5BF,EAASf,EAAKiB,EAAM,CAAC,KAAK,EAAE,EAC5B,MACJ,CAER,EACA,CAACjB,EAAMe,CAAQ,CACnB,EAEMK,GAAA,EAAgBjD,EAAAA,YAAAA,EACjB,EAAsC,EAAe,IAAwB,CAC1E,OAAQkD,EAAM,IAAd,CACI,IAAK,YACDA,EAAM,eAAe,EACrBL,EAAUC,EAAO,CAAC,EAClB,MACJ,IAAK,UACDI,EAAM,eAAe,EACrBL,EAAUC,EAAO,EAAE,EACnB,MACJ,IAAK,aACDI,EAAM,eAAe,EACjBhB,EAAI,aAAe,CAACA,EAAI,SAAUI,EAAOJ,EAAI,KAAK,EAAE,EAC/CA,EAAI,UAAUW,EAAUC,EAAO,CAAC,EACzC,MACJ,IAAK,YACDI,EAAM,eAAe,EACjBhB,EAAI,SACJI,EAAOJ,EAAI,KAAK,EAAE,EACXA,EAAI,UACXU,EAASV,EAAI,QAAQ,EAEzB,MACJ,IAAK,OACDgB,EAAM,eAAe,EACrBL,EAAU,GAAI,CAAC,EACf,MACJ,IAAK,MACDK,EAAM,eAAe,EACrBL,EAAUhB,EAAK,OAAQ,EAAE,EACzB,MACJ,IAAK,QACL,IAAK,IACDqB,EAAM,eAAe,EACrBT,EAAOP,CAAG,CAIlB,CACJ,EACA,CAACW,EAAWhB,EAAK,OAAQY,EAAQH,EAAQM,CAAQ,CACrD,EAEA,OACI,EAAArC,EAAA,IAAA,CAAC,KAAD,CACI,IAAKyB,EACL,KAAK,OACL,aAAYmB,EACZ,UAAWlD,EAAAA,GAAGC,EAAAA,QAAO,KAAMkD,CAAS,EAEnC,SAAAvB,EAAK,KAAK,EAAK,IAAU,CACtB,IAAMwB,EAAa1B,IAAaO,EAAI,KAAK,GACzC,OACI,EAAA3B,EAAA,IAAA,CAAC,KAAD,CAEI,KAAK,WACL,gBAAe2B,EAAI,YAAcA,EAAI,SAAW,IAAA,GAChD,gBAAemB,EACf,aAAYnB,EAAI,MAAQ,EACxB,gBAAeA,EAAI,KAAK,UAAY,IAAA,GACpC,UAAWhC,EAAAA,QAAO,KAElB,UAAA,EAAAK,EAAA,KAAA,CAAC,MAAD,CACI,eAAc2B,EAAI,KAAK,GACvB,UAAWjC,EAAAA,GACPC,EAAAA,QAAO,IACPmD,GAAcnD,EAAAA,QAAO,SACrBgC,EAAI,KAAK,UAAYhC,EAAAA,QAAO,QAChC,EACA,MAAO,CACH,mBAAoB,QAAQgC,EAAI,MAAM,2BAC1C,EACA,SAAUD,IAAaC,EAAI,KAAK,IAAM,CAACA,EAAI,KAAK,SAAW,EAAI,GAC/D,YAAeO,EAAOP,CAAG,EACzB,YAAeH,EAAaG,EAAI,KAAK,EAAE,EACvC,UAAY,GAAUe,EAAcC,EAAOhB,EAAKY,CAAK,EAbzD,SAAA,CAeKZ,EAAI,aACD,EAAA3B,EAAA,IAAA,CAAC,OAAD,CACI,UAAWN,EAAAA,GACPC,EAAAA,QAAO,QACPgC,EAAI,UAAYhC,EAAAA,QAAO,WAC3B,EACA,cAAY,OACZ,QAAU,GAAU,CAChBgD,EAAM,gBAAgB,EACjBhB,EAAI,KAAK,UAAUI,EAAOJ,EAAI,KAAK,EAAE,CAC9C,EAEA,UAAA,EAAA3B,EAAA,IAAA,CAACJ,EAAAA,aAAD,CAAc,KAAM,EAAK,CAAA,CACvB,CAAA,GAEN,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,mBAAoB,cAAY,MAAQ,CAAA,EAEnEgC,EAAI,KAAK,MACN,EAAA3B,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,KAAM,cAAY,OACrC,SAAAgC,EAAI,KAAK,IACR,CAAA,EACN,MACJ,EAAA3B,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,MAAQ,SAAAgC,EAAI,KAAK,KAAY,CAAA,CACpD,C,EACL,EA/CKA,EAAI,KAAK,EA+Cd,CAEZ,CAAC,CACD,CAAA,CAEZ,C"}

package/dist/components/TreeView/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","names":[],"sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — expansion and selection\n * are two independent controlled states, each with its uncontrolled twin\n * (expandedIds/defaultExpandedIds/onExpandedChange, selectedId/\n * defaultSelectedId/onSelect), plus toggleOnSelect for the case where they should\n * move together. The body is the flattened visible list and the roving focus over\n * it.\n */\nimport { ChevronRight } from \"lucide-react\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TreeView.module.css\";\n\n/** One node of the tree. Children make it a branch; no children makes it a leaf. */\nexport interface TreeNode {\n    /** Stable identifier, unique across the whole tree. */\n    id: string;\n    /** Rendered label. */\n    label: ReactNode;\n    /** Child nodes. An empty array still renders as a branch (an empty folder). */\n    children?: TreeNode[];\n    /** Icon rendered before the label. */\n    icon?: ReactNode;\n    /** Blocks selection and expansion, and skips the node in keyboard navigation. */\n    disabled?: boolean;\n}\n\nexport interface TreeViewProps {\n    /** Root nodes. */\n    nodes: TreeNode[];\n    /** Controlled expanded ids. */\n    expandedIds?: string[];\n    /** Uncontrolled initial expanded ids. */\n    defaultExpandedIds?: string[];\n    onExpandedChange?: (expandedIds: string[]) => void;\n    /** Controlled selected id. `null` means nothing selected. */\n    selectedId?: string | null;\n    /** Uncontrolled initial selection. */\n    defaultSelectedId?: string | null;\n    onSelect?: (node: TreeNode) => void;\n    /**\n     * Selecting a branch also toggles it. Default `true` — matches how a file\n     * explorer behaves; set `false` when a branch is itself a meaningful choice\n     * (a category that owns items, for instance).\n     */\n    toggleOnSelect?: boolean;\n    /** Accessible name for the tree. */\n    label?: string;\n    className?: string;\n}\n\ninterface FlatNode {\n    node: TreeNode;\n    depth: number;\n    parentId: string | null;\n    hasChildren: boolean;\n    expanded: boolean;\n}\n\n/**\n * Walk the tree into the list of *currently visible* rows.\n *\n * Keyboard navigation works on this flattened view, which is what makes\n * ArrowDown from the last child of a collapsed-sibling branch land on the right\n * row: rows that are not rendered simply are not in the list.\n */\nfunction flatten(\n    nodes: TreeNode[],\n    expandedIds: Set<string>,\n    depth = 0,\n    parentId: string | null = null,\n    out: FlatNode[] = [],\n): FlatNode[] {\n    for (const node of nodes) {\n        const hasChildren = Array.isArray(node.children);\n        const expanded = hasChildren && expandedIds.has(node.id);\n        out.push({ node, depth, parentId, hasChildren, expanded });\n        if (expanded && node.children) {\n            flatten(node.children, expandedIds, depth + 1, node.id, out);\n        }\n    }\n    return out;\n}\n\n/**\n * Accessible tree for hierarchical data — categories, permissions, folders, an\n * org chart.\n *\n * Implements the `tree` role with **roving tabindex**: exactly one row is\n * tabbable, and the arrow keys move focus within the widget. That is what keeps a\n * 500-node tree from adding 500 stops to the page's tab order.\n *\n * Keyboard map: `↓`/`↑` move, `→` expands (or descends), `←` collapses (or goes to\n * the parent), `Home`/`End` jump to the first/last visible row, `Enter`/`Space`\n * select.\n *\n * The chevron is decoration (`aria-hidden`), not a button: the row itself carries\n * `aria-expanded`, so a second focusable control there would only add noise for a\n * screen reader while duplicating an action the keyboard map already has. It still\n * accepts a click, with the event stopped so it toggles without also selecting.\n *\n * @example\n * ```tsx\n * const nodes: TreeNode[] = [\n *   {\n *     id: \"vendas\",\n *     label: \"Vendas\",\n *     children: [\n *       { id: \"vendas.ler\", label: \"Ler\" },\n *       { id: \"vendas.editar\", label: \"Editar\" },\n *     ],\n *   },\n *   { id: \"config\", label: \"Configurações\", children: [] },\n * ];\n *\n * <TreeView nodes={nodes} defaultExpandedIds={[\"vendas\"]} onSelect={(node) => console.log(node.id)} />\n * ```\n */\nexport function TreeView({\n    nodes,\n    expandedIds,\n    defaultExpandedIds = [],\n    onExpandedChange,\n    selectedId,\n    defaultSelectedId = null,\n    onSelect,\n    toggleOnSelect = true,\n    label,\n    className,\n}: TreeViewProps) {\n    const expandedControlled = expandedIds !== undefined;\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpandedIds);\n    const expanded = expandedControlled ? expandedIds : internalExpanded;\n\n    const selectionControlled = selectedId !== undefined;\n    const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelectedId);\n    const selected = selectionControlled ? selectedId : internalSelected;\n\n    const expandedSet = useMemo(() => new Set(expanded), [expanded]);\n    const rows = useMemo(() => flatten(nodes, expandedSet), [nodes, expandedSet]);\n\n    const [focusedId, setFocusedId] = useState<string | null>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const activeId =\n        focusedId ?? selected ?? rows.find((row) => !row.node.disabled)?.node.id ?? null;\n\n    const setExpanded = useCallback(\n        (next: string[]): void => {\n            if (!expandedControlled) setInternalExpanded(next);\n            onExpandedChange?.(next);\n        },\n        [expandedControlled, onExpandedChange],\n    );\n\n    const toggle = useCallback(\n        (id: string): void => {\n            setExpanded(\n                expanded.includes(id) ? expanded.filter((x) => x !== id) : [...expanded, id],\n            );\n        },\n        [expanded, setExpanded],\n    );\n\n    const select = useCallback(\n        (row: FlatNode): void => {\n            if (row.node.disabled) return;\n            if (!selectionControlled) setInternalSelected(row.node.id);\n            setFocusedId(row.node.id);\n            onSelect?.(row.node);\n            if (row.hasChildren && toggleOnSelect) toggle(row.node.id);\n        },\n        [onSelect, selectionControlled, toggle, toggleOnSelect],\n    );\n\n    /** Move DOM focus to a row by id, so the roving tabindex actually roves. */\n    const focusRow = useCallback((id: string): void => {\n        setFocusedId(id);\n        const element = containerRef.current?.querySelector<HTMLElement>(`[data-tree-id=\"${id}\"]`);\n        element?.focus();\n    }, []);\n\n    const moveFocus = useCallback(\n        (from: number, delta: number): void => {\n            for (let index = from + delta; index >= 0 && index < rows.length; index += delta) {\n                if (!rows[index].node.disabled) {\n                    focusRow(rows[index].node.id);\n                    return;\n                }\n            }\n        },\n        [rows, focusRow],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>, row: FlatNode, index: number): void => {\n            switch (event.key) {\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    moveFocus(index, 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    moveFocus(index, -1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    if (row.hasChildren && !row.expanded) toggle(row.node.id);\n                    else if (row.expanded) moveFocus(index, 1);\n                    break;\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    if (row.expanded) {\n                        toggle(row.node.id);\n                    } else if (row.parentId) {\n                        focusRow(row.parentId);\n                    }\n                    break;\n                case \"Home\":\n                    event.preventDefault();\n                    moveFocus(-1, 1);\n                    break;\n                case \"End\":\n                    event.preventDefault();\n                    moveFocus(rows.length, -1);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    select(row);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [moveFocus, rows.length, select, toggle, focusRow],\n    );\n\n    return (\n        <ul\n            ref={containerRef}\n            role=\"tree\"\n            aria-label={label}\n            className={cn(styles.tree, className)}\n        >\n            {rows.map((row, index) => {\n                const isSelected = selected === row.node.id;\n                return (\n                    <li\n                        key={row.node.id}\n                        role=\"treeitem\"\n                        aria-expanded={row.hasChildren ? row.expanded : undefined}\n                        aria-selected={isSelected}\n                        aria-level={row.depth + 1}\n                        aria-disabled={row.node.disabled || undefined}\n                        className={styles.item}\n                    >\n                        <div\n                            data-tree-id={row.node.id}\n                            className={cn(\n                                styles.row,\n                                isSelected && styles.selected,\n                                row.node.disabled && styles.disabled,\n                            )}\n                            style={{\n                                paddingInlineStart: `calc(${row.depth} * var(--tempest-space-5))`,\n                            }}\n                            tabIndex={activeId === row.node.id && !row.node.disabled ? 0 : -1}\n                            onClick={() => select(row)}\n                            onFocus={() => setFocusedId(row.node.id)}\n                            onKeyDown={(event) => handleKeyDown(event, row, index)}\n                        >\n                            {row.hasChildren ? (\n                                <span\n                                    className={cn(\n                                        styles.chevron,\n                                        row.expanded && styles.chevronOpen,\n                                    )}\n                                    aria-hidden=\"true\"\n                                    onClick={(event) => {\n                                        event.stopPropagation();\n                                        if (!row.node.disabled) toggle(row.node.id);\n                                    }}\n                                >\n                                    <ChevronRight size={14} />\n                                </span>\n                            ) : (\n                                <span className={styles.chevronPlaceholder} aria-hidden=\"true\" />\n                            )}\n                            {row.node.icon ? (\n                                <span className={styles.icon} aria-hidden=\"true\">\n                                    {row.node.icon}\n                                </span>\n                            ) : null}\n                            <span className={styles.label}>{row.node.label}</span>\n                        </div>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TreeView.js","names":["styles","TreeView_module_default","flatten","node","nodes","hasChildren","expanded","expandedIds","out","depth","TreeView","expandedControlled","internalExpanded","setInternalExpanded","useState","defaultExpandedIds","selectionControlled","selectedId","internalSelected","setInternalSelected","defaultSelectedId","selected","expandedSet","useMemo","rows","focusedId","setFocusedId","containerRef","useRef","activeId","row","setExpanded","useCallback","next","onExpandedChange","toggle","id","x","select","onSelect","toggleOnSelect","focusRow","moveFocus","index","from","delta","handleKeyDown","event","label","cn","className","isSelected","ChevronRight"],"sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — expansion and selection\n * are two independent controlled states, each with its uncontrolled twin\n * (expandedIds/defaultExpandedIds/onExpandedChange, selectedId/\n * defaultSelectedId/onSelect), plus toggleOnSelect for the case where they should\n * move together. The body is the flattened visible list and the roving focus over\n * it.\n */\nimport { ChevronRight } from \"lucide-react\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TreeView.module.css\";\n\n/** One node of the tree. Children make it a branch; no children makes it a leaf. */\nexport interface TreeNode {\n    /** Stable identifier, unique across the whole tree. */\n    id: string;\n    /** Rendered label. */\n    label: ReactNode;\n    /** Child nodes. An empty array still renders as a branch (an empty folder). */\n    children?: TreeNode[];\n    /** Icon rendered before the label. */\n    icon?: ReactNode;\n    /** Blocks selection and expansion, and skips the node in keyboard navigation. */\n    disabled?: boolean;\n}\n\nexport interface TreeViewProps {\n    /** Root nodes. */\n    nodes: TreeNode[];\n    /** Controlled expanded ids. */\n    expandedIds?: string[];\n    /** Uncontrolled initial expanded ids. */\n    defaultExpandedIds?: string[];\n    onExpandedChange?: (expandedIds: string[]) => void;\n    /** Controlled selected id. `null` means nothing selected. */\n    selectedId?: string | null;\n    /** Uncontrolled initial selection. */\n    defaultSelectedId?: string | null;\n    onSelect?: (node: TreeNode) => void;\n    /**\n     * Selecting a branch also toggles it. Default `true` — matches how a file\n     * explorer behaves; set `false` when a branch is itself a meaningful choice\n     * (a category that owns items, for instance).\n     */\n    toggleOnSelect?: boolean;\n    /** Accessible name for the tree. */\n    label?: string;\n    className?: string;\n}\n\ninterface FlatNode {\n    node: TreeNode;\n    depth: number;\n    parentId: string | null;\n    hasChildren: boolean;\n    expanded: boolean;\n}\n\n/**\n * Walk the tree into the list of *currently visible* rows.\n *\n * Keyboard navigation works on this flattened view, which is what makes\n * ArrowDown from the last child of a collapsed-sibling branch land on the right\n * row: rows that are not rendered simply are not in the list.\n */\nfunction flatten(\n    nodes: TreeNode[],\n    expandedIds: Set<string>,\n    depth = 0,\n    parentId: string | null = null,\n    out: FlatNode[] = [],\n): FlatNode[] {\n    for (const node of nodes) {\n        const hasChildren = Array.isArray(node.children);\n        const expanded = hasChildren && expandedIds.has(node.id);\n        out.push({ node, depth, parentId, hasChildren, expanded });\n        if (expanded && node.children) {\n            flatten(node.children, expandedIds, depth + 1, node.id, out);\n        }\n    }\n    return out;\n}\n\n/**\n * Accessible tree for hierarchical data — categories, permissions, folders, an\n * org chart.\n *\n * Implements the `tree` role with **roving tabindex**: exactly one row is\n * tabbable, and the arrow keys move focus within the widget. That is what keeps a\n * 500-node tree from adding 500 stops to the page's tab order.\n *\n * Keyboard map: `↓`/`↑` move, `→` expands (or descends), `←` collapses (or goes to\n * the parent), `Home`/`End` jump to the first/last visible row, `Enter`/`Space`\n * select.\n *\n * The chevron is decoration (`aria-hidden`), not a button: the row itself carries\n * `aria-expanded`, so a second focusable control there would only add noise for a\n * screen reader while duplicating an action the keyboard map already has. It still\n * accepts a click, with the event stopped so it toggles without also selecting.\n *\n * @example\n * ```tsx\n * const nodes: TreeNode[] = [\n *   {\n *     id: \"vendas\",\n *     label: \"Vendas\",\n *     children: [\n *       { id: \"vendas.ler\", label: \"Ler\" },\n *       { id: \"vendas.editar\", label: \"Editar\" },\n *     ],\n *   },\n *   { id: \"config\", label: \"Configurações\", children: [] },\n * ];\n *\n * <TreeView nodes={nodes} defaultExpandedIds={[\"vendas\"]} onSelect={(node) => console.log(node.id)} />\n * ```\n */\nexport function TreeView({\n    nodes,\n    expandedIds,\n    defaultExpandedIds = [],\n    onExpandedChange,\n    selectedId,\n    defaultSelectedId = null,\n    onSelect,\n    toggleOnSelect = true,\n    label,\n    className,\n}: TreeViewProps) {\n    const expandedControlled = expandedIds !== undefined;\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpandedIds);\n    const expanded = expandedControlled ? expandedIds : internalExpanded;\n\n    const selectionControlled = selectedId !== undefined;\n    const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelectedId);\n    const selected = selectionControlled ? selectedId : internalSelected;\n\n    const expandedSet = useMemo(() => new Set(expanded), [expanded]);\n    const rows = useMemo(() => flatten(nodes, expandedSet), [nodes, expandedSet]);\n\n    const [focusedId, setFocusedId] = useState<string | null>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const activeId =\n        focusedId ?? selected ?? rows.find((row) => !row.node.disabled)?.node.id ?? null;\n\n    const setExpanded = useCallback(\n        (next: string[]): void => {\n            if (!expandedControlled) setInternalExpanded(next);\n            onExpandedChange?.(next);\n        },\n        [expandedControlled, onExpandedChange],\n    );\n\n    const toggle = useCallback(\n        (id: string): void => {\n            setExpanded(\n                expanded.includes(id) ? expanded.filter((x) => x !== id) : [...expanded, id],\n            );\n        },\n        [expanded, setExpanded],\n    );\n\n    const select = useCallback(\n        (row: FlatNode): void => {\n            if (row.node.disabled) return;\n            if (!selectionControlled) setInternalSelected(row.node.id);\n            setFocusedId(row.node.id);\n            onSelect?.(row.node);\n            if (row.hasChildren && toggleOnSelect) toggle(row.node.id);\n        },\n        [onSelect, selectionControlled, toggle, toggleOnSelect],\n    );\n\n    /** Move DOM focus to a row by id, so the roving tabindex actually roves. */\n    const focusRow = useCallback((id: string): void => {\n        setFocusedId(id);\n        const element = containerRef.current?.querySelector<HTMLElement>(`[data-tree-id=\"${id}\"]`);\n        element?.focus();\n    }, []);\n\n    const moveFocus = useCallback(\n        (from: number, delta: number): void => {\n            for (let index = from + delta; index >= 0 && index < rows.length; index += delta) {\n                if (!rows[index].node.disabled) {\n                    focusRow(rows[index].node.id);\n                    return;\n                }\n            }\n        },\n        [rows, focusRow],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>, row: FlatNode, index: number): void => {\n            switch (event.key) {\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    moveFocus(index, 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    moveFocus(index, -1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    if (row.hasChildren && !row.expanded) toggle(row.node.id);\n                    else if (row.expanded) moveFocus(index, 1);\n                    break;\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    if (row.expanded) {\n                        toggle(row.node.id);\n                    } else if (row.parentId) {\n                        focusRow(row.parentId);\n                    }\n                    break;\n                case \"Home\":\n                    event.preventDefault();\n                    moveFocus(-1, 1);\n                    break;\n                case \"End\":\n                    event.preventDefault();\n                    moveFocus(rows.length, -1);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    select(row);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [moveFocus, rows.length, select, toggle, focusRow],\n    );\n\n    return (\n        <ul\n            ref={containerRef}\n            role=\"tree\"\n            aria-label={label}\n            className={cn(styles.tree, className)}\n        >\n            {rows.map((row, index) => {\n                const isSelected = selected === row.node.id;\n                return (\n                    <li\n                        key={row.node.id}\n                        role=\"treeitem\"\n                        aria-expanded={row.hasChildren ? row.expanded : undefined}\n                        aria-selected={isSelected}\n                        aria-level={row.depth + 1}\n                        aria-disabled={row.node.disabled || undefined}\n                        className={styles.item}\n                    >\n                        <div\n                            data-tree-id={row.node.id}\n                            className={cn(\n                                styles.row,\n                                isSelected && styles.selected,\n                                row.node.disabled && styles.disabled,\n                            )}\n                            style={{\n                                paddingInlineStart: `calc(${row.depth} * var(--tempest-space-5))`,\n                            }}\n                            tabIndex={activeId === row.node.id && !row.node.disabled ? 0 : -1}\n                            onClick={() => select(row)}\n                            onFocus={() => setFocusedId(row.node.id)}\n                            onKeyDown={(event) => handleKeyDown(event, row, index)}\n                        >\n                            {row.hasChildren ? (\n                                <span\n                                    className={cn(\n                                        styles.chevron,\n                                        row.expanded && styles.chevronOpen,\n                                    )}\n                                    aria-hidden=\"true\"\n                                    onClick={(event) => {\n                                        event.stopPropagation();\n                                        if (!row.node.disabled) toggle(row.node.id);\n                                    }}\n                                >\n                                    <ChevronRight size={14} />\n                                </span>\n                            ) : (\n                                <span className={styles.chevronPlaceholder} aria-hidden=\"true\" />\n                            )}\n                            {row.node.icon ? (\n                                <span className={styles.icon} aria-hidden=\"true\">\n                                    {row.node.icon}\n                                </span>\n                            ) : null}\n                            <span className={styles.label}>{row.node.label}</span>\n                        </div>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.module.cjs","names":[],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.item {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.row {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding-block: var(--tempest-space-2);\n    padding-inline-end: var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    user-select: none;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.disabled:hover {\n    background-color: transparent;\n}\n\n.chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n    border-radius: var(--tempest-radius-xs);\n    color: var(--tempest-text-muted);\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n    background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n    transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n    display: inline-block;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n}\n\n.label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .row,\n    .chevron {\n        transition: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"TreeView.module.cjs","names":["tree","item","row","selected","disabled","chevron","chevronOpen","chevronPlaceholder","icon","label","TreeView_module_default"],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.item {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.row {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding-block: var(--tempest-space-2);\n    padding-inline-end: var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    user-select: none;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.disabled:hover {\n    background-color: transparent;\n}\n\n.chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n    border-radius: var(--tempest-radius-xs);\n    color: var(--tempest-text-muted);\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n    background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n    transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n    display: inline-block;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n}\n\n.label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .row,\n    .chevron {\n        transition: none;\n    }\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.module.js","names":[],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.item {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.row {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding-block: var(--tempest-space-2);\n    padding-inline-end: var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    user-select: none;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.disabled:hover {\n    background-color: transparent;\n}\n\n.chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n    border-radius: var(--tempest-radius-xs);\n    color: var(--tempest-text-muted);\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n    background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n    transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n    display: inline-block;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n}\n\n.label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .row,\n    .chevron {\n        transition: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"TreeView.module.js","names":["tree","item","row","selected","disabled","chevron","chevronOpen","chevronPlaceholder","icon","label","TreeView_module_default"],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.item {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.row {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding-block: var(--tempest-space-2);\n    padding-inline-end: var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    user-select: none;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.disabled:hover {\n    background-color: transparent;\n}\n\n.chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n    border-radius: var(--tempest-radius-xs);\n    color: var(--tempest-text-muted);\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n    background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n    transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n    display: inline-block;\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n}\n\n.label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .row,\n    .chevron {\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/TruncateText/TruncateText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TruncateText.cjs","names":[],"sources":["../../../src/components/TruncateText/TruncateText.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TruncateText.module.css\";\n\nexport interface TruncateTextProps extends HTMLAttributes<HTMLDivElement> {\n    /** Maximum number of lines to show before clamping. Defaults to 1. */\n    lines?: number;\n    /** Content to clamp. */\n    children: ReactNode;\n}\n\n/**\n * Clamp text to a fixed number of lines using a CSS line-clamp, adding an\n * ellipsis on overflow. The line count is driven by the\n * `--tempest-clamp-lines` custom property.\n *\n * @example\n * <TruncateText lines={2}>{longDescription}</TruncateText>\n */\nexport function TruncateText({\n    lines = 1,\n    className,\n    style,\n    children,\n    ...props\n}: TruncateTextProps) {\n    const mergedStyle = {\n        ...style,\n        \"--tempest-clamp-lines\": lines,\n    } as CSSProperties;\n\n    return (\n        <div className={cn(styles.clamp, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"gHAmBA,SAAgB,EAAa,CACzB,QAAQ,EACR,YACA,QACA,WACA,GAAG,GACe,CAClB,IAAM,EAAc,CAChB,GAAG,EACH,wBAAyB,CAC7B,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,MAAO,EAAa,GAAI,EAChE,UACA,CAAA,CAEb"}
+{"version":3,"file":"TruncateText.cjs","names":["cn","styles","require_cn","require_TruncateText_module","react_jsx_runtime","TruncateText","props","mergedStyle","style","lines","className"],"sources":["../../../src/components/TruncateText/TruncateText.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TruncateText.module.css\";\n\nexport interface TruncateTextProps extends HTMLAttributes<HTMLDivElement> {\n    /** Maximum number of lines to show before clamping. Defaults to 1. */\n    lines?: number;\n    /** Content to clamp. */\n    children: ReactNode;\n}\n\n/**\n * Clamp text to a fixed number of lines using a CSS line-clamp, adding an\n * ellipsis on overflow. The line count is driven by the\n * `--tempest-clamp-lines` custom property.\n *\n * @example\n * <TruncateText lines={2}>{longDescription}</TruncateText>\n */\nexport function TruncateText({\n    lines = 1,\n    className,\n    style,\n    children,\n    ...props\n}: TruncateTextProps) {\n    const mergedStyle = {\n        ...style,\n        \"--tempest-clamp-lines\": lines,\n    } as CSSProperties;\n\n    return (\n        <div className={cn(styles.clamp, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"A,gHAmBA,SAAgBK,EAAa,CACzB,QAAQ,EACR,YACA,QACA,WACA,GAAGC,GACe,CAClB,IAAMC,EAAc,CAChB,GAAGC,EACH,wBAAyBC,CAC7B,EAEA,OACI,EAAAL,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,MAAOS,CAAS,EAAG,MAAOH,EAAa,GAAID,EAChE,UACA,CAAA,CAEb,C"}

package/dist/components/TruncateText/TruncateText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TruncateText.js","names":[],"sources":["../../../src/components/TruncateText/TruncateText.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TruncateText.module.css\";\n\nexport interface TruncateTextProps extends HTMLAttributes<HTMLDivElement> {\n    /** Maximum number of lines to show before clamping. Defaults to 1. */\n    lines?: number;\n    /** Content to clamp. */\n    children: ReactNode;\n}\n\n/**\n * Clamp text to a fixed number of lines using a CSS line-clamp, adding an\n * ellipsis on overflow. The line count is driven by the\n * `--tempest-clamp-lines` custom property.\n *\n * @example\n * <TruncateText lines={2}>{longDescription}</TruncateText>\n */\nexport function TruncateText({\n    lines = 1,\n    className,\n    style,\n    children,\n    ...props\n}: TruncateTextProps) {\n    const mergedStyle = {\n        ...style,\n        \"--tempest-clamp-lines\": lines,\n    } as CSSProperties;\n\n    return (\n        <div className={cn(styles.clamp, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAa,EACzB,WAAQ,GACR,cACA,UACA,aACA,GAAG,KACe;CAClB,IAAM,IAAc;EAChB,GAAG;EACH,yBAAyB;CAC7B;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,OAAO,CAAS;EAAG,OAAO;EAAa,GAAI;EAChE;CACA,CAAA;AAEb"}
+{"version":3,"file":"TruncateText.js","names":["styles","TruncateText_module_default","TruncateText","props","mergedStyle","style","lines","cn","className"],"sources":["../../../src/components/TruncateText/TruncateText.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TruncateText.module.css\";\n\nexport interface TruncateTextProps extends HTMLAttributes<HTMLDivElement> {\n    /** Maximum number of lines to show before clamping. Defaults to 1. */\n    lines?: number;\n    /** Content to clamp. */\n    children: ReactNode;\n}\n\n/**\n * Clamp text to a fixed number of lines using a CSS line-clamp, adding an\n * ellipsis on overflow. The line count is driven by the\n * `--tempest-clamp-lines` custom property.\n *\n * @example\n * <TruncateText lines={2}>{longDescription}</TruncateText>\n */\nexport function TruncateText({\n    lines = 1,\n    className,\n    style,\n    children,\n    ...props\n}: TruncateTextProps) {\n    const mergedStyle = {\n        ...style,\n        \"--tempest-clamp-lines\": lines,\n    } as CSSProperties;\n\n    return (\n        <div className={cn(styles.clamp, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAmBA,SAAgBE,EAAa,EACzB,WAAQ,GACR,cACA,UACA,aACA,GAAGC,KACe;CAClB,IAAMC,IAAc;EAChB,GAAGC;EACH,yBAAyBC;CAC7B;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGP,EAAO,OAAOQ,CAAS;EAAG,OAAOJ;EAAa,GAAID;EAChE;CACA,CAAA;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"TruncateText.module.cjs","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n    line-clamp: var(--tempest-clamp-lines, 1);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n"],"mappings":";"}
+{"version":3,"file":"TruncateText.module.cjs","names":["clamp","TruncateText_module_default"],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n    line-clamp: var(--tempest-clamp-lines, 1);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"TruncateText.module.js","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n    line-clamp: var(--tempest-clamp-lines, 1);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n"],"mappings":";"}
+{"version":3,"file":"TruncateText.module.js","names":["clamp","TruncateText_module_default"],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n    line-clamp: var(--tempest-clamp-lines, 1);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n"],"mappings":";"}

package/dist/components/UpdatePrompt/UpdatePrompt.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UpdatePrompt.cjs","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":"0IAiCA,SAAgB,EAAa,CACzB,OACA,WACA,YACA,UAAU,mCACV,cAAc,YACd,WAAW,SACX,YACA,GAAG,GACe,CAElB,OADK,GAED,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAW,CAAS,EACxD,KAAK,QACL,YAAU,YACV,GAAI,EAJR,SAAA,EAMI,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,UAAW,EAAA,QAAO,KAAM,KAAM,GAAI,cAAY,MAAQ,CAAA,GACjE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAU,SAAA,CAAc,CAAA,GAChD,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAA,QAAO,OAAQ,QAAS,EACpD,SAAA,CACG,CAAA,EACP,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,QAClB,aAAW,YACX,QAAS,EAET,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAG,KAAM,GAAI,cAAY,MAAQ,CAAA,CAC7B,CAAA,CAEX,IAvBS,IAyBtB"}
+{"version":3,"file":"UpdatePrompt.cjs","names":["cn","styles","RefreshCw","X","require_cn","require_UpdatePrompt_module","react_jsx_runtime","lucide_react","UpdatePrompt","props","open","position","className","message","onUpdate","actionLabel","onDismiss"],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":"A,0IAiCA,SAAgBQ,EAAa,CACzB,OACA,WACA,YACA,UAAU,mCACV,cAAc,YACd,WAAW,SACX,YACA,GAAGC,GACe,CAElB,OADKC,GAED,EAAAJ,EAAA,KAAA,CAAC,MAAD,CACI,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,OAAQA,EAAAA,QAAOU,GAAWC,CAAS,EACxD,KAAK,QACL,YAAU,YACV,GAAIH,EAJR,SAAA,EAMI,EAAAH,EAAA,IAAA,CAACJ,EAAAA,UAAD,CAAW,UAAWD,EAAAA,QAAO,KAAM,KAAM,GAAI,cAAY,MAAQ,CAAA,GACjE,EAAAK,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,QAAU,SAAAY,CAAc,CAAA,GAChD,EAAAP,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAWL,EAAAA,QAAO,OAAQ,QAASa,EACpD,SAAAC,CACG,CAAA,EACPC,IACG,EAAAV,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWL,EAAAA,QAAO,QAClB,aAAW,YACX,QAASe,EAET,UAAA,EAAAV,EAAA,IAAA,CAACH,EAAAA,EAAD,CAAG,KAAM,GAAI,cAAY,MAAQ,CAAA,CAC7B,CAAA,CAEX,C,GAvBS,IAyBtB,C"}

package/dist/components/UpdatePrompt/UpdatePrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpdatePrompt.js","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiCA,SAAgB,EAAa,EACzB,SACA,aACA,cACA,aAAU,oCACV,iBAAc,aACd,cAAW,UACX,cACA,GAAG,KACe;CAElB,OADK,IAED,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAW,CAAS;EACxD,MAAK;EACL,aAAU;EACV,GAAI;EAJR,UAAA;GAMI,kBAAC,GAAD;IAAW,WAAW,EAAO;IAAM,MAAM;IAAI,eAAY;GAAQ,CAAA;GACjE,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAU,UAAA;GAAc,CAAA;GAChD,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAW,EAAO;IAAQ,SAAS;IACpD,UAAA;GACG,CAAA;GACP,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAW;IACX,SAAS;IAET,UAAA,kBAAC,GAAD;KAAG,MAAM;KAAI,eAAY;IAAQ,CAAA;GAC7B,CAAA;EAEX;MAvBS;AAyBtB"}
+{"version":3,"file":"UpdatePrompt.js","names":["styles","UpdatePrompt_module_default","UpdatePrompt","props","open","cn","position","className","RefreshCw","message","onUpdate","actionLabel","onDismiss","X"],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiCA,SAAgBE,EAAa,EACzB,SACA,aACA,cACA,aAAU,oCACV,iBAAc,aACd,cAAW,UACX,cACA,GAAGC,KACe;CAElB,OADKC,IAED,kBAAC,OAAD;EACI,WAAWC,EAAGL,EAAO,QAAQA,EAAOM,IAAWC,CAAS;EACxD,MAAK;EACL,aAAU;EACV,GAAIJ;EAJR,UAAA;GAMI,kBAACK,GAAD;IAAW,WAAWR,EAAO;IAAM,MAAM;IAAI,eAAY;GAAQ,CAAA;GACjE,kBAAC,QAAD;IAAM,WAAWA,EAAO;IAAU,UAAAS;GAAc,CAAA;GAChD,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAWT,EAAO;IAAQ,SAASU;IACpD,UAAAC;GACG,CAAA;GACPC,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAWZ,EAAO;IAClB,cAAW;IACX,SAASY;IAET,UAAA,kBAACC,GAAD;KAAG,MAAM;KAAI,eAAY;IAAQ,CAAA;GAC7B,CAAA;EAEX;C,KAvBS;AAyBtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"UpdatePrompt.module.cjs","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    max-width: calc(100vw - 2 * var(--tempest-space-4));\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border: 1px solid var(--tempest-info-border);\n    box-shadow: var(--tempest-shadow-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.top {\n    top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.message {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid currentColor;\n    border-radius: var(--tempest-radius-sm);\n    background: transparent;\n    color: currentColor;\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    cursor: pointer;\n}\n\n.action:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: currentColor;\n    cursor: pointer;\n}\n\n.dismiss:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":";"}
+{"version":3,"file":"UpdatePrompt.module.cjs","names":["prompt","top","bottom","icon","message","action","dismiss","UpdatePrompt_module_default"],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    max-width: calc(100vw - 2 * var(--tempest-space-4));\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border: 1px solid var(--tempest-info-border);\n    box-shadow: var(--tempest-shadow-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.top {\n    top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.message {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid currentColor;\n    border-radius: var(--tempest-radius-sm);\n    background: transparent;\n    color: currentColor;\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    cursor: pointer;\n}\n\n.action:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: currentColor;\n    cursor: pointer;\n}\n\n.dismiss:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"UpdatePrompt.module.js","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    max-width: calc(100vw - 2 * var(--tempest-space-4));\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border: 1px solid var(--tempest-info-border);\n    box-shadow: var(--tempest-shadow-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.top {\n    top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.message {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid currentColor;\n    border-radius: var(--tempest-radius-sm);\n    background: transparent;\n    color: currentColor;\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    cursor: pointer;\n}\n\n.action:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: currentColor;\n    cursor: pointer;\n}\n\n.dismiss:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":";"}
+{"version":3,"file":"UpdatePrompt.module.js","names":["prompt","top","bottom","icon","message","action","dismiss","UpdatePrompt_module_default"],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    max-width: calc(100vw - 2 * var(--tempest-space-4));\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border: 1px solid var(--tempest-info-border);\n    box-shadow: var(--tempest-shadow-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.top {\n    top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.message {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid currentColor;\n    border-radius: var(--tempest-radius-sm);\n    background: transparent;\n    color: currentColor;\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    cursor: pointer;\n}\n\n.action:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: currentColor;\n    cursor: pointer;\n}\n\n.dismiss:hover {\n    background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":";"}

package/dist/components/VideoPlayer/VideoPlayer.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-fullscreen.cjs"),n=require("../../hooks/use-object-url.cjs"),r=require("./playback-rates.cjs"),i=require("../../audio/duration.cjs"),a=require("./VideoPlayer.module.cjs");let o=require("react"),s=require("react/jsx-runtime"),c=require("lucide-react");var l={"pt-BR":{play:`Tocar`,pause:`Pausar`,seek:`Posição`,mute:`Silenciar`,unmute:`Ativar som`,volume:`Volume`,rate:`Velocidade`,enterFullscreen:`Tela cheia`,exitFullscreen:`Sair da tela cheia`},en:{play:`Play`,pause:`Pause`,seek:`Seek`,mute:`Mute`,unmute:`Unmute`,volume:`Volume`,rate:`Speed`,enterFullscreen:`Full screen`,exitFullscreen:`Exit full screen`}};function u(e,t){return`${e.toLocaleString(t===`en`?`en-US`:`pt-BR`)}×`}function d({src:d,durationMs:f,poster:p,tracks:m,aspectRatio:h=16/9,rate:g,rates:_=r.DEFAULT_PLAYBACK_RATES,onRateChange:v,shiftPitch:y=!1,fullscreen:b=!0,autoPlay:x=!1,loop:S=!1,muted:C=!1,locale:w=`pt-BR`,actions:T,onEnded:E,onError:D,disabled:O=!1,className:k,...A}){let j=l[w],M=(0,o.useRef)(null),N=(0,o.useRef)(null),P=(0,o.useRef)(!1),[F,I]=(0,o.useState)(!1),[L,R]=(0,o.useState)(0),[z,B]=(0,o.useState)(1/0),[V,H]=(0,o.useState)(g??1),[U,W]=(0,o.useState)(1),[G,K]=(0,o.useState)(C),q=t.useFullscreen(M),J=n.useObjectUrl(typeof d==`string`?null:d),Y=typeof d==`string`?d:J,X=g??V,Z=Number.isFinite(f)?f:z,Q=Number.isFinite(Z)&&Z>0;(0,o.useEffect)(()=>{R(0),I(!1),B(1/0),P.current=!1},[Y]),(0,o.useEffect)(()=>{let e=N.current;e&&(e.defaultPlaybackRate=X,e.playbackRate=X,e.preservesPitch=!y)},[X,y,Y]),(0,o.useEffect)(()=>{let e=N.current;e&&(e.volume=U,e.muted=G)},[U,G,Y]);let $=()=>{let e=N.current;if(!e)return;if(Number.isFinite(e.duration)){B(e.duration*1e3);return}if(P.current||Number.isFinite(f))return;P.current=!0;let t=()=>{e.removeEventListener(`timeupdate`,t),Number.isFinite(e.duration)&&B(e.duration*1e3),e.currentTime=0};e.addEventListener(`timeupdate`,t),e.currentTime=1e101},ee=()=>{let e=N.current;if(e&&Y){if(e.paused){Promise.resolve(e.play()).then(()=>I(!0)).catch(e=>D?.(e));return}e.pause(),I(!1)}},te=e=>{let t=N.current;t&&Q&&(t.currentTime=e/1e3,R(e))},ne=e=>{g===void 0&&H(e),v?.(e)};return(0,s.jsxs)(`div`,{ref:M,className:e.cn(a.default.player,q.isFullscreen&&a.default.immersive,k),...A,children:[(0,s.jsx)(`div`,{className:a.default.frame,style:{aspectRatio:h},children:(0,s.jsx)(`video`,{ref:N,className:a.default.video,src:Y??void 0,poster:p,loop:S,autoPlay:x,playsInline:!0,preload:`metadata`,onLoadedMetadata:$,onDurationChange:$,onTimeUpdate:()=>{let e=N.current;e&&R(e.currentTime*1e3)},onPlay:()=>I(!0),onPause:()=>I(!1),onVolumeChange:()=>{let e=N.current;e&&(W(e.volume),K(e.muted))},onEnded:()=>{I(!1),E?.()},onError:e=>D?.(e),children:m?.map(e=>(0,s.jsx)(`track`,{kind:e.kind??`captions`,src:e.src,srcLang:e.srcLang,label:e.label,default:e.default},`${e.kind??`captions`}-${e.srcLang}-${e.src}`))})}),(0,s.jsxs)(`div`,{className:a.default.chrome,children:[(0,s.jsx)(`button`,{type:`button`,className:a.default.transport,onClick:ee,disabled:O||!Y,"aria-label":F?j.pause:j.play,title:F?j.pause:j.play,children:F?(0,s.jsx)(c.Pause,{size:16,"aria-hidden":!0}):(0,s.jsx)(c.Play,{size:16,"aria-hidden":!0})}),(0,s.jsx)(`input`,{type:`range`,className:a.default.seek,min:0,max:Q?Math.round(Z):0,step:100,value:Math.min(Math.round(L),Q?Math.round(Z):0),onChange:e=>te(Number(e.target.value)),disabled:O||!Q,"aria-label":j.seek,"aria-valuetext":`${i.formatDuration(L)} / ${i.formatDuration(Z)}`}),(0,s.jsxs)(`span`,{className:a.default.time,children:[(0,s.jsx)(`span`,{children:i.formatDuration(L)}),(0,s.jsx)(`span`,{"aria-hidden":`true`,children:`/`}),(0,s.jsx)(`span`,{children:i.formatDuration(Z)})]}),(0,s.jsx)(`button`,{type:`button`,className:a.default.icon,onClick:()=>K(e=>!e),disabled:O,"aria-label":G?j.unmute:j.mute,title:G?j.unmute:j.mute,children:G?(0,s.jsx)(c.VolumeX,{size:16,"aria-hidden":!0}):(0,s.jsx)(c.Volume2,{size:16,"aria-hidden":!0})}),(0,s.jsx)(`input`,{type:`range`,className:a.default.volume,min:0,max:1,step:.05,value:G?0:U,onChange:e=>{let t=Number(e.target.value);W(t),K(t===0)},disabled:O,"aria-label":j.volume}),_.length>0&&(0,s.jsx)(`select`,{className:a.default.rate,value:X,onChange:e=>ne(Number(e.target.value)),disabled:O,"aria-label":j.rate,title:j.rate,children:_.map(e=>(0,s.jsx)(`option`,{value:e,children:u(e,w)},e))}),b&&q.supported&&(0,s.jsx)(`button`,{type:`button`,className:a.default.icon,onClick:()=>{q.toggle().catch(e=>D?.(e))},disabled:O,"aria-label":q.isFullscreen?j.exitFullscreen:j.enterFullscreen,title:q.isFullscreen?j.exitFullscreen:j.enterFullscreen,children:q.isFullscreen?(0,s.jsx)(c.Minimize,{size:16,"aria-hidden":!0}):(0,s.jsx)(c.Maximize,{size:16,"aria-hidden":!0})}),T&&(0,s.jsx)(`span`,{className:a.default.actions,children:T})]})]})}exports.VideoPlayer=d;
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-fullscreen.cjs"),n=require("../../hooks/use-object-url.cjs"),r=require("./playback-rates.cjs"),i=require("../../audio/duration.cjs"),a=require("./VideoPlayer.module.cjs");let o=require("react"),s=require("react/jsx-runtime"),c=require("lucide-react");var l={"pt-BR":{play:`Tocar`,pause:`Pausar`,seek:`Posição`,mute:`Silenciar`,unmute:`Ativar som`,volume:`Volume`,rate:`Velocidade`,enterFullscreen:`Tela cheia`,exitFullscreen:`Sair da tela cheia`},en:{play:`Play`,pause:`Pause`,seek:`Seek`,mute:`Mute`,unmute:`Unmute`,volume:`Volume`,rate:`Speed`,enterFullscreen:`Full screen`,exitFullscreen:`Exit full screen`}};function u(e,t){return`${e.toLocaleString(t===`en`?`en-US`:`pt-BR`)}×`}function d({src:d,durationMs:f,poster:p,tracks:m,aspectRatio:h=16/9,rate:g,rates:_=r.DEFAULT_PLAYBACK_RATES,onRateChange:v,shiftPitch:y=!1,fullscreen:b=!0,autoPlay:x=!1,loop:S=!1,muted:C=!1,locale:w=`pt-BR`,actions:T,onEnded:E,onError:D,disabled:O=!1,className:k,...A}){let j=l[w],M=(0,o.useRef)(null),N=(0,o.useRef)(null),P=(0,o.useRef)(!1),[F,I]=(0,o.useState)(!1),[L,R]=(0,o.useState)(0),[z,B]=(0,o.useState)(1/0),[V,H]=(0,o.useState)(g??1),[U,W]=(0,o.useState)(1),[G,K]=(0,o.useState)(C),q=t.useFullscreen(M),J=n.useObjectUrl(typeof d==`string`?null:d),Y=typeof d==`string`?d:J,X=g??V,Z=Number.isFinite(f)?f:z,Q=Number.isFinite(Z)&&Z>0;(0,o.useEffect)(()=>{R(0),I(!1),B(1/0),P.current=!1},[Y]),(0,o.useEffect)(()=>{let e=N.current;e&&(e.defaultPlaybackRate=X,e.playbackRate=X,e.preservesPitch=!y)},[X,y,Y]),(0,o.useEffect)(()=>{let e=N.current;e&&(e.volume=U,e.muted=G)},[U,G,Y]);let $=()=>{let e=N.current;if(!e)return;if(Number.isFinite(e.duration)){B(e.duration*1e3);return}if(P.current||Number.isFinite(f))return;P.current=!0;let t=()=>{e.removeEventListener(`timeupdate`,t),Number.isFinite(e.duration)&&B(e.duration*1e3),e.currentTime=0};e.addEventListener(`timeupdate`,t),e.currentTime=1e101},ee=()=>{let e=N.current;e&&Y&&(e.paused?Promise.resolve(e.play()).then(()=>I(!0)).catch(e=>D?.(e)):(e.pause(),I(!1)))},te=e=>{let t=N.current;t&&Q&&(t.currentTime=e/1e3,R(e))},ne=e=>{g===void 0&&H(e),v?.(e)};return(0,s.jsxs)(`div`,{ref:M,className:e.cn(a.default.player,q.isFullscreen&&a.default.immersive,k),...A,children:[(0,s.jsx)(`div`,{className:a.default.frame,style:{aspectRatio:h},children:(0,s.jsx)(`video`,{ref:N,className:a.default.video,src:Y??void 0,poster:p,loop:S,autoPlay:x,playsInline:!0,preload:`metadata`,onLoadedMetadata:$,onDurationChange:$,onTimeUpdate:()=>{let e=N.current;e&&R(e.currentTime*1e3)},onPlay:()=>I(!0),onPause:()=>I(!1),onVolumeChange:()=>{let e=N.current;e&&(W(e.volume),K(e.muted))},onEnded:()=>{I(!1),E?.()},onError:e=>D?.(e),children:m?.map(e=>(0,s.jsx)(`track`,{kind:e.kind??`captions`,src:e.src,srcLang:e.srcLang,label:e.label,default:e.default},`${e.kind??`captions`}-${e.srcLang}-${e.src}`))})}),(0,s.jsxs)(`div`,{className:a.default.chrome,children:[(0,s.jsx)(`button`,{type:`button`,className:a.default.transport,onClick:ee,disabled:O||!Y,"aria-label":F?j.pause:j.play,title:F?j.pause:j.play,children:F?(0,s.jsx)(c.Pause,{size:16,"aria-hidden":!0}):(0,s.jsx)(c.Play,{size:16,"aria-hidden":!0})}),(0,s.jsx)(`input`,{type:`range`,className:a.default.seek,min:0,max:Q?Math.round(Z):0,step:100,value:Math.min(Math.round(L),Q?Math.round(Z):0),onChange:e=>te(Number(e.target.value)),disabled:O||!Q,"aria-label":j.seek,"aria-valuetext":`${i.formatDuration(L)} / ${i.formatDuration(Z)}`}),(0,s.jsxs)(`span`,{className:a.default.time,children:[(0,s.jsx)(`span`,{children:i.formatDuration(L)}),(0,s.jsx)(`span`,{"aria-hidden":`true`,children:`/`}),(0,s.jsx)(`span`,{children:i.formatDuration(Z)})]}),(0,s.jsx)(`button`,{type:`button`,className:a.default.icon,onClick:()=>K(e=>!e),disabled:O,"aria-label":G?j.unmute:j.mute,title:G?j.unmute:j.mute,children:G?(0,s.jsx)(c.VolumeX,{size:16,"aria-hidden":!0}):(0,s.jsx)(c.Volume2,{size:16,"aria-hidden":!0})}),(0,s.jsx)(`input`,{type:`range`,className:a.default.volume,min:0,max:1,step:.05,value:G?0:U,onChange:e=>{let t=Number(e.target.value);W(t),K(t===0)},disabled:O,"aria-label":j.volume}),_.length>0&&(0,s.jsx)(`select`,{className:a.default.rate,value:X,onChange:e=>ne(Number(e.target.value)),disabled:O,"aria-label":j.rate,title:j.rate,children:_.map(e=>(0,s.jsx)(`option`,{value:e,children:u(e,w)},e))}),b&&q.supported&&(0,s.jsx)(`button`,{type:`button`,className:a.default.icon,onClick:()=>{q.toggle().catch(e=>D?.(e))},disabled:O,"aria-label":q.isFullscreen?j.exitFullscreen:j.enterFullscreen,title:q.isFullscreen?j.exitFullscreen:j.enterFullscreen,children:q.isFullscreen?(0,s.jsx)(c.Minimize,{size:16,"aria-hidden":!0}):(0,s.jsx)(c.Maximize,{size:16,"aria-hidden":!0})}),T&&(0,s.jsx)(`span`,{className:a.default.actions,children:T})]})]})}exports.VideoPlayer=d;
 //# sourceMappingURL=VideoPlayer.cjs.map