tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/Menubar/Menubar.js

@@ -1,84 +1,96 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useState as k, useId as v, useRef as h, useCallback as N, useEffect as E } from "react";
-import { cn as w } from "../../utils/cn.js";
-import t from "./Menubar.module.css.js";
-function L(s) {
-  return "separator" in s;
+import { cn as e } from "../../utils/cn.js";
+import t from "./Menubar.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/Menubar/Menubar.tsx
+function l(e) {
+	return "separator" in e;
 }
-function S({ menus: s, className: b, ...g }) {
-  const [c, i] = k(-1), y = v(), p = h(null), u = h([]), d = N(() => {
-    i(-1);
-  }, []);
-  return E(() => {
-    if (c === -1) return;
-    const l = (e) => {
-      if (e.key === "Escape") {
-        d(), u.current[c]?.focus();
-        return;
-      }
-      if (e.key === "ArrowRight") {
-        e.preventDefault();
-        const o = (c + 1) % s.length;
-        i(o), u.current[o]?.focus();
-      }
-      if (e.key === "ArrowLeft") {
-        e.preventDefault();
-        const o = (c - 1 + s.length) % s.length;
-        i(o), u.current[o]?.focus();
-      }
-    }, n = (e) => {
-      p.current && !p.current.contains(e.target) && d();
-    };
-    return window.addEventListener("keydown", l), window.addEventListener("mousedown", n), () => {
-      window.removeEventListener("keydown", l), window.removeEventListener("mousedown", n);
-    };
-  }, [c, s.length, d]), /* @__PURE__ */ a("div", { ref: p, role: "menubar", className: w(t.root, b), ...g, children: s.map((l, n) => {
-    const e = c === n, o = `${y}-panel-${n}`;
-    return /* @__PURE__ */ m("div", { className: t.menu, children: [
-      /* @__PURE__ */ a(
-        "button",
-        {
-          ref: (r) => {
-            u.current[n] = r;
-          },
-          type: "button",
-          role: "menuitem",
-          "aria-haspopup": "menu",
-          "aria-expanded": e,
-          "aria-controls": e ? o : void 0,
-          className: w(t.trigger, e && t.triggerOpen),
-          onClick: () => i((r) => r === n ? -1 : n),
-          children: l.label
-        }
-      ),
-      e && /* @__PURE__ */ a("ul", { id: o, role: "menu", className: t.panel, children: l.items.map((r, f) => L(r) ? /* @__PURE__ */ a(
-        "li",
-        {
-          role: "separator",
-          className: t.separator,
-          "aria-hidden": !0
-        },
-        f
-      ) : /* @__PURE__ */ a("li", { role: "none", children: /* @__PURE__ */ m(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          className: t.item,
-          disabled: r.disabled,
-          onClick: () => {
-            r.onSelect?.(), d();
-          },
-          children: [
-            /* @__PURE__ */ a("span", { className: t.itemLabel, children: r.label }),
-            r.shortcut && /* @__PURE__ */ a("span", { className: t.shortcut, children: r.shortcut })
-          ]
-        }
-      ) }, f)) })
-    ] }, n);
-  }) });
+function u({ menus: u, className: d, ...f }) {
+	let [p, m] = o(-1), h = i(), g = a(null), _ = a([]), v = n(() => {
+		m(-1);
+	}, []);
+	return r(() => {
+		if (p === -1) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				v(), _.current[p]?.focus();
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault();
+				let t = (p + 1) % u.length;
+				m(t), _.current[t]?.focus();
+			}
+			if (e.key === "ArrowLeft") {
+				e.preventDefault();
+				let t = (p - 1 + u.length) % u.length;
+				m(t), _.current[t]?.focus();
+			}
+		}, t = (e) => {
+			g.current && !g.current.contains(e.target) && v();
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		p,
+		u.length,
+		v
+	]), /* @__PURE__ */ s("div", {
+		ref: g,
+		role: "menubar",
+		className: e(t.root, d),
+		...f,
+		children: u.map((n, r) => {
+			let i = p === r, a = `${h}-panel-${r}`;
+			return /* @__PURE__ */ c("div", {
+				className: t.menu,
+				children: [/* @__PURE__ */ s("button", {
+					ref: (e) => {
+						_.current[r] = e;
+					},
+					type: "button",
+					role: "menuitem",
+					"aria-haspopup": "menu",
+					"aria-expanded": i,
+					"aria-controls": i ? a : void 0,
+					className: e(t.trigger, i && t.triggerOpen),
+					onClick: () => m((e) => e === r ? -1 : r),
+					children: n.label
+				}), i && /* @__PURE__ */ s("ul", {
+					id: a,
+					role: "menu",
+					className: t.panel,
+					children: n.items.map((e, n) => l(e) ? /* @__PURE__ */ s("li", {
+						role: "separator",
+						className: t.separator,
+						"aria-hidden": !0
+					}, n) : /* @__PURE__ */ s("li", {
+						role: "none",
+						children: /* @__PURE__ */ c("button", {
+							type: "button",
+							role: "menuitem",
+							className: t.item,
+							disabled: e.disabled,
+							onClick: () => {
+								e.onSelect?.(), v();
+							},
+							children: [/* @__PURE__ */ s("span", {
+								className: t.itemLabel,
+								children: e.label
+							}), e.shortcut && /* @__PURE__ */ s("span", {
+								className: t.shortcut,
+								children: e.shortcut
+							})]
+						})
+					}, n))
+				})]
+			}, r);
+		})
+	});
 }
-export {
-  S as Menubar
-};
-//# sourceMappingURL=Menubar.js.map
+//#endregion
+export { u as Menubar };
+
+//# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar/Menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.js","sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.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    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"names":["isSeparator","item","Menubar","menus","className","props","openIndex","setOpenIndex","useState","baseId","useId","rootRef","useRef","triggerRefs","close","useCallback","useEffect","onKey","event","next","prev","onDown","cn","styles","menu","index","open","panelId","jsxs","jsx","el","itemIndex"],"mappings":";;;;AA8BA,SAASA,EAAYC,GAAgD;AACjE,SAAO,eAAeA;AAC1B;AAwBO,SAASC,EAAQ,EAAE,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAAuB;AAClE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAiB,EAAE,GAC/CC,IAASC,EAAA,GACTC,IAAUC,EAAuB,IAAI,GACrCC,IAAcD,EAAwC,EAAE,GAExDE,IAAQC,EAAY,MAAY;AAClC,IAAAR,EAAa,EAAE;AAAA,EACnB,GAAG,CAAA,CAAE;AAEL,SAAAS,EAAU,MAAM;AACZ,QAAIV,MAAc,GAAI;AACtB,UAAMW,IAAQ,CAACC,MAA+B;AAC1C,UAAIA,EAAM,QAAQ,UAAU;AACxB,QAAAJ,EAAA,GACAD,EAAY,QAAQP,CAAS,GAAG,MAAA;AAChC;AAAA,MACJ;AACA,UAAIY,EAAM,QAAQ,cAAc;AAC5B,QAAAA,EAAM,eAAA;AACN,cAAMC,KAAQb,IAAY,KAAKH,EAAM;AACrC,QAAAI,EAAaY,CAAI,GACjBN,EAAY,QAAQM,CAAI,GAAG,MAAA;AAAA,MAC/B;AACA,UAAID,EAAM,QAAQ,aAAa;AAC3B,QAAAA,EAAM,eAAA;AACN,cAAME,KAAQd,IAAY,IAAIH,EAAM,UAAUA,EAAM;AACpD,QAAAI,EAAaa,CAAI,GACjBP,EAAY,QAAQO,CAAI,GAAG,MAAA;AAAA,MAC/B;AAAA,IACJ,GACMC,IAAS,CAACH,MAA4B;AACxC,MAAIP,EAAQ,WAAW,CAACA,EAAQ,QAAQ,SAASO,EAAM,MAAc,KAAGJ,EAAA;AAAA,IAC5E;AACA,kBAAO,iBAAiB,WAAWG,CAAK,GACxC,OAAO,iBAAiB,aAAaI,CAAM,GACpC,MAAM;AACT,aAAO,oBAAoB,WAAWJ,CAAK,GAC3C,OAAO,oBAAoB,aAAaI,CAAM;AAAA,IAClD;AAAA,EACJ,GAAG,CAACf,GAAWH,EAAM,QAAQW,CAAK,CAAC,qBAG9B,OAAA,EAAI,KAAKH,GAAS,MAAK,WAAU,WAAWW,EAAGC,EAAO,MAAMnB,CAAS,GAAI,GAAGC,GACxE,YAAM,IAAI,CAACmB,GAAMC,MAAU;AACxB,UAAMC,IAAOpB,MAAcmB,GACrBE,IAAU,GAAGlB,CAAM,UAAUgB,CAAK;AACxC,WACI,gBAAAG,EAAC,OAAA,EAAgB,WAAWL,EAAO,MAC/B,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,CAACC,MAAO;AACT,YAAAjB,EAAY,QAAQY,CAAK,IAAIK;AAAA,UACjC;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,iBAAc;AAAA,UACd,iBAAeJ;AAAA,UACf,iBAAeA,IAAOC,IAAU;AAAA,UAChC,WAAWL,EAAGC,EAAO,SAASG,KAAQH,EAAO,WAAW;AAAA,UACxD,SAAS,MAAMhB,EAAa,CAACa,MAAUA,MAASK,IAAQ,KAAKA,CAAM;AAAA,UAElE,UAAAD,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAETE,KACG,gBAAAG,EAAC,MAAA,EAAG,IAAIF,GAAS,MAAK,QAAO,WAAWJ,EAAO,OAC1C,UAAAC,EAAK,MAAM,IAAI,CAACvB,GAAM8B,MACf/B,EAAYC,CAAI,IAEZ,gBAAA4B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,MAAK;AAAA,UACL,WAAWN,EAAO;AAAA,UAClB,eAAW;AAAA,QAAA;AAAA,QAHNQ;AAAA,MAAA,IAQb,gBAAAF,EAAC,MAAA,EAAmB,MAAK,QACrB,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,MAAK;AAAA,UACL,WAAWL,EAAO;AAAA,UAClB,UAAUtB,EAAK;AAAA,UACf,SAAS,MAAM;AACX,YAAAA,EAAK,WAAA,GACLa,EAAA;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAe,EAAC,QAAA,EAAK,WAAWN,EAAO,WACnB,YAAK,OACV;AAAA,YACCtB,EAAK,YACF,gBAAA4B,EAAC,QAAA,EAAK,WAAWN,EAAO,UACnB,YAAK,SAAA,CACV;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KAjBHQ,CAoBT,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,GApDEN,CAsDV;AAAA,EAER,CAAC,EAAA,CACL;AAER;"}
+{"version":3,"file":"Menubar.js","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.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    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAS,EAAY,GAAgD;CACjE,OAAO,eAAe;AAC1B;AAwBA,SAAgB,EAAQ,EAAE,UAAO,cAAW,GAAG,KAAuB;CAClE,IAAM,CAAC,GAAW,KAAgB,EAAiB,EAAE,GAC/C,IAAS,EAAM,GACf,IAAU,EAAuB,IAAI,GACrC,IAAc,EAAwC,CAAC,CAAC,GAExD,IAAQ,QAAwB;EAClC,EAAa,EAAE;CACnB,GAAG,CAAC,CAAC;CAkCL,OAhCA,QAAgB;EACZ,IAAI,MAAc,IAAI;EACtB,IAAM,KAAS,MAA+B;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAExB,AADA,EAAM,GACN,EAAY,QAAQ,EAAU,EAAE,MAAM;IACtC;GACJ;GACA,IAAI,EAAM,QAAQ,cAAc;IAC5B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,KAAK,EAAM;IAErC,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;GACA,IAAI,EAAM,QAAQ,aAAa;IAC3B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,IAAI,EAAM,UAAU,EAAM;IAEpD,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;EACJ,GACM,KAAU,MAA4B;GACxC,AAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,KAAG,EAAM;EAClF;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAK,GACxC,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG;EAAC;EAAW,EAAM;EAAQ;CAAK,CAAC,GAG/B,kBAAC,OAAD;EAAK,KAAK;EAAS,MAAK;EAAU,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YACxE,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAO,MAAc,GACrB,IAAU,GAAG,EAAO,SAAS;GACnC,OACI,kBAAC,OAAD;IAAiB,WAAW,EAAO;cAAnC,CACI,kBAAC,UAAD;KACI,MAAM,MAAO;MACT,EAAY,QAAQ,KAAS;KACjC;KACA,MAAK;KACL,MAAK;KACL,iBAAc;KACd,iBAAe;KACf,iBAAe,IAAO,IAAU,KAAA;KAChC,WAAW,EAAG,EAAO,SAAS,KAAQ,EAAO,WAAW;KACxD,eAAe,GAAc,MAAU,MAAS,IAAQ,KAAK,CAAM;eAElE,EAAK;IACF,CAAA,GACP,KACG,kBAAC,MAAD;KAAI,IAAI;KAAS,MAAK;KAAO,WAAW,EAAO;eAC1C,EAAK,MAAM,KAAK,GAAM,MACf,EAAY,CAAI,IAEZ,kBAAC,MAAD;MAEI,MAAK;MACL,WAAW,EAAO;MAClB,eAAA;KACH,GAJQ,CAIR,IAIL,kBAAC,MAAD;MAAoB,MAAK;gBACrB,kBAAC,UAAD;OACI,MAAK;OACL,MAAK;OACL,WAAW,EAAO;OAClB,UAAU,EAAK;OACf,eAAe;QAEX,AADA,EAAK,WAAW,GAChB,EAAM;OACV;iBARJ,CAUI,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACnB,EAAK;OACJ,CAAA,GACL,EAAK,YACF,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACnB,EAAK;OACJ,CAAA,CAEN;;KACR,GApBK,CAoBL,CAEX;IACD,CAAA,CAEP;MAtDK,CAsDL;EAEb,CAAC;CACA,CAAA;AAEb"}

package/dist/components/Menubar/Menubar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_PGUO2`,t=`tempest_menu_hEVLT`,n=`tempest_trigger_ZlZBx`,r=`tempest_triggerOpen_Hpfbu`,i=`tempest_panel_6ta6u`,a=`tempest_tempest-menubar-in_gOQQD`,o=`tempest_item_wM-61`,s=`tempest_itemLabel_wXfB2`,c=`tempest_shortcut_qNlmN`,l=`tempest_separator_LfK3t`,u={root:e,menu:t,trigger:n,triggerOpen:r,panel:i,tempestMenubarIn:a,item:o,itemLabel:s,shortcut:c,separator:l};exports.default=u,exports.item=o,exports.itemLabel=s,exports.menu=t,exports.panel=i,exports.root=e,exports.separator=l,exports.shortcut=c,exports.tempestMenubarIn=a,exports.trigger=n,exports.triggerOpen=r;
+//# sourceMappingURL=Menubar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.module.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.module.css"],"sourcesContent":[".root {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.menu {\n    position: relative;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    padding: var(--tempest-space-1) 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    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.triggerOpen {\n    background-color: var(--tempest-surface);\n}\n\n.panel {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 200px;\n    max-width: 360px;\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    list-style: none;\n    margin: 0;\n    animation: tempest-menubar-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-4);\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: var(--tempest-text-base);\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    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.itemLabel {\n    flex: 1;\n}\n\n.shortcut {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n@keyframes tempest-menubar-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    .panel {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Menubar/Menubar.module.js

@@ -0,0 +1,17 @@
+//#region src/components/Menubar/Menubar.module.css
+var e = "tempest_root_PGUO2", t = "tempest_menu_hEVLT", n = "tempest_trigger_ZlZBx", r = "tempest_triggerOpen_Hpfbu", i = "tempest_panel_6ta6u", a = "tempest_tempest-menubar-in_gOQQD", o = "tempest_item_wM-61", s = "tempest_itemLabel_wXfB2", c = "tempest_shortcut_qNlmN", l = "tempest_separator_LfK3t", u = {
+	root: e,
+	menu: t,
+	trigger: n,
+	triggerOpen: r,
+	panel: i,
+	tempestMenubarIn: a,
+	item: o,
+	itemLabel: s,
+	shortcut: c,
+	separator: l
+};
+//#endregion
+export { u as default, o as item, s as itemLabel, t as menu, i as panel, e as root, l as separator, c as shortcut, a as tempestMenubarIn, n as trigger, r as triggerOpen };
+
+//# sourceMappingURL=Menubar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.module.js","names":[],"sources":["../../../src/components/Menubar/Menubar.module.css"],"sourcesContent":[".root {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.menu {\n    position: relative;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    padding: var(--tempest-space-1) 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    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.triggerOpen {\n    background-color: var(--tempest-surface);\n}\n\n.panel {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 200px;\n    max-width: 360px;\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    list-style: none;\n    margin: 0;\n    animation: tempest-menubar-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-4);\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: var(--tempest-text-base);\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    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.itemLabel {\n    flex: 1;\n}\n\n.shortcut {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n@keyframes tempest-menubar-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    .panel {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Modal/Modal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),w=require("react-dom"),k=require("../../utils/cn.cjs"),e=require("./Modal.module.css.cjs");function p({open:l,onClose:a,title:t,children:f,footer:d,size:m="md",closeOnBackdrop:y=!0,closeOnEsc:n=!0,className:h,hideCloseButton:s=!1,fullscreen:v=!1,fullscreenOnMobile:x=!1,"aria-label":b}){const i=c.useId();return c.useEffect(()=>{if(!l)return;const o=document.body.style.overflow;document.body.style.overflow="hidden";const u=j=>{n&&j.key==="Escape"&&a()};return window.addEventListener("keydown",u),()=>{document.body.style.overflow=o,window.removeEventListener("keydown",u)}},[l,n,a]),!l||typeof document>"u"?null:w.createPortal(r.jsx("div",{className:e.default.overlay,role:"presentation",onClick:()=>{y&&a()},children:r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":t?i:void 0,"aria-label":t?void 0:b,className:k.cn(e.default.dialog,N(m),v&&e.default.fullscreen,x&&e.default.fullscreenOnMobile,h),onClick:o=>o.stopPropagation(),children:[(t||!s)&&r.jsxs("header",{className:e.default.header,children:[t&&r.jsx("h3",{id:i,className:e.default.title,children:t}),!s&&r.jsx("button",{type:"button",className:e.default.close,"aria-label":"Fechar",onClick:a,children:r.jsx(g,{})})]}),r.jsx("div",{className:e.default.body,children:f}),d&&r.jsx("footer",{className:e.default.footer,children:d})]})}),document.body)}function N(l){return l==="2xl"?e.default.size2xl:l==="3xl"?e.default.size3xl:e.default[l]}function g(){return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:r.jsx("path",{d:"M6 6l12 12M6 18L18 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}exports.Modal=p;
-//# sourceMappingURL=Modal.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Modal.module.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom");function a({open:a,onClose:c,title:l,children:u,footer:d,size:f=`md`,closeOnBackdrop:p=!0,closeOnEsc:m=!0,className:h,hideCloseButton:g=!1,fullscreen:_=!1,fullscreenOnMobile:v=!1,"aria-label":y}){let b=(0,n.useId)();return(0,n.useEffect)(()=>{if(!a)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{m&&e.key===`Escape`&&c()};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[a,m,c]),!a||typeof document>`u`?null:(0,i.createPortal)((0,r.jsx)(`div`,{className:t.default.overlay,role:`presentation`,onClick:()=>{p&&c()},children:(0,r.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":l?b:void 0,"aria-label":l?void 0:y,className:e.cn(t.default.dialog,o(f),_&&t.default.fullscreen,v&&t.default.fullscreenOnMobile,h),onClick:e=>e.stopPropagation(),children:[(l||!g)&&(0,r.jsxs)(`header`,{className:t.default.header,children:[l&&(0,r.jsx)(`h3`,{id:b,className:t.default.title,children:l}),!g&&(0,r.jsx)(`button`,{type:`button`,className:t.default.close,"aria-label":`Fechar`,onClick:c,children:(0,r.jsx)(s,{})})]}),(0,r.jsx)(`div`,{className:t.default.body,children:u}),d&&(0,r.jsx)(`footer`,{className:t.default.footer,children:d})]})}),document.body)}function o(e){return e===`2xl`?t.default.size2xl:e===`3xl`?t.default.size3xl:t.default[e]}function s(){return(0,r.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M6 6l12 12M6 18L18 6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}exports.Modal=a;
+//# sourceMappingURL=Modal.cjs.map

package/dist/components/Modal/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Modal","open","onClose","title","children","footer","size","closeOnBackdrop","closeOnEsc","className","hideCloseButton","fullscreen","fullscreenOnMobile","ariaLabel","titleId","useId","useEffect","previousOverflow","handleKey","event","createPortal","jsx","styles","jsxs","cn","sizeClassName","CloseIcon"],"mappings":"mOAuCO,SAASA,EAAM,CAClB,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,KACP,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,UAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,mBAAAC,EAAqB,GACrB,aAAcC,CAClB,EAAe,CACX,MAAMC,EAAUC,EAAAA,MAAA,EAiBhB,OAhBAC,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACf,EAAM,OACX,MAAMgB,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAE/B,MAAMC,EAAaC,GAA+B,CAC1CX,GAAcW,EAAM,MAAQ,UAAUjB,EAAA,CAC9C,EACA,cAAO,iBAAiB,UAAWgB,CAAS,EAErC,IAAM,CACT,SAAS,KAAK,MAAM,SAAWD,EAC/B,OAAO,oBAAoB,UAAWC,CAAS,CACnD,CACJ,EAAG,CAACjB,EAAMO,EAAYN,CAAO,CAAC,EAE1B,CAACD,GAAQ,OAAO,SAAa,IAAoB,KAE9CmB,EAAAA,aACHC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,QAAO,QAClB,KAAK,eACL,QAAS,IAAM,CACPf,GAAiBL,EAAA,CACzB,EAEA,SAAAqB,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,aAAW,OACX,kBAAiBpB,EAAQW,EAAU,OACnC,aAAYX,EAAQ,OAAYU,EAChC,UAAWW,EAAAA,GACPF,EAAAA,QAAO,OACPG,EAAcnB,CAAI,EAClBK,GAAcW,EAAAA,QAAO,WACrBV,GAAsBU,EAAAA,QAAO,mBAC7Bb,CAAA,EAEJ,QAAUU,GAAUA,EAAM,gBAAA,EAExB,SAAA,EAAAhB,GAAS,CAACO,IACRa,OAAC,SAAA,CAAO,UAAWD,EAAAA,QAAO,OACrB,SAAA,CAAAnB,SACI,KAAA,CAAG,GAAIW,EAAS,UAAWQ,UAAO,MAC9B,SAAAnB,CAAA,CACL,EAEH,CAACO,GACEW,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,QAAO,MAClB,aAAW,SACX,QAASpB,EAET,eAACwB,EAAA,CAAA,CAAU,CAAA,CAAA,CACf,EAER,EAEJL,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,KAAO,SAAAlB,EAAS,EACtCC,GAAUgB,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OAAS,SAAAjB,CAAA,CAAO,CAAA,CAAA,CAAA,CACzD,CAAA,EAEJ,SAAS,IAAA,CAEjB,CAEA,SAASoB,EAAcnB,EAAqC,CACxD,OAAIA,IAAS,MAAcgB,EAAAA,QAAO,QAC9BhB,IAAS,MAAcgB,EAAAA,QAAO,QAC3BA,EAAAA,QAAOhB,CAAI,CACtB,CAEA,SAASoB,GAAY,CACjB,OACIL,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OAAA,CAAA,EAEtB,CAER"}
+{"version":3,"file":"Modal.cjs","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"mJAuCA,SAAgB,EAAM,CAClB,OACA,UACA,QACA,WACA,SACA,OAAO,KACP,kBAAkB,GAClB,aAAa,GACb,YACA,kBAAkB,GAClB,aAAa,GACb,qBAAqB,GACrB,aAAc,GACH,CACX,IAAM,GAAA,EAAA,EAAA,MAAA,CAAgB,EAmBtB,OAlBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAE/B,IAAM,EAAa,GAA+B,CAC1C,GAAc,EAAM,MAAQ,UAAU,EAAQ,CACtD,EAGA,OAFA,OAAO,iBAAiB,UAAW,CAAS,MAE/B,CACT,SAAS,KAAK,MAAM,SAAW,EAC/B,OAAO,oBAAoB,UAAW,CAAS,CACnD,CACJ,EAAG,CAAC,EAAM,EAAY,CAAO,CAAC,EAE1B,CAAC,GAAQ,OAAO,SAAa,IAAoB,MAErD,EAAA,EAAA,aAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,QAClB,KAAK,eACL,YAAe,CACP,GAAiB,EAAQ,CACjC,YAEA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,aAAW,OACX,kBAAiB,EAAQ,EAAU,IAAA,GACnC,aAAY,EAAQ,IAAA,GAAY,EAChC,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAc,CAAI,EAClB,GAAc,EAAA,QAAO,WACrB,GAAsB,EAAA,QAAO,mBAC7B,CACJ,EACA,QAAU,GAAU,EAAM,gBAAgB,WAZ9C,EAcM,GAAS,CAAC,KACR,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,CACK,IACG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAS,UAAW,EAAA,QAAO,eAC9B,CACD,CAAA,EAEP,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAW,SACX,QAAS,YAET,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAER,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAC3C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC5D,GACJ,CAAA,EACL,SAAS,IACb,CACJ,CAEA,SAAS,EAAc,EAAqC,CAGxD,OAFI,IAAS,MAAc,EAAA,QAAO,QAC9B,IAAS,MAAc,EAAA,QAAO,QAC3B,EAAA,QAAO,EAClB,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,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}

package/dist/components/Modal/Modal.js

@@ -1,97 +1,83 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { useId as k, useEffect as x } from "react";
-import { createPortal as N } from "react-dom";
-import { cn as g } from "../../utils/cn.js";
-import e from "./Modal.module.css.js";
-function z({
-  open: o,
-  onClose: n,
-  title: l,
-  children: u,
-  footer: a,
-  size: m = "md",
-  closeOnBackdrop: h = !0,
-  closeOnEsc: i = !0,
-  className: y,
-  hideCloseButton: d = !1,
-  fullscreen: v = !1,
-  fullscreenOnMobile: b = !1,
-  "aria-label": p
-}) {
-  const s = k();
-  return x(() => {
-    if (!o) return;
-    const t = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    const c = (w) => {
-      i && w.key === "Escape" && n();
-    };
-    return window.addEventListener("keydown", c), () => {
-      document.body.style.overflow = t, window.removeEventListener("keydown", c);
-    };
-  }, [o, i, n]), !o || typeof document > "u" ? null : N(
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: e.overlay,
-        role: "presentation",
-        onClick: () => {
-          h && n();
-        },
-        children: /* @__PURE__ */ f(
-          "div",
-          {
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": l ? s : void 0,
-            "aria-label": l ? void 0 : p,
-            className: g(
-              e.dialog,
-              L(m),
-              v && e.fullscreen,
-              b && e.fullscreenOnMobile,
-              y
-            ),
-            onClick: (t) => t.stopPropagation(),
-            children: [
-              (l || !d) && /* @__PURE__ */ f("header", { className: e.header, children: [
-                l && /* @__PURE__ */ r("h3", { id: s, className: e.title, children: l }),
-                !d && /* @__PURE__ */ r(
-                  "button",
-                  {
-                    type: "button",
-                    className: e.close,
-                    "aria-label": "Fechar",
-                    onClick: n,
-                    children: /* @__PURE__ */ r(M, {})
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ r("div", { className: e.body, children: u }),
-              a && /* @__PURE__ */ r("footer", { className: e.footer, children: a })
-            ]
-          }
-        )
-      }
-    ),
-    document.body
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Modal.module.js";
+import { useEffect as n, useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createPortal as o } from "react-dom";
+//#region src/components/Modal/Modal.tsx
+function s({ open: s, onClose: u, title: d, children: f, footer: p, size: m = "md", closeOnBackdrop: h = !0, closeOnEsc: g = !0, className: _, hideCloseButton: v = !1, fullscreen: y = !1, fullscreenOnMobile: b = !1, "aria-label": x }) {
+	let S = r();
+	return n(() => {
+		if (!s) return;
+		let e = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let t = (e) => {
+			g && e.key === "Escape" && u();
+		};
+		return window.addEventListener("keydown", t), () => {
+			document.body.style.overflow = e, window.removeEventListener("keydown", t);
+		};
+	}, [
+		s,
+		g,
+		u
+	]), !s || typeof document > "u" ? null : o(/* @__PURE__ */ i("div", {
+		className: t.overlay,
+		role: "presentation",
+		onClick: () => {
+			h && u();
+		},
+		children: /* @__PURE__ */ a("div", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": d ? S : void 0,
+			"aria-label": d ? void 0 : x,
+			className: e(t.dialog, c(m), y && t.fullscreen, b && t.fullscreenOnMobile, _),
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				(d || !v) && /* @__PURE__ */ a("header", {
+					className: t.header,
+					children: [d && /* @__PURE__ */ i("h3", {
+						id: S,
+						className: t.title,
+						children: d
+					}), !v && /* @__PURE__ */ i("button", {
+						type: "button",
+						className: t.close,
+						"aria-label": "Fechar",
+						onClick: u,
+						children: /* @__PURE__ */ i(l, {})
+					})]
+				}),
+				/* @__PURE__ */ i("div", {
+					className: t.body,
+					children: f
+				}),
+				p && /* @__PURE__ */ i("footer", {
+					className: t.footer,
+					children: p
+				})
+			]
+		})
+	}), document.body);
 }
-function L(o) {
-  return o === "2xl" ? e.size2xl : o === "3xl" ? e.size3xl : e[o];
+function c(e) {
+	return e === "2xl" ? t.size2xl : e === "3xl" ? t.size3xl : t[e];
 }
-function M() {
-  return /* @__PURE__ */ r("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ r(
-    "path",
-    {
-      d: "M6 6l12 12M6 18L18 6",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    }
-  ) });
+function l() {
+	return /* @__PURE__ */ i("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ i("path", {
+			d: "M6 6l12 12M6 18L18 6",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	});
 }
-export {
-  z as Modal
-};
-//# sourceMappingURL=Modal.js.map
+//#endregion
+export { s as Modal };
+
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Modal","open","onClose","title","children","footer","size","closeOnBackdrop","closeOnEsc","className","hideCloseButton","fullscreen","fullscreenOnMobile","ariaLabel","titleId","useId","useEffect","previousOverflow","handleKey","event","createPortal","jsx","styles","jsxs","cn","sizeClassName","CloseIcon"],"mappings":";;;;;AAuCO,SAASA,EAAM;AAAA,EAClB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,oBAAAC,IAAqB;AAAA,EACrB,cAAcC;AAClB,GAAe;AACX,QAAMC,IAAUC,EAAA;AAiBhB,SAhBAC,EAAU,MAAM;AACZ,QAAI,CAACf,EAAM;AACX,UAAMgB,IAAmB,SAAS,KAAK,MAAM;AAC7C,aAAS,KAAK,MAAM,WAAW;AAE/B,UAAMC,IAAY,CAACC,MAA+B;AAC9C,MAAIX,KAAcW,EAAM,QAAQ,YAAUjB,EAAA;AAAA,IAC9C;AACA,kBAAO,iBAAiB,WAAWgB,CAAS,GAErC,MAAM;AACT,eAAS,KAAK,MAAM,WAAWD,GAC/B,OAAO,oBAAoB,WAAWC,CAAS;AAAA,IACnD;AAAA,EACJ,GAAG,CAACjB,GAAMO,GAAYN,CAAO,CAAC,GAE1B,CAACD,KAAQ,OAAO,WAAa,MAAoB,OAE9CmB;AAAA,IACH,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAO;AAAA,QAClB,MAAK;AAAA,QACL,SAAS,MAAM;AACX,UAAIf,KAAiBL,EAAA;AAAA,QACzB;AAAA,QAEA,UAAA,gBAAAqB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,cAAW;AAAA,YACX,mBAAiBpB,IAAQW,IAAU;AAAA,YACnC,cAAYX,IAAQ,SAAYU;AAAA,YAChC,WAAWW;AAAA,cACPF,EAAO;AAAA,cACPG,EAAcnB,CAAI;AAAA,cAClBK,KAAcW,EAAO;AAAA,cACrBV,KAAsBU,EAAO;AAAA,cAC7Bb;AAAA,YAAA;AAAA,YAEJ,SAAS,CAACU,MAAUA,EAAM,gBAAA;AAAA,YAExB,UAAA;AAAA,eAAAhB,KAAS,CAACO,MACR,gBAAAa,EAAC,UAAA,EAAO,WAAWD,EAAO,QACrB,UAAA;AAAA,gBAAAnB,uBACI,MAAA,EAAG,IAAIW,GAAS,WAAWQ,EAAO,OAC9B,UAAAnB,EAAA,CACL;AAAA,gBAEH,CAACO,KACE,gBAAAW;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,WAAWC,EAAO;AAAA,oBAClB,cAAW;AAAA,oBACX,SAASpB;AAAA,oBAET,4BAACwB,GAAA,CAAA,CAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACf,GAER;AAAA,cAEJ,gBAAAL,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAlB,GAAS;AAAA,cACtCC,KAAU,gBAAAgB,EAAC,UAAA,EAAO,WAAWC,EAAO,QAAS,UAAAjB,EAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACzD;AAAA,IAAA;AAAA,IAEJ,SAAS;AAAA,EAAA;AAEjB;AAEA,SAASoB,EAAcnB,GAAqC;AACxD,SAAIA,MAAS,QAAcgB,EAAO,UAC9BhB,MAAS,QAAcgB,EAAO,UAC3BA,EAAOhB,CAAI;AACtB;AAEA,SAASoB,IAAY;AACjB,SACI,gBAAAL,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACjD,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,IAAA;AAAA,EAAA,GAEtB;AAER;"}
+{"version":3,"file":"Modal.js","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;;AAuCA,SAAgB,EAAM,EAClB,SACA,YACA,UACA,aACA,WACA,UAAO,MACP,qBAAkB,IAClB,gBAAa,IACb,cACA,qBAAkB,IAClB,gBAAa,IACb,wBAAqB,IACrB,cAAc,KACH;CACX,IAAM,IAAU,EAAM;CAmBtB,OAlBA,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAmB,SAAS,KAAK,MAAM;EAC7C,SAAS,KAAK,MAAM,WAAW;EAE/B,IAAM,KAAa,MAA+B;GAC9C,AAAI,KAAc,EAAM,QAAQ,YAAU,EAAQ;EACtD;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAS,SAE/B;GAET,AADA,SAAS,KAAK,MAAM,WAAW,GAC/B,OAAO,oBAAoB,WAAW,CAAS;EACnD;CACJ,GAAG;EAAC;EAAM;EAAY;CAAO,CAAC,GAE1B,CAAC,KAAQ,OAAO,WAAa,MAAoB,OAE9C,EACH,kBAAC,OAAD;EACI,WAAW,EAAO;EAClB,MAAK;EACL,eAAe;GACX,AAAI,KAAiB,EAAQ;EACjC;YAEA,kBAAC,OAAD;GACI,MAAK;GACL,cAAW;GACX,mBAAiB,IAAQ,IAAU,KAAA;GACnC,cAAY,IAAQ,KAAA,IAAY;GAChC,WAAW,EACP,EAAO,QACP,EAAc,CAAI,GAClB,KAAc,EAAO,YACrB,KAAsB,EAAO,oBAC7B,CACJ;GACA,UAAU,MAAU,EAAM,gBAAgB;aAZ9C;KAcM,KAAS,CAAC,MACR,kBAAC,UAAD;KAAQ,WAAW,EAAO;eAA1B,CACK,KACG,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAW,EAAO;gBAC9B;KACD,CAAA,GAEP,CAAC,KACE,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAW;MACX,SAAS;gBAET,kBAAC,GAAD,CAAY,CAAA;KACR,CAAA,CAER;;IAEZ,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAO;IAAc,CAAA;IAC3C,KAAU,kBAAC,UAAD;KAAQ,WAAW,EAAO;eAAS;IAAe,CAAA;GAC5D;;CACJ,CAAA,GACL,SAAS,IACb;AACJ;AAEA,SAAS,EAAc,GAAqC;CAGxD,OAFI,MAAS,QAAc,EAAO,UAC9B,MAAS,QAAc,EAAO,UAC3B,EAAO;AAClB;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Modal/Modal.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_overlay_dd9h1`,t=`tempest_tempest-fade-in_DvgSp`,n=`tempest_dialog_ptM-K`,r=`tempest_tempest-modal-in_UoxQC`,i=`tempest_sm_K5k3W`,a=`tempest_md_gvyR7`,o=`tempest_lg_BgB1a`,s=`tempest_xl_MR-68`,c=`tempest_size2xl_-PH9e`,l=`tempest_size3xl_iqDwN`,u=`tempest_fullscreen_o84Xi`,d=`tempest_fullscreenOnMobile_0bDwe`,f=`tempest_body_lVhql`,p=`tempest_header_ILG9i`,m=`tempest_footer_rro2w`,h=`tempest_title_A5OeE`,g=`tempest_close_-ER1C`,_={overlay:e,tempestFadeIn:t,dialog:n,tempestModalIn:r,sm:i,md:a,lg:o,xl:s,size2Xl:c,size3Xl:l,fullscreen:u,fullscreenOnMobile:d,body:f,header:p,footer:m,title:h,close:g};exports.body=f,exports.close=g,exports.default=_,exports.dialog=n,exports.footer=m,exports.fullscreen=u,exports.fullscreenOnMobile=d,exports.header=p,exports.lg=o,exports.md=a,exports.overlay=e,exports.size2Xl=c,exports.size3Xl=l,exports.sm=i,exports.tempestFadeIn=t,exports.tempestModalIn=r,exports.title=h,exports.xl=s;
+//# sourceMappingURL=Modal.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.cjs","names":[],"sources":["../../../src/components/Modal/Modal.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.55);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: max(var(--tempest-space-4), var(--tempest-safe-area-top))\n        max(var(--tempest-space-4), var(--tempest-safe-area-right))\n        max(var(--tempest-space-4), var(--tempest-safe-area-bottom))\n        max(var(--tempest-space-4), var(--tempest-safe-area-left));\n    z-index: var(--tempest-z-modal);\n    animation: tempest-fade-in var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.dialog {\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border-radius: var(--tempest-radius-xl);\n    box-shadow: var(--tempest-shadow-xl);\n    width: 100%;\n    max-height: 90vh;\n    max-height: 90dvh;\n    display: flex;\n    flex-direction: column;\n    animation: tempest-modal-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.sm {\n    max-width: 400px;\n}\n.md {\n    max-width: 560px;\n}\n.lg {\n    max-width: 800px;\n}\n.xl {\n    max-width: 1024px;\n}\n.size2xl {\n    max-width: 1280px;\n}\n.size3xl {\n    max-width: 1440px;\n}\n\n/* Fullscreen — fill entire viewport regardless of size. */\n.fullscreen {\n    max-width: 100%;\n    max-height: 100vh;\n    max-height: 100dvh;\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n}\n\n/* Auto-fullscreen below mobile breakpoint. */\n@media (max-width: 639.98px) {\n    .fullscreenOnMobile {\n        max-width: 100%;\n        max-height: 100vh;\n        max-height: 100dvh;\n        width: 100%;\n        height: 100%;\n        border-radius: 0;\n    }\n}\n\n/* Mobile padding adjustment for non-fullscreen modals. */\n@media (max-width: 639.98px) {\n    .dialog:not(.fullscreen):not(.fullscreenOnMobile) {\n        border-radius: var(--tempest-radius-lg);\n    }\n    .body {\n        padding: var(--tempest-space-4);\n    }\n    .header,\n    .footer {\n        padding: var(--tempest-space-3) var(--tempest-space-4);\n    }\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n}\n\n@keyframes tempest-fade-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-modal-in {\n    from {\n        opacity: 0;\n        transform: translateY(12px) scale(0.96);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .overlay,\n    .dialog {\n        animation: none;\n    }\n}\n"],"mappings":""}