tempest-react-sdk 0.77.0 → 0.79.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/ErrorText/ErrorText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.cjs","names":[],"sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"mappings":"6GAmBA,SAAgB,EAAU,CAAE,WAAU,YAAW,GAAG,GAAoC,CAIpF,OAHI,GAAa,MAAkC,IAAa,IAAS,IAAa,GAC3E,MAGP,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,KAAK,QAAQ,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,CAAS,EAAG,GAAI,EAC3D,UACF,CAAA,CAEX"}
+{"version":3,"file":"ErrorText.cjs","names":["cn","styles","require_cn","require_ErrorText_module","react_jsx_runtime","ErrorText","props","children","className"],"sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"mappings":"A,6GAmBA,SAAgBK,EAAU,CAAE,WAAU,YAAW,GAAGC,GAAoC,CAIpF,OAHIC,GAAa,MAAkCA,IAAa,IAASA,IAAa,GAC3E,MAGP,EAAAH,EAAA,IAAA,CAAC,IAAD,CAAG,KAAK,QAAQ,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,UAAWO,CAAS,EAAG,GAAIF,EAC3D,UACF,CAAA,CAEX,C"}

package/dist/components/ErrorText/ErrorText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.js","names":[],"sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAU,EAAE,aAAU,cAAW,GAAG,KAAoC;CAIpF,OAHI,KAAa,QAAkC,MAAa,MAAS,MAAa,KAC3E,OAGP,kBAAC,KAAD;EAAG,MAAK;EAAQ,WAAW,EAAG,EAAO,WAAW,CAAS;EAAG,GAAI;EAC3D;CACF,CAAA;AAEX"}
+{"version":3,"file":"ErrorText.js","names":["styles","ErrorText_module_default","ErrorText","props","children","cn","className"],"sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"mappings":";;;;AAmBA,SAAgBE,EAAU,EAAE,aAAU,cAAW,GAAGC,KAAoC;CAIpF,OAHIC,KAAa,QAAkCA,MAAa,MAASA,MAAa,KAC3E,OAGP,kBAAC,KAAD;EAAG,MAAK;EAAQ,WAAWC,EAAGL,EAAO,WAAWM,CAAS;EAAG,GAAIH;EAC3D;CACF,CAAA;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.module.cjs","names":[],"sources":["../../../src/components/ErrorText/ErrorText.module.css"],"sourcesContent":[".errorText {\n    margin: 0;\n    font-size: var(--tempest-text-sm);\n    line-height: 1.4;\n    color: var(--tempest-danger);\n}\n"],"mappings":";"}
+{"version":3,"file":"ErrorText.module.cjs","names":["errorText","ErrorText_module_default"],"sources":["../../../src/components/ErrorText/ErrorText.module.css"],"sourcesContent":[".errorText {\n    margin: 0;\n    font-size: var(--tempest-text-sm);\n    line-height: 1.4;\n    color: var(--tempest-danger);\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.module.js","names":[],"sources":["../../../src/components/ErrorText/ErrorText.module.css"],"sourcesContent":[".errorText {\n    margin: 0;\n    font-size: var(--tempest-text-sm);\n    line-height: 1.4;\n    color: var(--tempest-danger);\n}\n"],"mappings":";"}
+{"version":3,"file":"ErrorText.module.js","names":["errorText","ErrorText_module_default"],"sources":["../../../src/components/ErrorText/ErrorText.module.css"],"sourcesContent":[".errorText {\n    margin: 0;\n    font-size: var(--tempest-text-sm);\n    line-height: 1.4;\n    color: var(--tempest-danger);\n}\n"],"mappings":";"}

package/dist/components/FileUpload/FileUpload.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("./FileUpload.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function a(e,t){if(!t)return!0;let n=t.split(`,`).map(e=>e.trim().toLowerCase()),r=e.name.toLowerCase(),i=e.type.toLowerCase();return n.some(e=>e.startsWith(`.`)?r.endsWith(e):e.endsWith(`/*`)?i.startsWith(e.replace(`/*`,`/`)):i===e)}function o({value:o,onChange:c,label:l,accept:u,multiple:d=!1,maxSize:f,onReject:p,disabled:m,title:h=`Arraste arquivos aqui ou clique para selecionar`,subtitle:g,className:_}){let[v,y]=(0,n.useState)(!1),b=(0,n.useRef)(null);function x(e){let t=[],n=[];for(let r of Array.from(e)){if(!a(r,u)){n.push({file:r,reason:`type`});continue}if(f&&r.size>f){n.push({file:r,reason:`size`});continue}t.push(r)}n.length>0&&p?.(n),t.length!==0&&c(d?[...o,...t]:t.slice(0,1))}function S(e){e.preventDefault(),y(!1),!m&&e.dataTransfer?.files&&x(e.dataTransfer.files)}function C(e){let t=o.slice();t.splice(e,1),c(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,_),children:[l&&(0,r.jsx)(`label`,{className:t.default.label,children:l}),(0,r.jsxs)(`div`,{className:e.cn(t.default.dropzone,v&&t.default.active,m&&t.default.disabled),role:`button`,tabIndex:m?-1:0,onClick:()=>!m&&b.current?.click(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b.current?.click())},onDragEnter:e=>{e.preventDefault(),m||y(!0)},onDragOver:e=>e.preventDefault(),onDragLeave:()=>y(!1),onDrop:S,children:[(0,r.jsx)(`div`,{className:t.default.icon,"aria-hidden":!0,children:(0,r.jsx)(s,{})}),(0,r.jsx)(`p`,{className:t.default.title,children:h}),g&&(0,r.jsx)(`p`,{className:t.default.subtitle,children:g}),(0,r.jsx)(`input`,{ref:b,type:`file`,accept:u,multiple:d,disabled:m,className:t.default.hidden,onChange:e=>{e.target.files&&x(e.target.files),e.target.value=``}})]}),o.length>0&&(0,r.jsx)(`ul`,{className:t.default.files,children:o.map((e,n)=>(0,r.jsxs)(`li`,{className:t.default.file,children:[(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`div`,{children:e.name}),(0,r.jsx)(`div`,{className:t.default.fileMeta,children:i(e.size)})]}),(0,r.jsx)(`button`,{type:`button`,"aria-label":`Remover ${e.name}`,className:t.default.remove,onClick:()=>C(n),children:`×`})]},`${e.name}-${n}`))})]})}function s(){return(0,r.jsx)(`svg`,{width:`32`,height:`32`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M12 16V4m0 0l-4 4m4-4l4 4M4 20h16`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}exports.FileUpload=o;
+const e=require("../../utils/cn.cjs"),t=require("./FileUpload.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function a(e,t){if(!t)return!0;let n=t.split(`,`).map(e=>e.trim().toLowerCase()),r=e.name.toLowerCase(),i=e.type.toLowerCase();return n.some(e=>e.startsWith(`.`)?r.endsWith(e):e.endsWith(`/*`)?i.startsWith(e.replace(`/*`,`/`)):i===e)}function o({value:o,onChange:c,label:l,accept:u,multiple:d=!1,maxSize:f,onReject:p,disabled:m,title:h=`Arraste arquivos aqui ou clique para selecionar`,subtitle:g,className:_}){let[v,y]=(0,n.useState)(!1),b=(0,n.useRef)(null);function x(e){let t=[],n=[];for(let r of Array.from(e))a(r,u)?f&&r.size>f?n.push({file:r,reason:`size`}):t.push(r):n.push({file:r,reason:`type`});n.length>0&&p?.(n),t.length!==0&&c(d?[...o,...t]:t.slice(0,1))}function S(e){e.preventDefault(),y(!1),!m&&e.dataTransfer?.files&&x(e.dataTransfer.files)}function C(e){let t=o.slice();t.splice(e,1),c(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,_),children:[l&&(0,r.jsx)(`label`,{className:t.default.label,children:l}),(0,r.jsxs)(`div`,{className:e.cn(t.default.dropzone,v&&t.default.active,m&&t.default.disabled),role:`button`,tabIndex:m?-1:0,onClick:()=>!m&&b.current?.click(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b.current?.click())},onDragEnter:e=>{e.preventDefault(),m||y(!0)},onDragOver:e=>e.preventDefault(),onDragLeave:()=>y(!1),onDrop:S,children:[(0,r.jsx)(`div`,{className:t.default.icon,"aria-hidden":!0,children:(0,r.jsx)(s,{})}),(0,r.jsx)(`p`,{className:t.default.title,children:h}),g&&(0,r.jsx)(`p`,{className:t.default.subtitle,children:g}),(0,r.jsx)(`input`,{ref:b,type:`file`,accept:u,multiple:d,disabled:m,className:t.default.hidden,onChange:e=>{e.target.files&&x(e.target.files),e.target.value=``}})]}),o.length>0&&(0,r.jsx)(`ul`,{className:t.default.files,children:o.map((e,n)=>(0,r.jsxs)(`li`,{className:t.default.file,children:[(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`div`,{children:e.name}),(0,r.jsx)(`div`,{className:t.default.fileMeta,children:i(e.size)})]}),(0,r.jsx)(`button`,{type:`button`,"aria-label":`Remover ${e.name}`,className:t.default.remove,onClick:()=>C(n),children:`×`})]},`${e.name}-${n}`))})]})}function s(){return(0,r.jsx)(`svg`,{width:`32`,height:`32`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M12 16V4m0 0l-4 4m4-4l4 4M4 20h16`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}exports.FileUpload=o;
 //# sourceMappingURL=FileUpload.cjs.map

package/dist/components/FileUpload/FileUpload.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.cjs","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the picker (accept,\n * multiple, maxSize, onReject) and the list of chosen files (value, onChange,\n * disabled) are one control, and title/subtitle/label exist because the empty state\n * is the biggest part of the surface.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileUpload.cjs","names":["useState","useRef","cn","styles","require_cn","require_FileUpload_module","react","react_jsx_runtime","formatSize","bytes","matchesAccept","accept","tokens","t","name","file","type","token","FileUpload","dragging","setDragging","inputRef","addFiles","accepted","rejected","incoming","maxSize","onReject","onChange","multiple","value","handleDrop","event","remove","next","index","className","label","disabled","UploadIcon","title","subtitle"],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the picker (accept,\n * multiple, maxSize, onReject) and the list of chosen files (value, onChange,\n * disabled) are one control, and title/subtitle/label exist because the empty state\n * is the biggest part of the surface.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"A,iIAiCA,SAASQ,EAAW,EAAuB,CAGvC,OAFIC,EAAQ,KAAa,GAAGA,EAAM,IAC9BA,EAAQ,QAAoB,IAAIA,EAAQ,KAAA,CAAM,QAAQ,CAAC,EAAE,KACtD,IAAIA,EAAQ,KAAO,KAAA,CAAM,QAAQ,CAAC,EAAE,IAC/C,CAEA,SAASC,EAAc,EAAY,EAA0B,CACzD,GAAI,CAACC,EAAQ,MAAO,GACpB,IAAMC,EAASD,EAAO,MAAM,GAAG,CAAC,CAAC,IAAK,GAAME,EAAE,KAAK,CAAC,CAAC,YAAY,CAAC,EAC5DC,EAAOC,EAAK,KAAK,YAAY,EAC7BC,EAAOD,EAAK,KAAK,YAAY,EACnC,OAAOH,EAAO,KAAM,GACZK,EAAM,WAAW,GAAG,EAAUH,EAAK,SAASG,CAAK,EACjDA,EAAM,SAAS,IAAI,EAAUD,EAAK,WAAWC,EAAM,QAAQ,KAAM,GAAG,CAAC,EAClED,IAASC,CACnB,CACL,CAMA,SAAgBC,EAAW,CACvB,QACA,WACA,QACA,SACA,WAAW,GACX,UACA,WACA,WACA,QAAQ,kDACR,WACA,aACgB,CAChB,GAAM,CAACC,EAAUC,IAAA,EAAepB,EAAAA,SAAAA,CAAkB,EAAK,EACjDqB,GAAA,EAAWpB,EAAAA,OAAAA,CAAyB,IAAI,EAE9C,SAASqB,EAAS,EAAmC,CACjD,IAAMC,EAAmB,CAAC,EACpBC,EAAsD,CAAC,EAE7D,IAAK,IAAMT,KAAQ,MAAM,KAAKU,CAAQ,EAC7Bf,EAAcK,EAAMJ,CAAM,EAI3Be,GAAWX,EAAK,KAAOW,EACvBF,EAAS,KAAK,CAAE,OAAM,OAAQ,MAAO,CAAC,EAG1CD,EAAS,KAAKR,CAAI,EAPdS,EAAS,KAAK,CAAE,OAAM,OAAQ,MAAO,CAAC,EAU1CA,EAAS,OAAS,GAAGG,IAAWH,CAAQ,EACxCD,EAAS,SAAW,GAGxBK,EADaC,EAAW,CAAC,GAAGC,EAAO,GAAGP,CAAQ,EAAIA,EAAS,MAAM,EAAG,CAAC,CACxD,CACjB,CAEA,SAASQ,EAAW,EAAwC,CACxDC,EAAM,eAAe,EACrBZ,EAAY,EAAK,EACb,IACAY,EAAM,cAAc,OAAOV,EAASU,EAAM,aAAa,KAAK,CACpE,CAEA,SAASC,EAAO,EAAqB,CACjC,IAAMC,EAAOJ,EAAM,MAAM,EACzBI,EAAK,OAAOC,EAAO,CAAC,EACpBP,EAASM,CAAI,CACjB,CAEA,OACI,EAAA3B,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,QAASiC,CAAS,EAA5C,SAAA,CACKC,IAAS,EAAA9B,EAAA,IAAA,CAAC,QAAD,CAAO,UAAWJ,EAAAA,QAAO,MAAQ,SAAAkC,CAAa,CAAA,GACxD,EAAA9B,EAAA,KAAA,CAAC,MAAD,CACI,UAAWL,EAAAA,GACPC,EAAAA,QAAO,SACPgB,GAAYhB,EAAAA,QAAO,OACnBmC,GAAYnC,EAAAA,QAAO,QACvB,EACA,KAAK,SACL,SAAUmC,EAAW,GAAK,EAC1B,YAAe,CAACA,GAAYjB,EAAS,SAAS,MAAM,EACpD,UAAY,GAAU,EACdW,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACvCA,EAAM,eAAe,EACrBX,EAAS,SAAS,MAAM,EAEhC,EACA,YAAc,GAAU,CACpBW,EAAM,eAAe,EAChBM,GAAUlB,EAAY,EAAI,CACnC,EACA,WAAa,GAAUY,EAAM,eAAe,EAC5C,gBAAmBZ,EAAY,EAAK,EACpC,OAAQW,EArBZ,SAAA,EAuBI,EAAAxB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,KAAM,cAAA,GACzB,UAAA,EAAAI,EAAA,IAAA,CAACgC,EAAD,CAAa,CAAA,CACZ,CAAA,GACL,EAAAhC,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWJ,EAAAA,QAAO,MAAQ,SAAAqC,CAAS,CAAA,EACrCC,IAAY,EAAAlC,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWJ,EAAAA,QAAO,SAAW,SAAAsC,CAAY,CAAA,GACzD,EAAAlC,EAAA,IAAA,CAAC,QAAD,CACI,IAAKc,EACL,KAAK,OACG,SACE,WACA,WACV,UAAWlB,EAAAA,QAAO,OAClB,SAAW,GAAU,CACb6B,EAAM,OAAO,OAAOV,EAASU,EAAM,OAAO,KAAK,EACnD,EAAM,OAAO,MAAQ,EACzB,CACH,CAAA,CACA,C,GAEJF,EAAM,OAAS,IACZ,EAAAvB,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWJ,EAAAA,QAAO,MACjB,SAAA2B,EAAM,KAAK,EAAM,KACd,EAAAvB,EAAA,KAAA,CAAC,KAAD,CAAkC,UAAWJ,EAAAA,QAAO,KAApD,SAAA,EACI,EAAAI,EAAA,KAAA,CAAC,MAAD,CAAA,SAAA,EACI,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAA,SAAMQ,EAAK,IAAU,CAAA,GACrB,EAAAR,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,SAAW,SAAAK,EAAWO,EAAK,IAAI,CAAO,CAAA,CAC5D,CAAA,CAAA,GACL,EAAAR,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,aAAY,WAAWQ,EAAK,OAC5B,UAAWZ,EAAAA,QAAO,OAClB,YAAe8B,EAAOE,CAAK,EAC9B,SAAA,GAEO,CAAA,CACR,CAbK,EAAA,GAAGpB,EAAK,KAAK,GAAGoB,GAarB,CACP,CACD,CAAA,CAEP,C,EAEb,CAEA,SAASI,GAAa,CAClB,OACI,EAAAhC,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,oCACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,C"}

package/dist/components/FileUpload/FileUpload.js

@@ -15,23 +15,13 @@ function c({ value: c, onChange: u, label: d, accept: f, multiple: p = !1, maxSi
 	let [b, x] = r(!1), S = n(null);
 	function C(e) {
 		let t = [], n = [];
-		for (let r of Array.from(e)) {
-			if (!s(r, f)) {
-				n.push({
-					file: r,
-					reason: "type"
-				});
-				continue;
-			}
-			if (m && r.size > m) {
-				n.push({
-					file: r,
-					reason: "size"
-				});
-				continue;
-			}
-			t.push(r);
-		}
+		for (let r of Array.from(e)) s(r, f) ? m && r.size > m ? n.push({
+			file: r,
+			reason: "size"
+		}) : t.push(r) : n.push({
+			file: r,
+			reason: "type"
+		});
 		n.length > 0 && h?.(n), t.length !== 0 && u(p ? [...c, ...t] : t.slice(0, 1));
 	}
 	function w(e) {

package/dist/components/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the picker (accept,\n * multiple, maxSize, onReject) and the list of chosen files (value, onChange,\n * disabled) are one control, and title/subtitle/label exist because the empty state\n * is the biggest part of the surface.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","names":["styles","FileUpload_module_default","formatSize","bytes","matchesAccept","accept","tokens","t","name","file","type","token","FileUpload","dragging","setDragging","useState","inputRef","useRef","addFiles","accepted","rejected","incoming","maxSize","onReject","onChange","multiple","value","handleDrop","event","remove","next","index","cn","className","label","disabled","UploadIcon","title","subtitle"],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the picker (accept,\n * multiple, maxSize, onReject) and the list of chosen files (value, onChange,\n * disabled) are one control, and title/subtitle/label exist because the empty state\n * is the biggest part of the surface.\n */\nimport { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAiCA,SAASE,EAAW,GAAuB;CAGvC,OAFIC,IAAQ,OAAa,GAAGA,EAAM,MAC9BA,IAAQ,UAAoB,IAAIA,IAAQ,KAAA,CAAM,QAAQ,CAAC,EAAE,OACtD,IAAIA,IAAQ,OAAO,KAAA,CAAM,QAAQ,CAAC,EAAE;AAC/C;AAEA,SAASC,EAAc,GAAY,GAA0B;CACzD,IAAI,CAACC,GAAQ,OAAO;CACpB,IAAMC,IAASD,EAAO,MAAM,GAAG,CAAC,CAAC,KAAK,MAAME,EAAE,KAAK,CAAC,CAAC,YAAY,CAAC,GAC5DC,IAAOC,EAAK,KAAK,YAAY,GAC7BC,IAAOD,EAAK,KAAK,YAAY;CACnC,OAAOH,EAAO,MAAM,MACZK,EAAM,WAAW,GAAG,IAAUH,EAAK,SAASG,CAAK,IACjDA,EAAM,SAAS,IAAI,IAAUD,EAAK,WAAWC,EAAM,QAAQ,MAAM,GAAG,CAAC,IAClED,MAASC,CACnB;AACL;AAMA,SAAgBC,EAAW,EACvB,UACA,aACA,UACA,WACA,cAAW,IACX,YACA,aACA,aACA,WAAQ,mDACR,aACA,gBACgB;CAChB,IAAM,CAACC,GAAUC,KAAeC,EAAkB,EAAK,GACjDC,IAAWC,EAAyB,IAAI;CAE9C,SAASC,EAAS,GAAmC;EACjD,IAAMC,IAAmB,CAAC,GACpBC,IAAsD,CAAC;EAE7D,KAAK,IAAMX,KAAQ,MAAM,KAAKY,CAAQ,GAClC,AAAKjB,EAAcK,GAAMJ,CAAM,IAI3BiB,KAAWb,EAAK,OAAOa,IACvBF,EAAS,KAAK;GAAE;GAAM,QAAQ;EAAO,CAAC,IAG1CD,EAAS,KAAKV,CAAI,IAPdW,EAAS,KAAK;GAAE;GAAM,QAAQ;EAAO,CAAC;EAW9C,AADIA,EAAS,SAAS,KAAGG,IAAWH,CAAQ,GACxCD,EAAS,WAAW,KAGxBK,EADaC,IAAW,CAAC,GAAGC,GAAO,GAAGP,CAAQ,IAAIA,EAAS,MAAM,GAAG,CAAC,CACxD;CACjB;CAEA,SAASQ,EAAW,GAAwC;EAGxD,AAFAC,EAAM,eAAe,GACrBd,EAAY,EAAK,GACb,MACAc,EAAM,cAAc,SAAOV,EAASU,EAAM,aAAa,KAAK;CACpE;CAEA,SAASC,EAAO,GAAqB;EACjC,IAAMC,IAAOJ,EAAM,MAAM;EAEzB,AADAI,EAAK,OAAOC,GAAO,CAAC,GACpBP,EAASM,CAAI;CACjB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWE,EAAGhC,EAAO,SAASiC,CAAS;EAA5C,UAAA;GACKC,KAAS,kBAAC,SAAD;IAAO,WAAWlC,EAAO;IAAQ,UAAAkC;GAAa,CAAA;GACxD,kBAAC,OAAD;IACI,WAAWF,EACPhC,EAAO,UACPa,KAAYb,EAAO,QACnBmC,KAAYnC,EAAO,QACvB;IACA,MAAK;IACL,UAAUmC,IAAW,KAAK;IAC1B,eAAe,CAACA,KAAYnB,EAAS,SAAS,MAAM;IACpD,YAAY,MAAU;KAClB,CAAIY,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAe,GACrBZ,EAAS,SAAS,MAAM;IAEhC;IACA,cAAc,MAAU;KAEpB,AADAY,EAAM,eAAe,GAChBO,KAAUrB,EAAY,EAAI;IACnC;IACA,aAAa,MAAUc,EAAM,eAAe;IAC5C,mBAAmBd,EAAY,EAAK;IACpC,QAAQa;IArBZ,UAAA;KAuBI,kBAAC,OAAD;MAAK,WAAW3B,EAAO;MAAM,eAAA;MACzB,UAAA,kBAACoC,GAAD,CAAa,CAAA;KACZ,CAAA;KACL,kBAAC,KAAD;MAAG,WAAWpC,EAAO;MAAQ,UAAAqC;KAAS,CAAA;KACrCC,KAAY,kBAAC,KAAD;MAAG,WAAWtC,EAAO;MAAW,UAAAsC;KAAY,CAAA;KACzD,kBAAC,SAAD;MACI,KAAKtB;MACL,MAAK;MACG;MACE;MACA;MACV,WAAWhB,EAAO;MAClB,WAAW,MAAU;OAEjB,AADI4B,EAAM,OAAO,SAAOV,EAASU,EAAM,OAAO,KAAK,GACnD,EAAM,OAAO,QAAQ;MACzB;KACH,CAAA;IACA;;GAEJF,EAAM,SAAS,KACZ,kBAAC,MAAD;IAAI,WAAW1B,EAAO;IACjB,UAAA0B,EAAM,KAAK,GAAM,MACd,kBAAC,MAAD;KAAkC,WAAW1B,EAAO;KAApD,UAAA,CACI,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,OAAD,EAAA,UAAMS,EAAK,KAAU,CAAA,GACrB,kBAAC,OAAD;MAAK,WAAWT,EAAO;MAAW,UAAAE,EAAWO,EAAK,IAAI;KAAO,CAAA,CAC5D,EAAA,CAAA,GACL,kBAAC,UAAD;MACI,MAAK;MACL,cAAY,WAAWA,EAAK;MAC5B,WAAWT,EAAO;MAClB,eAAe6B,EAAOE,CAAK;MAC9B,UAAA;KAEO,CAAA,CACR;IAbK,GAAA,GAAGtB,EAAK,KAAK,GAAGsB,GAarB,CACP;GACD,CAAA;EAEP;;AAEb;AAEA,SAASK,IAAa;CAClB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.module.cjs","names":[],"sources":["../../../src/components/FileUpload/FileUpload.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\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.dropzone {\n    border: 2px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    padding: var(--tempest-space-6) var(--tempest-space-5);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .dropzone:hover {\n        border-color: var(--tempest-primary);\n    }\n}\n\n.dropzone.active {\n    border-color: var(--tempest-primary-on-soft);\n    background-color: var(--tempest-primary-soft);\n}\n\n.dropzone.disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.icon {\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-2);\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    margin: 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    margin: var(--tempest-space-1) 0 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n/* Mobile — replace dashed drop hint with simpler tap-to-upload text. */\n@media (max-width: 767.98px) {\n    .dropzone {\n        padding: var(--tempest-space-5) var(--tempest-space-4);\n    }\n    .icon {\n        margin-bottom: var(--tempest-space-1);\n    }\n}\n\n.files {\n    margin-top: var(--tempest-space-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-size: var(--tempest-text-sm);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.fileMeta {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-danger);\n    }\n}\n\n.hidden {\n    display: none;\n}\n"],"mappings":";"}
+{"version":3,"file":"FileUpload.module.cjs","names":["wrapper","label","dropzone","active","disabled","icon","title","subtitle","files","file","fileMeta","remove","hidden","FileUpload_module_default"],"sources":["../../../src/components/FileUpload/FileUpload.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\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.dropzone {\n    border: 2px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    padding: var(--tempest-space-6) var(--tempest-space-5);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .dropzone:hover {\n        border-color: var(--tempest-primary);\n    }\n}\n\n.dropzone.active {\n    border-color: var(--tempest-primary-on-soft);\n    background-color: var(--tempest-primary-soft);\n}\n\n.dropzone.disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.icon {\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-2);\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    margin: 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    margin: var(--tempest-space-1) 0 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n/* Mobile — replace dashed drop hint with simpler tap-to-upload text. */\n@media (max-width: 767.98px) {\n    .dropzone {\n        padding: var(--tempest-space-5) var(--tempest-space-4);\n    }\n    .icon {\n        margin-bottom: var(--tempest-space-1);\n    }\n}\n\n.files {\n    margin-top: var(--tempest-space-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-size: var(--tempest-text-sm);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.fileMeta {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-danger);\n    }\n}\n\n.hidden {\n    display: none;\n}\n"],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.module.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\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.dropzone {\n    border: 2px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    padding: var(--tempest-space-6) var(--tempest-space-5);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .dropzone:hover {\n        border-color: var(--tempest-primary);\n    }\n}\n\n.dropzone.active {\n    border-color: var(--tempest-primary-on-soft);\n    background-color: var(--tempest-primary-soft);\n}\n\n.dropzone.disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.icon {\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-2);\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    margin: 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    margin: var(--tempest-space-1) 0 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n/* Mobile — replace dashed drop hint with simpler tap-to-upload text. */\n@media (max-width: 767.98px) {\n    .dropzone {\n        padding: var(--tempest-space-5) var(--tempest-space-4);\n    }\n    .icon {\n        margin-bottom: var(--tempest-space-1);\n    }\n}\n\n.files {\n    margin-top: var(--tempest-space-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-size: var(--tempest-text-sm);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.fileMeta {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-danger);\n    }\n}\n\n.hidden {\n    display: none;\n}\n"],"mappings":";"}
+{"version":3,"file":"FileUpload.module.js","names":["wrapper","label","dropzone","active","disabled","icon","title","subtitle","files","file","fileMeta","remove","hidden","FileUpload_module_default"],"sources":["../../../src/components/FileUpload/FileUpload.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\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.dropzone {\n    border: 2px dashed var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    padding: var(--tempest-space-6) var(--tempest-space-5);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .dropzone:hover {\n        border-color: var(--tempest-primary);\n    }\n}\n\n.dropzone.active {\n    border-color: var(--tempest-primary-on-soft);\n    background-color: var(--tempest-primary-soft);\n}\n\n.dropzone.disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.icon {\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-2);\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    margin: 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    margin: var(--tempest-space-1) 0 0;\n    line-height: var(--tempest-leading-snug);\n}\n\n/* Mobile — replace dashed drop hint with simpler tap-to-upload text. */\n@media (max-width: 767.98px) {\n    .dropzone {\n        padding: var(--tempest-space-5) var(--tempest-space-4);\n    }\n    .icon {\n        margin-bottom: var(--tempest-space-1);\n    }\n}\n\n.files {\n    margin-top: var(--tempest-space-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-size: var(--tempest-text-sm);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.fileMeta {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-danger);\n    }\n}\n\n.hidden {\n    display: none;\n}\n"],"mappings":";"}

package/dist/components/FilterBar/FilterBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.cjs","names":[],"sources":["../../../src/components/FilterBar/FilterBar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — a filter bar renders a different\n * editor per filter kind — select, multi-select, range, date range, text — and the\n * body is that dispatch plus the chip summary, both reading the same value map.\n */\nimport { useId, useState, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    defaultOperator,\n    describeFilter,\n    filterStrings,\n    isComplete,\n    isMulti,\n    isValueless,\n    operatorLabel,\n    operatorsFor,\n    type Filter,\n    type FilterField,\n} from \"./filter-model\";\nimport styles from \"./FilterBar.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onChange\";\n\nexport interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** Fields the user may filter by. */\n    fields: readonly FilterField[];\n    /** Applied filters. Controlled. */\n    value: readonly Filter[];\n    /** Next filter set. Combined with AND. */\n    onChange: (filters: Filter[]) => void;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered at the end of the bar — a \"save this view\" button, a counter. */\n    actions?: ReactNode;\n}\n\n/** The draft filter being built in the editor. */\ninterface Draft {\n    field: string;\n    operator: Filter[\"operator\"];\n    value: string;\n    to: string;\n}\n\n/** A fresh draft for a field. */\nfunction draftFor(field: FilterField): Draft {\n    return { field: field.name, operator: defaultOperator(field), value: \"\", to: \"\" };\n}\n\n/** Turn a draft into a filter. */\nfunction toFilter(draft: Draft): Filter {\n    if (isValueless(draft.operator)) return { field: draft.field, operator: draft.operator };\n    if (draft.operator === \"between\") {\n        return { field: draft.field, operator: draft.operator, value: [draft.value, draft.to] };\n    }\n    if (isMulti(draft.operator)) {\n        return {\n            field: draft.field,\n            operator: draft.operator,\n            value: draft.value\n                .split(\",\")\n                .map((part) => part.trim())\n                .filter(Boolean),\n        };\n    }\n    return { field: draft.field, operator: draft.operator, value: draft.value };\n}\n\n/**\n * A row of applied filters, and a small editor to add another.\n *\n * Filters are combined with **AND**, flat — no nested `(a OR b) AND c` groups. That\n * is the shape of nearly every admin list (\"status is paid, created after March,\n * text contains nota\"), and it is what serializes into a URL somebody can send to a\n * colleague. Nested groups need a tree UI with per-node operators and a different\n * serialization; a component trying to be both is clumsy at the common case.\n *\n * Controlled, like the rest of the SDK: it holds the half-typed draft in the editor\n * and nothing else. The applied set is the app's, which is what lets it come from —\n * and go back into — the URL.\n *\n * @example\n * const [filters, setFilters] = useState<Filter[]>(() =>\n *     filtersFromSearchParams(new URLSearchParams(location.search), FIELDS),\n * );\n *\n * <FilterBar fields={FIELDS} value={filters} onChange={setFilters} />\n */\nexport function FilterBar({\n    fields,\n    value,\n    onChange,\n    locale = \"pt-BR\",\n    actions,\n    className,\n    ...rest\n}: FilterBarProps) {\n    const strings = filterStrings(locale);\n    const baseId = useId();\n    const [draft, setDraft] = useState<Draft | null>(null);\n\n    const field = draft ? fields.find((candidate) => candidate.name === draft.field) : undefined;\n    const pending = draft ? toFilter(draft) : null;\n    const ready = pending !== null && isComplete(pending);\n\n    const open = (): void => {\n        if (fields.length > 0) setDraft(draftFor(fields[0]));\n    };\n\n    const apply = (): void => {\n        if (!pending || !ready) return;\n        onChange([...value, pending]);\n        setDraft(null);\n    };\n\n    const removeAt = (index: number): void => {\n        onChange(value.filter((_, position) => position !== index));\n    };\n\n    return (\n        <div className={cn(styles.bar, className)} {...rest}>\n            <ul className={styles.chips}>\n                {value.length === 0 && !draft && <li className={styles.empty}>{strings.empty}</li>}\n                {value.map((filter, index) => {\n                    const description = describeFilter(filter, fields, locale);\n                    return (\n                        <li\n                            key={`${filter.field}-${filter.operator}-${index}`}\n                            className={styles.chip}\n                        >\n                            <span>{description}</span>\n                            <button\n                                type=\"button\"\n                                className={styles.remove}\n                                aria-label={strings.remove(description)}\n                                onClick={() => removeAt(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n\n            {draft && field ? (\n                <div className={styles.editor} role=\"group\" aria-label={strings.add}>\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.field}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.field}\n                            onChange={(event) => {\n                                const next = fields.find(\n                                    (candidate) => candidate.name === event.target.value,\n                                );\n                                if (next) setDraft(draftFor(next));\n                            }}\n                        >\n                            {fields.map((candidate) => (\n                                <option key={candidate.name} value={candidate.name}>\n                                    {candidate.label}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.operator}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.operator}\n                            onChange={(event) =>\n                                setDraft({\n                                    ...draft,\n                                    operator: event.target.value as Filter[\"operator\"],\n                                    value: \"\",\n                                    to: \"\",\n                                })\n                            }\n                        >\n                            {operatorsFor(field).map((operator) => (\n                                <option key={operator} value={operator}>\n                                    {operatorLabel(operator, locale)}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    {!isValueless(draft.operator) && (\n                        <ValueInput\n                            id={`${baseId}-value`}\n                            field={field}\n                            draft={draft}\n                            strings={strings}\n                            onChange={setDraft}\n                        />\n                    )}\n\n                    <button\n                        type=\"button\"\n                        className={styles.primary}\n                        disabled={!ready}\n                        onClick={apply}\n                    >\n                        {strings.apply}\n                    </button>\n                    <button type=\"button\" className={styles.ghost} onClick={() => setDraft(null)}>\n                        {strings.cancel}\n                    </button>\n                </div>\n            ) : (\n                <div className={styles.actions}>\n                    <button\n                        type=\"button\"\n                        className={styles.secondary}\n                        disabled={fields.length === 0}\n                        onClick={open}\n                    >\n                        + {strings.add}\n                    </button>\n                    {value.length > 0 && (\n                        <button type=\"button\" className={styles.ghost} onClick={() => onChange([])}>\n                            {strings.clear}\n                        </button>\n                    )}\n                    {actions}\n                </div>\n            )}\n\n            <VisuallyHidden aria-live=\"polite\" role=\"status\">\n                {strings.active(value.length)}\n            </VisuallyHidden>\n        </div>\n    );\n}\n\n/**\n * The value input for the draft.\n *\n * The input type follows the **field**, not the operator: a date field gets a date\n * picker even under `between`, where two of them are needed. Typing a date into a\n * text box is the fastest way to produce a filter the backend cannot parse.\n */\nfunction ValueInput({\n    id,\n    field,\n    draft,\n    strings,\n    onChange,\n}: {\n    id: string;\n    field: FilterField;\n    draft: Draft;\n    strings: ReturnType<typeof filterStrings>;\n    onChange: (draft: Draft) => void;\n}) {\n    const type = field.type === \"number\" ? \"number\" : field.type === \"date\" ? \"date\" : \"text\";\n\n    if (field.type === \"select\" && !isMulti(draft.operator)) {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    {field.options?.map((option) => (\n                        <option key={option.value} value={option.value}>\n                            {option.label}\n                        </option>\n                    ))}\n                </select>\n            </label>\n        );\n    }\n\n    if (field.type === \"boolean\") {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    <option value=\"true\">{strings.yes}</option>\n                    <option value=\"false\">{strings.no}</option>\n                </select>\n            </label>\n        );\n    }\n\n    if (draft.operator === \"between\") {\n        return (\n            <>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.from}</VisuallyHidden>\n                    <input\n                        id={id}\n                        className={styles.input}\n                        type={type}\n                        value={draft.value}\n                        placeholder={strings.from}\n                        onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                    />\n                </label>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.to}</VisuallyHidden>\n                    <input\n                        className={styles.input}\n                        type={type}\n                        value={draft.to}\n                        placeholder={strings.to}\n                        onChange={(event) => onChange({ ...draft, to: event.target.value })}\n                    />\n                </label>\n            </>\n        );\n    }\n\n    return (\n        <label className={styles.control}>\n            <VisuallyHidden>{strings.value}</VisuallyHidden>\n            <input\n                id={id}\n                className={styles.input}\n                type={type}\n                value={draft.value}\n                placeholder={field.placeholder ?? strings.value}\n                onChange={(event) => onChange({ ...draft, value: event.target.value })}\n            />\n        </label>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterBar.cjs","names":["defaultOperator","isValueless","isMulti","filterStrings","useId","useState","isComplete","cn","styles","describeFilter","VisuallyHidden","operatorsFor","operatorLabel","_Fragment","require_cn","require_VisuallyHidden","require_filter_model","require_FilterBar_module","react","react_jsx_runtime","draftFor","field","toFilter","draft","part","FilterBar","rest","strings","locale","baseId","setDraft","fields","candidate","pending","ready","open","apply","onChange","value","removeAt","position","index","className","description","filter","next","event","operator","ValueInput","actions","type","option"],"sources":["../../../src/components/FilterBar/FilterBar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — a filter bar renders a different\n * editor per filter kind — select, multi-select, range, date range, text — and the\n * body is that dispatch plus the chip summary, both reading the same value map.\n */\nimport { useId, useState, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    defaultOperator,\n    describeFilter,\n    filterStrings,\n    isComplete,\n    isMulti,\n    isValueless,\n    operatorLabel,\n    operatorsFor,\n    type Filter,\n    type FilterField,\n} from \"./filter-model\";\nimport styles from \"./FilterBar.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onChange\";\n\nexport interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** Fields the user may filter by. */\n    fields: readonly FilterField[];\n    /** Applied filters. Controlled. */\n    value: readonly Filter[];\n    /** Next filter set. Combined with AND. */\n    onChange: (filters: Filter[]) => void;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered at the end of the bar — a \"save this view\" button, a counter. */\n    actions?: ReactNode;\n}\n\n/** The draft filter being built in the editor. */\ninterface Draft {\n    field: string;\n    operator: Filter[\"operator\"];\n    value: string;\n    to: string;\n}\n\n/** A fresh draft for a field. */\nfunction draftFor(field: FilterField): Draft {\n    return { field: field.name, operator: defaultOperator(field), value: \"\", to: \"\" };\n}\n\n/** Turn a draft into a filter. */\nfunction toFilter(draft: Draft): Filter {\n    if (isValueless(draft.operator)) return { field: draft.field, operator: draft.operator };\n    if (draft.operator === \"between\") {\n        return { field: draft.field, operator: draft.operator, value: [draft.value, draft.to] };\n    }\n    if (isMulti(draft.operator)) {\n        return {\n            field: draft.field,\n            operator: draft.operator,\n            value: draft.value\n                .split(\",\")\n                .map((part) => part.trim())\n                .filter(Boolean),\n        };\n    }\n    return { field: draft.field, operator: draft.operator, value: draft.value };\n}\n\n/**\n * A row of applied filters, and a small editor to add another.\n *\n * Filters are combined with **AND**, flat — no nested `(a OR b) AND c` groups. That\n * is the shape of nearly every admin list (\"status is paid, created after March,\n * text contains nota\"), and it is what serializes into a URL somebody can send to a\n * colleague. Nested groups need a tree UI with per-node operators and a different\n * serialization; a component trying to be both is clumsy at the common case.\n *\n * Controlled, like the rest of the SDK: it holds the half-typed draft in the editor\n * and nothing else. The applied set is the app's, which is what lets it come from —\n * and go back into — the URL.\n *\n * @example\n * const [filters, setFilters] = useState<Filter[]>(() =>\n *     filtersFromSearchParams(new URLSearchParams(location.search), FIELDS),\n * );\n *\n * <FilterBar fields={FIELDS} value={filters} onChange={setFilters} />\n */\nexport function FilterBar({\n    fields,\n    value,\n    onChange,\n    locale = \"pt-BR\",\n    actions,\n    className,\n    ...rest\n}: FilterBarProps) {\n    const strings = filterStrings(locale);\n    const baseId = useId();\n    const [draft, setDraft] = useState<Draft | null>(null);\n\n    const field = draft ? fields.find((candidate) => candidate.name === draft.field) : undefined;\n    const pending = draft ? toFilter(draft) : null;\n    const ready = pending !== null && isComplete(pending);\n\n    const open = (): void => {\n        if (fields.length > 0) setDraft(draftFor(fields[0]));\n    };\n\n    const apply = (): void => {\n        if (!pending || !ready) return;\n        onChange([...value, pending]);\n        setDraft(null);\n    };\n\n    const removeAt = (index: number): void => {\n        onChange(value.filter((_, position) => position !== index));\n    };\n\n    return (\n        <div className={cn(styles.bar, className)} {...rest}>\n            <ul className={styles.chips}>\n                {value.length === 0 && !draft && <li className={styles.empty}>{strings.empty}</li>}\n                {value.map((filter, index) => {\n                    const description = describeFilter(filter, fields, locale);\n                    return (\n                        <li\n                            key={`${filter.field}-${filter.operator}-${index}`}\n                            className={styles.chip}\n                        >\n                            <span>{description}</span>\n                            <button\n                                type=\"button\"\n                                className={styles.remove}\n                                aria-label={strings.remove(description)}\n                                onClick={() => removeAt(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n\n            {draft && field ? (\n                <div className={styles.editor} role=\"group\" aria-label={strings.add}>\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.field}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.field}\n                            onChange={(event) => {\n                                const next = fields.find(\n                                    (candidate) => candidate.name === event.target.value,\n                                );\n                                if (next) setDraft(draftFor(next));\n                            }}\n                        >\n                            {fields.map((candidate) => (\n                                <option key={candidate.name} value={candidate.name}>\n                                    {candidate.label}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.operator}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.operator}\n                            onChange={(event) =>\n                                setDraft({\n                                    ...draft,\n                                    operator: event.target.value as Filter[\"operator\"],\n                                    value: \"\",\n                                    to: \"\",\n                                })\n                            }\n                        >\n                            {operatorsFor(field).map((operator) => (\n                                <option key={operator} value={operator}>\n                                    {operatorLabel(operator, locale)}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    {!isValueless(draft.operator) && (\n                        <ValueInput\n                            id={`${baseId}-value`}\n                            field={field}\n                            draft={draft}\n                            strings={strings}\n                            onChange={setDraft}\n                        />\n                    )}\n\n                    <button\n                        type=\"button\"\n                        className={styles.primary}\n                        disabled={!ready}\n                        onClick={apply}\n                    >\n                        {strings.apply}\n                    </button>\n                    <button type=\"button\" className={styles.ghost} onClick={() => setDraft(null)}>\n                        {strings.cancel}\n                    </button>\n                </div>\n            ) : (\n                <div className={styles.actions}>\n                    <button\n                        type=\"button\"\n                        className={styles.secondary}\n                        disabled={fields.length === 0}\n                        onClick={open}\n                    >\n                        + {strings.add}\n                    </button>\n                    {value.length > 0 && (\n                        <button type=\"button\" className={styles.ghost} onClick={() => onChange([])}>\n                            {strings.clear}\n                        </button>\n                    )}\n                    {actions}\n                </div>\n            )}\n\n            <VisuallyHidden aria-live=\"polite\" role=\"status\">\n                {strings.active(value.length)}\n            </VisuallyHidden>\n        </div>\n    );\n}\n\n/**\n * The value input for the draft.\n *\n * The input type follows the **field**, not the operator: a date field gets a date\n * picker even under `between`, where two of them are needed. Typing a date into a\n * text box is the fastest way to produce a filter the backend cannot parse.\n */\nfunction ValueInput({\n    id,\n    field,\n    draft,\n    strings,\n    onChange,\n}: {\n    id: string;\n    field: FilterField;\n    draft: Draft;\n    strings: ReturnType<typeof filterStrings>;\n    onChange: (draft: Draft) => void;\n}) {\n    const type = field.type === \"number\" ? \"number\" : field.type === \"date\" ? \"date\" : \"text\";\n\n    if (field.type === \"select\" && !isMulti(draft.operator)) {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    {field.options?.map((option) => (\n                        <option key={option.value} value={option.value}>\n                            {option.label}\n                        </option>\n                    ))}\n                </select>\n            </label>\n        );\n    }\n\n    if (field.type === \"boolean\") {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    <option value=\"true\">{strings.yes}</option>\n                    <option value=\"false\">{strings.no}</option>\n                </select>\n            </label>\n        );\n    }\n\n    if (draft.operator === \"between\") {\n        return (\n            <>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.from}</VisuallyHidden>\n                    <input\n                        id={id}\n                        className={styles.input}\n                        type={type}\n                        value={draft.value}\n                        placeholder={strings.from}\n                        onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                    />\n                </label>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.to}</VisuallyHidden>\n                    <input\n                        className={styles.input}\n                        type={type}\n                        value={draft.to}\n                        placeholder={strings.to}\n                        onChange={(event) => onChange({ ...draft, to: event.target.value })}\n                    />\n                </label>\n            </>\n        );\n    }\n\n    return (\n        <label className={styles.control}>\n            <VisuallyHidden>{strings.value}</VisuallyHidden>\n            <input\n                id={id}\n                className={styles.input}\n                type={type}\n                value={draft.value}\n                placeholder={field.placeholder ?? strings.value}\n                onChange={(event) => onChange({ ...draft, value: event.target.value })}\n            />\n        </label>\n    );\n}\n"],"mappings":"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"}

package/dist/components/FilterBar/FilterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.js","names":[],"sources":["../../../src/components/FilterBar/FilterBar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — a filter bar renders a different\n * editor per filter kind — select, multi-select, range, date range, text — and the\n * body is that dispatch plus the chip summary, both reading the same value map.\n */\nimport { useId, useState, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    defaultOperator,\n    describeFilter,\n    filterStrings,\n    isComplete,\n    isMulti,\n    isValueless,\n    operatorLabel,\n    operatorsFor,\n    type Filter,\n    type FilterField,\n} from \"./filter-model\";\nimport styles from \"./FilterBar.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onChange\";\n\nexport interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** Fields the user may filter by. */\n    fields: readonly FilterField[];\n    /** Applied filters. Controlled. */\n    value: readonly Filter[];\n    /** Next filter set. Combined with AND. */\n    onChange: (filters: Filter[]) => void;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered at the end of the bar — a \"save this view\" button, a counter. */\n    actions?: ReactNode;\n}\n\n/** The draft filter being built in the editor. */\ninterface Draft {\n    field: string;\n    operator: Filter[\"operator\"];\n    value: string;\n    to: string;\n}\n\n/** A fresh draft for a field. */\nfunction draftFor(field: FilterField): Draft {\n    return { field: field.name, operator: defaultOperator(field), value: \"\", to: \"\" };\n}\n\n/** Turn a draft into a filter. */\nfunction toFilter(draft: Draft): Filter {\n    if (isValueless(draft.operator)) return { field: draft.field, operator: draft.operator };\n    if (draft.operator === \"between\") {\n        return { field: draft.field, operator: draft.operator, value: [draft.value, draft.to] };\n    }\n    if (isMulti(draft.operator)) {\n        return {\n            field: draft.field,\n            operator: draft.operator,\n            value: draft.value\n                .split(\",\")\n                .map((part) => part.trim())\n                .filter(Boolean),\n        };\n    }\n    return { field: draft.field, operator: draft.operator, value: draft.value };\n}\n\n/**\n * A row of applied filters, and a small editor to add another.\n *\n * Filters are combined with **AND**, flat — no nested `(a OR b) AND c` groups. That\n * is the shape of nearly every admin list (\"status is paid, created after March,\n * text contains nota\"), and it is what serializes into a URL somebody can send to a\n * colleague. Nested groups need a tree UI with per-node operators and a different\n * serialization; a component trying to be both is clumsy at the common case.\n *\n * Controlled, like the rest of the SDK: it holds the half-typed draft in the editor\n * and nothing else. The applied set is the app's, which is what lets it come from —\n * and go back into — the URL.\n *\n * @example\n * const [filters, setFilters] = useState<Filter[]>(() =>\n *     filtersFromSearchParams(new URLSearchParams(location.search), FIELDS),\n * );\n *\n * <FilterBar fields={FIELDS} value={filters} onChange={setFilters} />\n */\nexport function FilterBar({\n    fields,\n    value,\n    onChange,\n    locale = \"pt-BR\",\n    actions,\n    className,\n    ...rest\n}: FilterBarProps) {\n    const strings = filterStrings(locale);\n    const baseId = useId();\n    const [draft, setDraft] = useState<Draft | null>(null);\n\n    const field = draft ? fields.find((candidate) => candidate.name === draft.field) : undefined;\n    const pending = draft ? toFilter(draft) : null;\n    const ready = pending !== null && isComplete(pending);\n\n    const open = (): void => {\n        if (fields.length > 0) setDraft(draftFor(fields[0]));\n    };\n\n    const apply = (): void => {\n        if (!pending || !ready) return;\n        onChange([...value, pending]);\n        setDraft(null);\n    };\n\n    const removeAt = (index: number): void => {\n        onChange(value.filter((_, position) => position !== index));\n    };\n\n    return (\n        <div className={cn(styles.bar, className)} {...rest}>\n            <ul className={styles.chips}>\n                {value.length === 0 && !draft && <li className={styles.empty}>{strings.empty}</li>}\n                {value.map((filter, index) => {\n                    const description = describeFilter(filter, fields, locale);\n                    return (\n                        <li\n                            key={`${filter.field}-${filter.operator}-${index}`}\n                            className={styles.chip}\n                        >\n                            <span>{description}</span>\n                            <button\n                                type=\"button\"\n                                className={styles.remove}\n                                aria-label={strings.remove(description)}\n                                onClick={() => removeAt(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n\n            {draft && field ? (\n                <div className={styles.editor} role=\"group\" aria-label={strings.add}>\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.field}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.field}\n                            onChange={(event) => {\n                                const next = fields.find(\n                                    (candidate) => candidate.name === event.target.value,\n                                );\n                                if (next) setDraft(draftFor(next));\n                            }}\n                        >\n                            {fields.map((candidate) => (\n                                <option key={candidate.name} value={candidate.name}>\n                                    {candidate.label}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.operator}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.operator}\n                            onChange={(event) =>\n                                setDraft({\n                                    ...draft,\n                                    operator: event.target.value as Filter[\"operator\"],\n                                    value: \"\",\n                                    to: \"\",\n                                })\n                            }\n                        >\n                            {operatorsFor(field).map((operator) => (\n                                <option key={operator} value={operator}>\n                                    {operatorLabel(operator, locale)}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    {!isValueless(draft.operator) && (\n                        <ValueInput\n                            id={`${baseId}-value`}\n                            field={field}\n                            draft={draft}\n                            strings={strings}\n                            onChange={setDraft}\n                        />\n                    )}\n\n                    <button\n                        type=\"button\"\n                        className={styles.primary}\n                        disabled={!ready}\n                        onClick={apply}\n                    >\n                        {strings.apply}\n                    </button>\n                    <button type=\"button\" className={styles.ghost} onClick={() => setDraft(null)}>\n                        {strings.cancel}\n                    </button>\n                </div>\n            ) : (\n                <div className={styles.actions}>\n                    <button\n                        type=\"button\"\n                        className={styles.secondary}\n                        disabled={fields.length === 0}\n                        onClick={open}\n                    >\n                        + {strings.add}\n                    </button>\n                    {value.length > 0 && (\n                        <button type=\"button\" className={styles.ghost} onClick={() => onChange([])}>\n                            {strings.clear}\n                        </button>\n                    )}\n                    {actions}\n                </div>\n            )}\n\n            <VisuallyHidden aria-live=\"polite\" role=\"status\">\n                {strings.active(value.length)}\n            </VisuallyHidden>\n        </div>\n    );\n}\n\n/**\n * The value input for the draft.\n *\n * The input type follows the **field**, not the operator: a date field gets a date\n * picker even under `between`, where two of them are needed. Typing a date into a\n * text box is the fastest way to produce a filter the backend cannot parse.\n */\nfunction ValueInput({\n    id,\n    field,\n    draft,\n    strings,\n    onChange,\n}: {\n    id: string;\n    field: FilterField;\n    draft: Draft;\n    strings: ReturnType<typeof filterStrings>;\n    onChange: (draft: Draft) => void;\n}) {\n    const type = field.type === \"number\" ? \"number\" : field.type === \"date\" ? \"date\" : \"text\";\n\n    if (field.type === \"select\" && !isMulti(draft.operator)) {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    {field.options?.map((option) => (\n                        <option key={option.value} value={option.value}>\n                            {option.label}\n                        </option>\n                    ))}\n                </select>\n            </label>\n        );\n    }\n\n    if (field.type === \"boolean\") {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    <option value=\"true\">{strings.yes}</option>\n                    <option value=\"false\">{strings.no}</option>\n                </select>\n            </label>\n        );\n    }\n\n    if (draft.operator === \"between\") {\n        return (\n            <>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.from}</VisuallyHidden>\n                    <input\n                        id={id}\n                        className={styles.input}\n                        type={type}\n                        value={draft.value}\n                        placeholder={strings.from}\n                        onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                    />\n                </label>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.to}</VisuallyHidden>\n                    <input\n                        className={styles.input}\n                        type={type}\n                        value={draft.to}\n                        placeholder={strings.to}\n                        onChange={(event) => onChange({ ...draft, to: event.target.value })}\n                    />\n                </label>\n            </>\n        );\n    }\n\n    return (\n        <label className={styles.control}>\n            <VisuallyHidden>{strings.value}</VisuallyHidden>\n            <input\n                id={id}\n                className={styles.input}\n                type={type}\n                value={draft.value}\n                placeholder={field.placeholder ?? strings.value}\n                onChange={(event) => onChange({ ...draft, value: event.target.value })}\n            />\n        </label>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterBar.js","names":["styles","_Fragment","FilterBar_module_default","Fragment$1","draftFor","field","defaultOperator","toFilter","isValueless","draft","isMulti","part","FilterBar","rest","strings","filterStrings","locale","baseId","useId","setDraft","useState","fields","candidate","pending","ready","isComplete","open","apply","onChange","value","removeAt","position","index","cn","className","description","describeFilter","filter","VisuallyHidden","next","event","operatorsFor","operator","operatorLabel","ValueInput","actions","type","option"],"sources":["../../../src/components/FilterBar/FilterBar.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — a filter bar renders a different\n * editor per filter kind — select, multi-select, range, date range, text — and the\n * body is that dispatch plus the chip summary, both reading the same value map.\n */\nimport { useId, useState, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    defaultOperator,\n    describeFilter,\n    filterStrings,\n    isComplete,\n    isMulti,\n    isValueless,\n    operatorLabel,\n    operatorsFor,\n    type Filter,\n    type FilterField,\n} from \"./filter-model\";\nimport styles from \"./FilterBar.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onChange\";\n\nexport interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** Fields the user may filter by. */\n    fields: readonly FilterField[];\n    /** Applied filters. Controlled. */\n    value: readonly Filter[];\n    /** Next filter set. Combined with AND. */\n    onChange: (filters: Filter[]) => void;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Rendered at the end of the bar — a \"save this view\" button, a counter. */\n    actions?: ReactNode;\n}\n\n/** The draft filter being built in the editor. */\ninterface Draft {\n    field: string;\n    operator: Filter[\"operator\"];\n    value: string;\n    to: string;\n}\n\n/** A fresh draft for a field. */\nfunction draftFor(field: FilterField): Draft {\n    return { field: field.name, operator: defaultOperator(field), value: \"\", to: \"\" };\n}\n\n/** Turn a draft into a filter. */\nfunction toFilter(draft: Draft): Filter {\n    if (isValueless(draft.operator)) return { field: draft.field, operator: draft.operator };\n    if (draft.operator === \"between\") {\n        return { field: draft.field, operator: draft.operator, value: [draft.value, draft.to] };\n    }\n    if (isMulti(draft.operator)) {\n        return {\n            field: draft.field,\n            operator: draft.operator,\n            value: draft.value\n                .split(\",\")\n                .map((part) => part.trim())\n                .filter(Boolean),\n        };\n    }\n    return { field: draft.field, operator: draft.operator, value: draft.value };\n}\n\n/**\n * A row of applied filters, and a small editor to add another.\n *\n * Filters are combined with **AND**, flat — no nested `(a OR b) AND c` groups. That\n * is the shape of nearly every admin list (\"status is paid, created after March,\n * text contains nota\"), and it is what serializes into a URL somebody can send to a\n * colleague. Nested groups need a tree UI with per-node operators and a different\n * serialization; a component trying to be both is clumsy at the common case.\n *\n * Controlled, like the rest of the SDK: it holds the half-typed draft in the editor\n * and nothing else. The applied set is the app's, which is what lets it come from —\n * and go back into — the URL.\n *\n * @example\n * const [filters, setFilters] = useState<Filter[]>(() =>\n *     filtersFromSearchParams(new URLSearchParams(location.search), FIELDS),\n * );\n *\n * <FilterBar fields={FIELDS} value={filters} onChange={setFilters} />\n */\nexport function FilterBar({\n    fields,\n    value,\n    onChange,\n    locale = \"pt-BR\",\n    actions,\n    className,\n    ...rest\n}: FilterBarProps) {\n    const strings = filterStrings(locale);\n    const baseId = useId();\n    const [draft, setDraft] = useState<Draft | null>(null);\n\n    const field = draft ? fields.find((candidate) => candidate.name === draft.field) : undefined;\n    const pending = draft ? toFilter(draft) : null;\n    const ready = pending !== null && isComplete(pending);\n\n    const open = (): void => {\n        if (fields.length > 0) setDraft(draftFor(fields[0]));\n    };\n\n    const apply = (): void => {\n        if (!pending || !ready) return;\n        onChange([...value, pending]);\n        setDraft(null);\n    };\n\n    const removeAt = (index: number): void => {\n        onChange(value.filter((_, position) => position !== index));\n    };\n\n    return (\n        <div className={cn(styles.bar, className)} {...rest}>\n            <ul className={styles.chips}>\n                {value.length === 0 && !draft && <li className={styles.empty}>{strings.empty}</li>}\n                {value.map((filter, index) => {\n                    const description = describeFilter(filter, fields, locale);\n                    return (\n                        <li\n                            key={`${filter.field}-${filter.operator}-${index}`}\n                            className={styles.chip}\n                        >\n                            <span>{description}</span>\n                            <button\n                                type=\"button\"\n                                className={styles.remove}\n                                aria-label={strings.remove(description)}\n                                onClick={() => removeAt(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n\n            {draft && field ? (\n                <div className={styles.editor} role=\"group\" aria-label={strings.add}>\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.field}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.field}\n                            onChange={(event) => {\n                                const next = fields.find(\n                                    (candidate) => candidate.name === event.target.value,\n                                );\n                                if (next) setDraft(draftFor(next));\n                            }}\n                        >\n                            {fields.map((candidate) => (\n                                <option key={candidate.name} value={candidate.name}>\n                                    {candidate.label}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    <label className={styles.control}>\n                        <VisuallyHidden>{strings.operator}</VisuallyHidden>\n                        <select\n                            className={styles.select}\n                            value={draft.operator}\n                            onChange={(event) =>\n                                setDraft({\n                                    ...draft,\n                                    operator: event.target.value as Filter[\"operator\"],\n                                    value: \"\",\n                                    to: \"\",\n                                })\n                            }\n                        >\n                            {operatorsFor(field).map((operator) => (\n                                <option key={operator} value={operator}>\n                                    {operatorLabel(operator, locale)}\n                                </option>\n                            ))}\n                        </select>\n                    </label>\n\n                    {!isValueless(draft.operator) && (\n                        <ValueInput\n                            id={`${baseId}-value`}\n                            field={field}\n                            draft={draft}\n                            strings={strings}\n                            onChange={setDraft}\n                        />\n                    )}\n\n                    <button\n                        type=\"button\"\n                        className={styles.primary}\n                        disabled={!ready}\n                        onClick={apply}\n                    >\n                        {strings.apply}\n                    </button>\n                    <button type=\"button\" className={styles.ghost} onClick={() => setDraft(null)}>\n                        {strings.cancel}\n                    </button>\n                </div>\n            ) : (\n                <div className={styles.actions}>\n                    <button\n                        type=\"button\"\n                        className={styles.secondary}\n                        disabled={fields.length === 0}\n                        onClick={open}\n                    >\n                        + {strings.add}\n                    </button>\n                    {value.length > 0 && (\n                        <button type=\"button\" className={styles.ghost} onClick={() => onChange([])}>\n                            {strings.clear}\n                        </button>\n                    )}\n                    {actions}\n                </div>\n            )}\n\n            <VisuallyHidden aria-live=\"polite\" role=\"status\">\n                {strings.active(value.length)}\n            </VisuallyHidden>\n        </div>\n    );\n}\n\n/**\n * The value input for the draft.\n *\n * The input type follows the **field**, not the operator: a date field gets a date\n * picker even under `between`, where two of them are needed. Typing a date into a\n * text box is the fastest way to produce a filter the backend cannot parse.\n */\nfunction ValueInput({\n    id,\n    field,\n    draft,\n    strings,\n    onChange,\n}: {\n    id: string;\n    field: FilterField;\n    draft: Draft;\n    strings: ReturnType<typeof filterStrings>;\n    onChange: (draft: Draft) => void;\n}) {\n    const type = field.type === \"number\" ? \"number\" : field.type === \"date\" ? \"date\" : \"text\";\n\n    if (field.type === \"select\" && !isMulti(draft.operator)) {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    {field.options?.map((option) => (\n                        <option key={option.value} value={option.value}>\n                            {option.label}\n                        </option>\n                    ))}\n                </select>\n            </label>\n        );\n    }\n\n    if (field.type === \"boolean\") {\n        return (\n            <label className={styles.control}>\n                <VisuallyHidden>{strings.value}</VisuallyHidden>\n                <select\n                    id={id}\n                    className={styles.select}\n                    value={draft.value}\n                    onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                >\n                    <option value=\"\">—</option>\n                    <option value=\"true\">{strings.yes}</option>\n                    <option value=\"false\">{strings.no}</option>\n                </select>\n            </label>\n        );\n    }\n\n    if (draft.operator === \"between\") {\n        return (\n            <>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.from}</VisuallyHidden>\n                    <input\n                        id={id}\n                        className={styles.input}\n                        type={type}\n                        value={draft.value}\n                        placeholder={strings.from}\n                        onChange={(event) => onChange({ ...draft, value: event.target.value })}\n                    />\n                </label>\n                <label className={styles.control}>\n                    <VisuallyHidden>{strings.to}</VisuallyHidden>\n                    <input\n                        className={styles.input}\n                        type={type}\n                        value={draft.to}\n                        placeholder={strings.to}\n                        onChange={(event) => onChange({ ...draft, to: event.target.value })}\n                    />\n                </label>\n            </>\n        );\n    }\n\n    return (\n        <label className={styles.control}>\n            <VisuallyHidden>{strings.value}</VisuallyHidden>\n            <input\n                id={id}\n                className={styles.input}\n                type={type}\n                value={draft.value}\n                placeholder={field.placeholder ?? strings.value}\n                onChange={(event) => onChange({ ...draft, value: event.target.value })}\n            />\n        </label>\n    );\n}\n"],"mappings":";;;;;;;AAiDA,SAASI,EAAS,GAA2B;CACzC,OAAO;EAAE,OAAOC,EAAM;EAAM,UAAUC,EAAgBD,CAAK;EAAG,OAAO;EAAI,IAAI;CAAG;AACpF;AAGA,SAASE,EAAS,GAAsB;CAepC,OAdIC,EAAYC,EAAM,QAAQ,IAAU;EAAE,OAAOA,EAAM;EAAO,UAAUA,EAAM;CAAS,IACnFA,EAAM,aAAa,YACZ;EAAE,OAAOA,EAAM;EAAO,UAAUA,EAAM;EAAU,OAAO,CAACA,EAAM,OAAOA,EAAM,EAAE;CAAE,IAEtFC,EAAQD,EAAM,QAAQ,IACf;EACH,OAAOA,EAAM;EACb,UAAUA,EAAM;EAChB,OAAOA,EAAM,MACR,MAAM,GAAG,CAAC,CACV,KAAK,MAASE,EAAK,KAAK,CAAC,CAAC,CAC1B,OAAO,OAAO;CACvB,IAEG;EAAE,OAAOF,EAAM;EAAO,UAAUA,EAAM;EAAU,OAAOA,EAAM;CAAM;AAC9E;AAsBA,SAAgBG,EAAU,EACtB,WACA,UACA,aACA,YAAS,SACT,YACA,cACA,GAAGC,KACY;CACf,IAAMC,IAAUC,EAAcC,CAAM,GAC9BC,IAASC,EAAM,GACf,CAACT,GAAOU,KAAYC,EAAuB,IAAI,GAE/Cf,IAAQI,IAAQY,EAAO,MAAM,MAAcC,EAAU,SAASb,EAAM,KAAK,IAAI,KAAA,GAC7Ec,IAAUd,IAAQF,EAASE,CAAK,IAAI,MACpCe,IAAQD,MAAY,QAAQE,EAAWF,CAAO,GAE9CG,UAAmB;EACrB,AAAIL,EAAO,SAAS,KAAGF,EAASf,EAASiB,EAAO,EAAE,CAAC;CACvD,GAEMM,UAAoB;EACtB,AAAKJ,KAAYC,MACjBI,EAAS,CAAC,GAAGC,GAAON,CAAO,CAAC,GAC5BJ,EAAS,IAAI;CACjB,GAEMW,KAAY,MAAwB;EACtC,EAASD,EAAM,QAAQ,GAAG,MAAaE,MAAaC,CAAK,CAAC;CAC9D;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGjC,EAAO,KAAKkC,CAAS;EAAG,GAAIrB;EAA/C,UAAA;GACI,kBAAC,MAAD;IAAI,WAAWb,EAAO;IAAtB,UAAA,CACK6B,EAAM,WAAW,KAAK,CAACpB,KAAS,kBAAC,MAAD;KAAI,WAAWT,EAAO;KAAQ,UAAAc,EAAQ;IAAU,CAAA,GAChFe,EAAM,KAAK,GAAQ,MAAU;KAC1B,IAAMM,IAAcC,EAAeC,GAAQhB,GAAQL,CAAM;KACzD,OACI,kBAAC,MAAD;MAEI,WAAWhB,EAAO;MAFtB,UAAA,CAII,kBAAC,QAAD,EAAA,UAAOmC,EAAkB,CAAA,GACzB,kBAAC,UAAD;OACI,MAAK;OACL,WAAWnC,EAAO;OAClB,cAAYc,EAAQ,OAAOqB,CAAW;OACtC,eAAeL,EAASE,CAAK;OAChC,UAAA;MAEO,CAAA,CACR;KAZK,GAAA,GAAGK,EAAO,MAAM,GAAGA,EAAO,SAAS,GAAGL,GAY3C;IAEZ,CAAC,CACD;;GAEHvB,KAASJ,IACN,kBAAC,OAAD;IAAK,WAAWL,EAAO;IAAQ,MAAK;IAAQ,cAAYc,EAAQ;IAAhE,UAAA;KACI,kBAAC,SAAD;MAAO,WAAWd,EAAO;MAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,MAAsB,CAAA,GAC/C,kBAAC,UAAD;OACI,WAAWd,EAAO;OAClB,OAAOS,EAAM;OACb,WAAW,MAAU;QACjB,IAAM8B,IAAOlB,EAAO,MACf,MAAcC,EAAU,SAASkB,EAAM,OAAO,KACnD;QACA,AAAID,KAAMpB,EAASf,EAASmC,CAAI,CAAC;OACrC;OAEC,UAAAlB,EAAO,KAAK,MACT,kBAAC,UAAD;QAA6B,OAAOC,EAAU;QACzC,UAAAA,EAAU;OACP,GAFKA,EAAU,IAEf,CACX;MACG,CAAA,CACL;;KAEP,kBAAC,SAAD;MAAO,WAAWtB,EAAO;MAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,SAAyB,CAAA,GAClD,kBAAC,UAAD;OACI,WAAWd,EAAO;OAClB,OAAOS,EAAM;OACb,WAAW,MACPU,EAAS;QACL,GAAGV;QACH,UAAU+B,EAAM,OAAO;QACvB,OAAO;QACP,IAAI;OACR,CAAC;OAGJ,UAAAC,EAAapC,CAAK,CAAC,CAAC,KAAK,MACtB,kBAAC,UAAD;QAAuB,OAAOqC;QACzB,UAAAC,EAAcD,GAAU1B,CAAM;OAC3B,GAFK0B,CAEL,CACX;MACG,CAAA,CACL;;KAEN,CAAClC,EAAYC,EAAM,QAAQ,KACxB,kBAACmC,GAAD;MACI,IAAI,GAAG3B,EAAO;MACP;MACA;MACE;MACT,UAAUE;KACb,CAAA;KAGL,kBAAC,UAAD;MACI,MAAK;MACL,WAAWnB,EAAO;MAClB,UAAU,CAACwB;MACX,SAASG;MAER,UAAAb,EAAQ;KACL,CAAA;KACR,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAWd,EAAO;MAAO,eAAemB,EAAS,IAAI;MACtE,UAAAL,EAAQ;KACL,CAAA;IACP;GAEL,CAAA,IAAA,kBAAC,OAAD;IAAK,WAAWd,EAAO;IAAvB,UAAA;KACI,kBAAC,UAAD;MACI,MAAK;MACL,WAAWA,EAAO;MAClB,UAAUqB,EAAO,WAAW;MAC5B,SAASK;MAJb,UAAA,CAKC,MACMZ,EAAQ,GACP;;KACPe,EAAM,SAAS,KACZ,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAW7B,EAAO;MAAO,eAAe4B,EAAS,CAAC,CAAC;MACpE,UAAAd,EAAQ;KACL,CAAA;KAEX+B;IACA;;GAGT,kBAACP,GAAD;IAAgB,aAAU;IAAS,MAAK;IACnC,UAAAxB,EAAQ,OAAOe,EAAM,MAAM;GAChB,CAAA;EACf;;AAEb;AASA,SAASe,EAAW,EAChB,OACA,UACA,UACA,YACA,eAOD;CACC,IAAME,IAAOzC,EAAM,SAAS,WAAW,WAAWA,EAAM,SAAS,SAAS,SAAS;CAqEnF,OAnEIA,EAAM,SAAS,YAAY,CAACK,EAAQD,EAAM,QAAQ,IAE9C,kBAAC,SAAD;EAAO,WAAWT,EAAO;EAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,MAAsB,CAAA,GAC/C,kBAAC,UAAD;GACQ;GACJ,WAAWd,EAAO;GAClB,OAAOS,EAAM;GACb,WAAW,MAAUmB,EAAS;IAAE,GAAGnB;IAAO,OAAO+B,EAAM,OAAO;GAAM,CAAC;GAJzE,UAAA,CAMI,kBAAC,UAAD;IAAQ,OAAM;IAAG,UAAA;GAAS,CAAA,GACzBnC,EAAM,SAAS,KAAK,MACjB,kBAAC,UAAD;IAA2B,OAAO0C,EAAO;IACpC,UAAAA,EAAO;GACJ,GAFKA,EAAO,KAEZ,CACX,CACG;EACL,CAAA,CAAA;C,KAIX1C,EAAM,SAAS,YAEX,kBAAC,SAAD;EAAO,WAAWL,EAAO;EAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,MAAsB,CAAA,GAC/C,kBAAC,UAAD;GACQ;GACJ,WAAWd,EAAO;GAClB,OAAOS,EAAM;GACb,WAAW,MAAUmB,EAAS;IAAE,GAAGnB;IAAO,OAAO+B,EAAM,OAAO;GAAM,CAAC;GAJzE,UAAA;IAMI,kBAAC,UAAD;KAAQ,OAAM;KAAG,UAAA;IAAS,CAAA;IAC1B,kBAAC,UAAD;KAAQ,OAAM;KAAQ,UAAA1B,EAAQ;IAAY,CAAA;IAC1C,kBAAC,UAAD;KAAQ,OAAM;KAAS,UAAAA,EAAQ;IAAW,CAAA;GACtC;EACL,CAAA,CAAA;C,KAIXL,EAAM,aAAa,YAEf,kBAAAR,GAAA,EAAA,UAAA,CACI,kBAAC,SAAD;EAAO,WAAWD,EAAO;EAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,KAAqB,CAAA,GAC9C,kBAAC,SAAD;GACQ;GACJ,WAAWd,EAAO;GACZ;GACN,OAAOS,EAAM;GACb,aAAaK,EAAQ;GACrB,WAAW,MAAUc,EAAS;IAAE,GAAGnB;IAAO,OAAO+B,EAAM,OAAO;GAAM,CAAC;EACxE,CAAA,CACE;CACP,CAAA,GAAA,kBAAC,SAAD;EAAO,WAAWxC,EAAO;EAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,GAAmB,CAAA,GAC5C,kBAAC,SAAD;GACI,WAAWd,EAAO;GACZ;GACN,OAAOS,EAAM;GACb,aAAaK,EAAQ;GACrB,WAAW,MAAUc,EAAS;IAAE,GAAGnB;IAAO,IAAI+B,EAAM,OAAO;GAAM,CAAC;EACrE,CAAA,CACE;CACT,CAAA,CAAA,EAAA,CAAA,IAKN,kBAAC,SAAD;EAAO,WAAWxC,EAAO;EAAzB,UAAA,CACI,kBAACsC,GAAD,EAAA,UAAiBxB,EAAQ,MAAsB,CAAA,GAC/C,kBAAC,SAAD;GACQ;GACJ,WAAWd,EAAO;GACZ;GACN,OAAOS,EAAM;GACb,aAAaJ,EAAM,eAAeS,EAAQ;GAC1C,WAAW,MAAUc,EAAS;IAAE,GAAGnB;IAAO,OAAO+B,EAAM,OAAO;GAAM,CAAC;EACxE,CAAA,CACE;;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.module.cjs","names":[],"sources":["../../../src/components/FilterBar/FilterBar.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.chips {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-1) var(--tempest-space-1)\n        var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.empty {\n    color: var(--tempest-text-muted);\n}\n\n.remove {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: none;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.remove:hover {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text);\n}\n\n/*\n * The editor wraps as a whole on a narrow screen: field, condition and value each\n * keep a usable width instead of shrinking into three unreadable boxes.\n */\n.editor {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\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-md);\n    background-color: var(--tempest-surface);\n}\n\n.control {\n    display: inline-flex;\n    min-width: 0;\n}\n\n.select,\n.input {\n    min-width: 7rem;\n    max-width: 14rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n}\n\n.select:focus-visible,\n.input:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.primary,\n.secondary,\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    cursor: pointer;\n}\n\n.primary {\n    border: none;\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.secondary {\n    border: 1px dashed var(--tempest-border-strong);\n    background-color: transparent;\n    color: var(--tempest-text);\n}\n\n.secondary:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.ghost {\n    border: none;\n    background: none;\n    color: var(--tempest-text-muted);\n    text-decoration: underline;\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.ghost:focus-visible,\n.remove:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n"],"mappings":";"}
+{"version":3,"file":"FilterBar.module.cjs","names":["bar","chips","chip","empty","remove","editor","control","select","input","actions","primary","secondary","ghost","FilterBar_module_default"],"sources":["../../../src/components/FilterBar/FilterBar.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.chips {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-1) var(--tempest-space-1)\n        var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.empty {\n    color: var(--tempest-text-muted);\n}\n\n.remove {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: none;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.remove:hover {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text);\n}\n\n/*\n * The editor wraps as a whole on a narrow screen: field, condition and value each\n * keep a usable width instead of shrinking into three unreadable boxes.\n */\n.editor {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\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-md);\n    background-color: var(--tempest-surface);\n}\n\n.control {\n    display: inline-flex;\n    min-width: 0;\n}\n\n.select,\n.input {\n    min-width: 7rem;\n    max-width: 14rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n}\n\n.select:focus-visible,\n.input:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.primary,\n.secondary,\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    cursor: pointer;\n}\n\n.primary {\n    border: none;\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.secondary {\n    border: 1px dashed var(--tempest-border-strong);\n    background-color: transparent;\n    color: var(--tempest-text);\n}\n\n.secondary:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.ghost {\n    border: none;\n    background: none;\n    color: var(--tempest-text-muted);\n    text-decoration: underline;\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.ghost:focus-visible,\n.remove:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n"],"mappings":";"}