tempest-react-sdk 0.23.0 → 0.25.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/AvatarGroup/AvatarGroup.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../Avatar/Avatar.cjs"),n=require("./AvatarGroup.module.cjs");let r=require("react/jsx-runtime");function i({items:i,max:a=4,size:o=`md`,label:s,onOverflowClick:c,className:l}){let u=Math.max(0,a),d=i.slice(0,u),f=i.length-d.length;return(0,r.jsxs)(`div`,{role:`group`,"aria-label":s,className:e.cn(n.default.group,n.default[o],l),children:[d.map((e,i)=>(0,r.jsx)(`span`,{className:n.default.slot,children:(0,r.jsx)(t.Avatar,{src:e.src,name:e.name,alt:e.name,size:o})},`${e.name}-${i}`)),f>0?(0,r.jsx)(`span`,{className:n.default.slot,children:c?(0,r.jsxs)(`button`,{type:`button`,className:e.cn(n.default.overflow,n.default.overflowButton),"aria-label":`${f} more`,onClick:c,children:[`+`,f]}):(0,r.jsxs)(`span`,{className:n.default.overflow,"aria-label":`${f} more`,children:[`+`,f]})}):null]})}exports.AvatarGroup=i;
+//# sourceMappingURL=AvatarGroup.cjs.map

package/dist/components/AvatarGroup/AvatarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport { Avatar } from \"../Avatar\";\nimport type { AvatarSize } from \"../Avatar\";\nimport styles from \"./AvatarGroup.module.css\";\n\n/** One participant of the group. */\nexport interface AvatarGroupItem {\n    /** Image URL. Falls back to initials from `name`. */\n    src?: string;\n    /** Full name — drives the initials and the accessible label. */\n    name: string;\n}\n\nexport interface AvatarGroupProps {\n    items: AvatarGroupItem[];\n    /** How many avatars to show before collapsing into `+N`. Default `4`. */\n    max?: number;\n    size?: AvatarSize;\n    /** Accessible name of the group, e.g. `\"Participantes\"`. */\n    label?: string;\n    /**\n     * Called when the `+N` chip is activated — a natural hook for \"see all\n     * participants\". Without it the chip is plain text and not focusable.\n     */\n    onOverflowClick?: () => void;\n    className?: string;\n}\n\n/**\n * Overlapping row of avatars with a `+N` overflow chip — participants of a\n * meeting, assignees of a task, members of a team.\n *\n * The whole row is one `role=\"group\"` with a single accessible name, and each\n * avatar's name is exposed as its label. That is deliberate: announcing seven\n * separate images with no relation between them is noise, and the overflow chip\n * carries the remaining count so the total is never hidden from a screen reader.\n *\n * @example\n * ```tsx\n * <AvatarGroup\n *   label=\"Participantes\"\n *   max={3}\n *   items={[\n *     { name: \"Ada Lovelace\", src: ada },\n *     { name: \"Grace Hopper\" },\n *     { name: \"Alan Turing\" },\n *     { name: \"Edsger Dijkstra\" },\n *   ]}\n *   onOverflowClick={() => setDrawerOpen(true)}\n * />\n * ```\n */\nexport function AvatarGroup({\n    items,\n    max = 4,\n    size = \"md\",\n    label,\n    onOverflowClick,\n    className,\n}: AvatarGroupProps) {\n    const limit = Math.max(0, max);\n    const visible = items.slice(0, limit);\n    const overflow = items.length - visible.length;\n\n    return (\n        <div role=\"group\" aria-label={label} className={cn(styles.group, styles[size], className)}>\n            {visible.map((item, index) => (\n                <span key={`${item.name}-${index}`} className={styles.slot}>\n                    <Avatar src={item.src} name={item.name} alt={item.name} size={size} />\n                </span>\n            ))}\n\n            {overflow > 0 ? (\n                <span className={styles.slot}>\n                    {onOverflowClick ? (\n                        <button\n                            type=\"button\"\n                            className={cn(styles.overflow, styles.overflowButton)}\n                            aria-label={`${overflow} more`}\n                            onClick={onOverflowClick}\n                        >\n                            +{overflow}\n                        </button>\n                    ) : (\n                        <span className={styles.overflow} aria-label={`${overflow} more`}>\n                            +{overflow}\n                        </span>\n                    )}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"iJAoDA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,OAAO,KACP,QACA,kBACA,aACiB,CACjB,IAAM,EAAQ,KAAK,IAAI,EAAG,CAAG,EACvB,EAAU,EAAM,MAAM,EAAG,CAAK,EAC9B,EAAW,EAAM,OAAS,EAAQ,OAExC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,KAAK,QAAQ,aAAY,EAAO,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,GAAO,CAAS,WAAxF,CACK,EAAQ,KAAK,EAAM,KAChB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAoC,UAAW,EAAA,QAAO,eAClD,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,IAAK,EAAK,IAAK,KAAM,EAAK,KAAM,IAAK,EAAK,KAAY,MAAO,CAAA,CACnE,EAFK,GAAG,EAAK,KAAK,GAAG,GAErB,CACT,EAEA,EAAW,GACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cACnB,GACG,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,EAAA,QAAO,cAAc,EACpD,aAAY,GAAG,EAAS,OACxB,QAAS,WAJb,CAKC,IACK,CACE,KAER,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,aAAY,GAAG,EAAS,gBAA1D,CAAkE,IAC5D,CACA,GAER,CAAA,EACN,IACH,GAEb"}

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../../utils/cn.js";
+import { Avatar as t } from "../Avatar/Avatar.js";
+import n from "./AvatarGroup.module.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/AvatarGroup/AvatarGroup.tsx
+function a({ items: a, max: o = 4, size: s = "md", label: c, onOverflowClick: l, className: u }) {
+	let d = Math.max(0, o), f = a.slice(0, d), p = a.length - f.length;
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"aria-label": c,
+		className: e(n.group, n[s], u),
+		children: [f.map((e, i) => /* @__PURE__ */ r("span", {
+			className: n.slot,
+			children: /* @__PURE__ */ r(t, {
+				src: e.src,
+				name: e.name,
+				alt: e.name,
+				size: s
+			})
+		}, `${e.name}-${i}`)), p > 0 ? /* @__PURE__ */ r("span", {
+			className: n.slot,
+			children: l ? /* @__PURE__ */ i("button", {
+				type: "button",
+				className: e(n.overflow, n.overflowButton),
+				"aria-label": `${p} more`,
+				onClick: l,
+				children: ["+", p]
+			}) : /* @__PURE__ */ i("span", {
+				className: n.overflow,
+				"aria-label": `${p} more`,
+				children: ["+", p]
+			})
+		}) : null]
+	});
+}
+//#endregion
+export { a as AvatarGroup };
+
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/AvatarGroup/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport { Avatar } from \"../Avatar\";\nimport type { AvatarSize } from \"../Avatar\";\nimport styles from \"./AvatarGroup.module.css\";\n\n/** One participant of the group. */\nexport interface AvatarGroupItem {\n    /** Image URL. Falls back to initials from `name`. */\n    src?: string;\n    /** Full name — drives the initials and the accessible label. */\n    name: string;\n}\n\nexport interface AvatarGroupProps {\n    items: AvatarGroupItem[];\n    /** How many avatars to show before collapsing into `+N`. Default `4`. */\n    max?: number;\n    size?: AvatarSize;\n    /** Accessible name of the group, e.g. `\"Participantes\"`. */\n    label?: string;\n    /**\n     * Called when the `+N` chip is activated — a natural hook for \"see all\n     * participants\". Without it the chip is plain text and not focusable.\n     */\n    onOverflowClick?: () => void;\n    className?: string;\n}\n\n/**\n * Overlapping row of avatars with a `+N` overflow chip — participants of a\n * meeting, assignees of a task, members of a team.\n *\n * The whole row is one `role=\"group\"` with a single accessible name, and each\n * avatar's name is exposed as its label. That is deliberate: announcing seven\n * separate images with no relation between them is noise, and the overflow chip\n * carries the remaining count so the total is never hidden from a screen reader.\n *\n * @example\n * ```tsx\n * <AvatarGroup\n *   label=\"Participantes\"\n *   max={3}\n *   items={[\n *     { name: \"Ada Lovelace\", src: ada },\n *     { name: \"Grace Hopper\" },\n *     { name: \"Alan Turing\" },\n *     { name: \"Edsger Dijkstra\" },\n *   ]}\n *   onOverflowClick={() => setDrawerOpen(true)}\n * />\n * ```\n */\nexport function AvatarGroup({\n    items,\n    max = 4,\n    size = \"md\",\n    label,\n    onOverflowClick,\n    className,\n}: AvatarGroupProps) {\n    const limit = Math.max(0, max);\n    const visible = items.slice(0, limit);\n    const overflow = items.length - visible.length;\n\n    return (\n        <div role=\"group\" aria-label={label} className={cn(styles.group, styles[size], className)}>\n            {visible.map((item, index) => (\n                <span key={`${item.name}-${index}`} className={styles.slot}>\n                    <Avatar src={item.src} name={item.name} alt={item.name} size={size} />\n                </span>\n            ))}\n\n            {overflow > 0 ? (\n                <span className={styles.slot}>\n                    {onOverflowClick ? (\n                        <button\n                            type=\"button\"\n                            className={cn(styles.overflow, styles.overflowButton)}\n                            aria-label={`${overflow} more`}\n                            onClick={onOverflowClick}\n                        >\n                            +{overflow}\n                        </button>\n                    ) : (\n                        <span className={styles.overflow} aria-label={`${overflow} more`}>\n                            +{overflow}\n                        </span>\n                    )}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAoDA,SAAgB,EAAY,EACxB,UACA,SAAM,GACN,UAAO,MACP,UACA,oBACA,gBACiB;CACjB,IAAM,IAAQ,KAAK,IAAI,GAAG,CAAG,GACvB,IAAU,EAAM,MAAM,GAAG,CAAK,GAC9B,IAAW,EAAM,SAAS,EAAQ;CAExC,OACI,kBAAC,OAAD;EAAK,MAAK;EAAQ,cAAY;EAAO,WAAW,EAAG,EAAO,OAAO,EAAO,IAAO,CAAS;YAAxF,CACK,EAAQ,KAAK,GAAM,MAChB,kBAAC,QAAD;GAAoC,WAAW,EAAO;aAClD,kBAAC,GAAD;IAAQ,KAAK,EAAK;IAAK,MAAM,EAAK;IAAM,KAAK,EAAK;IAAY;GAAO,CAAA;EACnE,GAFK,GAAG,EAAK,KAAK,GAAG,GAErB,CACT,GAEA,IAAW,IACR,kBAAC,QAAD;GAAM,WAAW,EAAO;aACnB,IACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAG,EAAO,UAAU,EAAO,cAAc;IACpD,cAAY,GAAG,EAAS;IACxB,SAAS;cAJb,CAKC,KACK,CACE;QAER,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAU,cAAY,GAAG,EAAS;cAA1D,CAAkE,KAC5D,CACA;;EAER,CAAA,IACN,IACH;;AAEb"}

package/dist/components/AvatarGroup/AvatarGroup.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_group_qCSYk`,t=`tempest_slot_KyJQJ`,n=`tempest_xs_PPTP5`,r=`tempest_sm_ptoRA`,i=`tempest_md_YbE61`,a=`tempest_lg_oAEMY`,o=`tempest_xl_78RZG`,s=`tempest_overflow_JZIo-`,c=`tempest_overflowButton_hSf-2`,l={group:e,slot:t,xs:n,sm:r,md:i,lg:a,xl:o,overflow:s,overflowButton:c};exports.default=l,exports.group=e,exports.lg=a,exports.md=i,exports.overflow=s,exports.overflowButton=c,exports.slot=t,exports.sm=r,exports.xl=o,exports.xs=n;
+//# sourceMappingURL=AvatarGroup.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.module.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: center;\n}\n\n/**\n * Each slot pulls the next avatar over the previous one. The overlap is a\n * fraction of the avatar size so every size keeps the same proportion.\n */\n.slot {\n    display: inline-flex;\n    border-radius: var(--tempest-radius-full);\n    box-shadow: 0 0 0 2px var(--tempest-bg);\n}\n\n.slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.xs .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -8px);\n}\n\n.sm .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.md .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -12px);\n}\n\n.lg .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -16px);\n}\n\n.xl .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -22px);\n}\n\n.overflow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    font-variant-numeric: tabular-nums;\n}\n\n.xs .overflow {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm .overflow {\n    width: 32px;\n    height: 32px;\n}\n\n.lg .overflow {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-sm);\n}\n\n.xl .overflow {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-base);\n}\n\n.overflowButton {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.overflowButton:hover {\n    background-color: var(--tempest-border-strong);\n    color: var(--tempest-text);\n}\n\n.overflowButton: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 (prefers-reduced-motion: reduce) {\n    .overflowButton {\n        transition: none;\n    }\n}\n"],"mappings":""}

package/dist/components/AvatarGroup/AvatarGroup.module.js

@@ -0,0 +1,16 @@
+//#region src/components/AvatarGroup/AvatarGroup.module.css
+var e = "tempest_group_qCSYk", t = "tempest_slot_KyJQJ", n = "tempest_xs_PPTP5", r = "tempest_sm_ptoRA", i = "tempest_md_YbE61", a = "tempest_lg_oAEMY", o = "tempest_xl_78RZG", s = "tempest_overflow_JZIo-", c = "tempest_overflowButton_hSf-2", l = {
+	group: e,
+	slot: t,
+	xs: n,
+	sm: r,
+	md: i,
+	lg: a,
+	xl: o,
+	overflow: s,
+	overflowButton: c
+};
+//#endregion
+export { l as default, e as group, a as lg, i as md, s as overflow, c as overflowButton, t as slot, r as sm, o as xl, n as xs };
+
+//# sourceMappingURL=AvatarGroup.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.module.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: center;\n}\n\n/**\n * Each slot pulls the next avatar over the previous one. The overlap is a\n * fraction of the avatar size so every size keeps the same proportion.\n */\n.slot {\n    display: inline-flex;\n    border-radius: var(--tempest-radius-full);\n    box-shadow: 0 0 0 2px var(--tempest-bg);\n}\n\n.slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.xs .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -8px);\n}\n\n.sm .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -10px);\n}\n\n.md .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -12px);\n}\n\n.lg .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -16px);\n}\n\n.xl .slot + .slot {\n    margin-inline-start: var(--tempest-avatar-overlap, -22px);\n}\n\n.overflow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    font-variant-numeric: tabular-nums;\n}\n\n.xs .overflow {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm .overflow {\n    width: 32px;\n    height: 32px;\n}\n\n.lg .overflow {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-sm);\n}\n\n.xl .overflow {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-base);\n}\n\n.overflowButton {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.overflowButton:hover {\n    background-color: var(--tempest-border-strong);\n    color: var(--tempest-text);\n}\n\n.overflowButton: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 (prefers-reduced-motion: reduce) {\n    .overflowButton {\n        transition: none;\n    }\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"}