tempest-react-sdk 0.78.0 → 0.80.0

package/dist/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA2BA,SAAgB,EAAK,EACjB,UACA,cACA,aACA,aACA,aAAU,aACV,gBACU;CACV,IAAM,IAAe,EAAM,MAAM,MAAS,CAAC,EAAK,QAAQ,GAClD,CAAC,GAAU,KAAe,EAA6B,KAAa,GAAc,EAAE,GAEpF,IAAe,MAAa,KAAA,GAC5B,IAAU,IAAe,IAAW,GACpC,IAAS,EAAM,MAAM,MAAS,EAAK,OAAO,CAAO,KAAK;CAE5D,SAAS,EAAS,GAAkB;EAEhC,AADK,KAAc,EAAY,CAAE,GACjC,IAAW,CAAE;CACjB;CAEA,OACI,kBAAC,OAAD;EAAgB;EAAhB,UAAA,CACI,kBAAC,OAAD;GAAK,MAAK;GAAU,WAAW,EAAG,EAAO,SAAS,MAAY,UAAU,EAAO,IAAI;GAC9E,UAAA,EAAM,KAAK,MAAS;IACjB,IAAM,IAAW,EAAK,OAAO,GAAQ;IACrC,OACI,kBAAC,UAAD;KAEI,MAAK;KACL,MAAK;KACL,iBAAe;KACf,iBAAe,SAAS,EAAK;KAC7B,IAAI,OAAO,EAAK;KAChB,UAAU,EAAK;KACf,WAAW,EAAG,EAAO,KAAK,KAAY,EAAO,MAAM;KACnD,eAAe,EAAS,EAAK,EAAE;KAE9B,UAAA,EAAK;IACF,GAXC,EAAK,EAWN;GAEhB,CAAC;EACA,CAAA,GACJ,KACG,kBAAC,OAAD;GACI,MAAK;GACL,IAAI,SAAS,EAAO;GACpB,mBAAiB,OAAO,EAAO;GAC/B,WAAW,EAAO;GAEjB,UAAA,EAAO;EACP,CAAA,CAER;;AAEb"}
+{"version":3,"file":"Tabs.js","names":["styles","Tabs_module_default","Tabs","firstEnabled","items","item","internal","setInternal","useState","defaultId","isControlled","activeId","current","active","activate","id","onChange","cn","variant","isActive"],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA2BA,SAAgBE,EAAK,EACjB,UACA,cACA,aACA,aACA,aAAU,aACV,gBACU;CACV,IAAMC,IAAeC,EAAM,MAAM,MAAS,CAACC,EAAK,QAAQ,GAClD,CAACC,GAAUC,KAAeC,EAA6BC,KAAaN,GAAc,EAAE,GAEpFO,IAAeC,MAAa,KAAA,GAC5BC,IAAUF,IAAeC,IAAWL,GACpCO,IAAST,EAAM,MAAM,MAASC,EAAK,OAAOO,CAAO,KAAKT;CAE5D,SAASW,EAAS,GAAkB;EAEhC,AADKJ,KAAcH,EAAYQ,CAAE,GACjCC,IAAWD,CAAE;CACjB;CAEA,OACI,kBAAC,OAAD;EAAgB;EAAhB,UAAA,CACI,kBAAC,OAAD;GAAK,MAAK;GAAU,WAAWE,EAAGjB,EAAO,SAASkB,MAAY,UAAUlB,EAAO,IAAI;GAC9E,UAAAI,EAAM,KAAK,MAAS;IACjB,IAAMe,IAAWd,EAAK,OAAOQ,GAAQ;IACrC,OACI,kBAAC,UAAD;KAEI,MAAK;KACL,MAAK;KACL,iBAAeM;KACf,iBAAe,SAASd,EAAK;KAC7B,IAAI,OAAOA,EAAK;KAChB,UAAUA,EAAK;KACf,WAAWY,EAAGjB,EAAO,KAAKmB,KAAYnB,EAAO,MAAM;KACnD,eAAec,EAAST,EAAK,EAAE;KAE9B,UAAAA,EAAK;IACF,GAXCA,EAAK,EAWN;GAEhB,CAAC;EACA,CAAA,GACJQ,KACG,kBAAC,OAAD;GACI,MAAK;GACL,IAAI,SAASA,EAAO;GACpB,mBAAiB,OAAOA,EAAO;GAC/B,WAAWb,EAAO;GAEjB,UAAAa,EAAO;EACP,CAAA,CAER;;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":";"}
+{"version":3,"file":"Tabs.module.cjs","names":["tablist","tab","active","panel","pill","Tabs_module_default"],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":";"}
+{"version":3,"file":"Tabs.module.js","names":["tablist","tab","active","panel","pill","Tabs_module_default"],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":";"}

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":"uGA4BA,SAAgB,EAAI,CAChB,UAAU,UACV,OAAO,KACP,WACA,cAAc,UACd,YACA,WACA,GAAG,GACM,CACT,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,GAAU,EAAA,QAAO,GAAO,CAAS,EAAG,GAAI,EAA/E,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,UAAe,CAAA,EAC9C,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,EACZ,QAAS,EACZ,SAAA,GAEO,CAAA,CAEV,GAEd"}
+{"version":3,"file":"Tag.cjs","names":["cn","styles","require_cn","require_Tag_module","react_jsx_runtime","Tag","props","variant","size","className","onRemove","removeLabel"],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":"A,uGA4BA,SAAgBK,EAAI,CAChB,UAAU,UACV,OAAO,KACP,WACA,cAAc,UACd,YACA,WACA,GAAGC,GACM,CACT,OACI,EAAAF,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,IAAKA,EAAAA,QAAOM,GAAUN,EAAAA,QAAOO,GAAOC,CAAS,EAAG,GAAIH,EAA/E,SAAA,EACI,EAAAF,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,MAAQ,UAAe,CAAA,EAC9CS,IACG,EAAAN,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWH,EAAAA,QAAO,OAClB,aAAYU,EACZ,QAASD,EACZ,SAAA,GAEO,CAAA,CAEV,C,EAEd,C"}

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;AA4BA,SAAgB,EAAI,EAChB,aAAU,WACV,UAAO,MACP,aACA,iBAAc,WACd,cACA,aACA,GAAG,KACM;CACT,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,KAAK,EAAO,IAAU,EAAO,IAAO,CAAS;EAAG,GAAI;EAA/E,UAAA,CACI,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAQ;EAAe,CAAA,GAC9C,KACG,kBAAC,UAAD;GACI,MAAK;GACL,WAAW,EAAO;GAClB,cAAY;GACZ,SAAS;GACZ,UAAA;EAEO,CAAA,CAEV;;AAEd"}
+{"version":3,"file":"Tag.js","names":["styles","Tag_module_default","Tag","props","cn","variant","size","className","onRemove","removeLabel"],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;AA4BA,SAAgBE,EAAI,EAChB,aAAU,WACV,UAAO,MACP,aACA,iBAAc,WACd,cACA,aACA,GAAGC,KACM;CACT,OACI,kBAAC,QAAD;EAAM,WAAWC,EAAGJ,EAAO,KAAKA,EAAOK,IAAUL,EAAOM,IAAOC,CAAS;EAAG,GAAIJ;EAA/E,UAAA,CACI,kBAAC,QAAD;GAAM,WAAWH,EAAO;GAAQ;EAAe,CAAA,GAC9CQ,KACG,kBAAC,UAAD;GACI,MAAK;GACL,WAAWR,EAAO;GAClB,cAAYS;GACZ,SAASD;GACZ,UAAA;EAEO,CAAA,CAEV;;AAEd"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.module.cjs","names":[],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":";"}
+{"version":3,"file":"Tag.module.cjs","names":["tag","sm","md","lg","neutral","primary","success","warning","danger","info","label","remove","Tag_module_default"],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.module.js","names":[],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":";"}
+{"version":3,"file":"Tag.module.js","names":["tag","sm","md","lg","neutral","primary","success","warning","danger","info","label","remove","Tag_module_default"],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":";"}

package/dist/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"+HAeA,IAAa,GAAA,EAAW,EAAA,WAAA,CAA+C,SACnE,CAAE,QAAO,aAAY,QAAO,mBAAkB,YAAW,KAAI,WAAU,GAAG,GAC1E,EACF,CACE,IAAM,GAAA,EAAc,EAAA,MAAA,CAAM,EACpB,EAAa,GAAM,EAEzB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,EAA1E,SAAA,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAY,UAAW,EAAA,QAAO,MAA9C,SAAA,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,SAAA,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,IAAA,CAAC,WAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EACN,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,CAAS,EACxC,GAAI,CACP,CAAA,EACA,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAY,SAAA,CAAY,CAAA,EAChD,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAS,SAAA,CAAiB,CAAA,EAClD,IACH,GAEb,CAAC"}
+{"version":3,"file":"Textarea.cjs","names":["forwardRef","useId","cn","styles","require_cn","require_Textarea_module","react","react_jsx_runtime","Textarea","props","generatedId","textareaId","id","error","wrapperClassName","label","required","className","helperText"],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"A,+HAeA,IAAaQ,GAAA,EAAWR,EAAAA,WAAAA,CAA+C,SACnE,CAAE,QAAO,aAAY,QAAO,mBAAkB,YAAW,KAAI,WAAU,GAAGS,GAC1E,EACF,CACE,IAAMC,GAAA,EAAcT,EAAAA,MAAAA,CAAM,EACpBU,EAAaC,GAAMF,EAEzB,OACI,EAAAH,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,QAASU,GAASV,EAAAA,QAAO,MAAOW,CAAgB,EAA1E,SAAA,CACKC,IACG,EAAAR,EAAA,KAAA,CAAC,QAAD,CAAO,QAASI,EAAY,UAAWR,EAAAA,QAAO,MAA9C,SAAA,CACKY,EACAC,IAAY,EAAAT,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,SAAU,SAAA,GAAO,CAAA,CACnD,C,IAEX,EAAAI,EAAA,IAAA,CAAC,WAAD,CACS,MACL,GAAII,EACJ,eAAc,CAAC,CAACE,EACN,WACV,UAAWX,EAAAA,GAAGC,EAAAA,QAAO,SAAUc,CAAS,EACxC,GAAIR,CACP,CAAA,EACAI,GACG,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,UAAY,SAAAU,CAAY,CAAA,EAChDK,GACA,EAAAX,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,OAAS,SAAAe,CAAiB,CAAA,EAClD,IACH,C,EAEb,CAAC,E"}

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAeA,IAAa,IAAW,EAA+C,SACnE,EAAE,UAAO,eAAY,UAAO,qBAAkB,cAAW,OAAI,aAAU,GAAG,KAC1E,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAa,KAAM;CAEzB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;EAA1E,UAAA;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAY,WAAW,EAAO;IAA9C,UAAA,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAU,UAAA;IAAO,CAAA,CACnD;;GAEX,kBAAC,YAAD;IACS;IACL,IAAI;IACJ,gBAAc,CAAC,CAAC;IACN;IACV,WAAW,EAAG,EAAO,UAAU,CAAS;IACxC,GAAI;GACP,CAAA;GACA,IACG,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAY,UAAA;GAAY,CAAA,IAChD,IACA,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,UAAA;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC"}
+{"version":3,"file":"Textarea.js","names":["styles","Textarea_module_default","Textarea","forwardRef","props","generatedId","useId","textareaId","id","cn","error","wrapperClassName","label","required","className","helperText"],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAeA,IAAaE,IAAWC,EAA+C,SACnE,EAAE,UAAO,eAAY,UAAO,qBAAkB,cAAW,OAAI,aAAU,GAAGC,KAC1E,GACF;CACE,IAAMC,IAAcC,EAAM,GACpBC,IAAaC,KAAMH;CAEzB,OACI,kBAAC,OAAD;EAAK,WAAWI,EAAGT,EAAO,SAASU,KAASV,EAAO,OAAOW,CAAgB;EAA1E,UAAA;GACKC,KACG,kBAAC,SAAD;IAAO,SAASL;IAAY,WAAWP,EAAO;IAA9C,UAAA,CACKY,GACAC,KAAY,kBAAC,QAAD;KAAM,WAAWb,EAAO;KAAU,UAAA;IAAO,CAAA,CACnD;;GAEX,kBAAC,YAAD;IACS;IACL,IAAIO;IACJ,gBAAc,CAAC,CAACG;IACN;IACV,WAAWD,EAAGT,EAAO,UAAUc,CAAS;IACxC,GAAIV;GACP,CAAA;GACAM,IACG,kBAAC,QAAD;IAAM,WAAWV,EAAO;IAAY,UAAAU;GAAY,CAAA,IAChDK,IACA,kBAAC,QAAD;IAAM,WAAWf,EAAO;IAAS,UAAAe;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.module.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Textarea.module.cjs","names":["wrapper","label","required","textarea","error","helper","errorText","Textarea_module_default"],"sources":["../../../src/components/Textarea/Textarea.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.module.js","names":[],"sources":["../../../src/components/Textarea/Textarea.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Textarea.module.js","names":["wrapper","label","required","textarea","error","helper","errorText","Textarea_module_default"],"sources":["../../../src/components/Textarea/Textarea.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

package/dist/components/TimePicker/TimePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.cjs","names":[],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — minuteStep and\n * use12Hours change both the list of options and how a typed value parses, so the\n * body holds parsing, formatting and the option list together; the remaining props\n * are the shared field contract.\n */\nimport { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TimePicker.cjs","names":["useId","useMemo","cn","styles","require_cn","require_TimePicker_module","react","react_jsx_runtime","pad2","value","parseValue","match","hour24","minute","to12Hour","mod","to24Hour","base","hour12","period","TimePicker","id","hourCells","use12Hours","index","minuteCells","step","minuteStep","cells","current","selectedHourDisplay","emit","onChange","nextHour24","nextMinute","handleHour","disabled","displayHour","handleMinute","baseHour24","handlePeriod","nextPeriod","className","label","active","cell","helperText"],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — minuteStep and\n * use12Hours change both the list of options and how a typed value parses, so the\n * body holds parsing, formatting and the option list together; the remaining props\n * are the shared field contract.\n */\nimport { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","names":[],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — minuteStep and\n * use12Hours change both the list of options and how a typed value parses, so the\n * body holds parsing, formatting and the option list together; the remaining props\n * are the shared field contract.\n */\nimport { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","names":["styles","TimePicker_module_default","pad2","value","parseValue","match","hour24","minute","to12Hour","mod","to24Hour","base","hour12","period","TimePicker","id","useId","useMemo","hourCells","use12Hours","index","minuteCells","step","minuteStep","cells","current","selectedHourDisplay","emit","nextHour24","nextMinute","handleHour","disabled","displayHour","handleMinute","baseHour24","handlePeriod","nextPeriod","cn","className","label","active","cell","helperText"],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — minuteStep and\n * use12Hours change both the list of options and how a typed value parses, so the\n * body holds parsing, formatting and the option list together; the remaining props\n * are the shared field contract.\n */\nimport { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAgCA,SAASE,EAAK,GAAuB;CACjC,OAAOC,EAAM,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG;AAC3C;AAGA,SAASC,EAAW,GAA2B;CAC3C,IAAMC,IAAQ,wBAAwB,KAAKF,EAAM,KAAK,CAAC;CACvD,IAAI,CAACE,GAAO,OAAO;EAAE,QAAQ;EAAM,QAAQ;CAAK;CAChD,IAAMC,IAAS,OAAOD,EAAM,EAAE,GACxBE,IAAS,OAAOF,EAAM,EAAE;CAI9B,OAHIC,IAAS,KAAKA,IAAS,MAAMC,IAAS,KAAKA,IAAS,KAC7C;EAAE,QAAQ;EAAM,QAAQ;CAAK,IAEjC;EAAE;EAAQ;CAAO;AAC5B;AAGA,SAASC,EAAS,GAAwB;CACtC,IAAMC,IAAMH,IAAS;CACrB,OAAOG,MAAQ,IAAI,KAAKA;AAC5B;AAGA,SAASC,EAAS,GAAgB,GAAwB;CACtD,IAAMC,IAAOC,IAAS;CACtB,OAAOC,MAAW,OAAOF,IAAO,KAAKA;AACzC;AASA,SAAgBG,EAAW,EACvB,UACA,aACA,gBAAa,GACb,gBAAa,IACb,UACA,eACA,aACA,gBACgB;CAChB,IAAMC,IAAKC,EAAM,GACX,EAAE,WAAQ,cAAWC,QAAcb,EAAWD,CAAK,GAAG,CAACA,CAAK,CAAC,GAE7DU,IAAiBP,MAAW,QAAQA,KAAU,KAAK,OAAO,MAE1DY,IAAYD,QACVE,IACO,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAUC,IAAQ,CAAC,IAEtD,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAUA,CAAK,GACtD,CAACD,CAAU,CAAC,GAETE,IAAcJ,QAAwB;EACxC,IAAMK,IAAOC,IAAa,IAAIA,IAAa,GACrCC,IAAkB,CAAC;EACzB,KAAK,IAAIC,IAAU,GAAGA,IAAU,IAAI,KAAWH,GAC3C,EAAM,KAAKG,CAAO;EAEtB,OAAOD;CACX,GAAG,CAACD,CAAU,CAAC,GAETG,IAAsBpB,MAAW,OAAO,OAAOa,IAAaX,EAASF,CAAM,IAAIA,GAE/EqB,KAAQ,GAAoB,MAA6B;EAC3D,EAAS,GAAGzB,EAAK0B,CAAU,EAAE,GAAG1B,EAAK2B,CAAU,GAAG;CACtD,GAEMC,KAAc,MAA8B;EAC9C,IAAIC,GAAU;EACd,IAAMF,IAAatB,KAAU,GACvBqB,IAAaT,IAAaT,EAASsB,GAAanB,CAAM,IAAImB;EAChE,EAAKJ,GAAYC,CAAU;CAC/B,GAEMI,KAAgB,MAA6B;EAC/C,IAAIF,GAAU;EACd,IAAMG,IAAa5B,MAAWa,IAAaT,EAAS,IAAI,IAAI,IAAI;EAChE,EAAKwB,GAAYL,CAAU;CAC/B,GAEMM,KAAgB,MAA6B;EAC/C,IAAIJ,GAAU;EACd,IAAMC,IAAcN,KAAuB,IACrCG,IAAatB,KAAU;EAC7B,EAAKG,EAASsB,GAAaI,CAAU,GAAGP,CAAU;CACtD;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWQ,EAAGrC,EAAO,SAAS+B,KAAY/B,EAAO,UAAUsC,CAAS;EAAzE,UAAA;GACKC,KACG,kBAAC,QAAD;IAAM,IAAI,GAAGxB,EAAG;IAAS,WAAWf,EAAO;IACtC,UAAAuC;GACC,CAAA;GAEV,kBAAC,OAAD;IAAK,WAAWvC,EAAO;IAAvB,UAAA;KACI,kBAAC,MAAD;MAAI,MAAK;MAAU,cAAW;MAAQ,WAAWA,EAAO;MACnD,UAAAkB,EAAU,KAAK,MAAS;OACrB,IAAMsB,IAASC,MAASf;OACxB,OACI,kBAAC,MAAD;QAAe,WAAW1B,EAAO;QAC7B,UAAA,kBAAC,UAAD;SACI,MAAK;SACL,MAAK;SACL,iBAAewC;SACL;SACV,WAAWH,EAAGrC,EAAO,MAAMwC,KAAUxC,EAAO,MAAM;SAClD,eAAe8B,EAAWW,CAAI;SAE7B,UAAAtB,IAAasB,IAAOvC,EAAKuC,CAAI;QAC1B,CAAA;OACR,GAXKA,CAWL;MAEZ,CAAC;KACD,CAAA;KACJ,kBAAC,MAAD;MAAI,MAAK;MAAU,cAAW;MAAU,WAAWzC,EAAO;MACrD,UAAAqB,EAAY,KAAK,MAAS;OACvB,IAAMmB,IAASC,MAASlC;OACxB,OACI,kBAAC,MAAD;QAAe,WAAWP,EAAO;QAC7B,UAAA,kBAAC,UAAD;SACI,MAAK;SACL,MAAK;SACL,iBAAewC;SACL;SACV,WAAWH,EAAGrC,EAAO,MAAMwC,KAAUxC,EAAO,MAAM;SAClD,eAAeiC,EAAaQ,CAAI;SAE/B,UAAAvC,EAAKuC,CAAI;QACN,CAAA;OACR,GAXKA,CAWL;MAEZ,CAAC;KACD,CAAA;KACHtB,KACG,kBAAC,MAAD;MAAI,MAAK;MAAU,cAAW;MAAU,WAAWnB,EAAO;MACpD,UAAA,CAAC,MAAM,IAAI,CAAC,CAAc,KAAK,MAAS;OACtC,IAAMwC,IAASd,MAAwB,QAAQe,MAAS5B;OACxD,OACI,kBAAC,MAAD;QAAe,WAAWb,EAAO;QAC7B,UAAA,kBAAC,UAAD;SACI,MAAK;SACL,MAAK;SACL,iBAAewC;SACL;SACV,WAAWH,EAAGrC,EAAO,MAAMwC,KAAUxC,EAAO,MAAM;SAClD,eAAemC,EAAaM,CAAI;SAE/B,UAAAA;QACG,CAAA;OACR,GAXKA,CAWL;MAEZ,CAAC;KACD,CAAA;IAEP;;GACJC,KAAc,kBAAC,QAAD;IAAM,WAAW1C,EAAO;IAAS,UAAA0C;GAAiB,CAAA;EAChE;;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.module.cjs","names":[],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":";"}
+{"version":3,"file":"TimePicker.module.cjs","names":["wrapper","label","columns","column","cellWrapper","cell","active","helper","disabled","TimePicker_module_default"],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.module.js","names":[],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":";"}
+{"version":3,"file":"TimePicker.module.js","names":["wrapper","label","columns","column","cellWrapper","cell","active","helper","disabled","TimePicker_module_default"],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":";"}

package/dist/components/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Timeline.module.css\";\n\nexport type TimelineMarker = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\";\n\n/**\n * The class each marker color applies, keyed by the published CSS-module names.\n *\n * The build exports CSS-module keys in camelCase only (`localsConvention:\n * \"camelCaseOnly\"` in `vite.config.ts`), so a kebab lookup such as\n * `styles[\"marker-primary\"]` is `undefined` in `dist/` — which is how every marker\n * shipped transparent until issue #405. A `Record` over the union also makes the\n * type-checker demand an entry for every color added to {@link TimelineMarker}.\n */\nconst MARKER_CLASS: Record<TimelineMarker, string> = {\n    primary: styles.markerPrimary,\n    success: styles.markerSuccess,\n    warning: styles.markerWarning,\n    danger: styles.markerDanger,\n    neutral: styles.markerNeutral,\n};\n\nexport interface TimelineItem {\n    /** Stable identifier (used as React key). */\n    id: string;\n    /** Title rendered as the entry headline. */\n    title: ReactNode;\n    /** Optional subtitle / description below the title. */\n    description?: ReactNode;\n    /** Right-aligned meta column (timestamps, durations). */\n    meta?: ReactNode;\n    /** Optional custom icon rendered inside the marker. */\n    icon?: ReactNode;\n    /** Marker color. Default `\"primary\"`. */\n    marker?: TimelineMarker;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n    items: TimelineItem[];\n    /** Show the connecting line between markers. Default `true`. */\n    connector?: boolean;\n}\n\n/**\n * Vertical event timeline — activity feeds, order trackers, audit logs.\n * Each entry has a marker (color or custom icon), title, optional\n * description and right-aligned meta column.\n *\n * @example\n * <Timeline items={[\n *     { id: \"1\", title: \"Pedido criado\", meta: \"10:24\", marker: \"primary\" },\n *     { id: \"2\", title: \"Aprovação\", meta: \"10:25\", marker: \"success\" },\n *     { id: \"3\", title: \"Saiu pra entrega\", meta: \"11:00\", marker: \"warning\" },\n * ]} />\n */\nexport function Timeline({ items, connector = true, className, ...props }: TimelineProps) {\n    return (\n        <ol className={cn(styles.timeline, className)} {...props}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                return (\n                    <li key={item.id} className={styles.item}>\n                        <div className={styles.markerColumn}>\n                            <span\n                                className={cn(\n                                    styles.marker,\n                                    MARKER_CLASS[item.marker ?? \"primary\"],\n                                )}\n                                aria-hidden=\"true\"\n                            >\n                                {item.icon}\n                            </span>\n                            {connector && !isLast && (\n                                <span className={styles.line} aria-hidden=\"true\" />\n                            )}\n                        </div>\n                        <div className={styles.body}>\n                            <div className={styles.row}>\n                                <span className={styles.title}>{item.title}</span>\n                                {item.meta && <span className={styles.meta}>{item.meta}</span>}\n                            </div>\n                            {item.description && (\n                                <p className={styles.description}>{item.description}</p>\n                            )}\n                        </div>\n                    </li>\n                );\n            })}\n        </ol>\n    );\n}\n"],"mappings":"4GAeA,IAAM,EAA+C,CACjD,QAAS,EAAA,QAAO,cAChB,QAAS,EAAA,QAAO,cAChB,QAAS,EAAA,QAAO,cAChB,OAAQ,EAAA,QAAO,aACf,QAAS,EAAA,QAAO,aACpB,EAmCA,SAAgB,EAAS,CAAE,QAAO,YAAY,GAAM,YAAW,GAAG,GAAwB,CACtF,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,CAAS,EAAG,GAAI,EAC9C,SAAA,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAS,IAAU,EAAM,OAAS,EACxC,OACI,EAAA,EAAA,KAAA,CAAC,KAAD,CAAkB,UAAW,EAAA,QAAO,KAApC,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAa,EAAK,QAAU,UAChC,EACA,cAAY,OAEX,SAAA,EAAK,IACJ,CAAA,EACL,GAAa,CAAC,IACX,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,cAAY,MAAQ,CAAA,CAErD,CACL,CAAA,GAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAvB,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,IAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,EAAK,KAAY,CAAA,EAChD,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,SAAA,EAAK,IAAW,CAAA,CAC5D,CACJ,CAAA,EAAA,EAAK,cACF,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,SAAA,EAAK,WAAe,CAAA,CAE1D,CACL,CAAA,CAAA,CAxBK,EAAA,EAAK,EAwBV,CAEZ,CAAC,CACD,CAAA,CAEZ"}
+{"version":3,"file":"Timeline.cjs","names":["styles","cn","require_cn","require_Timeline_module","react_jsx_runtime","MARKER_CLASS","Timeline","props","className","items","isLast","index","item","connector"],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Timeline.module.css\";\n\nexport type TimelineMarker = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\";\n\n/**\n * The class each marker color applies, keyed by the published CSS-module names.\n *\n * The build exports CSS-module keys in camelCase only (`localsConvention:\n * \"camelCaseOnly\"` in `vite.config.ts`), so a kebab lookup such as\n * `styles[\"marker-primary\"]` is `undefined` in `dist/` — which is how every marker\n * shipped transparent until issue #405. A `Record` over the union also makes the\n * type-checker demand an entry for every color added to {@link TimelineMarker}.\n */\nconst MARKER_CLASS: Record<TimelineMarker, string> = {\n    primary: styles.markerPrimary,\n    success: styles.markerSuccess,\n    warning: styles.markerWarning,\n    danger: styles.markerDanger,\n    neutral: styles.markerNeutral,\n};\n\nexport interface TimelineItem {\n    /** Stable identifier (used as React key). */\n    id: string;\n    /** Title rendered as the entry headline. */\n    title: ReactNode;\n    /** Optional subtitle / description below the title. */\n    description?: ReactNode;\n    /** Right-aligned meta column (timestamps, durations). */\n    meta?: ReactNode;\n    /** Optional custom icon rendered inside the marker. */\n    icon?: ReactNode;\n    /** Marker color. Default `\"primary\"`. */\n    marker?: TimelineMarker;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n    items: TimelineItem[];\n    /** Show the connecting line between markers. Default `true`. */\n    connector?: boolean;\n}\n\n/**\n * Vertical event timeline — activity feeds, order trackers, audit logs.\n * Each entry has a marker (color or custom icon), title, optional\n * description and right-aligned meta column.\n *\n * @example\n * <Timeline items={[\n *     { id: \"1\", title: \"Pedido criado\", meta: \"10:24\", marker: \"primary\" },\n *     { id: \"2\", title: \"Aprovação\", meta: \"10:25\", marker: \"success\" },\n *     { id: \"3\", title: \"Saiu pra entrega\", meta: \"11:00\", marker: \"warning\" },\n * ]} />\n */\nexport function Timeline({ items, connector = true, className, ...props }: TimelineProps) {\n    return (\n        <ol className={cn(styles.timeline, className)} {...props}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                return (\n                    <li key={item.id} className={styles.item}>\n                        <div className={styles.markerColumn}>\n                            <span\n                                className={cn(\n                                    styles.marker,\n                                    MARKER_CLASS[item.marker ?? \"primary\"],\n                                )}\n                                aria-hidden=\"true\"\n                            >\n                                {item.icon}\n                            </span>\n                            {connector && !isLast && (\n                                <span className={styles.line} aria-hidden=\"true\" />\n                            )}\n                        </div>\n                        <div className={styles.body}>\n                            <div className={styles.row}>\n                                <span className={styles.title}>{item.title}</span>\n                                {item.meta && <span className={styles.meta}>{item.meta}</span>}\n                            </div>\n                            {item.description && (\n                                <p className={styles.description}>{item.description}</p>\n                            )}\n                        </div>\n                    </li>\n                );\n            })}\n        </ol>\n    );\n}\n"],"mappings":"A,4GAeA,IAAMK,EAA+C,CACjD,QAASL,EAAAA,QAAO,cAChB,QAASA,EAAAA,QAAO,cAChB,QAASA,EAAAA,QAAO,cAChB,OAAQA,EAAAA,QAAO,aACf,QAASA,EAAAA,QAAO,aACpB,EAmCA,SAAgBM,EAAS,CAAE,QAAO,YAAY,GAAM,YAAW,GAAGC,GAAwB,CACtF,OACI,EAAAH,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWH,EAAAA,GAAGD,EAAAA,QAAO,SAAUQ,CAAS,EAAG,GAAID,EAC9C,SAAAE,EAAM,KAAK,EAAM,IAAU,CACxB,IAAMC,EAASC,IAAUF,EAAM,OAAS,EACxC,OACI,EAAAL,EAAA,KAAA,CAAC,KAAD,CAAkB,UAAWJ,EAAAA,QAAO,KAApC,SAAA,EACI,EAAAI,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,aAAvB,SAAA,EACI,EAAAI,EAAA,IAAA,CAAC,OAAD,CACI,UAAWH,EAAAA,GACPD,EAAAA,QAAO,OACPK,EAAaO,EAAK,QAAU,UAChC,EACA,cAAY,OAEX,SAAAA,EAAK,IACJ,CAAA,EACLC,GAAa,CAACH,IACX,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,KAAM,cAAY,MAAQ,CAAA,CAErD,CACL,CAAA,GAAA,EAAAI,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,KAAvB,SAAA,EACI,EAAAI,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,IAAvB,SAAA,EACI,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,MAAQ,SAAAY,EAAK,KAAY,CAAA,EAChDA,EAAK,OAAQ,EAAAR,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,KAAO,SAAAY,EAAK,IAAW,CAAA,CAC5D,CACJ,CAAA,EAAAA,EAAK,cACF,EAAAR,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWJ,EAAAA,QAAO,YAAc,SAAAY,EAAK,WAAe,CAAA,CAE1D,CACL,CAAA,CAAA,CAxBK,EAAAA,EAAK,EAwBV,CAEZ,CAAC,CACD,CAAA,CAEZ,C"}

package/dist/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Timeline.module.css\";\n\nexport type TimelineMarker = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\";\n\n/**\n * The class each marker color applies, keyed by the published CSS-module names.\n *\n * The build exports CSS-module keys in camelCase only (`localsConvention:\n * \"camelCaseOnly\"` in `vite.config.ts`), so a kebab lookup such as\n * `styles[\"marker-primary\"]` is `undefined` in `dist/` — which is how every marker\n * shipped transparent until issue #405. A `Record` over the union also makes the\n * type-checker demand an entry for every color added to {@link TimelineMarker}.\n */\nconst MARKER_CLASS: Record<TimelineMarker, string> = {\n    primary: styles.markerPrimary,\n    success: styles.markerSuccess,\n    warning: styles.markerWarning,\n    danger: styles.markerDanger,\n    neutral: styles.markerNeutral,\n};\n\nexport interface TimelineItem {\n    /** Stable identifier (used as React key). */\n    id: string;\n    /** Title rendered as the entry headline. */\n    title: ReactNode;\n    /** Optional subtitle / description below the title. */\n    description?: ReactNode;\n    /** Right-aligned meta column (timestamps, durations). */\n    meta?: ReactNode;\n    /** Optional custom icon rendered inside the marker. */\n    icon?: ReactNode;\n    /** Marker color. Default `\"primary\"`. */\n    marker?: TimelineMarker;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n    items: TimelineItem[];\n    /** Show the connecting line between markers. Default `true`. */\n    connector?: boolean;\n}\n\n/**\n * Vertical event timeline — activity feeds, order trackers, audit logs.\n * Each entry has a marker (color or custom icon), title, optional\n * description and right-aligned meta column.\n *\n * @example\n * <Timeline items={[\n *     { id: \"1\", title: \"Pedido criado\", meta: \"10:24\", marker: \"primary\" },\n *     { id: \"2\", title: \"Aprovação\", meta: \"10:25\", marker: \"success\" },\n *     { id: \"3\", title: \"Saiu pra entrega\", meta: \"11:00\", marker: \"warning\" },\n * ]} />\n */\nexport function Timeline({ items, connector = true, className, ...props }: TimelineProps) {\n    return (\n        <ol className={cn(styles.timeline, className)} {...props}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                return (\n                    <li key={item.id} className={styles.item}>\n                        <div className={styles.markerColumn}>\n                            <span\n                                className={cn(\n                                    styles.marker,\n                                    MARKER_CLASS[item.marker ?? \"primary\"],\n                                )}\n                                aria-hidden=\"true\"\n                            >\n                                {item.icon}\n                            </span>\n                            {connector && !isLast && (\n                                <span className={styles.line} aria-hidden=\"true\" />\n                            )}\n                        </div>\n                        <div className={styles.body}>\n                            <div className={styles.row}>\n                                <span className={styles.title}>{item.title}</span>\n                                {item.meta && <span className={styles.meta}>{item.meta}</span>}\n                            </div>\n                            {item.description && (\n                                <p className={styles.description}>{item.description}</p>\n                            )}\n                        </div>\n                    </li>\n                );\n            })}\n        </ol>\n    );\n}\n"],"mappings":";;;;AAeA,IAAM,IAA+C;CACjD,SAAS,EAAO;CAChB,SAAS,EAAO;CAChB,SAAS,EAAO;CAChB,QAAQ,EAAO;CACf,SAAS,EAAO;AACpB;AAmCA,SAAgB,EAAS,EAAE,UAAO,eAAY,IAAM,cAAW,GAAG,KAAwB;CACtF,OACI,kBAAC,MAAD;EAAI,WAAW,EAAG,EAAO,UAAU,CAAS;EAAG,GAAI;EAC9C,UAAA,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAS,MAAU,EAAM,SAAS;GACxC,OACI,kBAAC,MAAD;IAAkB,WAAW,EAAO;IAApC,UAAA,CACI,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACI,kBAAC,QAAD;MACI,WAAW,EACP,EAAO,QACP,EAAa,EAAK,UAAU,UAChC;MACA,eAAY;MAEX,UAAA,EAAK;KACJ,CAAA,GACL,KAAa,CAAC,KACX,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAM,eAAY;KAAQ,CAAA,CAErD;IACL,CAAA,GAAA,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACI,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAvB,UAAA,CACI,kBAAC,QAAD;OAAM,WAAW,EAAO;OAAQ,UAAA,EAAK;MAAY,CAAA,GAChD,EAAK,QAAQ,kBAAC,QAAD;OAAM,WAAW,EAAO;OAAO,UAAA,EAAK;MAAW,CAAA,CAC5D;KACJ,CAAA,GAAA,EAAK,eACF,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAc,UAAA,EAAK;KAAe,CAAA,CAE1D;IACL,CAAA,CAAA;GAxBK,GAAA,EAAK,EAwBV;EAEZ,CAAC;CACD,CAAA;AAEZ"}
+{"version":3,"file":"Timeline.js","names":["styles","Timeline_module_default","MARKER_CLASS","Timeline","props","cn","className","items","isLast","index","item","connector"],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Timeline.module.css\";\n\nexport type TimelineMarker = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\";\n\n/**\n * The class each marker color applies, keyed by the published CSS-module names.\n *\n * The build exports CSS-module keys in camelCase only (`localsConvention:\n * \"camelCaseOnly\"` in `vite.config.ts`), so a kebab lookup such as\n * `styles[\"marker-primary\"]` is `undefined` in `dist/` — which is how every marker\n * shipped transparent until issue #405. A `Record` over the union also makes the\n * type-checker demand an entry for every color added to {@link TimelineMarker}.\n */\nconst MARKER_CLASS: Record<TimelineMarker, string> = {\n    primary: styles.markerPrimary,\n    success: styles.markerSuccess,\n    warning: styles.markerWarning,\n    danger: styles.markerDanger,\n    neutral: styles.markerNeutral,\n};\n\nexport interface TimelineItem {\n    /** Stable identifier (used as React key). */\n    id: string;\n    /** Title rendered as the entry headline. */\n    title: ReactNode;\n    /** Optional subtitle / description below the title. */\n    description?: ReactNode;\n    /** Right-aligned meta column (timestamps, durations). */\n    meta?: ReactNode;\n    /** Optional custom icon rendered inside the marker. */\n    icon?: ReactNode;\n    /** Marker color. Default `\"primary\"`. */\n    marker?: TimelineMarker;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n    items: TimelineItem[];\n    /** Show the connecting line between markers. Default `true`. */\n    connector?: boolean;\n}\n\n/**\n * Vertical event timeline — activity feeds, order trackers, audit logs.\n * Each entry has a marker (color or custom icon), title, optional\n * description and right-aligned meta column.\n *\n * @example\n * <Timeline items={[\n *     { id: \"1\", title: \"Pedido criado\", meta: \"10:24\", marker: \"primary\" },\n *     { id: \"2\", title: \"Aprovação\", meta: \"10:25\", marker: \"success\" },\n *     { id: \"3\", title: \"Saiu pra entrega\", meta: \"11:00\", marker: \"warning\" },\n * ]} />\n */\nexport function Timeline({ items, connector = true, className, ...props }: TimelineProps) {\n    return (\n        <ol className={cn(styles.timeline, className)} {...props}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                return (\n                    <li key={item.id} className={styles.item}>\n                        <div className={styles.markerColumn}>\n                            <span\n                                className={cn(\n                                    styles.marker,\n                                    MARKER_CLASS[item.marker ?? \"primary\"],\n                                )}\n                                aria-hidden=\"true\"\n                            >\n                                {item.icon}\n                            </span>\n                            {connector && !isLast && (\n                                <span className={styles.line} aria-hidden=\"true\" />\n                            )}\n                        </div>\n                        <div className={styles.body}>\n                            <div className={styles.row}>\n                                <span className={styles.title}>{item.title}</span>\n                                {item.meta && <span className={styles.meta}>{item.meta}</span>}\n                            </div>\n                            {item.description && (\n                                <p className={styles.description}>{item.description}</p>\n                            )}\n                        </div>\n                    </li>\n                );\n            })}\n        </ol>\n    );\n}\n"],"mappings":";;;;AAeA,IAAME,IAA+C;CACjD,SAASF,EAAO;CAChB,SAASA,EAAO;CAChB,SAASA,EAAO;CAChB,QAAQA,EAAO;CACf,SAASA,EAAO;AACpB;AAmCA,SAAgBG,EAAS,EAAE,UAAO,eAAY,IAAM,cAAW,GAAGC,KAAwB;CACtF,OACI,kBAAC,MAAD;EAAI,WAAWC,EAAGL,EAAO,UAAUM,CAAS;EAAG,GAAIF;EAC9C,UAAAG,EAAM,KAAK,GAAM,MAAU;GACxB,IAAMC,IAASC,MAAUF,EAAM,SAAS;GACxC,OACI,kBAAC,MAAD;IAAkB,WAAWP,EAAO;IAApC,UAAA,CACI,kBAAC,OAAD;KAAK,WAAWA,EAAO;KAAvB,UAAA,CACI,kBAAC,QAAD;MACI,WAAWK,EACPL,EAAO,QACPE,EAAaQ,EAAK,UAAU,UAChC;MACA,eAAY;MAEX,UAAAA,EAAK;KACJ,CAAA,GACLC,KAAa,CAACH,KACX,kBAAC,QAAD;MAAM,WAAWR,EAAO;MAAM,eAAY;KAAQ,CAAA,CAErD;IACL,CAAA,GAAA,kBAAC,OAAD;KAAK,WAAWA,EAAO;KAAvB,UAAA,CACI,kBAAC,OAAD;MAAK,WAAWA,EAAO;MAAvB,UAAA,CACI,kBAAC,QAAD;OAAM,WAAWA,EAAO;OAAQ,UAAAU,EAAK;MAAY,CAAA,GAChDA,EAAK,QAAQ,kBAAC,QAAD;OAAM,WAAWV,EAAO;OAAO,UAAAU,EAAK;MAAW,CAAA,CAC5D;KACJ,CAAA,GAAAA,EAAK,eACF,kBAAC,KAAD;MAAG,WAAWV,EAAO;MAAc,UAAAU,EAAK;KAAe,CAAA,CAE1D;IACL,CAAA,CAAA;GAxBK,GAAAA,EAAK,EAwBV;EAEZ,CAAC;CACD,CAAA;AAEZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.item {\n    display: flex;\n    gap: var(--tempest-space-3);\n    padding-bottom: var(--tempest-space-4);\n}\n\n.item:last-child {\n    padding-bottom: 0;\n}\n\n.markerColumn {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 16px;\n    padding-top: 4px;\n}\n\n.marker {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-full);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 10px;\n    flex: 0 0 auto;\n}\n\n.markerPrimary {\n    background: var(--tempest-primary);\n}\n.markerSuccess {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n.markerWarning {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n.markerDanger {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n.markerNeutral {\n    background: var(--tempest-gray-400, var(--tempest-border));\n}\n\n.line {\n    flex: 1 1 auto;\n    width: 2px;\n    background: var(--tempest-border);\n    margin-top: 4px;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n}\n\n.title {\n    font-weight: var(--tempest-weight-medium);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.meta {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    white-space: nowrap;\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Timeline.module.cjs","names":["timeline","item","markerColumn","marker","markerPrimary","markerSuccess","markerWarning","markerDanger","markerNeutral","line","body","row","title","meta","description","Timeline_module_default"],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.item {\n    display: flex;\n    gap: var(--tempest-space-3);\n    padding-bottom: var(--tempest-space-4);\n}\n\n.item:last-child {\n    padding-bottom: 0;\n}\n\n.markerColumn {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 16px;\n    padding-top: 4px;\n}\n\n.marker {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-full);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 10px;\n    flex: 0 0 auto;\n}\n\n.markerPrimary {\n    background: var(--tempest-primary);\n}\n.markerSuccess {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n.markerWarning {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n.markerDanger {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n.markerNeutral {\n    background: var(--tempest-gray-400, var(--tempest-border));\n}\n\n.line {\n    flex: 1 1 auto;\n    width: 2px;\n    background: var(--tempest-border);\n    margin-top: 4px;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n}\n\n.title {\n    font-weight: var(--tempest-weight-medium);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.meta {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    white-space: nowrap;\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.js","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.item {\n    display: flex;\n    gap: var(--tempest-space-3);\n    padding-bottom: var(--tempest-space-4);\n}\n\n.item:last-child {\n    padding-bottom: 0;\n}\n\n.markerColumn {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 16px;\n    padding-top: 4px;\n}\n\n.marker {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-full);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 10px;\n    flex: 0 0 auto;\n}\n\n.markerPrimary {\n    background: var(--tempest-primary);\n}\n.markerSuccess {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n.markerWarning {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n.markerDanger {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n.markerNeutral {\n    background: var(--tempest-gray-400, var(--tempest-border));\n}\n\n.line {\n    flex: 1 1 auto;\n    width: 2px;\n    background: var(--tempest-border);\n    margin-top: 4px;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n}\n\n.title {\n    font-weight: var(--tempest-weight-medium);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.meta {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    white-space: nowrap;\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Timeline.module.js","names":["timeline","item","markerColumn","marker","markerPrimary","markerSuccess","markerWarning","markerDanger","markerNeutral","line","body","row","title","meta","description","Timeline_module_default"],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.item {\n    display: flex;\n    gap: var(--tempest-space-3);\n    padding-bottom: var(--tempest-space-4);\n}\n\n.item:last-child {\n    padding-bottom: 0;\n}\n\n.markerColumn {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 16px;\n    padding-top: 4px;\n}\n\n.marker {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-full);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 10px;\n    flex: 0 0 auto;\n}\n\n.markerPrimary {\n    background: var(--tempest-primary);\n}\n.markerSuccess {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n.markerWarning {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n.markerDanger {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n.markerNeutral {\n    background: var(--tempest-gray-400, var(--tempest-border));\n}\n\n.line {\n    flex: 1 1 auto;\n    width: 2px;\n    background: var(--tempest-border);\n    margin-top: 4px;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n}\n\n.title {\n    font-weight: var(--tempest-weight-medium);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.meta {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    white-space: nowrap;\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.withIcon .content {\n    align-self: center;\n}\n\n.alignCenter .content {\n    text-align: center;\n}\n\n.leading {\n    flex: 0 0 auto;\n    align-self: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text);\n}\n\n.leading img,\n.leading svg {\n    display: block;\n    max-width: var(--tempest-space-8);\n    max-height: var(--tempest-space-8);\n    object-fit: contain;\n}\n\n.close {\n    flex: 0 0 auto;\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Toast.module.cjs","names":["container","positionTopRight","positionTopLeft","positionTopCenter","positionBottomRight","positionBottomLeft","positionBottomCenter","toast","tempestToastIn","success","warning","error","info","title","description","content","withIcon","alignCenter","leading","close","Toast_module_default"],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.withIcon .content {\n    align-self: center;\n}\n\n.alignCenter .content {\n    text-align: center;\n}\n\n.leading {\n    flex: 0 0 auto;\n    align-self: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text);\n}\n\n.leading img,\n.leading svg {\n    display: block;\n    max-width: var(--tempest-space-8);\n    max-height: var(--tempest-space-8);\n    object-fit: contain;\n}\n\n.close {\n    flex: 0 0 auto;\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.js","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.withIcon .content {\n    align-self: center;\n}\n\n.alignCenter .content {\n    text-align: center;\n}\n\n.leading {\n    flex: 0 0 auto;\n    align-self: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text);\n}\n\n.leading img,\n.leading svg {\n    display: block;\n    max-width: var(--tempest-space-8);\n    max-height: var(--tempest-space-8);\n    object-fit: contain;\n}\n\n.close {\n    flex: 0 0 auto;\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Toast.module.js","names":["container","positionTopRight","positionTopLeft","positionTopCenter","positionBottomRight","positionBottomLeft","positionBottomCenter","toast","tempestToastIn","success","warning","error","info","title","description","content","withIcon","alignCenter","leading","close","Toast_module_default"],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.withIcon .content {\n    align-self: center;\n}\n\n.alignCenter .content {\n    text-align: center;\n}\n\n.leading {\n    flex: 0 0 auto;\n    align-self: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text);\n}\n\n.leading img,\n.leading svg {\n    display: block;\n    max-width: var(--tempest-space-8);\n    max-height: var(--tempest-space-8);\n    object-fit: contain;\n}\n\n.close {\n    flex: 0 0 auto;\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Toast/ToastProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.cjs","names":[],"sources":["../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the provider is the queue: enqueue, dedupe, auto-\n * dismiss timers, pause on hover and the portal that renders them. Splitting the\n * queue from the renderer would put a timer in one file and the element it dismisses\n * in another.\n */\nimport {\n    Children,\n    Fragment,\n    createContext,\n    isValidElement,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Toast.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport type ToastVariant = \"success\" | \"warning\" | \"error\" | \"info\";\n\n/**\n * Horizontal alignment of a toast's title and description.\n *\n * `\"start\"` is the default because a toast is read as a sentence beside a close\n * button: left-aligned lines share one edge with the icon and the stack, so a\n * two-line description stays scannable. `\"center\"` exists for the short\n * celebratory toast (an achievement with a badge) where the text is one line.\n */\nexport type ToastAlign = \"start\" | \"center\";\n\nexport interface ToastOptions {\n    id?: string;\n    title?: string;\n    description?: string;\n    variant?: ToastVariant;\n    /** Auto-dismiss timeout in ms. Pass `0` to keep the toast until dismissed manually. */\n    duration?: number;\n    /**\n     * Leading slot rendered before the text, e.g. `<img src=\"/badge.svg\" alt=\"\" />`.\n     *\n     * It is an app asset, so it takes any `ReactNode` — but it is a slot for an\n     * **icon**, not for a control. The wrapper is `inert`, so a button or link put\n     * here is neither focusable nor clickable; actions belong outside the toast.\n     *\n     * The slot is decorative (`aria-hidden`) unless {@link ToastOptions.iconLabel}\n     * is given: most icons repeat what the title already says, and an unlabelled\n     * image inside the live region would otherwise be announced as \"image\" or by\n     * its file name. An `<img>` or `<svg>` anywhere inside it is capped at 32px and\n     * keeps its aspect ratio. A node that renders nothing (`null`, a boolean, `\"\"`,\n     * `[]`, an empty fragment) counts as no icon, so the toast keeps two columns.\n     */\n    icon?: ReactNode;\n    /**\n     * Accessible name for {@link ToastOptions.icon} when the icon carries meaning\n     * the text does not. With it the slot becomes `role=\"img\"` with this label and\n     * is announced together with the toast; without it the slot is hidden from\n     * assistive technology.\n     */\n    iconLabel?: string;\n    /** Text alignment of title and description. Default `\"start\"`; see {@link ToastAlign}. */\n    align?: ToastAlign;\n}\n\ninterface ToastEntry extends Required<\n    Omit<ToastOptions, \"id\" | \"title\" | \"description\" | \"icon\" | \"iconLabel\">\n> {\n    id: string;\n    title?: string;\n    description?: string;\n    icon?: ReactNode;\n    iconLabel?: string;\n}\n\nexport interface ToastApi {\n    show: (options: ToastOptions) => string;\n    dismiss: (id: string) => void;\n    success: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    error: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n    warning: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    info: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n}\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\n/**\n * Access the toast API. Must be used inside a {@link ToastProvider}.\n *\n * @returns Methods to show and dismiss toasts.\n */\nexport function useToast(): ToastApi {\n    const ctx = useContext(ToastContext);\n    if (!ctx) throw new Error(\"useToast must be used inside a <ToastProvider>\");\n    return ctx;\n}\n\nexport type ToastPosition =\n    \"top-right\" | \"top-left\" | \"top-center\" | \"bottom-right\" | \"bottom-left\" | \"bottom-center\";\n\nexport interface ToastProviderProps {\n    children: ReactNode;\n    /** Default auto-dismiss duration (ms). Default 4000. */\n    defaultDuration?: number;\n    /** Stack position on screen. Default `\"top-right\"`. */\n    position?: ToastPosition;\n}\n\n/**\n * Renders a portalled toast container and exposes the imperative {@link useToast} API.\n */\nexport function ToastProvider({\n    children,\n    defaultDuration = 4000,\n    position = \"top-right\",\n}: ToastProviderProps) {\n    const [toasts, setToasts] = useState<ToastEntry[]>([]);\n    const counter = useRef<number>(0);\n\n    const dismiss = useCallback((id: string): void => {\n        setToasts((current) => current.filter((toast) => toast.id !== id));\n    }, []);\n\n    const show = useCallback(\n        (options: ToastOptions): string => {\n            const id = options.id ?? `toast-${++counter.current}`;\n            const entry: ToastEntry = {\n                id,\n                title: options.title,\n                description: options.description,\n                variant: options.variant ?? \"info\",\n                duration: options.duration ?? defaultDuration,\n                icon: options.icon,\n                iconLabel: options.iconLabel,\n                align: options.align ?? \"start\",\n            };\n            setToasts((current) => [...current, entry]);\n            return id;\n        },\n        [defaultDuration],\n    );\n\n    const api = useMemo<ToastApi>(\n        () => ({\n            show,\n            dismiss,\n            success: (description, options) =>\n                show({ ...options, description, variant: \"success\" }),\n            error: (description, options) => show({ ...options, description, variant: \"error\" }),\n            warning: (description, options) =>\n                show({ ...options, description, variant: \"warning\" }),\n            info: (description, options) => show({ ...options, description, variant: \"info\" }),\n        }),\n        [show, dismiss],\n    );\n\n    return (\n        <ToastContext.Provider value={api}>\n            {children}\n            <ToastContainer toasts={toasts} onDismiss={dismiss} position={position} />\n        </ToastContext.Provider>\n    );\n}\n\ninterface ContainerProps {\n    toasts: ToastEntry[];\n    onDismiss: (id: string) => void;\n    position: ToastPosition;\n}\n\nfunction positionClass(position: ToastPosition): string {\n    switch (position) {\n        case \"top-left\":\n            return styles.positionTopLeft;\n        case \"top-center\":\n            return styles.positionTopCenter;\n        case \"bottom-right\":\n            return styles.positionBottomRight;\n        case \"bottom-left\":\n            return styles.positionBottomLeft;\n        case \"bottom-center\":\n            return styles.positionBottomCenter;\n        case \"top-right\":\n        default:\n            return styles.positionTopRight;\n    }\n}\n\n/**\n * The portalled stack, and the page's live region for toasts.\n *\n * `aria-atomic=\"false\"` matters: with `\"true\"` a screen reader re-reads the\n * **entire** stack on every change, so the third toast of a batch is announced as\n * all three, and dismissing one re-announces the survivors. `\"false\"` announces only\n * the node that was added, which is what the user needs.\n *\n * The stack stays the live region rather than delegating to `useAnnounce`, because\n * routing it through the shared announcer would put the same text in the document\n * twice — once visible, once hidden — and every `getByText(\"Salvo\")` in a consuming\n * app's test suite would start matching two nodes. The announcer is for messages\n * that have no on-screen home; a toast has one.\n */\nfunction ToastContainer({ toasts, onDismiss, position }: ContainerProps) {\n    const portalHost = usePortalHost();\n\n    if (!portalHost) return null;\n    return createPortal(\n        <div\n            className={cn(styles.container, positionClass(position))}\n            aria-live=\"polite\"\n            aria-atomic=\"false\"\n        >\n            {toasts.map((toast) => (\n                <ToastItem key={toast.id} toast={toast} onDismiss={onDismiss} />\n            ))}\n        </div>,\n        portalHost,\n    );\n}\n\ninterface ItemProps {\n    toast: ToastEntry;\n    onDismiss: (id: string) => void;\n}\n\n/**\n * One toast.\n *\n * No `role=\"status\"` of its own: it already lives inside the container's live\n * region, and a live region nested in a live region is announced twice by some\n * screen readers.\n *\n * With an icon the toast becomes three columns (leading, content, close) and the\n * icon and text are centred vertically against each other, so a 32px badge sits\n * level with a one-line title. Toasts without an icon keep the top-aligned layout\n * and the same size for short text; what changed for them is long text: the text\n * column now wraps a long word (`overflow-wrap: anywhere`) and the close button no\n * longer shrinks (it used to drop from 22px to 16–17px beside a two-line\n * description).\n *\n * The leading wrapper gets `inert` through a callback ref instead of a prop,\n * because no prop value works on both supported Reacts: React 18 drops\n * `inert={true}` with a warning and renders `inert=\"\"`, while React 19 renders\n * `inert={true}` and drops `inert=\"\"`.\n */\nfunction ToastItem({ toast, onDismiss }: ItemProps) {\n    useEffect(() => {\n        if (!toast.duration) return;\n        const timer = setTimeout(() => onDismiss(toast.id), toast.duration);\n        return () => clearTimeout(timer);\n    }, [toast.id, toast.duration, onDismiss]);\n\n    const hasIcon = rendersSomething(toast.icon);\n\n    return (\n        <div\n            className={cn(\n                styles.toast,\n                styles[toast.variant],\n                hasIcon && styles.withIcon,\n                toast.align === \"center\" && styles.alignCenter,\n            )}\n        >\n            {hasIcon && (\n                <div\n                    ref={makeInert}\n                    className={styles.leading}\n                    {...(toast.iconLabel\n                        ? { role: \"img\", \"aria-label\": toast.iconLabel }\n                        : { \"aria-hidden\": true })}\n                >\n                    {toast.icon}\n                </div>\n            )}\n            <div className={styles.content}>\n                {toast.title && <p className={styles.title}>{toast.title}</p>}\n                {toast.description && <p className={styles.description}>{toast.description}</p>}\n            </div>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label=\"Fechar notificação\"\n                onClick={() => onDismiss(toast.id)}\n            >\n                <CloseIcon />\n            </button>\n        </div>\n    );\n}\n\n/**\n * Whether a node renders anything at all.\n *\n * `Children.toArray` drops `null`, `undefined` and booleans and flattens arrays,\n * but keeps a fragment as one element — so a fragment is unwrapped and checked\n * by its children. `\"\"` renders no text node worth a column either.\n *\n * @param node - The icon slot content.\n * @returns `true` when at least one child would produce output.\n */\nfunction rendersSomething(node: ReactNode): boolean {\n    return Children.toArray(node).some((child) => {\n        if (child === \"\") return false;\n        if (isValidElement<{ children?: ReactNode }>(child) && child.type === Fragment) {\n            return rendersSomething(child.props.children);\n        }\n        return true;\n    });\n}\n\n/**\n * Callback ref that marks the icon wrapper `inert`, on React 18 and 19 alike.\n *\n * @param node - The wrapper element, or `null` on unmount.\n */\nfunction makeInert(node: HTMLDivElement | null): void {\n    node?.setAttribute(\"inert\", \"\");\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToastProvider.cjs","names":["createContext","useContext","useState","useRef","useCallback","useMemo","styles","usePortalHost","createPortal","cn","Children","isValidElement","Fragment","require_cn","require_portal_host","require_Toast_module","react","react_jsx_runtime","react_dom","ToastContext","useToast","ctx","ToastProvider","toasts","setToasts","counter","dismiss","current","toast","id","show","options","entry","defaultDuration","api","children","ToastContainer","positionClass","position","portalHost","ToastItem","timer","onDismiss","hasIcon","rendersSomething","makeInert","CloseIcon","node","child"],"sources":["../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines — the provider is the queue: enqueue, dedupe, auto-\n * dismiss timers, pause on hover and the portal that renders them. Splitting the\n * queue from the renderer would put a timer in one file and the element it dismisses\n * in another.\n */\nimport {\n    Children,\n    Fragment,\n    createContext,\n    isValidElement,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Toast.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport type ToastVariant = \"success\" | \"warning\" | \"error\" | \"info\";\n\n/**\n * Horizontal alignment of a toast's title and description.\n *\n * `\"start\"` is the default because a toast is read as a sentence beside a close\n * button: left-aligned lines share one edge with the icon and the stack, so a\n * two-line description stays scannable. `\"center\"` exists for the short\n * celebratory toast (an achievement with a badge) where the text is one line.\n */\nexport type ToastAlign = \"start\" | \"center\";\n\nexport interface ToastOptions {\n    id?: string;\n    title?: string;\n    description?: string;\n    variant?: ToastVariant;\n    /** Auto-dismiss timeout in ms. Pass `0` to keep the toast until dismissed manually. */\n    duration?: number;\n    /**\n     * Leading slot rendered before the text, e.g. `<img src=\"/badge.svg\" alt=\"\" />`.\n     *\n     * It is an app asset, so it takes any `ReactNode` — but it is a slot for an\n     * **icon**, not for a control. The wrapper is `inert`, so a button or link put\n     * here is neither focusable nor clickable; actions belong outside the toast.\n     *\n     * The slot is decorative (`aria-hidden`) unless {@link ToastOptions.iconLabel}\n     * is given: most icons repeat what the title already says, and an unlabelled\n     * image inside the live region would otherwise be announced as \"image\" or by\n     * its file name. An `<img>` or `<svg>` anywhere inside it is capped at 32px and\n     * keeps its aspect ratio. A node that renders nothing (`null`, a boolean, `\"\"`,\n     * `[]`, an empty fragment) counts as no icon, so the toast keeps two columns.\n     */\n    icon?: ReactNode;\n    /**\n     * Accessible name for {@link ToastOptions.icon} when the icon carries meaning\n     * the text does not. With it the slot becomes `role=\"img\"` with this label and\n     * is announced together with the toast; without it the slot is hidden from\n     * assistive technology.\n     */\n    iconLabel?: string;\n    /** Text alignment of title and description. Default `\"start\"`; see {@link ToastAlign}. */\n    align?: ToastAlign;\n}\n\ninterface ToastEntry extends Required<\n    Omit<ToastOptions, \"id\" | \"title\" | \"description\" | \"icon\" | \"iconLabel\">\n> {\n    id: string;\n    title?: string;\n    description?: string;\n    icon?: ReactNode;\n    iconLabel?: string;\n}\n\nexport interface ToastApi {\n    show: (options: ToastOptions) => string;\n    dismiss: (id: string) => void;\n    success: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    error: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n    warning: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    info: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n}\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\n/**\n * Access the toast API. Must be used inside a {@link ToastProvider}.\n *\n * @returns Methods to show and dismiss toasts.\n */\nexport function useToast(): ToastApi {\n    const ctx = useContext(ToastContext);\n    if (!ctx) throw new Error(\"useToast must be used inside a <ToastProvider>\");\n    return ctx;\n}\n\nexport type ToastPosition =\n    \"top-right\" | \"top-left\" | \"top-center\" | \"bottom-right\" | \"bottom-left\" | \"bottom-center\";\n\nexport interface ToastProviderProps {\n    children: ReactNode;\n    /** Default auto-dismiss duration (ms). Default 4000. */\n    defaultDuration?: number;\n    /** Stack position on screen. Default `\"top-right\"`. */\n    position?: ToastPosition;\n}\n\n/**\n * Renders a portalled toast container and exposes the imperative {@link useToast} API.\n */\nexport function ToastProvider({\n    children,\n    defaultDuration = 4000,\n    position = \"top-right\",\n}: ToastProviderProps) {\n    const [toasts, setToasts] = useState<ToastEntry[]>([]);\n    const counter = useRef<number>(0);\n\n    const dismiss = useCallback((id: string): void => {\n        setToasts((current) => current.filter((toast) => toast.id !== id));\n    }, []);\n\n    const show = useCallback(\n        (options: ToastOptions): string => {\n            const id = options.id ?? `toast-${++counter.current}`;\n            const entry: ToastEntry = {\n                id,\n                title: options.title,\n                description: options.description,\n                variant: options.variant ?? \"info\",\n                duration: options.duration ?? defaultDuration,\n                icon: options.icon,\n                iconLabel: options.iconLabel,\n                align: options.align ?? \"start\",\n            };\n            setToasts((current) => [...current, entry]);\n            return id;\n        },\n        [defaultDuration],\n    );\n\n    const api = useMemo<ToastApi>(\n        () => ({\n            show,\n            dismiss,\n            success: (description, options) =>\n                show({ ...options, description, variant: \"success\" }),\n            error: (description, options) => show({ ...options, description, variant: \"error\" }),\n            warning: (description, options) =>\n                show({ ...options, description, variant: \"warning\" }),\n            info: (description, options) => show({ ...options, description, variant: \"info\" }),\n        }),\n        [show, dismiss],\n    );\n\n    return (\n        <ToastContext.Provider value={api}>\n            {children}\n            <ToastContainer toasts={toasts} onDismiss={dismiss} position={position} />\n        </ToastContext.Provider>\n    );\n}\n\ninterface ContainerProps {\n    toasts: ToastEntry[];\n    onDismiss: (id: string) => void;\n    position: ToastPosition;\n}\n\nfunction positionClass(position: ToastPosition): string {\n    switch (position) {\n        case \"top-left\":\n            return styles.positionTopLeft;\n        case \"top-center\":\n            return styles.positionTopCenter;\n        case \"bottom-right\":\n            return styles.positionBottomRight;\n        case \"bottom-left\":\n            return styles.positionBottomLeft;\n        case \"bottom-center\":\n            return styles.positionBottomCenter;\n        case \"top-right\":\n        default:\n            return styles.positionTopRight;\n    }\n}\n\n/**\n * The portalled stack, and the page's live region for toasts.\n *\n * `aria-atomic=\"false\"` matters: with `\"true\"` a screen reader re-reads the\n * **entire** stack on every change, so the third toast of a batch is announced as\n * all three, and dismissing one re-announces the survivors. `\"false\"` announces only\n * the node that was added, which is what the user needs.\n *\n * The stack stays the live region rather than delegating to `useAnnounce`, because\n * routing it through the shared announcer would put the same text in the document\n * twice — once visible, once hidden — and every `getByText(\"Salvo\")` in a consuming\n * app's test suite would start matching two nodes. The announcer is for messages\n * that have no on-screen home; a toast has one.\n */\nfunction ToastContainer({ toasts, onDismiss, position }: ContainerProps) {\n    const portalHost = usePortalHost();\n\n    if (!portalHost) return null;\n    return createPortal(\n        <div\n            className={cn(styles.container, positionClass(position))}\n            aria-live=\"polite\"\n            aria-atomic=\"false\"\n        >\n            {toasts.map((toast) => (\n                <ToastItem key={toast.id} toast={toast} onDismiss={onDismiss} />\n            ))}\n        </div>,\n        portalHost,\n    );\n}\n\ninterface ItemProps {\n    toast: ToastEntry;\n    onDismiss: (id: string) => void;\n}\n\n/**\n * One toast.\n *\n * No `role=\"status\"` of its own: it already lives inside the container's live\n * region, and a live region nested in a live region is announced twice by some\n * screen readers.\n *\n * With an icon the toast becomes three columns (leading, content, close) and the\n * icon and text are centred vertically against each other, so a 32px badge sits\n * level with a one-line title. Toasts without an icon keep the top-aligned layout\n * and the same size for short text; what changed for them is long text: the text\n * column now wraps a long word (`overflow-wrap: anywhere`) and the close button no\n * longer shrinks (it used to drop from 22px to 16–17px beside a two-line\n * description).\n *\n * The leading wrapper gets `inert` through a callback ref instead of a prop,\n * because no prop value works on both supported Reacts: React 18 drops\n * `inert={true}` with a warning and renders `inert=\"\"`, while React 19 renders\n * `inert={true}` and drops `inert=\"\"`.\n */\nfunction ToastItem({ toast, onDismiss }: ItemProps) {\n    useEffect(() => {\n        if (!toast.duration) return;\n        const timer = setTimeout(() => onDismiss(toast.id), toast.duration);\n        return () => clearTimeout(timer);\n    }, [toast.id, toast.duration, onDismiss]);\n\n    const hasIcon = rendersSomething(toast.icon);\n\n    return (\n        <div\n            className={cn(\n                styles.toast,\n                styles[toast.variant],\n                hasIcon && styles.withIcon,\n                toast.align === \"center\" && styles.alignCenter,\n            )}\n        >\n            {hasIcon && (\n                <div\n                    ref={makeInert}\n                    className={styles.leading}\n                    {...(toast.iconLabel\n                        ? { role: \"img\", \"aria-label\": toast.iconLabel }\n                        : { \"aria-hidden\": true })}\n                >\n                    {toast.icon}\n                </div>\n            )}\n            <div className={styles.content}>\n                {toast.title && <p className={styles.title}>{toast.title}</p>}\n                {toast.description && <p className={styles.description}>{toast.description}</p>}\n            </div>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label=\"Fechar notificação\"\n                onClick={() => onDismiss(toast.id)}\n            >\n                <CloseIcon />\n            </button>\n        </div>\n    );\n}\n\n/**\n * Whether a node renders anything at all.\n *\n * `Children.toArray` drops `null`, `undefined` and booleans and flattens arrays,\n * but keeps a fragment as one element — so a fragment is unwrapped and checked\n * by its children. `\"\"` renders no text node worth a column either.\n *\n * @param node - The icon slot content.\n * @returns `true` when at least one child would produce output.\n */\nfunction rendersSomething(node: ReactNode): boolean {\n    return Children.toArray(node).some((child) => {\n        if (child === \"\") return false;\n        if (isValidElement<{ children?: ReactNode }>(child) && child.type === Fragment) {\n            return rendersSomething(child.props.children);\n        }\n        return true;\n    });\n}\n\n/**\n * Callback ref that marks the icon wrapper `inert`, on React 18 and 19 alike.\n *\n * @param node - The wrapper element, or `null` on unmount.\n */\nfunction makeInert(node: HTMLDivElement | null): void {\n    node?.setAttribute(\"inert\", \"\");\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}