tempest-react-sdk 0.23.0 → 0.24.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":""}

package/dist/components/Avatar/Avatar.module.js

@@ -0,0 +1,19 @@
+//#region src/components/Avatar/Avatar.module.css
+var e = "tempest_avatar_3xMuZ", t = "tempest_image_ieqGp", n = "tempest_xs_oSaLL", r = "tempest_sm_sZ2bk", i = "tempest_md_Fdkbz", a = "tempest_lg_pTTUA", o = "tempest_xl_mW58F", s = "tempest_status_ISBnL", c = "tempest_dot_Wgfo-", l = "tempest_online_-aWoW", u = "tempest_offline_-StX3", d = "tempest_busy_TbwuF", f = {
+	avatar: e,
+	image: t,
+	xs: n,
+	sm: r,
+	md: i,
+	lg: a,
+	xl: o,
+	status: s,
+	dot: c,
+	online: l,
+	offline: u,
+	busy: d
+};
+//#endregion
+export { e as avatar, d as busy, f as default, c as dot, t as image, a as lg, i as md, u as offline, l as online, r as sm, s as status, o as xl, n as xs };
+
+//# sourceMappingURL=Avatar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":""}

package/dist/components/Badge/Badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),e=require("./Badge.module.css.cjs");function f({variant:a="neutral",appearance:t="soft",size:l="md",shape:d="pill",dot:s=!1,className:n,children:r,...i}){return u.jsxs("span",{className:o.cn(e.default.badge,e.default[a],t==="solid"&&e.default.solid,t==="outline"&&e.default.outline,e.default[l],d==="square"&&e.default.square,n),...i,children:[s&&u.jsx("span",{className:e.default.dot,"aria-hidden":!0}),r]})}exports.Badge=f;
-//# sourceMappingURL=Badge.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Badge.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`neutral`,appearance:i=`soft`,size:a=`md`,shape:o=`pill`,dot:s=!1,className:c,children:l,...u}){return(0,n.jsxs)(`span`,{className:e.cn(t.default.badge,t.default[r],i===`solid`&&t.default.solid,i===`outline`&&t.default.outline,t.default[a],o===`square`&&t.default.square,c),...u,children:[s&&(0,n.jsx)(`span`,{className:t.default.dot,"aria-hidden":!0}),l]})}exports.Badge=r;
+//# sourceMappingURL=Badge.cjs.map

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Badge.module.css\";\n\nexport type BadgeVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type BadgeAppearance = \"soft\" | \"solid\" | \"outline\";\nexport type BadgeSize = \"sm\" | \"md\" | \"lg\";\nexport type BadgeShape = \"pill\" | \"square\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n    variant?: BadgeVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: BadgeAppearance;\n    size?: BadgeSize;\n    /** Pill (default rounded) or square (slightly rounded). */\n    shape?: BadgeShape;\n    /** Renders a leading status dot in the badge color. */\n    dot?: boolean;\n}\n\n/**\n * Pill / square status badge.\n *\n * - `variant` picks the tone (neutral, primary, success, warning, danger, info).\n * - `appearance` picks the style (soft, solid, outline).\n * - `dot` prepends a status dot in the same tone.\n */\nexport function Badge({\n    variant = \"neutral\",\n    appearance = \"soft\",\n    size = \"md\",\n    shape = \"pill\",\n    dot = false,\n    className,\n    children,\n    ...props\n}: BadgeProps) {\n    return (\n        <span\n            className={cn(\n                styles.badge,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                styles[size],\n                shape === \"square\" && styles.square,\n                className,\n            )}\n            {...props}\n        >\n            {dot && <span className={styles.dot} aria-hidden />}\n            {children}\n        </span>\n    );\n}\n"],"names":["Badge","variant","appearance","size","shape","dot","className","children","props","jsxs","cn","styles"],"mappings":"yLA2BO,SAASA,EAAM,CAClB,QAAAC,EAAU,UACV,WAAAC,EAAa,OACb,KAAAC,EAAO,KACP,MAAAC,EAAQ,OACR,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAe,CACX,OACIC,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,MACPA,EAAAA,QAAOV,CAAO,EACdC,IAAe,SAAWS,EAAAA,QAAO,MACjCT,IAAe,WAAaS,EAAAA,QAAO,QACnCA,EAAAA,QAAOR,CAAI,EACXC,IAAU,UAAYO,EAAAA,QAAO,OAC7BL,CAAA,EAEH,GAAGE,EAEH,SAAA,CAAAH,SAAQ,OAAA,CAAK,UAAWM,EAAAA,QAAO,IAAK,cAAW,GAAC,EAChDJ,CAAA,CAAA,CAAA,CAGb"}
+{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Badge.module.css\";\n\nexport type BadgeVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type BadgeAppearance = \"soft\" | \"solid\" | \"outline\";\nexport type BadgeSize = \"sm\" | \"md\" | \"lg\";\nexport type BadgeShape = \"pill\" | \"square\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n    variant?: BadgeVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: BadgeAppearance;\n    size?: BadgeSize;\n    /** Pill (default rounded) or square (slightly rounded). */\n    shape?: BadgeShape;\n    /** Renders a leading status dot in the badge color. */\n    dot?: boolean;\n}\n\n/**\n * Pill / square status badge.\n *\n * - `variant` picks the tone (neutral, primary, success, warning, danger, info).\n * - `appearance` picks the style (soft, solid, outline).\n * - `dot` prepends a status dot in the same tone.\n */\nexport function Badge({\n    variant = \"neutral\",\n    appearance = \"soft\",\n    size = \"md\",\n    shape = \"pill\",\n    dot = false,\n    className,\n    children,\n    ...props\n}: BadgeProps) {\n    return (\n        <span\n            className={cn(\n                styles.badge,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                styles[size],\n                shape === \"square\" && styles.square,\n                className,\n            )}\n            {...props}\n        >\n            {dot && <span className={styles.dot} aria-hidden />}\n            {children}\n        </span>\n    );\n}\n"],"mappings":"yGA2BA,SAAgB,EAAM,CAClB,UAAU,UACV,aAAa,OACb,OAAO,KACP,QAAQ,OACR,MAAM,GACN,YACA,WACA,GAAG,GACQ,CACX,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,MACP,EAAA,QAAO,GACP,IAAe,SAAW,EAAA,QAAO,MACjC,IAAe,WAAa,EAAA,QAAO,QACnC,EAAA,QAAO,GACP,IAAU,UAAY,EAAA,QAAO,OAC7B,CACJ,EACA,GAAI,WAVR,CAYK,IAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,EACjD,CACC,GAEd"}

package/dist/components/Badge/Badge.js

@@ -1,37 +1,18 @@
-import { jsxs as d, jsx as m } from "react/jsx-runtime";
-import { cn as u } from "../../utils/cn.js";
-import s from "./Badge.module.css.js";
-function x({
-  variant: o = "neutral",
-  appearance: e = "soft",
-  size: r = "md",
-  shape: t = "pill",
-  dot: i = !1,
-  className: l,
-  children: a,
-  ...n
-}) {
-  return /* @__PURE__ */ d(
-    "span",
-    {
-      className: u(
-        s.badge,
-        s[o],
-        e === "solid" && s.solid,
-        e === "outline" && s.outline,
-        s[r],
-        t === "square" && s.square,
-        l
-      ),
-      ...n,
-      children: [
-        i && /* @__PURE__ */ m("span", { className: s.dot, "aria-hidden": !0 }),
-        a
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Badge.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Badge/Badge.tsx
+function i({ variant: i = "neutral", appearance: a = "soft", size: o = "md", shape: s = "pill", dot: c = !1, className: l, children: u, ...d }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(t.badge, t[i], a === "solid" && t.solid, a === "outline" && t.outline, t[o], s === "square" && t.square, l),
+		...d,
+		children: [c && /* @__PURE__ */ n("span", {
+			className: t.dot,
+			"aria-hidden": !0
+		}), u]
+	});
 }
-export {
-  x as Badge
-};
-//# sourceMappingURL=Badge.js.map
+//#endregion
+export { i as Badge };
+
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Badge.module.css\";\n\nexport type BadgeVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type BadgeAppearance = \"soft\" | \"solid\" | \"outline\";\nexport type BadgeSize = \"sm\" | \"md\" | \"lg\";\nexport type BadgeShape = \"pill\" | \"square\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n    variant?: BadgeVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: BadgeAppearance;\n    size?: BadgeSize;\n    /** Pill (default rounded) or square (slightly rounded). */\n    shape?: BadgeShape;\n    /** Renders a leading status dot in the badge color. */\n    dot?: boolean;\n}\n\n/**\n * Pill / square status badge.\n *\n * - `variant` picks the tone (neutral, primary, success, warning, danger, info).\n * - `appearance` picks the style (soft, solid, outline).\n * - `dot` prepends a status dot in the same tone.\n */\nexport function Badge({\n    variant = \"neutral\",\n    appearance = \"soft\",\n    size = \"md\",\n    shape = \"pill\",\n    dot = false,\n    className,\n    children,\n    ...props\n}: BadgeProps) {\n    return (\n        <span\n            className={cn(\n                styles.badge,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                styles[size],\n                shape === \"square\" && styles.square,\n                className,\n            )}\n            {...props}\n        >\n            {dot && <span className={styles.dot} aria-hidden />}\n            {children}\n        </span>\n    );\n}\n"],"names":["Badge","variant","appearance","size","shape","dot","className","children","props","jsxs","cn","styles"],"mappings":";;;AA2BO,SAASA,EAAM;AAAA,EAClB,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,KAAAC,IAAM;AAAA,EACN,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAe;AACX,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOV,CAAO;AAAA,QACdC,MAAe,WAAWS,EAAO;AAAA,QACjCT,MAAe,aAAaS,EAAO;AAAA,QACnCA,EAAOR,CAAI;AAAA,QACXC,MAAU,YAAYO,EAAO;AAAA,QAC7BL;AAAA,MAAA;AAAA,MAEH,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAH,uBAAQ,QAAA,EAAK,WAAWM,EAAO,KAAK,eAAW,IAAC;AAAA,QAChDJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Badge.module.css\";\n\nexport type BadgeVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type BadgeAppearance = \"soft\" | \"solid\" | \"outline\";\nexport type BadgeSize = \"sm\" | \"md\" | \"lg\";\nexport type BadgeShape = \"pill\" | \"square\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n    variant?: BadgeVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: BadgeAppearance;\n    size?: BadgeSize;\n    /** Pill (default rounded) or square (slightly rounded). */\n    shape?: BadgeShape;\n    /** Renders a leading status dot in the badge color. */\n    dot?: boolean;\n}\n\n/**\n * Pill / square status badge.\n *\n * - `variant` picks the tone (neutral, primary, success, warning, danger, info).\n * - `appearance` picks the style (soft, solid, outline).\n * - `dot` prepends a status dot in the same tone.\n */\nexport function Badge({\n    variant = \"neutral\",\n    appearance = \"soft\",\n    size = \"md\",\n    shape = \"pill\",\n    dot = false,\n    className,\n    children,\n    ...props\n}: BadgeProps) {\n    return (\n        <span\n            className={cn(\n                styles.badge,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                styles[size],\n                shape === \"square\" && styles.square,\n                className,\n            )}\n            {...props}\n        >\n            {dot && <span className={styles.dot} aria-hidden />}\n            {children}\n        </span>\n    );\n}\n"],"mappings":";;;;AA2BA,SAAgB,EAAM,EAClB,aAAU,WACV,gBAAa,QACb,UAAO,MACP,WAAQ,QACR,SAAM,IACN,cACA,aACA,GAAG,KACQ;CACX,OACI,kBAAC,QAAD;EACI,WAAW,EACP,EAAO,OACP,EAAO,IACP,MAAe,WAAW,EAAO,OACjC,MAAe,aAAa,EAAO,SACnC,EAAO,IACP,MAAU,YAAY,EAAO,QAC7B,CACJ;EACA,GAAI;YAVR,CAYK,KAAO,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAK,eAAA;EAAa,CAAA,GACjD,CACC;;AAEd"}

package/dist/components/Badge/Badge.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_badge_RsuMz`,t=`tempest_sm_LYsCn`,n=`tempest_md_4Or8q`,r=`tempest_lg_Bseje`,i=`tempest_square_l63D-`,a=`tempest_neutral_lulSm`,o=`tempest_solid_0Leug`,s=`tempest_outline_x06HL`,c=`tempest_success_u9JiS`,l=`tempest_warning_nsGp-`,u=`tempest_danger_PD2hz`,d=`tempest_info_na6DQ`,f=`tempest_primary_S0WCS`,p=`tempest_dot_i0c-G`,m={badge:e,sm:t,md:n,lg:r,square:i,neutral:a,solid:o,outline:s,success:c,warning:l,danger:u,info:d,primary:f,dot:p};exports.badge=e,exports.danger=u,exports.default=m,exports.dot=p,exports.info=d,exports.lg=r,exports.md=n,exports.neutral=a,exports.outline=s,exports.primary=f,exports.sm=t,exports.solid=o,exports.square=i,exports.success=c,exports.warning=l;
+//# sourceMappingURL=Badge.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.module.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    letter-spacing: var(--tempest-tracking-normal);\n    white-space: nowrap;\n}\n\n/* ============================================================\n * Sizes\n * ============================================================ */\n.sm {\n    padding: 1px var(--tempest-space-2);\n    font-size: var(--tempest-text-2xs);\n}\n.md {\n    padding: 2px var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n.lg {\n    padding: 3px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n/* ============================================================\n * Shapes — pill is the default (border-radius-full).\n * `square` flips to a small radius for chip-style badges.\n * ============================================================ */\n.square {\n    border-radius: var(--tempest-radius-sm);\n}\n\n/* ============================================================\n * Tone × Style matrix.\n * Soft (default) = tinted bg + colored fg.\n * Solid = filled colored bg + white fg.\n * Outline = transparent bg + colored fg + colored border.\n * ============================================================ */\n\n/* Neutral */\n.neutral {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: #ffffff;\n}\n.neutral.outline {\n    background-color: transparent;\n    color: var(--tempest-text);\n    border-color: var(--tempest-border-strong);\n}\n\n/* Success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: #ffffff;\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success-border);\n}\n\n/* Warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: #ffffff;\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning-border);\n}\n\n/* Danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: #ffffff;\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger-border);\n}\n\n/* Info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: #ffffff;\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info-border);\n}\n\n/* Primary */\n.primary {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n.primary.solid {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n\n/* Status dot — small leading dot, color inherits from text. */\n.dot {\n    width: 6px;\n    height: 6px;\n    border-radius: var(--tempest-radius-full);\n    background-color: currentColor;\n    display: inline-block;\n    flex-shrink: 0;\n}\n"],"mappings":""}

package/dist/components/Badge/Badge.module.js

@@ -0,0 +1,21 @@
+//#region src/components/Badge/Badge.module.css
+var e = "tempest_badge_RsuMz", t = "tempest_sm_LYsCn", n = "tempest_md_4Or8q", r = "tempest_lg_Bseje", i = "tempest_square_l63D-", a = "tempest_neutral_lulSm", o = "tempest_solid_0Leug", s = "tempest_outline_x06HL", c = "tempest_success_u9JiS", l = "tempest_warning_nsGp-", u = "tempest_danger_PD2hz", d = "tempest_info_na6DQ", f = "tempest_primary_S0WCS", p = "tempest_dot_i0c-G", m = {
+	badge: e,
+	sm: t,
+	md: n,
+	lg: r,
+	square: i,
+	neutral: a,
+	solid: o,
+	outline: s,
+	success: c,
+	warning: l,
+	danger: u,
+	info: d,
+	primary: f,
+	dot: p
+};
+//#endregion
+export { e as badge, u as danger, m as default, p as dot, d as info, r as lg, n as md, a as neutral, s as outline, f as primary, t as sm, o as solid, i as square, c as success, l as warning };
+
+//# sourceMappingURL=Badge.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.module.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    letter-spacing: var(--tempest-tracking-normal);\n    white-space: nowrap;\n}\n\n/* ============================================================\n * Sizes\n * ============================================================ */\n.sm {\n    padding: 1px var(--tempest-space-2);\n    font-size: var(--tempest-text-2xs);\n}\n.md {\n    padding: 2px var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n.lg {\n    padding: 3px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n/* ============================================================\n * Shapes — pill is the default (border-radius-full).\n * `square` flips to a small radius for chip-style badges.\n * ============================================================ */\n.square {\n    border-radius: var(--tempest-radius-sm);\n}\n\n/* ============================================================\n * Tone × Style matrix.\n * Soft (default) = tinted bg + colored fg.\n * Solid = filled colored bg + white fg.\n * Outline = transparent bg + colored fg + colored border.\n * ============================================================ */\n\n/* Neutral */\n.neutral {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: #ffffff;\n}\n.neutral.outline {\n    background-color: transparent;\n    color: var(--tempest-text);\n    border-color: var(--tempest-border-strong);\n}\n\n/* Success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: #ffffff;\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success-border);\n}\n\n/* Warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: #ffffff;\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning-border);\n}\n\n/* Danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: #ffffff;\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger-border);\n}\n\n/* Info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: #ffffff;\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info-border);\n}\n\n/* Primary */\n.primary {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n.primary.solid {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n\n/* Status dot — small leading dot, color inherits from text. */\n.dot {\n    width: 6px;\n    height: 6px;\n    border-radius: var(--tempest-radius-full);\n    background-color: currentColor;\n    display: inline-block;\n    flex-shrink: 0;\n}\n"],"mappings":""}

package/dist/components/Banner/Banner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),j=require("../../utils/cn.cjs"),e=require("./Banner.module.css.cjs");function p({variant:r="info",icon:a,title:n,action:t,dismissible:c=!1,onDismiss:u,className:i,children:l,...d}){const[o,f]=m.useState(!0);return o?s.jsxs("div",{className:j.cn(e.default.banner,e.default[r],i),role:"status",...d,children:[a&&s.jsx("span",{className:e.default.icon,children:a}),s.jsxs("div",{className:e.default.body,children:[n&&s.jsx("p",{className:e.default.title,children:n}),l&&s.jsx("p",{className:e.default.description,children:l})]}),t&&s.jsx("div",{className:e.default.action,children:t}),c&&s.jsx("button",{type:"button",className:e.default.close,"aria-label":"Fechar",onClick:()=>{f(!1),u?.()},children:"×"})]}):null}exports.Banner=p;
-//# sourceMappingURL=Banner.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Banner.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({variant:i=`info`,icon:a,title:o,action:s,dismissible:c=!1,onDismiss:l,className:u,children:d,...f}){let[p,m]=(0,n.useState)(!0);return p?(0,r.jsxs)(`div`,{className:e.cn(t.default.banner,t.default[i],u),role:`status`,...f,children:[a&&(0,r.jsx)(`span`,{className:t.default.icon,children:a}),(0,r.jsxs)(`div`,{className:t.default.body,children:[o&&(0,r.jsx)(`p`,{className:t.default.title,children:o}),d&&(0,r.jsx)(`p`,{className:t.default.description,children:d})]}),s&&(0,r.jsx)(`div`,{className:t.default.action,children:s}),c&&(0,r.jsx)(`button`,{type:`button`,className:t.default.close,"aria-label":`Fechar`,onClick:()=>{m(!1),l?.()},children:`×`})]}):null}exports.Banner=i;
+//# sourceMappingURL=Banner.cjs.map

package/dist/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Banner.module.css\";\n\nexport type BannerVariant = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Visual variant. Default `\"info\"`. */\n    variant?: BannerVariant;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /** Optional title displayed before description. */\n    title?: ReactNode;\n    /** Optional action button rendered on the right side. */\n    action?: ReactNode;\n    /** Show a dismiss button on the right. */\n    dismissible?: boolean;\n    /** Callback fired when the dismiss button is clicked. */\n    onDismiss?: () => void;\n    children?: ReactNode;\n}\n\n/**\n * Top-of-page persistent notice. Use for environment indicators\n * (\"Você está em sandbox\"), maintenance windows, account warnings.\n * Different from `Alert` (inline near a field) and `Toast` (transient).\n *\n * @example\n * <Banner variant=\"warning\" dismissible onDismiss={() => setOpen(false)}>\n *     Sua assinatura expira em 3 dias.\n * </Banner>\n */\nexport function Banner({\n    variant = \"info\",\n    icon,\n    title,\n    action,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...props\n}: BannerProps) {\n    const [open, setOpen] = useState(true);\n    if (!open) return null;\n    return (\n        <div className={cn(styles.banner, styles[variant], className)} role=\"status\" {...props}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                {title && <p className={styles.title}>{title}</p>}\n                {children && <p className={styles.description}>{children}</p>}\n            </div>\n            {action && <div className={styles.action}>{action}</div>}\n            {dismissible && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    aria-label=\"Fechar\"\n                    onClick={() => {\n                        setOpen(false);\n                        onDismiss?.();\n                    }}\n                >\n                    ×\n                </button>\n            )}\n        </div>\n    );\n}\n"],"names":["Banner","variant","icon","title","action","dismissible","onDismiss","className","children","props","open","setOpen","useState","jsxs","cn","styles","jsx"],"mappings":"6MAiCO,SAASA,EAAO,CACnB,QAAAC,EAAU,OACV,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAI,EACrC,OAAKF,EAEDG,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQA,EAAAA,QAAOd,CAAO,EAAGM,CAAS,EAAG,KAAK,SAAU,GAAGE,EAC5E,SAAA,CAAAP,GAAQc,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAb,EAAK,EAC7CW,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,KAClB,SAAA,CAAAZ,GAASa,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,MAAQ,SAAAZ,EAAM,EAC5CK,GAAYQ,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,YAAc,SAAAP,CAAA,CAAS,CAAA,EAC7D,EACCJ,GAAUY,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAX,EAAO,EACjDC,GACGW,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,MAClB,aAAW,SACX,QAAS,IAAM,CACXJ,EAAQ,EAAK,EACbL,IAAA,CACJ,EACH,SAAA,GAAA,CAAA,CAED,EAER,EAtBc,IAwBtB"}
+{"version":3,"file":"Banner.cjs","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Banner.module.css\";\n\nexport type BannerVariant = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Visual variant. Default `\"info\"`. */\n    variant?: BannerVariant;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /** Optional title displayed before description. */\n    title?: ReactNode;\n    /** Optional action button rendered on the right side. */\n    action?: ReactNode;\n    /** Show a dismiss button on the right. */\n    dismissible?: boolean;\n    /** Callback fired when the dismiss button is clicked. */\n    onDismiss?: () => void;\n    children?: ReactNode;\n}\n\n/**\n * Top-of-page persistent notice. Use for environment indicators\n * (\"Você está em sandbox\"), maintenance windows, account warnings.\n * Different from `Alert` (inline near a field) and `Toast` (transient).\n *\n * @example\n * <Banner variant=\"warning\" dismissible onDismiss={() => setOpen(false)}>\n *     Sua assinatura expira em 3 dias.\n * </Banner>\n */\nexport function Banner({\n    variant = \"info\",\n    icon,\n    title,\n    action,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...props\n}: BannerProps) {\n    const [open, setOpen] = useState(true);\n    if (!open) return null;\n    return (\n        <div className={cn(styles.banner, styles[variant], className)} role=\"status\" {...props}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                {title && <p className={styles.title}>{title}</p>}\n                {children && <p className={styles.description}>{children}</p>}\n            </div>\n            {action && <div className={styles.action}>{action}</div>}\n            {dismissible && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    aria-label=\"Fechar\"\n                    onClick={() => {\n                        setOpen(false);\n                        onDismiss?.();\n                    }}\n                >\n                    ×\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":"6HAiCA,SAAgB,EAAO,CACnB,UAAU,OACV,OACA,QACA,SACA,cAAc,GACd,YACA,YACA,WACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,EAAI,EAErC,OADK,GAED,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAU,CAAS,EAAG,KAAK,SAAS,GAAI,WAAjF,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GACnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAvB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,CAAS,CAAA,EAC/C,IAAY,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,UAAY,CAAA,CAC3D,IACJ,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,EACtD,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAW,SACX,YAAe,CACX,EAAQ,EAAK,EACb,IAAY,CAChB,WACH,GAEO,CAAA,CAEX,IAtBS,IAwBtB"}

package/dist/components/Banner/Banner.js

@@ -1,41 +1,46 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { cn as N } from "../../utils/cn.js";
-import e from "./Banner.module.css.js";
-function y({
-  variant: o = "info",
-  icon: a,
-  title: r,
-  action: n,
-  dismissible: c = !1,
-  onDismiss: i,
-  className: m,
-  children: l,
-  ...p
-}) {
-  const [d, f] = u(!0);
-  return d ? /* @__PURE__ */ t("div", { className: N(e.banner, e[o], m), role: "status", ...p, children: [
-    a && /* @__PURE__ */ s("span", { className: e.icon, children: a }),
-    /* @__PURE__ */ t("div", { className: e.body, children: [
-      r && /* @__PURE__ */ s("p", { className: e.title, children: r }),
-      l && /* @__PURE__ */ s("p", { className: e.description, children: l })
-    ] }),
-    n && /* @__PURE__ */ s("div", { className: e.action, children: n }),
-    c && /* @__PURE__ */ s(
-      "button",
-      {
-        type: "button",
-        className: e.close,
-        "aria-label": "Fechar",
-        onClick: () => {
-          f(!1), i?.();
-        },
-        children: "×"
-      }
-    )
-  ] }) : null;
+import { cn as e } from "../../utils/cn.js";
+import t from "./Banner.module.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Banner/Banner.tsx
+function a({ variant: a = "info", icon: o, title: s, action: c, dismissible: l = !1, onDismiss: u, className: d, children: f, ...p }) {
+	let [m, h] = n(!0);
+	return m ? /* @__PURE__ */ i("div", {
+		className: e(t.banner, t[a], d),
+		role: "status",
+		...p,
+		children: [
+			o && /* @__PURE__ */ r("span", {
+				className: t.icon,
+				children: o
+			}),
+			/* @__PURE__ */ i("div", {
+				className: t.body,
+				children: [s && /* @__PURE__ */ r("p", {
+					className: t.title,
+					children: s
+				}), f && /* @__PURE__ */ r("p", {
+					className: t.description,
+					children: f
+				})]
+			}),
+			c && /* @__PURE__ */ r("div", {
+				className: t.action,
+				children: c
+			}),
+			l && /* @__PURE__ */ r("button", {
+				type: "button",
+				className: t.close,
+				"aria-label": "Fechar",
+				onClick: () => {
+					h(!1), u?.();
+				},
+				children: "×"
+			})
+		]
+	}) : null;
 }
-export {
-  y as Banner
-};
-//# sourceMappingURL=Banner.js.map
+//#endregion
+export { a as Banner };
+
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Banner.module.css\";\n\nexport type BannerVariant = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Visual variant. Default `\"info\"`. */\n    variant?: BannerVariant;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /** Optional title displayed before description. */\n    title?: ReactNode;\n    /** Optional action button rendered on the right side. */\n    action?: ReactNode;\n    /** Show a dismiss button on the right. */\n    dismissible?: boolean;\n    /** Callback fired when the dismiss button is clicked. */\n    onDismiss?: () => void;\n    children?: ReactNode;\n}\n\n/**\n * Top-of-page persistent notice. Use for environment indicators\n * (\"Você está em sandbox\"), maintenance windows, account warnings.\n * Different from `Alert` (inline near a field) and `Toast` (transient).\n *\n * @example\n * <Banner variant=\"warning\" dismissible onDismiss={() => setOpen(false)}>\n *     Sua assinatura expira em 3 dias.\n * </Banner>\n */\nexport function Banner({\n    variant = \"info\",\n    icon,\n    title,\n    action,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...props\n}: BannerProps) {\n    const [open, setOpen] = useState(true);\n    if (!open) return null;\n    return (\n        <div className={cn(styles.banner, styles[variant], className)} role=\"status\" {...props}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                {title && <p className={styles.title}>{title}</p>}\n                {children && <p className={styles.description}>{children}</p>}\n            </div>\n            {action && <div className={styles.action}>{action}</div>}\n            {dismissible && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    aria-label=\"Fechar\"\n                    onClick={() => {\n                        setOpen(false);\n                        onDismiss?.();\n                    }}\n                >\n                    ×\n                </button>\n            )}\n        </div>\n    );\n}\n"],"names":["Banner","variant","icon","title","action","dismissible","onDismiss","className","children","props","open","setOpen","useState","jsxs","cn","styles","jsx"],"mappings":";;;;AAiCO,SAASA,EAAO;AAAA,EACnB,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAgB;AACZ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAI;AACrC,SAAKF,IAED,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQA,EAAOd,CAAO,GAAGM,CAAS,GAAG,MAAK,UAAU,GAAGE,GAC5E,UAAA;AAAA,IAAAP,KAAQ,gBAAAc,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAb,GAAK;AAAA,IAC7C,gBAAAW,EAAC,OAAA,EAAI,WAAWE,EAAO,MAClB,UAAA;AAAA,MAAAZ,KAAS,gBAAAa,EAAC,KAAA,EAAE,WAAWD,EAAO,OAAQ,UAAAZ,GAAM;AAAA,MAC5CK,KAAY,gBAAAQ,EAAC,KAAA,EAAE,WAAWD,EAAO,aAAc,UAAAP,EAAA,CAAS;AAAA,IAAA,GAC7D;AAAA,IACCJ,KAAU,gBAAAY,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAX,GAAO;AAAA,IACjDC,KACG,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,cAAW;AAAA,QACX,SAAS,MAAM;AACX,UAAAJ,EAAQ,EAAK,GACbL,IAAA;AAAA,QACJ;AAAA,QACH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAER,IAtBc;AAwBtB;"}
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Banner.module.css\";\n\nexport type BannerVariant = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Visual variant. Default `\"info\"`. */\n    variant?: BannerVariant;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /** Optional title displayed before description. */\n    title?: ReactNode;\n    /** Optional action button rendered on the right side. */\n    action?: ReactNode;\n    /** Show a dismiss button on the right. */\n    dismissible?: boolean;\n    /** Callback fired when the dismiss button is clicked. */\n    onDismiss?: () => void;\n    children?: ReactNode;\n}\n\n/**\n * Top-of-page persistent notice. Use for environment indicators\n * (\"Você está em sandbox\"), maintenance windows, account warnings.\n * Different from `Alert` (inline near a field) and `Toast` (transient).\n *\n * @example\n * <Banner variant=\"warning\" dismissible onDismiss={() => setOpen(false)}>\n *     Sua assinatura expira em 3 dias.\n * </Banner>\n */\nexport function Banner({\n    variant = \"info\",\n    icon,\n    title,\n    action,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...props\n}: BannerProps) {\n    const [open, setOpen] = useState(true);\n    if (!open) return null;\n    return (\n        <div className={cn(styles.banner, styles[variant], className)} role=\"status\" {...props}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                {title && <p className={styles.title}>{title}</p>}\n                {children && <p className={styles.description}>{children}</p>}\n            </div>\n            {action && <div className={styles.action}>{action}</div>}\n            {dismissible && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    aria-label=\"Fechar\"\n                    onClick={() => {\n                        setOpen(false);\n                        onDismiss?.();\n                    }}\n                >\n                    ×\n                </button>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiCA,SAAgB,EAAO,EACnB,aAAU,QACV,SACA,UACA,WACA,iBAAc,IACd,cACA,cACA,aACA,GAAG,KACS;CACZ,IAAM,CAAC,GAAM,KAAW,EAAS,EAAI;CAErC,OADK,IAED,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAU,CAAS;EAAG,MAAK;EAAS,GAAI;YAAjF;GACK,KAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACK,KAAS,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAQ;IAAS,CAAA,GAC/C,KAAY,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAc;IAAY,CAAA,CAC3D;;GACJ,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACtD,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAW;IACX,eAAe;KAEX,AADA,EAAQ,EAAK,GACb,IAAY;IAChB;cACH;GAEO,CAAA;EAEX;MAtBS;AAwBtB"}

package/dist/components/Banner/Banner.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_banner_oyoWE`,t=`tempest_info_s2q0P`,n=`tempest_success_uLYQ3`,r=`tempest_warning_9rua8`,i=`tempest_danger_Uzb-6`,a=`tempest_icon_vzKmx`,o=`tempest_body_-Qm4K`,s=`tempest_title_AeTHT`,c=`tempest_description_nbyf-`,l=`tempest_action_47P8e`,u=`tempest_close_Iy2oN`,d={banner:e,info:t,success:n,warning:r,danger:i,icon:a,body:o,title:s,description:c,action:l,close:u};exports.action=l,exports.banner=e,exports.body=o,exports.close=u,exports.danger=i,exports.default=d,exports.description=c,exports.icon=a,exports.info=t,exports.success=n,exports.title=s,exports.warning=r;
+//# sourceMappingURL=Banner.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.module.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.banner.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.banner.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.banner.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.banner.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0 0 var(--tempest-space-1);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.description {\n    margin: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n}\n\n.close {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    color: currentColor;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":""}

package/dist/components/Banner/Banner.module.js

@@ -0,0 +1,18 @@
+//#region src/components/Banner/Banner.module.css
+var e = "tempest_banner_oyoWE", t = "tempest_info_s2q0P", n = "tempest_success_uLYQ3", r = "tempest_warning_9rua8", i = "tempest_danger_Uzb-6", a = "tempest_icon_vzKmx", o = "tempest_body_-Qm4K", s = "tempest_title_AeTHT", c = "tempest_description_nbyf-", l = "tempest_action_47P8e", u = "tempest_close_Iy2oN", d = {
+	banner: e,
+	info: t,
+	success: n,
+	warning: r,
+	danger: i,
+	icon: a,
+	body: o,
+	title: s,
+	description: c,
+	action: l,
+	close: u
+};
+//#endregion
+export { l as action, e as banner, o as body, u as close, i as danger, d as default, c as description, a as icon, t as info, n as success, s as title, r as warning };
+
+//# sourceMappingURL=Banner.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.module.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.banner.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.banner.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.banner.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.banner.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0 0 var(--tempest-space-1);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.description {\n    margin: 0;\n}\n\n.action {\n    flex: 0 0 auto;\n}\n\n.close {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    color: currentColor;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":""}

package/dist/components/BottomNavigation/BottomNavigation.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),e=require("./BottomNavigation.module.css.cjs");function u({items:t,value:c,onChange:o,showLabels:i=!0,className:r,...d}){return n.jsx("nav",{className:s.cn(e.default.bar,r),"aria-label":"Navegação principal",...d,children:t.map(a=>{const l=a.key===c;return n.jsxs("button",{type:"button",className:s.cn(e.default.item,l&&e.default.active),"aria-current":l?"page":void 0,disabled:a.disabled,onClick:()=>o(a.key),children:[n.jsxs("span",{className:e.default.iconWrap,children:[a.icon&&n.jsx("span",{className:e.default.icon,children:a.icon}),a.badge!==void 0&&n.jsx("span",{className:e.default.badge,children:a.badge})]}),i&&n.jsx("span",{className:e.default.label,children:a.label})]},a.key)})})}exports.BottomNavigation=u;
-//# sourceMappingURL=BottomNavigation.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./BottomNavigation.module.cjs");let n=require("react/jsx-runtime");function r({items:r,value:i,onChange:a,showLabels:o=!0,className:s,...c}){return(0,n.jsx)(`nav`,{className:e.cn(t.default.bar,s),"aria-label":`Navegação principal`,...c,children:r.map(r=>{let s=r.key===i;return(0,n.jsxs)(`button`,{type:`button`,className:e.cn(t.default.item,s&&t.default.active),"aria-current":s?`page`:void 0,disabled:r.disabled,onClick:()=>a(r.key),children:[(0,n.jsxs)(`span`,{className:t.default.iconWrap,children:[r.icon&&(0,n.jsx)(`span`,{className:t.default.icon,children:r.icon}),r.badge!==void 0&&(0,n.jsx)(`span`,{className:t.default.badge,children:r.badge})]}),o&&(0,n.jsx)(`span`,{className:t.default.label,children:r.label})]},r.key)})})}exports.BottomNavigation=r;
+//# sourceMappingURL=BottomNavigation.cjs.map

package/dist/components/BottomNavigation/BottomNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.cjs","sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"names":["BottomNavigation","items","value","onChange","showLabels","className","props","jsx","cn","styles","item","active","jsxs"],"mappings":"oMA4CO,SAASA,EAAiB,CAC7B,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EACA,GAAGC,CACP,EAA0B,CACtB,OACIC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,IAAKJ,CAAS,EAAG,aAAW,sBAAuB,GAAGC,EAC3E,SAAAL,EAAM,IAAKS,GAAS,CACjB,MAAMC,EAASD,EAAK,MAAQR,EAC5B,OACIU,EAAAA,KAAC,SAAA,CAEG,KAAK,SACL,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,KAAME,GAAUF,EAAAA,QAAO,MAAM,EAClD,eAAcE,EAAS,OAAS,OAChC,SAAUD,EAAK,SACf,QAAS,IAAMP,EAASO,EAAK,GAAG,EAEhC,SAAA,CAAAE,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,SACnB,SAAA,CAAAC,EAAK,MAAQH,MAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,EACtDC,EAAK,QAAU,QACZH,EAAAA,IAAC,QAAK,UAAWE,EAAAA,QAAO,MAAQ,SAAAC,EAAK,KAAA,CAAM,CAAA,EAEnD,EACCN,GAAcG,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,MAAQ,WAAK,KAAA,CAAM,CAAA,CAAA,EAbrDC,EAAK,GAAA,CAgBtB,CAAC,CAAA,CACL,CAER"}
+{"version":3,"file":"BottomNavigation.cjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":"oHA4CA,SAAgB,EAAiB,CAC7B,QACA,QACA,WACA,aAAa,GACb,YACA,GAAG,GACmB,CACtB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAAG,aAAW,sBAAsB,GAAI,WAC3E,EAAM,IAAK,GAAS,CACjB,IAAM,EAAS,EAAK,MAAQ,EAC5B,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EAClD,eAAc,EAAS,OAAS,IAAA,GAChC,SAAU,EAAK,SACf,YAAe,EAAS,EAAK,GAAG,WANpC,EAQI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAxB,CACK,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAK,IAAW,CAAA,EAC5D,EAAK,QAAU,IAAA,KACZ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAEnD,IACL,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAC5D,GAdC,EAAK,GAcN,CAEhB,CAAC,CACA,CAAA,CAEb"}

package/dist/components/BottomNavigation/BottomNavigation.js

@@ -1,37 +1,38 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { cn as s } from "../../utils/cn.js";
-import e from "./BottomNavigation.module.css.js";
-function u({
-  items: l,
-  value: o,
-  onChange: i,
-  showLabels: d = !0,
-  className: p,
-  ...t
-}) {
-  return /* @__PURE__ */ n("nav", { className: s(e.bar, p), "aria-label": "Navegação principal", ...t, children: l.map((a) => {
-    const r = a.key === o;
-    return /* @__PURE__ */ c(
-      "button",
-      {
-        type: "button",
-        className: s(e.item, r && e.active),
-        "aria-current": r ? "page" : void 0,
-        disabled: a.disabled,
-        onClick: () => i(a.key),
-        children: [
-          /* @__PURE__ */ c("span", { className: e.iconWrap, children: [
-            a.icon && /* @__PURE__ */ n("span", { className: e.icon, children: a.icon }),
-            a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.badge, children: a.badge })
-          ] }),
-          d && /* @__PURE__ */ n("span", { className: e.label, children: a.label })
-        ]
-      },
-      a.key
-    );
-  }) });
+import { cn as e } from "../../utils/cn.js";
+import t from "./BottomNavigation.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/BottomNavigation/BottomNavigation.tsx
+function i({ items: i, value: a, onChange: o, showLabels: s = !0, className: c, ...l }) {
+	return /* @__PURE__ */ n("nav", {
+		className: e(t.bar, c),
+		"aria-label": "Navegação principal",
+		...l,
+		children: i.map((i) => {
+			let c = i.key === a;
+			return /* @__PURE__ */ r("button", {
+				type: "button",
+				className: e(t.item, c && t.active),
+				"aria-current": c ? "page" : void 0,
+				disabled: i.disabled,
+				onClick: () => o(i.key),
+				children: [/* @__PURE__ */ r("span", {
+					className: t.iconWrap,
+					children: [i.icon && /* @__PURE__ */ n("span", {
+						className: t.icon,
+						children: i.icon
+					}), i.badge !== void 0 && /* @__PURE__ */ n("span", {
+						className: t.badge,
+						children: i.badge
+					})]
+				}), s && /* @__PURE__ */ n("span", {
+					className: t.label,
+					children: i.label
+				})]
+			}, i.key);
+		})
+	});
 }
-export {
-  u as BottomNavigation
-};
-//# sourceMappingURL=BottomNavigation.js.map
+//#endregion
+export { i as BottomNavigation };
+
+//# sourceMappingURL=BottomNavigation.js.map

package/dist/components/BottomNavigation/BottomNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.js","sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"names":["BottomNavigation","items","value","onChange","showLabels","className","props","jsx","cn","styles","item","active","jsxs"],"mappings":";;;AA4CO,SAASA,EAAiB;AAAA,EAC7B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACP,GAA0B;AACtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,KAAKJ,CAAS,GAAG,cAAW,uBAAuB,GAAGC,GAC3E,UAAAL,EAAM,IAAI,CAACS,MAAS;AACjB,UAAMC,IAASD,EAAK,QAAQR;AAC5B,WACI,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,MAAK;AAAA,QACL,WAAWJ,EAAGC,EAAO,MAAME,KAAUF,EAAO,MAAM;AAAA,QAClD,gBAAcE,IAAS,SAAS;AAAA,QAChC,UAAUD,EAAK;AAAA,QACf,SAAS,MAAMP,EAASO,EAAK,GAAG;AAAA,QAEhC,UAAA;AAAA,UAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWH,EAAO,UACnB,UAAA;AAAA,YAAAC,EAAK,QAAQ,gBAAAH,EAAC,QAAA,EAAK,WAAWE,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,YACtDC,EAAK,UAAU,UACZ,gBAAAH,EAAC,UAAK,WAAWE,EAAO,OAAQ,UAAAC,EAAK,MAAA,CAAM;AAAA,UAAA,GAEnD;AAAA,UACCN,KAAc,gBAAAG,EAAC,QAAA,EAAK,WAAWE,EAAO,OAAQ,YAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAbrDC,EAAK;AAAA,IAAA;AAAA,EAgBtB,CAAC,EAAA,CACL;AAER;"}
+{"version":3,"file":"BottomNavigation.js","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":";;;;AA4CA,SAAgB,EAAiB,EAC7B,UACA,UACA,aACA,gBAAa,IACb,cACA,GAAG,KACmB;CACtB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,KAAK,CAAS;EAAG,cAAW;EAAsB,GAAI;YAC3E,EAAM,KAAK,MAAS;GACjB,IAAM,IAAS,EAAK,QAAQ;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IAClD,gBAAc,IAAS,SAAS,KAAA;IAChC,UAAU,EAAK;IACf,eAAe,EAAS,EAAK,GAAG;cANpC,CAQI,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACK,EAAK,QAAQ,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAO,EAAK;KAAW,CAAA,GAC5D,EAAK,UAAU,KAAA,KACZ,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAQ,EAAK;KAAY,CAAA,CAEnD;QACL,KAAc,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ,EAAK;IAAY,CAAA,CAC5D;MAdC,EAAK,GAcN;EAEhB,CAAC;CACA,CAAA;AAEb"}

package/dist/components/BottomNavigation/BottomNavigation.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_bar_kp35Q`,t=`tempest_item_XfDIW`,n=`tempest_active_sK54f`,r=`tempest_iconWrap_yJ20b`,i=`tempest_icon_TAjtI`,a=`tempest_badge_-c3Do`,o=`tempest_label_qJj3L`,s={bar:e,item:t,active:n,iconWrap:r,icon:i,badge:a,label:o};exports.active=n,exports.badge=a,exports.bar=e,exports.default=s,exports.icon=i,exports.iconWrap=r,exports.item=t,exports.label=o;
+//# sourceMappingURL=BottomNavigation.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.module.cjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":""}

package/dist/components/BottomNavigation/BottomNavigation.module.js

@@ -0,0 +1,14 @@
+//#region src/components/BottomNavigation/BottomNavigation.module.css
+var e = "tempest_bar_kp35Q", t = "tempest_item_XfDIW", n = "tempest_active_sK54f", r = "tempest_iconWrap_yJ20b", i = "tempest_icon_TAjtI", a = "tempest_badge_-c3Do", o = "tempest_label_qJj3L", s = {
+	bar: e,
+	item: t,
+	active: n,
+	iconWrap: r,
+	icon: i,
+	badge: a,
+	label: o
+};
+//#endregion
+export { n as active, a as badge, e as bar, s as default, i as icon, r as iconWrap, t as item, o as label };
+
+//# sourceMappingURL=BottomNavigation.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.module.js","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":""}

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),y=require("react-dom"),h=require("../../utils/cn.cjs"),t=require("./BottomSheet.module.css.cjs");function v({open:r,onClose:a,title:o,showHandle:l=!0,dismissOnBackdrop:s=!0,dismissOnEsc:n=!0,className:c,children:i,...f}){return u.useEffect(()=>{if(!r||!n)return;const d=m=>{m.key==="Escape"&&a()};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[r,n,a]),u.useEffect(()=>{if(!r)return;const d=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=d}},[r]),!r||typeof document>"u"?null:y.createPortal(e.jsxs("div",{className:t.default.root,role:"dialog","aria-modal":"true",children:[e.jsx("div",{className:t.default.backdrop,onClick:()=>s&&a(),"aria-hidden":"true"}),e.jsxs("div",{className:h.cn(t.default.sheet,c),...f,children:[l&&e.jsx("button",{type:"button",className:t.default.handle,"aria-label":"Arrastar para fechar",onClick:a,children:e.jsx("span",{className:t.default.handleBar})}),o&&e.jsx("div",{className:t.default.title,children:o}),e.jsx("div",{className:t.default.body,children:i})]})]}),document.body)}exports.BottomSheet=v;
-//# sourceMappingURL=BottomSheet.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./BottomSheet.module.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom");function a({open:a,onClose:o,title:s,showHandle:c=!0,dismissOnBackdrop:l=!0,dismissOnEsc:u=!0,className:d,children:f,...p}){return(0,n.useEffect)(()=>{if(!a||!u)return;let e=e=>{e.key===`Escape`&&o()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[a,u,o]),(0,n.useEffect)(()=>{if(!a)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[a]),!a||typeof document>`u`?null:(0,i.createPortal)((0,r.jsxs)(`div`,{className:t.default.root,role:`dialog`,"aria-modal":`true`,children:[(0,r.jsx)(`div`,{className:t.default.backdrop,onClick:()=>l&&o(),"aria-hidden":`true`}),(0,r.jsxs)(`div`,{className:e.cn(t.default.sheet,d),...p,children:[c&&(0,r.jsx)(`button`,{type:`button`,className:t.default.handle,"aria-label":`Arrastar para fechar`,onClick:o,children:(0,r.jsx)(`span`,{className:t.default.handleBar})}),s&&(0,r.jsx)(`div`,{className:t.default.title,children:s}),(0,r.jsx)(`div`,{className:t.default.body,children:f})]})]}),document.body)}exports.BottomSheet=a;
+//# sourceMappingURL=BottomSheet.cjs.map