tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),k=require("../../utils/cn.cjs"),t=require("./DropdownMenu.module.css.cjs");function C(l){switch(l){case"bottom-end":return t.default.bottomEnd;case"top-start":return t.default.topStart;case"top-end":return t.default.topEnd;default:return t.default.bottomStart}}function D({trigger:l,items:b,placement:j="bottom-start",className:v}){const[u,h]=a.useState(!1),[d,i]=a.useState(-1),x=a.useId(),p=a.useRef(null),m=a.useRef([]),r=b.map((e,n)=>e.type==="item"&&!e.disabled?n:-1).filter(e=>e!==-1),f=a.useCallback(()=>{h(!1),i(-1)},[]);a.useEffect(()=>{if(!u)return;const e=o=>{if(o.key==="Escape"){f();return}if(o.key==="ArrowDown"){o.preventDefault();const w=r.indexOf(d),c=r[(w+1)%r.length]??-1;i(c),m.current[c]?.focus()}if(o.key==="ArrowUp"){o.preventDefault();const w=r.indexOf(d),c=r[(w-1+r.length)%r.length]??-1;i(c),m.current[c]?.focus()}},n=o=>{p.current&&!p.current.contains(o.target)&&f()};return window.addEventListener("keydown",e),window.addEventListener("mousedown",n),()=>{window.removeEventListener("keydown",e),window.removeEventListener("mousedown",n)}},[u,d,r,f]);const E=e=>{l.props.onClick?.(e),h(n=>!n)},g={...l,props:{...l.props,onClick:E,"aria-expanded":u,"aria-controls":x,"aria-haspopup":"menu"}},S=e=>{e.onSelect(),f()};return s.jsxs("span",{ref:p,className:t.default.root,children:[g,u&&s.jsx("ul",{id:x,role:"menu",className:k.cn(t.default.menu,C(j),v),children:b.map((e,n)=>e.type==="separator"?s.jsx("li",{role:"separator",className:t.default.separator,"aria-hidden":!0},e.id):e.type==="label"?s.jsx("li",{role:"presentation",className:t.default.label,children:e.label},e.id):s.jsx("li",{role:"none",children:s.jsxs("button",{ref:o=>{m.current[n]=o},type:"button",role:"menuitem",className:k.cn(t.default.item,e.danger&&t.default.danger,d===n&&t.default.active),disabled:e.disabled,onClick:()=>S(e),onMouseEnter:()=>i(n),children:[e.icon&&s.jsx("span",{"aria-hidden":!0,children:e.icon}),e.label]})},e.id))})]})}exports.DropdownMenu=D;
-//# sourceMappingURL=DropdownMenu.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./DropdownMenu.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){switch(e){case`bottom-end`:return t.default.bottomEnd;case`top-start`:return t.default.topStart;case`top-end`:return t.default.topEnd;default:return t.default.bottomStart}}function a({trigger:a,items:o,placement:s=`bottom-start`,className:c}){let[l,u]=(0,n.useState)(!1),[d,f]=(0,n.useState)(-1),p=(0,n.useId)(),m=(0,n.useRef)(null),h=(0,n.useRef)([]),g=o.map((e,t)=>e.type===`item`&&!e.disabled?t:-1).filter(e=>e!==-1),_=(0,n.useCallback)(()=>{u(!1),f(-1)},[]);(0,n.useEffect)(()=>{if(!l)return;let e=e=>{if(e.key===`Escape`){_();return}if(e.key===`ArrowDown`){e.preventDefault();let t=g.indexOf(d),n=g[(t+1)%g.length]??-1;f(n),h.current[n]?.focus()}if(e.key===`ArrowUp`){e.preventDefault();let t=g.indexOf(d),n=g[(t-1+g.length)%g.length]??-1;f(n),h.current[n]?.focus()}},t=e=>{m.current&&!m.current.contains(e.target)&&_()};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[l,d,g,_]);let v=e=>{a.props.onClick?.(e),u(e=>!e)},y={...a,props:{...a.props,onClick:v,"aria-expanded":l,"aria-controls":p,"aria-haspopup":`menu`}},b=e=>{e.onSelect(),_()};return(0,r.jsxs)(`span`,{ref:m,className:t.default.root,children:[y,l&&(0,r.jsx)(`ul`,{id:p,role:`menu`,className:e.cn(t.default.menu,i(s),c),children:o.map((n,i)=>n.type===`separator`?(0,r.jsx)(`li`,{role:`separator`,className:t.default.separator,"aria-hidden":!0},n.id):n.type===`label`?(0,r.jsx)(`li`,{role:`presentation`,className:t.default.label,children:n.label},n.id):(0,r.jsx)(`li`,{role:`none`,children:(0,r.jsxs)(`button`,{ref:e=>{h.current[i]=e},type:`button`,role:`menuitem`,className:e.cn(t.default.item,n.danger&&t.default.danger,d===i&&t.default.active),disabled:n.disabled,onClick:()=>b(n),onMouseEnter:()=>f(i),children:[n.icon&&(0,r.jsx)(`span`,{"aria-hidden":!0,children:n.icon}),n.label]})},n.id))})]})}exports.DropdownMenu=a;
+//# sourceMappingURL=DropdownMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","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.cjs","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.js

@@ -1,109 +1,100 @@
-import { jsxs as k, jsx as c } from "react/jsx-runtime";
-import { useState as E, useId as I, useRef as v, useCallback as L, useEffect as A } from "react";
-import { cn as x } from "../../utils/cn.js";
-import t from "./DropdownMenu.module.css.js";
-function O(s) {
-  switch (s) {
-    case "bottom-end":
-      return t.bottomEnd;
-    case "top-start":
-      return t.topStart;
-    case "top-end":
-      return t.topEnd;
-    default:
-      return t.bottomStart;
-  }
+import { cn as e } from "../../utils/cn.js";
+import t from "./DropdownMenu.module.js";
+import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/DropdownMenu/DropdownMenu.tsx
+function l(e) {
+	switch (e) {
+		case "bottom-end": return t.bottomEnd;
+		case "top-start": return t.topStart;
+		case "top-end": return t.topEnd;
+		default: return t.bottomStart;
+	}
 }
-function T({
-  trigger: s,
-  items: w,
-  placement: C = "bottom-start",
-  className: g
-}) {
-  const [i, b] = E(!1), [l, d] = E(-1), h = I(), p = v(null), m = v([]), r = w.map((e, n) => e.type === "item" && !e.disabled ? n : -1).filter((e) => e !== -1), u = L(() => {
-    b(!1), d(-1);
-  }, []);
-  A(() => {
-    if (!i) return;
-    const e = (o) => {
-      if (o.key === "Escape") {
-        u();
-        return;
-      }
-      if (o.key === "ArrowDown") {
-        o.preventDefault();
-        const f = r.indexOf(l), a = r[(f + 1) % r.length] ?? -1;
-        d(a), m.current[a]?.focus();
-      }
-      if (o.key === "ArrowUp") {
-        o.preventDefault();
-        const f = r.indexOf(l), a = r[(f - 1 + r.length) % r.length] ?? -1;
-        d(a), m.current[a]?.focus();
-      }
-    }, n = (o) => {
-      p.current && !p.current.contains(o.target) && u();
-    };
-    return window.addEventListener("keydown", e), window.addEventListener("mousedown", n), () => {
-      window.removeEventListener("keydown", e), window.removeEventListener("mousedown", n);
-    };
-  }, [i, l, r, u]);
-  const D = (e) => {
-    s.props.onClick?.(e), b((n) => !n);
-  }, N = {
-    ...s,
-    props: {
-      ...s.props,
-      onClick: D,
-      "aria-expanded": i,
-      "aria-controls": h,
-      "aria-haspopup": "menu"
-    }
-  }, S = (e) => {
-    e.onSelect(), u();
-  };
-  return /* @__PURE__ */ k("span", { ref: p, className: t.root, children: [
-    N,
-    i && /* @__PURE__ */ c(
-      "ul",
-      {
-        id: h,
-        role: "menu",
-        className: x(t.menu, O(C), g),
-        children: w.map((e, n) => e.type === "separator" ? /* @__PURE__ */ c(
-          "li",
-          {
-            role: "separator",
-            className: t.separator,
-            "aria-hidden": !0
-          },
-          e.id
-        ) : e.type === "label" ? /* @__PURE__ */ c("li", { role: "presentation", className: t.label, children: e.label }, e.id) : /* @__PURE__ */ c("li", { role: "none", children: /* @__PURE__ */ k(
-          "button",
-          {
-            ref: (o) => {
-              m.current[n] = o;
-            },
-            type: "button",
-            role: "menuitem",
-            className: x(
-              t.item,
-              e.danger && t.danger,
-              l === n && t.active
-            ),
-            disabled: e.disabled,
-            onClick: () => S(e),
-            onMouseEnter: () => d(n),
-            children: [
-              e.icon && /* @__PURE__ */ c("span", { "aria-hidden": !0, children: e.icon }),
-              e.label
-            ]
-          }
-        ) }, e.id))
-      }
-    )
-  ] });
+function u({ trigger: u, items: d, placement: f = "bottom-start", className: p }) {
+	let [m, h] = o(!1), [g, _] = o(-1), v = i(), y = a(null), b = a([]), x = d.map((e, t) => e.type === "item" && !e.disabled ? t : -1).filter((e) => e !== -1), S = n(() => {
+		h(!1), _(-1);
+	}, []);
+	r(() => {
+		if (!m) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				S();
+				return;
+			}
+			if (e.key === "ArrowDown") {
+				e.preventDefault();
+				let t = x.indexOf(g), n = x[(t + 1) % x.length] ?? -1;
+				_(n), b.current[n]?.focus();
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault();
+				let t = x.indexOf(g), n = x[(t - 1 + x.length) % x.length] ?? -1;
+				_(n), b.current[n]?.focus();
+			}
+		}, t = (e) => {
+			y.current && !y.current.contains(e.target) && S();
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		m,
+		g,
+		x,
+		S
+	]);
+	let C = (e) => {
+		u.props.onClick?.(e), h((e) => !e);
+	}, w = {
+		...u,
+		props: {
+			...u.props,
+			onClick: C,
+			"aria-expanded": m,
+			"aria-controls": v,
+			"aria-haspopup": "menu"
+		}
+	}, T = (e) => {
+		e.onSelect(), S();
+	};
+	return /* @__PURE__ */ c("span", {
+		ref: y,
+		className: t.root,
+		children: [w, m && /* @__PURE__ */ s("ul", {
+			id: v,
+			role: "menu",
+			className: e(t.menu, l(f), p),
+			children: d.map((n, r) => n.type === "separator" ? /* @__PURE__ */ s("li", {
+				role: "separator",
+				className: t.separator,
+				"aria-hidden": !0
+			}, n.id) : n.type === "label" ? /* @__PURE__ */ s("li", {
+				role: "presentation",
+				className: t.label,
+				children: n.label
+			}, n.id) : /* @__PURE__ */ s("li", {
+				role: "none",
+				children: /* @__PURE__ */ c("button", {
+					ref: (e) => {
+						b.current[r] = e;
+					},
+					type: "button",
+					role: "menuitem",
+					className: e(t.item, n.danger && t.danger, g === r && t.active),
+					disabled: n.disabled,
+					onClick: () => T(n),
+					onMouseEnter: () => _(r),
+					children: [n.icon && /* @__PURE__ */ s("span", {
+						"aria-hidden": !0,
+						children: n.icon
+					}), n.label]
+				})
+			}, n.id))
+		})]
+	});
 }
-export {
-  T as DropdownMenu
-};
-//# sourceMappingURL=DropdownMenu.js.map
+//#endregion
+export { u as DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

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