tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\n/**\n * Dropdown menu — list of selectable actions anchored to a trigger.\n *\n * - Toggle on trigger click.\n * - Close on outside click / Escape / item selection.\n * - Arrow keys navigate, Enter activates focused item.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((entry, index) => (entry.type === \"item\" && !entry.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen((prev) => !prev);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: Extract<DropdownMenuEntry, { type: \"item\" }>): void => {\n        entry.onSelect();\n        close();\n    };\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {open && (\n                <ul\n                    id={id}\n                    role=\"menu\"\n                    className={cn(styles.menu, placementClass(placement), className)}\n                >\n                    {items.map((entry, index) => {\n                        if (entry.type === \"separator\") {\n                            return (\n                                <li\n                                    key={entry.id}\n                                    role=\"separator\"\n                                    className={styles.separator}\n                                    aria-hidden\n                                />\n                            );\n                        }\n                        if (entry.type === \"label\") {\n                            return (\n                                <li key={entry.id} role=\"presentation\" className={styles.label}>\n                                    {entry.label}\n                                </li>\n                            );\n                        }\n                        return (\n                            <li key={entry.id} role=\"none\">\n                                <button\n                                    ref={(el) => {\n                                        itemRefs.current[index] = el;\n                                    }}\n                                    type=\"button\"\n                                    role=\"menuitem\"\n                                    className={cn(\n                                        styles.item,\n                                        entry.danger && styles.danger,\n                                        activeIndex === index && styles.active,\n                                    )}\n                                    disabled={entry.disabled}\n                                    onClick={() => handleSelect(entry)}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                >\n                                    {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                                    {entry.label}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </span>\n    );\n}\n"],"names":["placementClass","placement","styles","DropdownMenu","trigger","items","className","open","setOpen","useState","activeIndex","setActiveIndex","id","useId","rootRef","useRef","itemRefs","selectableIndexes","entry","index","i","close","useCallback","useEffect","onKey","event","current","next","prev","onDown","handleTriggerClick","triggerClone","handleSelect","jsx","cn","jsxs","el"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\n/**\n * Dropdown menu — list of selectable actions anchored to a trigger.\n *\n * - Toggle on trigger click.\n * - Close on outside click / Escape / item selection.\n * - Arrow keys navigate, Enter activates focused item.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((entry, index) => (entry.type === \"item\" && !entry.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen((prev) => !prev);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: Extract<DropdownMenuEntry, { type: \"item\" }>): void => {\n        entry.onSelect();\n        close();\n    };\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {open && (\n                <ul\n                    id={id}\n                    role=\"menu\"\n                    className={cn(styles.menu, placementClass(placement), className)}\n                >\n                    {items.map((entry, index) => {\n                        if (entry.type === \"separator\") {\n                            return (\n                                <li\n                                    key={entry.id}\n                                    role=\"separator\"\n                                    className={styles.separator}\n                                    aria-hidden\n                                />\n                            );\n                        }\n                        if (entry.type === \"label\") {\n                            return (\n                                <li key={entry.id} role=\"presentation\" className={styles.label}>\n                                    {entry.label}\n                                </li>\n                            );\n                        }\n                        return (\n                            <li key={entry.id} role=\"none\">\n                                <button\n                                    ref={(el) => {\n                                        itemRefs.current[index] = el;\n                                    }}\n                                    type=\"button\"\n                                    role=\"menuitem\"\n                                    className={cn(\n                                        styles.item,\n                                        entry.danger && styles.danger,\n                                        activeIndex === index && styles.active,\n                                    )}\n                                    disabled={entry.disabled}\n                                    onClick={() => handleSelect(entry)}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                >\n                                    {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                                    {entry.label}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DropdownMenu/DropdownMenu.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_5ZetV`,t=`tempest_menu_-RiRW`,n=`tempest_tempest-menu-in_uCs9q`,r=`tempest_bottomStart_z60h9`,i=`tempest_bottomEnd_b1tmU`,a=`tempest_topStart_A0em2`,o=`tempest_topEnd_cFA5-`,s=`tempest_item_T-QPZ`,c=`tempest_active_WNqoX`,l=`tempest_danger_C0jN3`,u=`tempest_separator_RimQa`,d=`tempest_label_6yP76`,f={root:e,menu:t,tempestMenuIn:n,bottomStart:r,bottomEnd:i,topStart:a,topEnd:o,item:s,active:c,danger:l,separator:u,label:d};exports.active=c,exports.bottomEnd=i,exports.bottomStart=r,exports.danger=l,exports.default=f,exports.item=s,exports.label=d,exports.menu=t,exports.root=e,exports.separator=u,exports.tempestMenuIn=n,exports.topEnd=o,exports.topStart=a;
+//# sourceMappingURL=DropdownMenu.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.module.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/DropdownMenu/DropdownMenu.module.js

@@ -0,0 +1,19 @@
+//#region src/components/DropdownMenu/DropdownMenu.module.css
+var e = "tempest_root_5ZetV", t = "tempest_menu_-RiRW", n = "tempest_tempest-menu-in_uCs9q", r = "tempest_bottomStart_z60h9", i = "tempest_bottomEnd_b1tmU", a = "tempest_topStart_A0em2", o = "tempest_topEnd_cFA5-", s = "tempest_item_T-QPZ", c = "tempest_active_WNqoX", l = "tempest_danger_C0jN3", u = "tempest_separator_RimQa", d = "tempest_label_6yP76", f = {
+	root: e,
+	menu: t,
+	tempestMenuIn: n,
+	bottomStart: r,
+	bottomEnd: i,
+	topStart: a,
+	topEnd: o,
+	item: s,
+	active: c,
+	danger: l,
+	separator: u,
+	label: d
+};
+//#endregion
+export { c as active, i as bottomEnd, r as bottomStart, l as danger, f as default, s as item, d as label, t as menu, e as root, u as separator, n as tempestMenuIn, o as topEnd, a as topStart };
+
+//# sourceMappingURL=DropdownMenu.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.module.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Dropzone/Dropzone.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),O=require("../../utils/cn.cjs"),r=require("./Dropzone.module.css.cjs");function R({onDrop:u,accept:v,multiple:c=!0,disabled:n=!1,maxSize:i,onReject:y,children:m,className:q}){const f=h.useRef(null),[j,t]=h.useState(!1),g=e=>{if(!e||e.length===0)return;const D=Array.from(e),d=c?D:D.slice(0,1);if(i===void 0){u(d);return}const a=[],o=[];for(const s of d)s.size>i?o.push(s):a.push(s);o.length>0&&y?.(o),a.length>0&&u(a)},p=()=>{n||f.current?.click()},k=e=>{e.preventDefault(),!n&&t(!0)},x=e=>{e.preventDefault()},z=e=>{e.preventDefault(),t(!1)},E=e=>{e.preventDefault(),t(!1),!n&&g(e.dataTransfer.files)},N=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),p())};return l.jsxs("div",{role:"button",tabIndex:n?-1:0,"aria-disabled":n||void 0,className:O.cn(r.default.zone,j&&r.default.dragging,n&&r.default.disabled,q),onClick:p,onKeyDown:N,onDragEnter:k,onDragOver:x,onDragLeave:z,onDrop:E,children:[l.jsx("input",{ref:f,type:"file",className:r.default.input,accept:v,multiple:c,disabled:n,onChange:e=>{g(e.target.files),e.target.value=""}}),m??l.jsx("span",{className:r.default.prompt,children:"Arraste arquivos aqui ou clique para selecionar"})]})}exports.Dropzone=R;
-//# sourceMappingURL=Dropzone.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Dropzone.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({onDrop:i,accept:a,multiple:o=!0,disabled:s=!1,maxSize:c,onReject:l,children:u,className:d}){let f=(0,n.useRef)(null),[p,m]=(0,n.useState)(!1),h=e=>{if(!e||e.length===0)return;let t=Array.from(e),n=o?t:t.slice(0,1);if(c===void 0){i(n);return}let r=[],a=[];for(let e of n)e.size>c?a.push(e):r.push(e);a.length>0&&l?.(a),r.length>0&&i(r)},g=()=>{s||f.current?.click()};return(0,r.jsxs)(`div`,{role:`button`,tabIndex:s?-1:0,"aria-disabled":s||void 0,className:e.cn(t.default.zone,p&&t.default.dragging,s&&t.default.disabled,d),onClick:g,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g())},onDragEnter:e=>{e.preventDefault(),!s&&m(!0)},onDragOver:e=>{e.preventDefault()},onDragLeave:e=>{e.preventDefault(),m(!1)},onDrop:e=>{e.preventDefault(),m(!1),!s&&h(e.dataTransfer.files)},children:[(0,r.jsx)(`input`,{ref:f,type:`file`,className:t.default.input,accept:a,multiple:o,disabled:s,onChange:e=>{h(e.target.files),e.target.value=``}}),u??(0,r.jsx)(`span`,{className:t.default.prompt,children:`Arraste arquivos aqui ou clique para selecionar`})]})}exports.Dropzone=i;
+//# sourceMappingURL=Dropzone.cjs.map

package/dist/components/Dropzone/Dropzone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.cjs","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"names":["Dropzone","onDrop","accept","multiple","disabled","maxSize","onReject","children","className","inputRef","useRef","isDragging","setIsDragging","useState","handleFiles","fileList","all","limited","accepted","rejected","file","openDialog","handleDragEnter","event","handleDragOver","handleDragLeave","handleDrop","handleKeyDown","jsxs","cn","styles","jsx"],"mappings":"+MAkCO,SAASA,EAAS,CACrB,OAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,CACJ,EAAkB,CACd,MAAMC,EAAWC,EAAAA,OAAyB,IAAI,EACxC,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,EAAeC,GAAoC,CACrD,GAAI,CAACA,GAAYA,EAAS,SAAW,EAAG,OACxC,MAAMC,EAAM,MAAM,KAAKD,CAAQ,EACzBE,EAAUd,EAAWa,EAAMA,EAAI,MAAM,EAAG,CAAC,EAE/C,GAAIX,IAAY,OAAW,CACvBJ,EAAOgB,CAAO,EACd,MACJ,CAEA,MAAMC,EAAmB,CAAA,EACnBC,EAAmB,CAAA,EACzB,UAAWC,KAAQH,EACXG,EAAK,KAAOf,EAASc,EAAS,KAAKC,CAAI,EACtCF,EAAS,KAAKE,CAAI,EAEvBD,EAAS,OAAS,GAAGb,IAAWa,CAAQ,EACxCD,EAAS,OAAS,GAAGjB,EAAOiB,CAAQ,CAC5C,EAEMG,EAAa,IAAY,CACvBjB,GACJK,EAAS,SAAS,MAAA,CACtB,EAEMa,EAAmBC,GAA2C,CAChEA,EAAM,eAAA,EACF,CAAAnB,GACJQ,EAAc,EAAI,CACtB,EAEMY,EAAkBD,GAA2C,CAC/DA,EAAM,eAAA,CACV,EAEME,EAAmBF,GAA2C,CAChEA,EAAM,eAAA,EACNX,EAAc,EAAK,CACvB,EAEMc,EAAcH,GAA2C,CAC3DA,EAAM,eAAA,EACNX,EAAc,EAAK,EACf,CAAAR,GACJU,EAAYS,EAAM,aAAa,KAAK,CACxC,EAEMI,EAAiBJ,GAA+C,EAC9DA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACvCA,EAAM,eAAA,EACNF,EAAA,EAER,EAEA,OACIO,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,SAAUxB,EAAW,GAAK,EAC1B,gBAAeA,GAAY,OAC3B,UAAWyB,EAAAA,GACPC,EAAAA,QAAO,KACPnB,GAAcmB,EAAAA,QAAO,SACrB1B,GAAY0B,EAAAA,QAAO,SACnBtB,CAAA,EAEJ,QAASa,EACT,UAAWM,EACX,YAAaL,EACb,WAAYE,EACZ,YAAaC,EACb,OAAQC,EAER,SAAA,CAAAK,EAAAA,IAAC,QAAA,CACG,IAAKtB,EACL,KAAK,OACL,UAAWqB,EAAAA,QAAO,MAClB,OAAA5B,EACA,SAAAC,EACA,SAAAC,EACA,SAAWmB,GAAU,CACjBT,EAAYS,EAAM,OAAO,KAAK,EAC9BA,EAAM,OAAO,MAAQ,EACzB,CAAA,CAAA,EAEHhB,GACGwB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,OAAQ,SAAA,iDAAA,CAEhC,CAAA,CAAA,CAAA,CAIhB"}
+{"version":3,"file":"Dropzone.cjs","names":[],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":"+HAkCA,SAAgB,EAAS,CACrB,SACA,SACA,WAAW,GACX,WAAW,GACX,UACA,WACA,WACA,aACc,CACd,IAAM,GAAA,EAAA,EAAA,OAAA,CAAoC,IAAI,EACxC,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAE5C,EAAe,GAAoC,CACrD,GAAI,CAAC,GAAY,EAAS,SAAW,EAAG,OACxC,IAAM,EAAM,MAAM,KAAK,CAAQ,EACzB,EAAU,EAAW,EAAM,EAAI,MAAM,EAAG,CAAC,EAE/C,GAAI,IAAY,IAAA,GAAW,CACvB,EAAO,CAAO,EACd,MACJ,CAEA,IAAM,EAAmB,CAAC,EACpB,EAAmB,CAAC,EAC1B,IAAK,IAAM,KAAQ,EACX,EAAK,KAAO,EAAS,EAAS,KAAK,CAAI,EACtC,EAAS,KAAK,CAAI,EAEvB,EAAS,OAAS,GAAG,IAAW,CAAQ,EACxC,EAAS,OAAS,GAAG,EAAO,CAAQ,CAC5C,EAEM,MAAyB,CACvB,GACJ,EAAS,SAAS,MAAM,CAC5B,EA+BA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,SAAU,EAAW,GAAK,EAC1B,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAc,EAAA,QAAO,SACrB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,QAAS,EACT,UAnBe,GAA+C,EAC9D,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACvC,EAAM,eAAe,EACrB,EAAW,EAEnB,EAeQ,YA1CiB,GAA2C,CAChE,EAAM,eAAe,EACjB,IACJ,EAAc,EAAI,CACtB,EAuCQ,WArCgB,GAA2C,CAC/D,EAAM,eAAe,CACzB,EAoCQ,YAlCiB,GAA2C,CAChE,EAAM,eAAe,EACrB,EAAc,EAAK,CACvB,EAgCQ,OA9BY,GAA2C,CAC3D,EAAM,eAAe,EACrB,EAAc,EAAK,EACf,IACJ,EAAY,EAAM,aAAa,KAAK,CACxC,WAUI,EAiBI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,OACL,UAAW,EAAA,QAAO,MACV,SACE,WACA,WACV,SAAW,GAAU,CACjB,EAAY,EAAM,OAAO,KAAK,EAC9B,EAAM,OAAO,MAAQ,EACzB,CACH,CAAA,EACA,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAQ,iDAE1B,CAAA,CAET,GAEb"}

package/dist/components/Dropzone/Dropzone.js

@@ -1,80 +1,60 @@
-import { jsxs as w, jsx as h } from "react/jsx-runtime";
-import { useRef as z, useState as A } from "react";
-import { cn as C } from "../../utils/cn.js";
-import n from "./Dropzone.module.css.js";
-function F({
-  onDrop: l,
-  accept: m,
-  multiple: i = !0,
-  disabled: r = !1,
-  maxSize: f,
-  onReject: v,
-  children: d,
-  className: y
-}) {
-  const c = z(null), [k, t] = A(!1), u = (e) => {
-    if (!e || e.length === 0) return;
-    const g = Array.from(e), D = i ? g : g.slice(0, 1);
-    if (f === void 0) {
-      l(D);
-      return;
-    }
-    const a = [], o = [];
-    for (const s of D)
-      s.size > f ? o.push(s) : a.push(s);
-    o.length > 0 && v?.(o), a.length > 0 && l(a);
-  }, p = () => {
-    r || c.current?.click();
-  }, j = (e) => {
-    e.preventDefault(), !r && t(!0);
-  }, q = (e) => {
-    e.preventDefault();
-  }, x = (e) => {
-    e.preventDefault(), t(!1);
-  }, E = (e) => {
-    e.preventDefault(), t(!1), !r && u(e.dataTransfer.files);
-  }, N = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
-  };
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      role: "button",
-      tabIndex: r ? -1 : 0,
-      "aria-disabled": r || void 0,
-      className: C(
-        n.zone,
-        k && n.dragging,
-        r && n.disabled,
-        y
-      ),
-      onClick: p,
-      onKeyDown: N,
-      onDragEnter: j,
-      onDragOver: q,
-      onDragLeave: x,
-      onDrop: E,
-      children: [
-        /* @__PURE__ */ h(
-          "input",
-          {
-            ref: c,
-            type: "file",
-            className: n.input,
-            accept: m,
-            multiple: i,
-            disabled: r,
-            onChange: (e) => {
-              u(e.target.files), e.target.value = "";
-            }
-          }
-        ),
-        d ?? /* @__PURE__ */ h("span", { className: n.prompt, children: "Arraste arquivos aqui ou clique para selecionar" })
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Dropzone.module.js";
+import { useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Dropzone/Dropzone.tsx
+function o({ onDrop: o, accept: s, multiple: c = !0, disabled: l = !1, maxSize: u, onReject: d, children: f, className: p }) {
+	let m = n(null), [h, g] = r(!1), _ = (e) => {
+		if (!e || e.length === 0) return;
+		let t = Array.from(e), n = c ? t : t.slice(0, 1);
+		if (u === void 0) {
+			o(n);
+			return;
+		}
+		let r = [], i = [];
+		for (let e of n) e.size > u ? i.push(e) : r.push(e);
+		i.length > 0 && d?.(i), r.length > 0 && o(r);
+	}, v = () => {
+		l || m.current?.click();
+	};
+	return /* @__PURE__ */ a("div", {
+		role: "button",
+		tabIndex: l ? -1 : 0,
+		"aria-disabled": l || void 0,
+		className: e(t.zone, h && t.dragging, l && t.disabled, p),
+		onClick: v,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
+		},
+		onDragEnter: (e) => {
+			e.preventDefault(), !l && g(!0);
+		},
+		onDragOver: (e) => {
+			e.preventDefault();
+		},
+		onDragLeave: (e) => {
+			e.preventDefault(), g(!1);
+		},
+		onDrop: (e) => {
+			e.preventDefault(), g(!1), !l && _(e.dataTransfer.files);
+		},
+		children: [/* @__PURE__ */ i("input", {
+			ref: m,
+			type: "file",
+			className: t.input,
+			accept: s,
+			multiple: c,
+			disabled: l,
+			onChange: (e) => {
+				_(e.target.files), e.target.value = "";
+			}
+		}), f ?? /* @__PURE__ */ i("span", {
+			className: t.prompt,
+			children: "Arraste arquivos aqui ou clique para selecionar"
+		})]
+	});
 }
-export {
-  F as Dropzone
-};
-//# sourceMappingURL=Dropzone.js.map
+//#endregion
+export { o as Dropzone };
+
+//# sourceMappingURL=Dropzone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"names":["Dropzone","onDrop","accept","multiple","disabled","maxSize","onReject","children","className","inputRef","useRef","isDragging","setIsDragging","useState","handleFiles","fileList","all","limited","accepted","rejected","file","openDialog","handleDragEnter","event","handleDragOver","handleDragLeave","handleDrop","handleKeyDown","jsxs","cn","styles","jsx"],"mappings":";;;;AAkCO,SAASA,EAAS;AAAA,EACrB,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACJ,GAAkB;AACd,QAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5CC,IAAc,CAACC,MAAoC;AACrD,QAAI,CAACA,KAAYA,EAAS,WAAW,EAAG;AACxC,UAAMC,IAAM,MAAM,KAAKD,CAAQ,GACzBE,IAAUd,IAAWa,IAAMA,EAAI,MAAM,GAAG,CAAC;AAE/C,QAAIX,MAAY,QAAW;AACvB,MAAAJ,EAAOgB,CAAO;AACd;AAAA,IACJ;AAEA,UAAMC,IAAmB,CAAA,GACnBC,IAAmB,CAAA;AACzB,eAAWC,KAAQH;AACf,MAAIG,EAAK,OAAOf,IAASc,EAAS,KAAKC,CAAI,IACtCF,EAAS,KAAKE,CAAI;AAE3B,IAAID,EAAS,SAAS,KAAGb,IAAWa,CAAQ,GACxCD,EAAS,SAAS,KAAGjB,EAAOiB,CAAQ;AAAA,EAC5C,GAEMG,IAAa,MAAY;AAC3B,IAAIjB,KACJK,EAAS,SAAS,MAAA;AAAA,EACtB,GAEMa,IAAkB,CAACC,MAA2C;AAEhE,IADAA,EAAM,eAAA,GACF,CAAAnB,KACJQ,EAAc,EAAI;AAAA,EACtB,GAEMY,IAAiB,CAACD,MAA2C;AAC/D,IAAAA,EAAM,eAAA;AAAA,EACV,GAEME,IAAkB,CAACF,MAA2C;AAChE,IAAAA,EAAM,eAAA,GACNX,EAAc,EAAK;AAAA,EACvB,GAEMc,IAAa,CAACH,MAA2C;AAG3D,IAFAA,EAAM,eAAA,GACNX,EAAc,EAAK,GACf,CAAAR,KACJU,EAAYS,EAAM,aAAa,KAAK;AAAA,EACxC,GAEMI,IAAgB,CAACJ,MAA+C;AAClE,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNF,EAAA;AAAA,EAER;AAEA,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAUxB,IAAW,KAAK;AAAA,MAC1B,iBAAeA,KAAY;AAAA,MAC3B,WAAWyB;AAAA,QACPC,EAAO;AAAA,QACPnB,KAAcmB,EAAO;AAAA,QACrB1B,KAAY0B,EAAO;AAAA,QACnBtB;AAAA,MAAA;AAAA,MAEJ,SAASa;AAAA,MACT,WAAWM;AAAA,MACX,aAAaL;AAAA,MACb,YAAYE;AAAA,MACZ,aAAaC;AAAA,MACb,QAAQC;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKtB;AAAA,YACL,MAAK;AAAA,YACL,WAAWqB,EAAO;AAAA,YAClB,QAAA5B;AAAA,YACA,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,UAAU,CAACmB,MAAU;AACjB,cAAAT,EAAYS,EAAM,OAAO,KAAK,GAC9BA,EAAM,OAAO,QAAQ;AAAA,YACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHhB,KACG,gBAAAwB,EAAC,QAAA,EAAK,WAAWD,EAAO,QAAQ,UAAA,kDAAA,CAEhC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"Dropzone.js","names":[],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAkCA,SAAgB,EAAS,EACrB,WACA,WACA,cAAW,IACX,cAAW,IACX,YACA,aACA,aACA,gBACc;CACd,IAAM,IAAW,EAAyB,IAAI,GACxC,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,KAAe,MAAoC;EACrD,IAAI,CAAC,KAAY,EAAS,WAAW,GAAG;EACxC,IAAM,IAAM,MAAM,KAAK,CAAQ,GACzB,IAAU,IAAW,IAAM,EAAI,MAAM,GAAG,CAAC;EAE/C,IAAI,MAAY,KAAA,GAAW;GACvB,EAAO,CAAO;GACd;EACJ;EAEA,IAAM,IAAmB,CAAC,GACpB,IAAmB,CAAC;EAC1B,KAAK,IAAM,KAAQ,GACf,AAAI,EAAK,OAAO,IAAS,EAAS,KAAK,CAAI,IACtC,EAAS,KAAK,CAAI;EAG3B,AADI,EAAS,SAAS,KAAG,IAAW,CAAQ,GACxC,EAAS,SAAS,KAAG,EAAO,CAAQ;CAC5C,GAEM,UAAyB;EACvB,KACJ,EAAS,SAAS,MAAM;CAC5B;CA+BA,OACI,kBAAC,OAAD;EACI,MAAK;EACL,UAAU,IAAW,KAAK;EAC1B,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACP,EAAO,MACP,KAAc,EAAO,UACrB,KAAY,EAAO,UACnB,CACJ;EACA,SAAS;EACT,YAnBe,MAA+C;GAClE,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACvC,EAAM,eAAe,GACrB,EAAW;EAEnB;EAeQ,cA1CiB,MAA2C;GAChE,EAAM,eAAe,GACjB,MACJ,EAAc,EAAI;EACtB;EAuCQ,aArCgB,MAA2C;GAC/D,EAAM,eAAe;EACzB;EAoCQ,cAlCiB,MAA2C;GAEhE,AADA,EAAM,eAAe,GACrB,EAAc,EAAK;EACvB;EAgCQ,SA9BY,MAA2C;GAC3D,EAAM,eAAe,GACrB,EAAc,EAAK,GACf,MACJ,EAAY,EAAM,aAAa,KAAK;EACxC;YAUI,CAiBI,kBAAC,SAAD;GACI,KAAK;GACL,MAAK;GACL,WAAW,EAAO;GACV;GACE;GACA;GACV,WAAW,MAAU;IAEjB,AADA,EAAY,EAAM,OAAO,KAAK,GAC9B,EAAM,OAAO,QAAQ;GACzB;EACH,CAAA,GACA,KACG,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;EAE1B,CAAA,CAET;;AAEb"}

package/dist/components/Dropzone/Dropzone.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_zone_u04pu`,t=`tempest_dragging_uGtl4`,n=`tempest_disabled_GTKfV`,r=`tempest_input_qhJ1u`,i=`tempest_prompt_mlpWz`,a={zone:e,dragging:t,disabled:n,input:r,prompt:i};exports.default=a,exports.disabled=n,exports.dragging=t,exports.input=r,exports.prompt=i,exports.zone=e;
+//# sourceMappingURL=Dropzone.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.module.cjs","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    outline: none;\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-subtle, var(--tempest-surface));\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/Dropzone/Dropzone.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Dropzone/Dropzone.module.css
+var e = "tempest_zone_u04pu", t = "tempest_dragging_uGtl4", n = "tempest_disabled_GTKfV", r = "tempest_input_qhJ1u", i = "tempest_prompt_mlpWz", a = {
+	zone: e,
+	dragging: t,
+	disabled: n,
+	input: r,
+	prompt: i
+};
+//#endregion
+export { a as default, n as disabled, t as dragging, r as input, i as prompt, e as zone };
+
+//# sourceMappingURL=Dropzone.module.js.map

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

@@ -0,0 +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    outline: none;\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-subtle, var(--tempest-surface));\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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),t=require("./EmptyState.module.css.cjs");function d({icon:s,title:r,description:a,action:l,className:c}){return e.jsxs("div",{className:i.cn(t.default.wrapper,c),children:[s&&e.jsx("div",{className:t.default.icon,children:s}),e.jsx("h4",{className:t.default.title,children:r}),a&&e.jsx("p",{className:t.default.description,children:a}),l&&e.jsx("div",{className:t.default.action,children:l})]})}exports.EmptyState=d;
-//# sourceMappingURL=EmptyState.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./EmptyState.module.cjs");let n=require("react/jsx-runtime");function r({icon:r,title:i,description:a,action:o,className:s}){return(0,n.jsxs)(`div`,{className:e.cn(t.default.wrapper,s),children:[r&&(0,n.jsx)(`div`,{className:t.default.icon,children:r}),(0,n.jsx)(`h4`,{className:t.default.title,children:i}),a&&(0,n.jsx)(`p`,{className:t.default.description,children:a}),o&&(0,n.jsx)(`div`,{className:t.default.action,children:o})]})}exports.EmptyState=r;
+//# sourceMappingURL=EmptyState.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","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"],"names":["EmptyState","icon","title","description","action","className","cn","styles","jsx"],"mappings":"8LAaO,SAASA,EAAW,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,OAAAC,EAAQ,UAAAC,GAA8B,CACzF,cACK,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASF,CAAS,EACvC,SAAA,CAAAJ,GAAQO,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAO,SAAAN,EAAK,EAC5CO,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,MAAQ,SAAAL,EAAM,EACnCC,GAAeK,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,YAAc,SAAAJ,EAAY,EAC9DC,GAAUI,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAH,CAAA,CAAO,CAAA,EACtD,CAER"}
+{"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,WAA5C,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,CAAU,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EACvC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,EACjE,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACtD,GAEb"}

package/dist/components/EmptyState/EmptyState.js

@@ -1,15 +1,31 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.js";
-import e from "./EmptyState.module.css.js";
-function p({ icon: s, title: c, description: i, action: a, className: l }) {
-  return /* @__PURE__ */ m("div", { className: t(e.wrapper, l), children: [
-    s && /* @__PURE__ */ r("div", { className: e.icon, children: s }),
-    /* @__PURE__ */ r("h4", { className: e.title, children: c }),
-    i && /* @__PURE__ */ r("p", { className: e.description, children: i }),
-    a && /* @__PURE__ */ r("div", { className: e.action, children: a })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./EmptyState.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/EmptyState/EmptyState.tsx
+function i({ icon: i, title: a, description: o, action: s, className: c }) {
+	return /* @__PURE__ */ r("div", {
+		className: e(t.wrapper, c),
+		children: [
+			i && /* @__PURE__ */ n("div", {
+				className: t.icon,
+				children: i
+			}),
+			/* @__PURE__ */ n("h4", {
+				className: t.title,
+				children: a
+			}),
+			o && /* @__PURE__ */ n("p", {
+				className: t.description,
+				children: o
+			}),
+			s && /* @__PURE__ */ n("div", {
+				className: t.action,
+				children: s
+			})
+		]
+	});
 }
-export {
-  p as EmptyState
-};
-//# sourceMappingURL=EmptyState.js.map
+//#endregion
+export { i as EmptyState };
+
+//# sourceMappingURL=EmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","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"],"names":["EmptyState","icon","title","description","action","className","cn","styles","jsx"],"mappings":";;;AAaO,SAASA,EAAW,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,WAAAC,KAA8B;AACzF,2BACK,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASF,CAAS,GACvC,UAAA;AAAA,IAAAJ,KAAQ,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAN,GAAK;AAAA,IAC5C,gBAAAO,EAAC,MAAA,EAAG,WAAWD,EAAO,OAAQ,UAAAL,GAAM;AAAA,IACnCC,KAAe,gBAAAK,EAAC,KAAA,EAAE,WAAWD,EAAO,aAAc,UAAAJ,GAAY;AAAA,IAC9DC,KAAU,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAH,EAAA,CAAO;AAAA,EAAA,GACtD;AAER;"}
+{"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;YAA5C;GACK,KAAQ,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAO;GAAU,CAAA;GACjD,kBAAC,MAAD;IAAI,WAAW,EAAO;cAAQ;GAAU,CAAA;GACvC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;GAAe,CAAA;GACjE,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;EACtD;;AAEb"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_gzyTd`,t=`tempest_icon_qVCyh`,n=`tempest_title_xPfUf`,r=`tempest_description_oWwH1`,i=`tempest_action_dqxw1`,a={wrapper:e,icon:t,title:n,description:r,action:i};exports.action=i,exports.default=a,exports.description=r,exports.icon=t,exports.title=n,exports.wrapper=e;
+//# sourceMappingURL=EmptyState.module.cjs.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,12 @@
+//#region src/components/EmptyState/EmptyState.module.css
+var e = "tempest_wrapper_gzyTd", t = "tempest_icon_qVCyh", n = "tempest_title_xPfUf", r = "tempest_description_oWwH1", i = "tempest_action_dqxw1", a = {
+	wrapper: e,
+	icon: t,
+	title: n,
+	description: r,
+	action: i
+};
+//#endregion
+export { i as action, a as default, r as description, t as icon, n as title, e as wrapper };
+
+//# sourceMappingURL=EmptyState.module.js.map

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

@@ -0,0 +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":""}

package/dist/components/ErrorState/ErrorState.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn.cjs"),r=require("./ErrorState.module.css.cjs"),l=require("../Button/Button.cjs");function d({title:s="Algo deu errado",description:t="Não foi possível carregar essas informações.",onRetry:n,retryLabel:o="Tentar novamente",icon:a,className:i}){return e.jsxs("div",{className:c.cn(r.default.wrapper,i),children:[e.jsx("div",{className:r.default.icon,children:a??e.jsx(u,{})}),e.jsx("h4",{className:r.default.title,children:s}),t&&e.jsx("p",{className:r.default.description,children:t}),n&&e.jsx("div",{className:r.default.action,children:e.jsx(l.Button,{variant:"secondary",onClick:n,children:o})})]})}function u(){return e.jsx("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{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",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}exports.ErrorState=d;
-//# sourceMappingURL=ErrorState.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../Button/Button.cjs"),n=require("./ErrorState.module.cjs");let r=require("react/jsx-runtime");function i({title:i=`Algo deu errado`,description:o=`Não foi possível carregar essas informações.`,onRetry:s,retryLabel:c=`Tentar novamente`,icon:l,className:u}){return(0,r.jsxs)(`div`,{className:e.cn(n.default.wrapper,u),children:[(0,r.jsx)(`div`,{className:n.default.icon,children:l??(0,r.jsx)(a,{})}),(0,r.jsx)(`h4`,{className:n.default.title,children:i}),o&&(0,r.jsx)(`p`,{className:n.default.description,children:o}),s&&(0,r.jsx)(`div`,{className:n.default.action,children:(0,r.jsx)(t.Button,{variant:`secondary`,onClick:s,children:c})})]})}function a(){return(0,r.jsx)(`svg`,{width:`22`,height:`22`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{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`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}exports.ErrorState=i;
+//# sourceMappingURL=ErrorState.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.cjs","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"],"names":["ErrorState","title","description","onRetry","retryLabel","icon","className","cn","styles","jsx","AlertIcon","Button"],"mappings":"gOAeO,SAASA,EAAW,CACvB,MAAAC,EAAQ,kBACR,YAAAC,EAAc,+CACd,QAAAC,EACA,WAAAC,EAAa,mBACb,KAAAC,EACA,UAAAC,CACJ,EAAoB,CAChB,cACK,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASF,CAAS,EACxC,SAAA,CAAAG,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,KAAO,SAAAH,GAAQI,EAAAA,IAACC,IAAU,CAAA,CAAG,EACpDD,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,MAAQ,SAAAP,EAAM,EACnCC,GAAeO,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,YAAc,SAAAN,EAAY,EAC9DC,GACGM,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OACnB,SAAAC,EAAAA,IAACE,EAAAA,OAAA,CAAO,QAAQ,YAAY,QAASR,EAChC,WACL,CAAA,CACJ,CAAA,EAER,CAER,CAEA,SAASO,GAAY,CACjB,OACID,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,qGACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEvB,CAER"}
+{"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,WAA5C,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CAAO,CAAA,GACzD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EACvC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,EACjE,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBACnB,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,QAAQ,YAAY,QAAS,WAChC,CACG,CAAA,CACP,CAAA,CAER,GAEb,CAEA,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,qGACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb"}