tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/BottomSheet/BottomSheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.cjs","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    useEffect(() => {\n        if (!open || !dismissOnEsc) return;\n        const handler = (e: KeyboardEvent) => {\n            if (e.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handler);\n        return () => window.removeEventListener(\"keydown\", handler);\n    }, [open, dismissOnEsc, onClose]);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div className={styles.root} role=\"dialog\" aria-modal=\"true\">\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n"],"names":["BottomSheet","open","onClose","title","showHandle","dismissOnBackdrop","dismissOnEsc","className","children","props","useEffect","handler","e","previous","createPortal","jsxs","styles","jsx","cn"],"mappings":"yOA+BO,SAASA,EAAY,CACxB,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,GACb,kBAAAC,EAAoB,GACpB,aAAAC,EAAe,GACf,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAqB,CAmBjB,OAlBAC,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACT,GAAQ,CAACK,EAAc,OAC5B,MAAMK,EAAWC,GAAqB,CAC9BA,EAAE,MAAQ,UAAUV,EAAA,CAC5B,EACA,cAAO,iBAAiB,UAAWS,CAAO,EACnC,IAAM,OAAO,oBAAoB,UAAWA,CAAO,CAC9D,EAAG,CAACV,EAAMK,EAAcJ,CAAO,CAAC,EAEhCQ,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACT,EAAM,OACX,MAAMY,EAAW,SAAS,KAAK,MAAM,SACrC,gBAAS,KAAK,MAAM,SAAW,SACxB,IAAM,CACT,SAAS,KAAK,MAAM,SAAWA,CACnC,CACJ,EAAG,CAACZ,CAAI,CAAC,EAEL,CAACA,GAAQ,OAAO,SAAa,IAAoB,KAE9Ca,EAAAA,aACHC,EAAAA,KAAC,OAAI,UAAWC,UAAO,KAAM,KAAK,SAAS,aAAW,OAClD,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACG,UAAWD,EAAAA,QAAO,SAClB,QAAS,IAAMX,GAAqBH,EAAA,EACpC,cAAY,MAAA,CAAA,EAEhBa,EAAAA,KAAC,OAAI,UAAWG,KAAGF,EAAAA,QAAO,MAAOT,CAAS,EAAI,GAAGE,EAC5C,SAAA,CAAAL,GACGa,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,OAClB,aAAW,uBACX,QAASd,EAET,SAAAe,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,SAAA,CAAW,CAAA,CAAA,EAG1Cb,GAASc,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MAAQ,SAAAb,EAAM,EAC/Cc,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAO,SAAAR,CAAA,CAAS,CAAA,CAAA,CAC3C,CAAA,EACJ,EACA,SAAS,IAAA,CAEjB"}
+{"version":3,"file":"BottomSheet.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    useEffect(() => {\n        if (!open || !dismissOnEsc) return;\n        const handler = (e: KeyboardEvent) => {\n            if (e.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handler);\n        return () => window.removeEventListener(\"keydown\", handler);\n    }, [open, dismissOnEsc, onClose]);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div className={styles.root} role=\"dialog\" aria-modal=\"true\">\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n"],"mappings":"yJA+BA,SAAgB,EAAY,CACxB,OACA,UACA,QACA,aAAa,GACb,oBAAoB,GACpB,eAAe,GACf,YACA,WACA,GAAG,GACc,CAqBjB,OApBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,GAAQ,CAAC,EAAc,OAC5B,IAAM,EAAW,GAAqB,CAC9B,EAAE,MAAQ,UAAU,EAAQ,CACpC,EAEA,OADA,OAAO,iBAAiB,UAAW,CAAO,MAC7B,OAAO,oBAAoB,UAAW,CAAO,CAC9D,EAAG,CAAC,EAAM,EAAc,CAAO,CAAC,GAEhC,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAW,SAAS,KAAK,MAAM,SAErC,MADA,UAAS,KAAK,MAAM,SAAW,aAClB,CACT,SAAS,KAAK,MAAM,SAAW,CACnC,CACJ,EAAG,CAAC,CAAI,CAAC,EAEL,CAAC,GAAQ,OAAO,SAAa,IAAoB,MAErD,EAAA,EAAA,aAAA,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,KAAK,SAAS,aAAW,gBAAtD,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,SAClB,YAAe,GAAqB,EAAQ,EAC5C,cAAY,MACf,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,GAAI,WAAjD,CACK,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAW,uBACX,QAAS,YAET,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAY,CAAA,CAChC,CAAA,EAEX,IAAS,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAQ,CAAW,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,CAC3C,GACJ,IACL,SAAS,IACb,CACJ"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -1,60 +1,58 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useEffect as l } from "react";
-import { createPortal as h } from "react-dom";
-import { cn as v } from "../../utils/cn.js";
-import e from "./BottomSheet.module.css.js";
-function x({
-  open: r,
-  onClose: o,
-  title: d,
-  showHandle: c = !0,
-  dismissOnBackdrop: s = !0,
-  dismissOnEsc: n = !0,
-  className: m,
-  children: u,
-  ...f
-}) {
-  return l(() => {
-    if (!r || !n) return;
-    const a = (y) => {
-      y.key === "Escape" && o();
-    };
-    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [r, n, o]), l(() => {
-    if (!r) return;
-    const a = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = a;
-    };
-  }, [r]), !r || typeof document > "u" ? null : h(
-    /* @__PURE__ */ i("div", { className: e.root, role: "dialog", "aria-modal": "true", children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: e.backdrop,
-          onClick: () => s && o(),
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ i("div", { className: v(e.sheet, m), ...f, children: [
-        c && /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            className: e.handle,
-            "aria-label": "Arrastar para fechar",
-            onClick: o,
-            children: /* @__PURE__ */ t("span", { className: e.handleBar })
-          }
-        ),
-        d && /* @__PURE__ */ t("div", { className: e.title, children: d }),
-        /* @__PURE__ */ t("div", { className: e.body, children: u })
-      ] })
-    ] }),
-    document.body
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./BottomSheet.module.js";
+import { useEffect as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createPortal as a } from "react-dom";
+//#region src/components/BottomSheet/BottomSheet.tsx
+function o({ open: o, onClose: s, title: c, showHandle: l = !0, dismissOnBackdrop: u = !0, dismissOnEsc: d = !0, className: f, children: p, ...m }) {
+	return n(() => {
+		if (!o || !d) return;
+		let e = (e) => {
+			e.key === "Escape" && s();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		o,
+		d,
+		s
+	]), n(() => {
+		if (!o) return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}, [o]), !o || typeof document > "u" ? null : a(/* @__PURE__ */ i("div", {
+		className: t.root,
+		role: "dialog",
+		"aria-modal": "true",
+		children: [/* @__PURE__ */ r("div", {
+			className: t.backdrop,
+			onClick: () => u && s(),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ i("div", {
+			className: e(t.sheet, f),
+			...m,
+			children: [
+				l && /* @__PURE__ */ r("button", {
+					type: "button",
+					className: t.handle,
+					"aria-label": "Arrastar para fechar",
+					onClick: s,
+					children: /* @__PURE__ */ r("span", { className: t.handleBar })
+				}),
+				c && /* @__PURE__ */ r("div", {
+					className: t.title,
+					children: c
+				}),
+				/* @__PURE__ */ r("div", {
+					className: t.body,
+					children: p
+				})
+			]
+		})]
+	}), document.body);
 }
-export {
-  x as BottomSheet
-};
-//# sourceMappingURL=BottomSheet.js.map
+//#endregion
+export { o as BottomSheet };
+
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    useEffect(() => {\n        if (!open || !dismissOnEsc) return;\n        const handler = (e: KeyboardEvent) => {\n            if (e.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handler);\n        return () => window.removeEventListener(\"keydown\", handler);\n    }, [open, dismissOnEsc, onClose]);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div className={styles.root} role=\"dialog\" aria-modal=\"true\">\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n"],"names":["BottomSheet","open","onClose","title","showHandle","dismissOnBackdrop","dismissOnEsc","className","children","props","useEffect","handler","e","previous","createPortal","jsxs","styles","jsx","cn"],"mappings":";;;;;AA+BO,SAASA,EAAY;AAAA,EACxB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AAmBjB,SAlBAC,EAAU,MAAM;AACZ,QAAI,CAACT,KAAQ,CAACK,EAAc;AAC5B,UAAMK,IAAU,CAACC,MAAqB;AAClC,MAAIA,EAAE,QAAQ,YAAUV,EAAA;AAAA,IAC5B;AACA,kBAAO,iBAAiB,WAAWS,CAAO,GACnC,MAAM,OAAO,oBAAoB,WAAWA,CAAO;AAAA,EAC9D,GAAG,CAACV,GAAMK,GAAcJ,CAAO,CAAC,GAEhCQ,EAAU,MAAM;AACZ,QAAI,CAACT,EAAM;AACX,UAAMY,IAAW,SAAS,KAAK,MAAM;AACrC,oBAAS,KAAK,MAAM,WAAW,UACxB,MAAM;AACT,eAAS,KAAK,MAAM,WAAWA;AAAA,IACnC;AAAA,EACJ,GAAG,CAACZ,CAAI,CAAC,GAEL,CAACA,KAAQ,OAAO,WAAa,MAAoB,OAE9Ca;AAAA,IACH,gBAAAC,EAAC,SAAI,WAAWC,EAAO,MAAM,MAAK,UAAS,cAAW,QAClD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWD,EAAO;AAAA,UAClB,SAAS,MAAMX,KAAqBH,EAAA;AAAA,UACpC,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEhB,gBAAAa,EAAC,SAAI,WAAWG,EAAGF,EAAO,OAAOT,CAAS,GAAI,GAAGE,GAC5C,UAAA;AAAA,QAAAL,KACG,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAWD,EAAO;AAAA,YAClB,cAAW;AAAA,YACX,SAASd;AAAA,YAET,UAAA,gBAAAe,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1Cb,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAQ,UAAAb,GAAM;AAAA,QAC/C,gBAAAc,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAR,EAAA,CAAS;AAAA,MAAA,EAAA,CAC3C;AAAA,IAAA,GACJ;AAAA,IACA,SAAS;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    useEffect(() => {\n        if (!open || !dismissOnEsc) return;\n        const handler = (e: KeyboardEvent) => {\n            if (e.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handler);\n        return () => window.removeEventListener(\"keydown\", handler);\n    }, [open, dismissOnEsc, onClose]);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div className={styles.root} role=\"dialog\" aria-modal=\"true\">\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n"],"mappings":";;;;;;AA+BA,SAAgB,EAAY,EACxB,SACA,YACA,UACA,gBAAa,IACb,uBAAoB,IACpB,kBAAe,IACf,cACA,aACA,GAAG,KACc;CAqBjB,OApBA,QAAgB;EACZ,IAAI,CAAC,KAAQ,CAAC,GAAc;EAC5B,IAAM,KAAW,MAAqB;GAClC,AAAI,EAAE,QAAQ,YAAU,EAAQ;EACpC;EAEA,OADA,OAAO,iBAAiB,WAAW,CAAO,SAC7B,OAAO,oBAAoB,WAAW,CAAO;CAC9D,GAAG;EAAC;EAAM;EAAc;CAAO,CAAC,GAEhC,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAW,SAAS,KAAK,MAAM;EAErC,OADA,SAAS,KAAK,MAAM,WAAW,gBAClB;GACT,SAAS,KAAK,MAAM,WAAW;EACnC;CACJ,GAAG,CAAC,CAAI,CAAC,GAEL,CAAC,KAAQ,OAAO,WAAa,MAAoB,OAE9C,EACH,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAM,MAAK;EAAS,cAAW;YAAtD,CACI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAe,KAAqB,EAAQ;GAC5C,eAAY;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,OAAO,CAAS;GAAG,GAAI;aAAjD;IACK,KACG,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAW;KACX,SAAS;eAET,kBAAC,QAAD,EAAM,WAAW,EAAO,UAAY,CAAA;IAChC,CAAA;IAEX,KAAS,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAQ;IAAW,CAAA;IACpD,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAO;IAAc,CAAA;GAC3C;IACJ;KACL,SAAS,IACb;AACJ"}

package/dist/components/BottomSheet/BottomSheet.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_qXce2`,t=`tempest_backdrop_WLqh0`,n=`tempest_fadeIn_fyyhf`,r=`tempest_sheet_Okz1P`,i=`tempest_slideUp_CSrpB`,a=`tempest_handle_GWCoK`,o=`tempest_handleBar_XPPiI`,s=`tempest_title_i5Vuc`,c=`tempest_body_bgDhJ`,l={root:e,backdrop:t,fadeIn:n,sheet:r,slideUp:i,handle:a,handleBar:o,title:s,body:c};exports.backdrop=t,exports.body=c,exports.default=l,exports.fadeIn=n,exports.handle=a,exports.handleBar=o,exports.root=e,exports.sheet=r,exports.slideUp=i,exports.title=s;
+//# sourceMappingURL=BottomSheet.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.module.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-gray-300);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/BottomSheet/BottomSheet.module.js

@@ -0,0 +1,16 @@
+//#region src/components/BottomSheet/BottomSheet.module.css
+var e = "tempest_root_qXce2", t = "tempest_backdrop_WLqh0", n = "tempest_fadeIn_fyyhf", r = "tempest_sheet_Okz1P", i = "tempest_slideUp_CSrpB", a = "tempest_handle_GWCoK", o = "tempest_handleBar_XPPiI", s = "tempest_title_i5Vuc", c = "tempest_body_bgDhJ", l = {
+	root: e,
+	backdrop: t,
+	fadeIn: n,
+	sheet: r,
+	slideUp: i,
+	handle: a,
+	handleBar: o,
+	title: s,
+	body: c
+};
+//#endregion
+export { t as backdrop, c as body, l as default, n as fadeIn, a as handle, o as handleBar, e as root, r as sheet, i as slideUp, s as title };
+
+//# sourceMappingURL=BottomSheet.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.module.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-gray-300);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),o=require("../../utils/cn.cjs"),a=require("./Breadcrumbs.module.css.cjs");function f({items:c,separator:l="/",className:t}){return r.jsx("nav",{"aria-label":"breadcrumb",className:o.cn(a.default.nav,t),children:c.map((e,s)=>{const n=s===c.length-1,u=!n&&(e.href||e.onClick);return r.jsxs(d.Fragment,{children:[r.jsx("span",{className:a.default.item,children:u?r.jsx("a",{href:e.href,onClick:i=>{e.onClick&&(i.preventDefault(),e.onClick())},className:a.default.link,children:e.label}):r.jsx("span",{"aria-current":n?"page":void 0,className:n?a.default.current:void 0,children:e.label})}),!n&&r.jsx("span",{className:a.default.separator,"aria-hidden":!0,children:l})]},s)})})}exports.Breadcrumbs=f;
-//# sourceMappingURL=Breadcrumbs.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Breadcrumbs.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,separator:a=`/`,className:o}){return(0,r.jsx)(`nav`,{"aria-label":`breadcrumb`,className:e.cn(t.default.nav,o),children:i.map((e,o)=>{let s=o===i.length-1,c=!s&&(e.href||e.onClick);return(0,r.jsxs)(n.Fragment,{children:[(0,r.jsx)(`span`,{className:t.default.item,children:c?(0,r.jsx)(`a`,{href:e.href,onClick:t=>{e.onClick&&(t.preventDefault(),e.onClick())},className:t.default.link,children:e.label}):(0,r.jsx)(`span`,{"aria-current":s?`page`:void 0,className:s?t.default.current:void 0,children:e.label})}),!s&&(0,r.jsx)(`span`,{className:t.default.separator,"aria-hidden":!0,children:a})]},o)})})}exports.Breadcrumbs=i;
+//# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"names":["Breadcrumbs","items","separator","className","jsx","cn","styles","item","index","isLast","interactive","Fragment","event"],"mappings":"kNAsBO,SAASA,EAAY,CAAE,MAAAC,EAAO,UAAAC,EAAY,IAAK,UAAAC,GAA+B,CACjF,OACIC,EAAAA,IAAC,MAAA,CAAI,aAAW,aAAa,UAAWC,KAAGC,EAAAA,QAAO,IAAKH,CAAS,EAC3D,SAAAF,EAAM,IAAI,CAACM,EAAMC,IAAU,CACxB,MAAMC,EAASD,IAAUP,EAAM,OAAS,EAClCS,EAAc,CAACD,IAAWF,EAAK,MAAQA,EAAK,SAClD,cACKI,WAAA,CACG,SAAA,CAAAP,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,KACnB,SAAAI,EACGN,EAAAA,IAAC,IAAA,CACG,KAAMG,EAAK,KACX,QAAUK,GAAU,CACZL,EAAK,UACLK,EAAM,eAAA,EACNL,EAAK,QAAA,EAEb,EACA,UAAWD,EAAAA,QAAO,KAEjB,SAAAC,EAAK,KAAA,CAAA,EAGVH,EAAAA,IAAC,OAAA,CACG,eAAcK,EAAS,OAAS,OAChC,UAAWA,EAASH,UAAO,QAAU,OAEpC,SAAAC,EAAK,KAAA,CAAA,EAGlB,EACC,CAACE,GACEL,EAAAA,IAAC,OAAA,CAAK,UAAWE,UAAO,UAAW,cAAW,GACzC,SAAAJ,CAAA,CACL,CAAA,CAAA,EA3BOM,CA6Bf,CAER,CAAC,CAAA,CACL,CAER"}
+{"version":3,"file":"Breadcrumbs.cjs","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":"kIAsBA,SAAgB,EAAY,CAAE,QAAO,YAAY,IAAK,aAA+B,CACjF,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,WAC3D,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAS,IAAU,EAAM,OAAS,EAClC,EAAc,CAAC,IAAW,EAAK,MAAQ,EAAK,SAClD,OACI,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cACnB,GACG,EAAA,EAAA,IAAA,CAAC,IAAD,CACI,KAAM,EAAK,KACX,QAAU,GAAU,CACZ,EAAK,UACL,EAAM,eAAe,EACrB,EAAK,QAAQ,EAErB,EACA,UAAW,EAAA,QAAO,cAEjB,EAAK,KACP,CAAA,GAEH,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAS,EAAA,QAAO,QAAU,IAAA,YAEpC,EAAK,KACJ,CAAA,CAER,CAAA,EACL,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAW,cAAA,YAC9B,CACC,CAAA,CAEJ,CAAA,EA7BK,CA6BL,CAElB,CAAC,CACA,CAAA,CAEb"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,34 +1,37 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { Fragment as d } from "react";
-import { cn as h } from "../../utils/cn.js";
-import e from "./Breadcrumbs.module.css.js";
-function v({ items: l, separator: s = "/", className: i }) {
-  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", className: h(e.nav, i), children: l.map((r, c) => {
-    const n = c === l.length - 1, o = !n && (r.href || r.onClick);
-    return /* @__PURE__ */ p(d, { children: [
-      /* @__PURE__ */ a("span", { className: e.item, children: o ? /* @__PURE__ */ a(
-        "a",
-        {
-          href: r.href,
-          onClick: (t) => {
-            r.onClick && (t.preventDefault(), r.onClick());
-          },
-          className: e.link,
-          children: r.label
-        }
-      ) : /* @__PURE__ */ a(
-        "span",
-        {
-          "aria-current": n ? "page" : void 0,
-          className: n ? e.current : void 0,
-          children: r.label
-        }
-      ) }),
-      !n && /* @__PURE__ */ a("span", { className: e.separator, "aria-hidden": !0, children: s })
-    ] }, c);
-  }) });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Breadcrumbs.module.js";
+import { Fragment as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+function a({ items: a, separator: o = "/", className: s }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		className: e(t.nav, s),
+		children: a.map((e, s) => {
+			let c = s === a.length - 1, l = !c && (e.href || e.onClick);
+			return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+				className: t.item,
+				children: l ? /* @__PURE__ */ r("a", {
+					href: e.href,
+					onClick: (t) => {
+						e.onClick && (t.preventDefault(), e.onClick());
+					},
+					className: t.link,
+					children: e.label
+				}) : /* @__PURE__ */ r("span", {
+					"aria-current": c ? "page" : void 0,
+					className: c ? t.current : void 0,
+					children: e.label
+				})
+			}), !c && /* @__PURE__ */ r("span", {
+				className: t.separator,
+				"aria-hidden": !0,
+				children: o
+			})] }, s);
+		})
+	});
 }
-export {
-  v as Breadcrumbs
-};
-//# sourceMappingURL=Breadcrumbs.js.map
+//#endregion
+export { a as Breadcrumbs };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"names":["Breadcrumbs","items","separator","className","jsx","cn","styles","item","index","isLast","interactive","Fragment","event"],"mappings":";;;;AAsBO,SAASA,EAAY,EAAE,OAAAC,GAAO,WAAAC,IAAY,KAAK,WAAAC,KAA+B;AACjF,SACI,gBAAAC,EAAC,OAAA,EAAI,cAAW,cAAa,WAAWC,EAAGC,EAAO,KAAKH,CAAS,GAC3D,UAAAF,EAAM,IAAI,CAACM,GAAMC,MAAU;AACxB,UAAMC,IAASD,MAAUP,EAAM,SAAS,GAClCS,IAAc,CAACD,MAAWF,EAAK,QAAQA,EAAK;AAClD,6BACKI,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAP,EAAC,QAAA,EAAK,WAAWE,EAAO,MACnB,UAAAI,IACG,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAMG,EAAK;AAAA,UACX,SAAS,CAACK,MAAU;AAChB,YAAIL,EAAK,YACLK,EAAM,eAAA,GACNL,EAAK,QAAA;AAAA,UAEb;AAAA,UACA,WAAWD,EAAO;AAAA,UAEjB,UAAAC,EAAK;AAAA,QAAA;AAAA,MAAA,IAGV,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,gBAAcK,IAAS,SAAS;AAAA,UAChC,WAAWA,IAASH,EAAO,UAAU;AAAA,UAEpC,UAAAC,EAAK;AAAA,QAAA;AAAA,MAAA,GAGlB;AAAA,MACC,CAACE,KACE,gBAAAL,EAAC,QAAA,EAAK,WAAWE,EAAO,WAAW,eAAW,IACzC,UAAAJ,EAAA,CACL;AAAA,IAAA,EAAA,GA3BOM,CA6Bf;AAAA,EAER,CAAC,EAAA,CACL;AAER;"}
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAAY,EAAE,UAAO,eAAY,KAAK,gBAA+B;CACjF,OACI,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,EAAO,KAAK,CAAS;YAC3D,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAS,MAAU,EAAM,SAAS,GAClC,IAAc,CAAC,MAAW,EAAK,QAAQ,EAAK;GAClD,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,QAAD;IAAM,WAAW,EAAO;cACnB,IACG,kBAAC,KAAD;KACI,MAAM,EAAK;KACX,UAAU,MAAU;MAChB,AAAI,EAAK,YACL,EAAM,eAAe,GACrB,EAAK,QAAQ;KAErB;KACA,WAAW,EAAO;eAEjB,EAAK;IACP,CAAA,IAEH,kBAAC,QAAD;KACI,gBAAc,IAAS,SAAS,KAAA;KAChC,WAAW,IAAS,EAAO,UAAU,KAAA;eAEpC,EAAK;IACJ,CAAA;GAER,CAAA,GACL,CAAC,KACE,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAW,eAAA;cAC9B;GACC,CAAA,CAEJ,EAAA,GA7BK,CA6BL;EAElB,CAAC;CACA,CAAA;AAEb"}

package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_nav_H4g6P`,t=`tempest_item_O4g3P`,n=`tempest_link_7WM67`,r=`tempest_current_JdlcS`,i=`tempest_separator_zGWyJ`,a={nav:e,item:t,link:n,current:r,separator:i};exports.current=r,exports.default=a,exports.item=t,exports.link=n,exports.nav=e,exports.separator=i;
+//# sourceMappingURL=Breadcrumbs.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.cjs","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.module.css"],"sourcesContent":[".nav {\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    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.link {\n    color: var(--tempest-text-muted);\n    text-decoration: none;\n    padding: 2px 6px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover {\n        color: var(--tempest-text);\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link: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.current {\n    color: var(--tempest-text);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.separator {\n    color: var(--tempest-text-subtle);\n    margin: 0 2px;\n    user-select: none;\n}\n"],"mappings":""}

package/dist/components/Breadcrumbs/Breadcrumbs.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Breadcrumbs/Breadcrumbs.module.css
+var e = "tempest_nav_H4g6P", t = "tempest_item_O4g3P", n = "tempest_link_7WM67", r = "tempest_current_JdlcS", i = "tempest_separator_zGWyJ", a = {
+	nav: e,
+	item: t,
+	link: n,
+	current: r,
+	separator: i
+};
+//#endregion
+export { r as current, a as default, t as item, n as link, e as nav, i as separator };
+
+//# sourceMappingURL=Breadcrumbs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.js","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.module.css"],"sourcesContent":[".nav {\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    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.link {\n    color: var(--tempest-text-muted);\n    text-decoration: none;\n    padding: 2px 6px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover {\n        color: var(--tempest-text);\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link: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.current {\n    color: var(--tempest-text);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.separator {\n    color: var(--tempest-text-subtle);\n    margin: 0 2px;\n    user-select: none;\n}\n"],"mappings":""}

package/dist/components/Button/Button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),e=require("./Button.module.css.cjs");function x({variant:l="primary",size:r="md",loading:n=!1,fullWidth:u=!1,iconOnly:a=!1,pill:d=!1,leftIcon:i,rightIcon:o,disabled:c,className:f,children:h,...p}){return t.jsxs("button",{className:s.cn(e.default.button,e.default[l],e.default[r],a&&e.default.iconOnly,d&&e.default.pill,n&&e.default.loading,u&&e.default.fullWidth,f),disabled:c||n,...p,children:[n&&t.jsx("span",{className:e.default.spinner,"aria-hidden":!0,children:t.jsx(m,{})}),t.jsxs("span",{className:s.cn(e.default.content,n&&e.default.hiddenText),children:[i,h,o]})]})}function m(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}exports.Button=x;
-//# sourceMappingURL=Button.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Button.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`primary`,size:a=`md`,loading:o=!1,fullWidth:s=!1,iconOnly:c=!1,pill:l=!1,leftIcon:u,rightIcon:d,disabled:f,className:p,children:m,...h}){return(0,n.jsxs)(`button`,{className:e.cn(t.default.button,t.default[r],t.default[a],c&&t.default.iconOnly,l&&t.default.pill,o&&t.default.loading,s&&t.default.fullWidth,p),disabled:f||o,...h,children:[o&&(0,n.jsx)(`span`,{className:t.default.spinner,"aria-hidden":!0,children:(0,n.jsx)(i,{})}),(0,n.jsxs)(`span`,{className:e.cn(t.default.content,o&&t.default.hiddenText),children:[u,m,d]})]})}function i(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}exports.Button=r;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\nexport type ButtonVariant =\n    | \"primary\"\n    | \"secondary\"\n    | \"danger\"\n    | \"success\"\n    | \"ghost\"\n    | \"soft\"\n    | \"outline\"\n    | \"link\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    variant?: ButtonVariant;\n    size?: ButtonSize;\n    loading?: boolean;\n    fullWidth?: boolean;\n    /** Removes horizontal padding and forces a square footprint (use with `aria-label`). */\n    iconOnly?: boolean;\n    /** Pill-shaped border radius. */\n    pill?: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n}\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n */\nexport function Button({\n    variant = \"primary\",\n    size = \"md\",\n    loading = false,\n    fullWidth = false,\n    iconOnly = false,\n    pill = false,\n    leftIcon,\n    rightIcon,\n    disabled,\n    className,\n    children,\n    ...props\n}: ButtonProps) {\n    return (\n        <button\n            className={cn(\n                styles.button,\n                styles[variant],\n                styles[size],\n                iconOnly && styles.iconOnly,\n                pill && styles.pill,\n                loading && styles.loading,\n                fullWidth && styles.fullWidth,\n                className,\n            )}\n            disabled={disabled || loading}\n            {...props}\n        >\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <SpinnerIcon />\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </button>\n    );\n}\n\nfunction SpinnerIcon() {\n    return (\n        <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Button","variant","size","loading","fullWidth","iconOnly","pill","leftIcon","rightIcon","disabled","className","children","props","jsxs","cn","styles","jsx","SpinnerIcon"],"mappings":"0LAsCO,SAASA,EAAO,CACnB,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,KAAAC,EAAO,GACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAAAA,KAAC,SAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,OACPA,EAAAA,QAAOd,CAAO,EACdc,EAAAA,QAAOb,CAAI,EACXG,GAAYU,EAAAA,QAAO,SACnBT,GAAQS,EAAAA,QAAO,KACfZ,GAAWY,EAAAA,QAAO,QAClBX,GAAaW,EAAAA,QAAO,UACpBL,CAAA,EAEJ,SAAUD,GAAYN,EACrB,GAAGS,EAEH,SAAA,CAAAT,GACGa,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,QAAS,cAAW,GACxC,SAAAC,EAAAA,IAACC,EAAA,CAAA,CAAY,CAAA,CACjB,EAEJJ,EAAAA,KAAC,QAAK,UAAWC,KAAGC,EAAAA,QAAO,QAASZ,GAAWY,EAAAA,QAAO,UAAU,EAC3D,SAAA,CAAAR,EACAI,EACAH,CAAA,CAAA,CACL,CAAA,CAAA,CAAA,CAGZ,CAEA,SAASS,GAAc,CACnB,OACID,EAAAA,IAAC,MAAA,CACG,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,8BACF,OAAO,eACP,YAAY,IACZ,cAAc,OAAA,CAAA,CAClB,CAAA,CAGZ"}
+{"version":3,"file":"Button.cjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\nexport type ButtonVariant =\n    \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"ghost\" | \"soft\" | \"outline\" | \"link\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    variant?: ButtonVariant;\n    size?: ButtonSize;\n    loading?: boolean;\n    fullWidth?: boolean;\n    /** Removes horizontal padding and forces a square footprint (use with `aria-label`). */\n    iconOnly?: boolean;\n    /** Pill-shaped border radius. */\n    pill?: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n}\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n */\nexport function Button({\n    variant = \"primary\",\n    size = \"md\",\n    loading = false,\n    fullWidth = false,\n    iconOnly = false,\n    pill = false,\n    leftIcon,\n    rightIcon,\n    disabled,\n    className,\n    children,\n    ...props\n}: ButtonProps) {\n    return (\n        <button\n            className={cn(\n                styles.button,\n                styles[variant],\n                styles[size],\n                iconOnly && styles.iconOnly,\n                pill && styles.pill,\n                loading && styles.loading,\n                fullWidth && styles.fullWidth,\n                className,\n            )}\n            disabled={disabled || loading}\n            {...props}\n        >\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <SpinnerIcon />\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </button>\n    );\n}\n\nfunction SpinnerIcon() {\n    return (\n        <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"0GA+BA,SAAgB,EAAO,CACnB,UAAU,UACV,OAAO,KACP,UAAU,GACV,YAAY,GACZ,WAAW,GACX,OAAO,GACP,WACA,YACA,WACA,YACA,WACA,GAAG,GACS,CACZ,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAA,QAAO,GACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAQ,EAAA,QAAO,KACf,GAAW,EAAA,QAAO,QAClB,GAAa,EAAA,QAAO,UACpB,CACJ,EACA,SAAU,GAAY,EACtB,GAAI,WAZR,CAcK,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,cAAA,aAC7B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,CAAA,CACZ,CAAA,GAEV,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAW,EAAA,QAAO,UAAU,WAAhE,CACK,EACA,EACA,CACC,GACF,GAEhB,CAEA,SAAS,GAAc,CACnB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,uCAEN,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,8BACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}

package/dist/components/Button/Button.js

@@ -1,68 +1,42 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { cn as s } from "../../utils/cn.js";
-import e from "./Button.module.css.js";
-function v({
-  variant: i = "primary",
-  size: o = "md",
-  loading: n = !1,
-  fullWidth: l = !1,
-  iconOnly: a = !1,
-  pill: c = !1,
-  leftIcon: d,
-  rightIcon: h,
-  disabled: p,
-  className: m,
-  children: f,
-  ...u
-}) {
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      className: s(
-        e.button,
-        e[i],
-        e[o],
-        a && e.iconOnly,
-        c && e.pill,
-        n && e.loading,
-        l && e.fullWidth,
-        m
-      ),
-      disabled: p || n,
-      ...u,
-      children: [
-        n && /* @__PURE__ */ t("span", { className: e.spinner, "aria-hidden": !0, children: /* @__PURE__ */ t(w, {}) }),
-        /* @__PURE__ */ r("span", { className: s(e.content, n && e.hiddenText), children: [
-          d,
-          f,
-          h
-        ] })
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Button.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Button/Button.tsx
+function i({ variant: i = "primary", size: o = "md", loading: s = !1, fullWidth: c = !1, iconOnly: l = !1, pill: u = !1, leftIcon: d, rightIcon: f, disabled: p, className: m, children: h, ...g }) {
+	return /* @__PURE__ */ r("button", {
+		className: e(t.button, t[i], t[o], l && t.iconOnly, u && t.pill, s && t.loading, c && t.fullWidth, m),
+		disabled: p || s,
+		...g,
+		children: [s && /* @__PURE__ */ n("span", {
+			className: t.spinner,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ n(a, {})
+		}), /* @__PURE__ */ r("span", {
+			className: e(t.content, s && t.hiddenText),
+			children: [
+				d,
+				h,
+				f
+			]
+		})]
+	});
 }
-function w() {
-  return /* @__PURE__ */ t(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M21 12a9 9 0 1 1-6.219-8.56",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      )
-    }
-  );
+function a() {
+	return /* @__PURE__ */ n("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ n("path", {
+			d: "M21 12a9 9 0 1 1-6.219-8.56",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	});
 }
-export {
-  v as Button
-};
-//# sourceMappingURL=Button.js.map
+//#endregion
+export { i as Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\nexport type ButtonVariant =\n    | \"primary\"\n    | \"secondary\"\n    | \"danger\"\n    | \"success\"\n    | \"ghost\"\n    | \"soft\"\n    | \"outline\"\n    | \"link\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    variant?: ButtonVariant;\n    size?: ButtonSize;\n    loading?: boolean;\n    fullWidth?: boolean;\n    /** Removes horizontal padding and forces a square footprint (use with `aria-label`). */\n    iconOnly?: boolean;\n    /** Pill-shaped border radius. */\n    pill?: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n}\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n */\nexport function Button({\n    variant = \"primary\",\n    size = \"md\",\n    loading = false,\n    fullWidth = false,\n    iconOnly = false,\n    pill = false,\n    leftIcon,\n    rightIcon,\n    disabled,\n    className,\n    children,\n    ...props\n}: ButtonProps) {\n    return (\n        <button\n            className={cn(\n                styles.button,\n                styles[variant],\n                styles[size],\n                iconOnly && styles.iconOnly,\n                pill && styles.pill,\n                loading && styles.loading,\n                fullWidth && styles.fullWidth,\n                className,\n            )}\n            disabled={disabled || loading}\n            {...props}\n        >\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <SpinnerIcon />\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </button>\n    );\n}\n\nfunction SpinnerIcon() {\n    return (\n        <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Button","variant","size","loading","fullWidth","iconOnly","pill","leftIcon","rightIcon","disabled","className","children","props","jsxs","cn","styles","jsx","SpinnerIcon"],"mappings":";;;AAsCO,SAASA,EAAO;AAAA,EACnB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAgB;AACZ,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOd,CAAO;AAAA,QACdc,EAAOb,CAAI;AAAA,QACXG,KAAYU,EAAO;AAAA,QACnBT,KAAQS,EAAO;AAAA,QACfZ,KAAWY,EAAO;AAAA,QAClBX,KAAaW,EAAO;AAAA,QACpBL;AAAA,MAAA;AAAA,MAEJ,UAAUD,KAAYN;AAAA,MACrB,GAAGS;AAAA,MAEH,UAAA;AAAA,QAAAT,KACG,gBAAAa,EAAC,UAAK,WAAWD,EAAO,SAAS,eAAW,IACxC,UAAA,gBAAAC,EAACC,GAAA,CAAA,CAAY,EAAA,CACjB;AAAA,QAEJ,gBAAAJ,EAAC,UAAK,WAAWC,EAAGC,EAAO,SAASZ,KAAWY,EAAO,UAAU,GAC3D,UAAA;AAAA,UAAAR;AAAA,UACAI;AAAA,UACAH;AAAA,QAAA,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAASS,IAAc;AACnB,SACI,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Button.module.css\";\n\nexport type ButtonVariant =\n    \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"ghost\" | \"soft\" | \"outline\" | \"link\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    variant?: ButtonVariant;\n    size?: ButtonSize;\n    loading?: boolean;\n    fullWidth?: boolean;\n    /** Removes horizontal padding and forces a square footprint (use with `aria-label`). */\n    iconOnly?: boolean;\n    /** Pill-shaped border radius. */\n    pill?: boolean;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n}\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n */\nexport function Button({\n    variant = \"primary\",\n    size = \"md\",\n    loading = false,\n    fullWidth = false,\n    iconOnly = false,\n    pill = false,\n    leftIcon,\n    rightIcon,\n    disabled,\n    className,\n    children,\n    ...props\n}: ButtonProps) {\n    return (\n        <button\n            className={cn(\n                styles.button,\n                styles[variant],\n                styles[size],\n                iconOnly && styles.iconOnly,\n                pill && styles.pill,\n                loading && styles.loading,\n                fullWidth && styles.fullWidth,\n                className,\n            )}\n            disabled={disabled || loading}\n            {...props}\n        >\n            {loading && (\n                <span className={styles.spinner} aria-hidden>\n                    <SpinnerIcon />\n                </span>\n            )}\n            <span className={cn(styles.content, loading && styles.hiddenText)}>\n                {leftIcon}\n                {children}\n                {rightIcon}\n            </span>\n        </button>\n    );\n}\n\nfunction SpinnerIcon() {\n    return (\n        <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M21 12a9 9 0 1 1-6.219-8.56\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;AA+BA,SAAgB,EAAO,EACnB,aAAU,WACV,UAAO,MACP,aAAU,IACV,eAAY,IACZ,cAAW,IACX,UAAO,IACP,aACA,cACA,aACA,cACA,aACA,GAAG,KACS;CACZ,OACI,kBAAC,UAAD;EACI,WAAW,EACP,EAAO,QACP,EAAO,IACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAQ,EAAO,MACf,KAAW,EAAO,SAClB,KAAa,EAAO,WACpB,CACJ;EACA,UAAU,KAAY;EACtB,GAAI;YAZR,CAcK,KACG,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAS,eAAA;aAC7B,kBAAC,GAAD,CAAc,CAAA;EACZ,CAAA,GAEV,kBAAC,QAAD;GAAM,WAAW,EAAG,EAAO,SAAS,KAAW,EAAO,UAAU;aAAhE;IACK;IACA;IACA;GACC;IACF;;AAEhB;AAEA,SAAS,IAAc;CACnB,OACI,kBAAC,OAAD;EACI,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Button/Button.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_button_2ZuB7`,t=`tempest_primary_s1sM6`,n=`tempest_secondary_R0waJ`,r=`tempest_danger_V4fX8`,i=`tempest_success_w6qB6`,a=`tempest_ghost_1KINV`,o=`tempest_soft_c3kzm`,s=`tempest_outline_F5jq-`,c=`tempest_link_Zt5hw`,l=`tempest_xs_cF6m0`,u=`tempest_sm_NhG0g`,d=`tempest_md_hH4h3`,f=`tempest_lg_2plQf`,p=`tempest_xl_nx4V0`,m=`tempest_iconOnly_WCpTS`,h=`tempest_pill_lx8lt`,g=`tempest_fullWidth_36oJT`,_=`tempest_content_EKXmF`,v=`tempest_loading_EQAt2`,y=`tempest_hiddenText_hIiJ2`,b=`tempest_spinner_ZExvW`,x=`tempest_tempest-spin_UOSVC`,S={button:e,primary:t,secondary:n,danger:r,success:i,ghost:a,soft:o,outline:s,link:c,xs:l,sm:u,md:d,lg:f,xl:p,iconOnly:m,pill:h,fullWidth:g,content:_,loading:v,hiddenText:y,spinner:b,tempestSpin:x};exports.button=e,exports.content=_,exports.danger=r,exports.default=S,exports.fullWidth=g,exports.ghost=a,exports.hiddenText=y,exports.iconOnly=m,exports.lg=f,exports.link=c,exports.loading=v,exports.md=d,exports.outline=s,exports.pill=h,exports.primary=t,exports.secondary=n,exports.sm=u,exports.soft=o,exports.spinner=b,exports.success=i,exports.tempestSpin=x,exports.xl=p,exports.xs=l;
+//# sourceMappingURL=Button.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.cjs","names":[],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    border: 1px solid transparent;\n    border-radius: var(--tempest-control-radius, var(--tempest-radius-md));\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-none);\n    letter-spacing: var(--tempest-tracking-normal);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    transition: var(--tempest-transition-base);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button: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@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled {\n    opacity: 0.55;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Variants — solid (default), soft, outline, ghost\n * Status colors: primary, secondary (neutral), danger, success\n * ============================================================ */\n\n/* primary — solid filled */\n.primary {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n    border-color: var(--tempest-border-strong);\n}\n\n/* danger — solid red */\n.danger {\n    background-color: var(--tempest-danger-solid);\n    color: #ffffff;\n}\n.danger:hover:not(:disabled) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    color: #ffffff;\n}\n.success:hover:not(:disabled) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    color: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n    box-shadow: none;\n}\n\n/* soft — tinted background, primary text */\n.soft {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    box-shadow: none;\n}\n.outline:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    box-shadow: none;\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: var(--tempest-radius-sm);\n}\n.link:hover:not(:disabled) {\n    color: var(--tempest-primary-hover);\n    text-decoration: underline;\n    background: none;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Sizes — token-driven, density-aware\n * ============================================================ */\n.xs {\n    height: var(--tempest-control-height-xs);\n    padding: 0 var(--tempest-control-padding-xs);\n    font-size: var(--tempest-control-font-xs);\n}\n.sm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.md {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.lg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n.xl {\n    height: var(--tempest-control-height-xl);\n    padding: 0 var(--tempest-control-padding-xl);\n    font-size: var(--tempest-control-font-xl);\n}\n\n/* Square (icon-only) — width matches height */\n.iconOnly {\n    position: relative;\n}\n.iconOnly.xs {\n    width: var(--tempest-control-height-xs);\n    padding: 0;\n}\n.iconOnly.sm {\n    width: var(--tempest-control-height-sm);\n    padding: 0;\n}\n.iconOnly.md {\n    width: var(--tempest-control-height-md);\n    padding: 0;\n}\n.iconOnly.lg {\n    width: var(--tempest-control-height-lg);\n    padding: 0;\n}\n.iconOnly.xl {\n    width: var(--tempest-control-height-xl);\n    padding: 0;\n}\n\n/* Touch hit-slop — extend tap target to a min 44×44 on coarse pointers\n * for the smallest icon-only sizes, without changing visual footprint. */\n@media (pointer: coarse) {\n    .iconOnly.xs::after,\n    .iconOnly.sm::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n/* Pill shape */\n.pill {\n    border-radius: var(--tempest-radius-full);\n}\n\n.fullWidth {\n    width: 100%;\n}\n\n/*\n * Lay out leftIcon + label + rightIcon as one centered, gapped row. Without\n * this the three are inline inside a single span (no gap, icon baseline-\n * aligned instead of centered), which reads as off-center — most visible on\n * fullWidth buttons where the label has room to drift.\n */\n.content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    min-width: 0;\n}\n\n.loading .hiddenText {\n    visibility: hidden;\n}\n\n.spinner {\n    position: absolute;\n    animation: tempest-spin 0.8s linear infinite;\n}\n\n@keyframes tempest-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n"],"mappings":""}