tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/AppBar/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","names":[],"sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AppBar.module.css\";\n\nexport type AppBarTone = \"surface\" | \"primary\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /** Stick to the top of the scroll container. Default `true`. */\n    sticky?: boolean;\n    /** Visual tone. Default `\"surface\"`. */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"mappings":";;;;;AA+DA,SAAgB,EAAO,EACnB,UACA,YACA,cAAW,IACX,WACA,eAAY,WACZ,aACA,UACA,YACA,cAAW,IACX,YAAS,IACT,UAAO,WACP,cAAW,IACX,cAAW,IACX,cACA,GAAG,KACS;CACZ,IAAM,IAAa,YAAiB,OAAO,QAAQ,KAAK,IAElD,IAAiB,KACnB,kBAAA,GAAA,EAAA,UAAA,CACK,KACG,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAO;EAClB,SAAS;EACT,cAAY;YAEX,KAAY,kBAAC,GAAD;GAAW,MAAM;GAAI,eAAY;EAAQ,CAAA;CAClD,CAAA,GAEX,KAAS,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAQ;CAAY,CAAA,CACxD,EAAA,CAAA;CAGN,OACI,kBAAC,UAAD;EACI,WAAW,EACP,EAAO,KACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAU,EAAO,QACjB,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,GAAI;YAVR;GAYI,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAU;GAAoB,CAAA;GACpD,KAAS,QAAQ,MAAU,MACxB,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAO,aAAU;cAClC;GACD,CAAA;GAER,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAU;GAAa,CAAA;EAC1C;;AAEhB"}

package/dist/components/AppBar/AppBar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_bar_SHqWS`,t=`tempest_centered_S0CCw`,n=`tempest_surface_fusKb`,r=`tempest_primary_QcCyN`,i=`tempest_transparent_uGrsu`,a=`tempest_bordered_5M9FZ`,o=`tempest_sticky_DStUO`,s=`tempest_safeArea_Vo3Bi`,c=`tempest_leading_mXv-d`,l=`tempest_actions_x7tMx`,u=`tempest_title_qaMMQ`,d=`tempest_brand_xKt54`,f=`tempest_iconBtn_S-BTg`,p={bar:e,centered:t,surface:n,primary:r,transparent:i,bordered:a,sticky:o,safeArea:s,leading:c,actions:l,title:u,brand:d,iconBtn:f};exports.actions=l,exports.bar=e,exports.bordered=a,exports.brand=d,exports.centered=t,exports.default=p,exports.iconBtn=f,exports.leading=c,exports.primary=r,exports.safeArea=s,exports.sticky=o,exports.surface=n,exports.title=u,exports.transparent=i;
+//# sourceMappingURL=AppBar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.module.cjs","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-text-on-primary);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn: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"],"mappings":""}

package/dist/components/AppBar/AppBar.module.js

@@ -0,0 +1,20 @@
+//#region src/components/AppBar/AppBar.module.css
+var e = "tempest_bar_SHqWS", t = "tempest_centered_S0CCw", n = "tempest_surface_fusKb", r = "tempest_primary_QcCyN", i = "tempest_transparent_uGrsu", a = "tempest_bordered_5M9FZ", o = "tempest_sticky_DStUO", s = "tempest_safeArea_Vo3Bi", c = "tempest_leading_mXv-d", l = "tempest_actions_x7tMx", u = "tempest_title_qaMMQ", d = "tempest_brand_xKt54", f = "tempest_iconBtn_S-BTg", p = {
+	bar: e,
+	centered: t,
+	surface: n,
+	primary: r,
+	transparent: i,
+	bordered: a,
+	sticky: o,
+	safeArea: s,
+	leading: c,
+	actions: l,
+	title: u,
+	brand: d,
+	iconBtn: f
+};
+//#endregion
+export { l as actions, e as bar, a as bordered, d as brand, t as centered, p as default, f as iconBtn, c as leading, r as primary, s as safeArea, o as sticky, n as surface, u as title, i as transparent };
+
+//# sourceMappingURL=AppBar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.module.js","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-text-on-primary);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn: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"],"mappings":""}

package/dist/components/AppShell/AppShell.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-breakpoint.cjs"),n=require("./AppShell.module.cjs");let r=require("react/jsx-runtime");function i({navbar:i,sidebar:a,bottomNav:o,footer:s,sidebarBreakpoint:c=`md`,className:l,children:u,...d}){let f=t.useBreakpoint().above(c);return(0,r.jsxs)(`div`,{className:e.cn(n.default.shell,l),...d,children:[i&&(0,r.jsx)(`div`,{className:n.default.navbar,children:i}),(0,r.jsxs)(`div`,{className:n.default.row,children:[a&&f&&(0,r.jsx)(`div`,{className:n.default.sidebar,children:a}),(0,r.jsx)(`main`,{className:n.default.main,children:u})]}),s&&(0,r.jsx)(`div`,{className:n.default.footer,children:s}),o&&!f&&(0,r.jsx)(`div`,{className:n.default.bottomNav,children:o})]})}exports.AppShell=i;
+//# sourceMappingURL=AppShell.cjs.map

package/dist/components/AppShell/AppShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.cjs","names":[],"sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./AppShell.module.css\";\n\nexport interface AppShellProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top navigation bar (Navbar / custom). Renders on every breakpoint. */\n    navbar?: ReactNode;\n    /** Side navigation (Sidebar). Hidden below `md` — pair with `<Drawer>` for mobile. */\n    sidebar?: ReactNode;\n    /** Mobile-only bottom navigation (BottomNavigation). Hidden at `md+`. */\n    bottomNav?: ReactNode;\n    /** Footer rendered after the main content. */\n    footer?: ReactNode;\n    /** Breakpoint at which the sidebar appears. Default `\"md\"`. */\n    sidebarBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n    children?: ReactNode;\n}\n\n/**\n * Full app layout — composes [[Navbar]] + [[Sidebar]] + content +\n * [[BottomNavigation]] + footer with responsive behaviour:\n *\n * - **Desktop (`>= sidebarBreakpoint`)**: navbar + sidebar + main + footer.\n * - **Mobile (`< sidebarBreakpoint`)**: navbar + main + bottom nav + footer\n *   (sidebar hidden — app should expose it via `<Drawer>` from a hamburger).\n *\n * @example\n * <AppShell\n *     navbar={<Navbar logo={<Brand />} actions={<UserMenu />} />}\n *     sidebar={<Sidebar items={...} value={tab} onChange={setTab} />}\n *     bottomNav={<BottomNavigation items={...} value={tab} onChange={setTab} />}\n *     footer={<Footer />}\n * >\n *     <Page title=\"Dashboard\">{content}</Page>\n * </AppShell>\n */\nexport function AppShell({\n    navbar,\n    sidebar,\n    bottomNav,\n    footer,\n    sidebarBreakpoint = \"md\",\n    className,\n    children,\n    ...props\n}: AppShellProps) {\n    const bp = useBreakpoint();\n    const showSidebar = bp.above(sidebarBreakpoint);\n    return (\n        <div className={cn(styles.shell, className)} {...props}>\n            {navbar && <div className={styles.navbar}>{navbar}</div>}\n            <div className={styles.row}>\n                {sidebar && showSidebar && <div className={styles.sidebar}>{sidebar}</div>}\n                <main className={styles.main}>{children}</main>\n            </div>\n            {footer && <div className={styles.footer}>{footer}</div>}\n            {bottomNav && !showSidebar && <div className={styles.bottomNav}>{bottomNav}</div>}\n        </div>\n    );\n}\n"],"mappings":"wJAqCA,SAAgB,EAAS,CACrB,SACA,UACA,YACA,SACA,oBAAoB,KACpB,YACA,WACA,GAAG,GACW,CAEd,IAAM,EADK,EAAA,cACS,CAAA,CAAG,MAAM,CAAiB,EAC9C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,GAAI,WAAjD,CACK,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACvD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,CACK,GAAW,IAAe,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,GACzE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,UAAe,CAAA,CAC7C,IACJ,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,EACtD,GAAa,CAAC,IAAe,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBAAY,CAAe,CAAA,CAC/E,GAEb"}

package/dist/components/AppShell/AppShell.js

@@ -0,0 +1,40 @@
+import { cn as e } from "../../utils/cn.js";
+import { useBreakpoint as t } from "../../hooks/use-breakpoint.js";
+import n from "./AppShell.module.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShell.tsx
+function a({ navbar: a, sidebar: o, bottomNav: s, footer: c, sidebarBreakpoint: l = "md", className: u, children: d, ...f }) {
+	let p = t().above(l);
+	return /* @__PURE__ */ i("div", {
+		className: e(n.shell, u),
+		...f,
+		children: [
+			a && /* @__PURE__ */ r("div", {
+				className: n.navbar,
+				children: a
+			}),
+			/* @__PURE__ */ i("div", {
+				className: n.row,
+				children: [o && p && /* @__PURE__ */ r("div", {
+					className: n.sidebar,
+					children: o
+				}), /* @__PURE__ */ r("main", {
+					className: n.main,
+					children: d
+				})]
+			}),
+			c && /* @__PURE__ */ r("div", {
+				className: n.footer,
+				children: c
+			}),
+			s && !p && /* @__PURE__ */ r("div", {
+				className: n.bottomNav,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { a as AppShell };
+
+//# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","names":[],"sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./AppShell.module.css\";\n\nexport interface AppShellProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top navigation bar (Navbar / custom). Renders on every breakpoint. */\n    navbar?: ReactNode;\n    /** Side navigation (Sidebar). Hidden below `md` — pair with `<Drawer>` for mobile. */\n    sidebar?: ReactNode;\n    /** Mobile-only bottom navigation (BottomNavigation). Hidden at `md+`. */\n    bottomNav?: ReactNode;\n    /** Footer rendered after the main content. */\n    footer?: ReactNode;\n    /** Breakpoint at which the sidebar appears. Default `\"md\"`. */\n    sidebarBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n    children?: ReactNode;\n}\n\n/**\n * Full app layout — composes [[Navbar]] + [[Sidebar]] + content +\n * [[BottomNavigation]] + footer with responsive behaviour:\n *\n * - **Desktop (`>= sidebarBreakpoint`)**: navbar + sidebar + main + footer.\n * - **Mobile (`< sidebarBreakpoint`)**: navbar + main + bottom nav + footer\n *   (sidebar hidden — app should expose it via `<Drawer>` from a hamburger).\n *\n * @example\n * <AppShell\n *     navbar={<Navbar logo={<Brand />} actions={<UserMenu />} />}\n *     sidebar={<Sidebar items={...} value={tab} onChange={setTab} />}\n *     bottomNav={<BottomNavigation items={...} value={tab} onChange={setTab} />}\n *     footer={<Footer />}\n * >\n *     <Page title=\"Dashboard\">{content}</Page>\n * </AppShell>\n */\nexport function AppShell({\n    navbar,\n    sidebar,\n    bottomNav,\n    footer,\n    sidebarBreakpoint = \"md\",\n    className,\n    children,\n    ...props\n}: AppShellProps) {\n    const bp = useBreakpoint();\n    const showSidebar = bp.above(sidebarBreakpoint);\n    return (\n        <div className={cn(styles.shell, className)} {...props}>\n            {navbar && <div className={styles.navbar}>{navbar}</div>}\n            <div className={styles.row}>\n                {sidebar && showSidebar && <div className={styles.sidebar}>{sidebar}</div>}\n                <main className={styles.main}>{children}</main>\n            </div>\n            {footer && <div className={styles.footer}>{footer}</div>}\n            {bottomNav && !showSidebar && <div className={styles.bottomNav}>{bottomNav}</div>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAqCA,SAAgB,EAAS,EACrB,WACA,YACA,cACA,WACA,uBAAoB,MACpB,cACA,aACA,GAAG,KACW;CAEd,IAAM,IADK,EACS,CAAA,CAAG,MAAM,CAAiB;CAC9C,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,OAAO,CAAS;EAAG,GAAI;YAAjD;GACK,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACvD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACK,KAAW,KAAe,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAU;IAAa,CAAA,GACzE,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAO;IAAe,CAAA,CAC7C;;GACJ,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACtD,KAAa,CAAC,KAAe,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAY;GAAe,CAAA;EAC/E;;AAEb"}

package/dist/components/AppShell/AppShell.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_shell_-xp0O`,t=`tempest_navbar_liTKV`,n=`tempest_row_PE41P`,r=`tempest_sidebar_wyx-V`,i=`tempest_main_O3GFv`,a=`tempest_footer_IFW4q`,o=`tempest_bottomNav_pKJ1v`,s={shell:e,navbar:t,row:n,sidebar:r,main:i,footer:a,bottomNav:o};exports.bottomNav=o,exports.default=s,exports.footer=a,exports.main=i,exports.navbar=t,exports.row=n,exports.shell=e,exports.sidebar=r;
+//# sourceMappingURL=AppShell.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.module.cjs","names":[],"sources":["../../../src/components/AppShell/AppShell.module.css"],"sourcesContent":[".shell {\n    display: flex;\n    flex-direction: column;\n    min-height: 100dvh;\n    width: 100%;\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.navbar {\n    flex: 0 0 auto;\n}\n\n.row {\n    flex: 1 1 auto;\n    display: flex;\n    min-height: 0;\n    width: 100%;\n}\n\n.sidebar {\n    flex: 0 0 auto;\n}\n\n.main {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.footer {\n    flex: 0 0 auto;\n}\n\n.bottomNav {\n    position: sticky;\n    bottom: 0;\n    z-index: 30;\n    flex: 0 0 auto;\n}\n"],"mappings":""}

package/dist/components/AppShell/AppShell.module.js

@@ -0,0 +1,14 @@
+//#region src/components/AppShell/AppShell.module.css
+var e = "tempest_shell_-xp0O", t = "tempest_navbar_liTKV", n = "tempest_row_PE41P", r = "tempest_sidebar_wyx-V", i = "tempest_main_O3GFv", a = "tempest_footer_IFW4q", o = "tempest_bottomNav_pKJ1v", s = {
+	shell: e,
+	navbar: t,
+	row: n,
+	sidebar: r,
+	main: i,
+	footer: a,
+	bottomNav: o
+};
+//#endregion
+export { o as bottomNav, s as default, a as footer, i as main, t as navbar, n as row, e as shell, r as sidebar };
+
+//# sourceMappingURL=AppShell.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.module.js","names":[],"sources":["../../../src/components/AppShell/AppShell.module.css"],"sourcesContent":[".shell {\n    display: flex;\n    flex-direction: column;\n    min-height: 100dvh;\n    width: 100%;\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.navbar {\n    flex: 0 0 auto;\n}\n\n.row {\n    flex: 1 1 auto;\n    display: flex;\n    min-height: 0;\n    width: 100%;\n}\n\n.sidebar {\n    flex: 0 0 auto;\n}\n\n.main {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.footer {\n    flex: 0 0 auto;\n}\n\n.bottomNav {\n    position: sticky;\n    bottom: 0;\n    z-index: 30;\n    flex: 0 0 auto;\n}\n"],"mappings":""}

package/dist/components/AspectRatio/AspectRatio.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./AspectRatio.module.cjs");let n=require("react/jsx-runtime");function r({ratio:r=16/9,className:i,style:a,children:o,...s}){let c={aspectRatio:String(r),...a};return(0,n.jsx)(`div`,{className:e.cn(t.default.aspect,i),style:c,...s,children:o})}exports.AspectRatio=r;
+//# sourceMappingURL=AspectRatio.cjs.map

package/dist/components/AspectRatio/AspectRatio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.cjs","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AspectRatio.module.css\";\n\nexport interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * Width-to-height ratio. Pass `16/9` for widescreen, `1` for square,\n     * `4/3` for SD video, `3/4` for portrait, etc. Default `16/9`.\n     */\n    ratio?: number;\n    children?: ReactNode;\n}\n\n/**\n * Preserve a constant aspect ratio for media (images, video, embeds). The\n * inner child stretches to fill the box. Uses the native `aspect-ratio`\n * CSS property — works on all modern browsers (Safari 15+, Chrome 88+).\n *\n * @example\n * <AspectRatio ratio={16 / 9}>\n *     <img src=\"/cover.jpg\" alt=\"\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} />\n * </AspectRatio>\n */\nexport function AspectRatio({\n    ratio = 16 / 9,\n    className,\n    style,\n    children,\n    ...props\n}: AspectRatioProps) {\n    const finalStyle: CSSProperties = { aspectRatio: String(ratio), ...style };\n    return (\n        <div className={cn(styles.aspect, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"+GAuBA,SAAgB,EAAY,CACxB,QAAQ,GAAK,EACb,YACA,QACA,WACA,GAAG,GACc,CACjB,IAAM,EAA4B,CAAE,YAAa,OAAO,CAAK,EAAG,GAAG,CAAM,EACzE,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EAAG,MAAO,EAAY,GAAI,EAChE,UACA,CAAA,CAEb"}

package/dist/components/AspectRatio/AspectRatio.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./AspectRatio.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AspectRatio/AspectRatio.tsx
+function r({ ratio: r = 16 / 9, className: i, style: a, children: o, ...s }) {
+	let c = {
+		aspectRatio: String(r),
+		...a
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e(t.aspect, i),
+		style: c,
+		...s,
+		children: o
+	});
+}
+//#endregion
+export { r as AspectRatio };
+
+//# sourceMappingURL=AspectRatio.js.map

package/dist/components/AspectRatio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AspectRatio.module.css\";\n\nexport interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * Width-to-height ratio. Pass `16/9` for widescreen, `1` for square,\n     * `4/3` for SD video, `3/4` for portrait, etc. Default `16/9`.\n     */\n    ratio?: number;\n    children?: ReactNode;\n}\n\n/**\n * Preserve a constant aspect ratio for media (images, video, embeds). The\n * inner child stretches to fill the box. Uses the native `aspect-ratio`\n * CSS property — works on all modern browsers (Safari 15+, Chrome 88+).\n *\n * @example\n * <AspectRatio ratio={16 / 9}>\n *     <img src=\"/cover.jpg\" alt=\"\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} />\n * </AspectRatio>\n */\nexport function AspectRatio({\n    ratio = 16 / 9,\n    className,\n    style,\n    children,\n    ...props\n}: AspectRatioProps) {\n    const finalStyle: CSSProperties = { aspectRatio: String(ratio), ...style };\n    return (\n        <div className={cn(styles.aspect, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAuBA,SAAgB,EAAY,EACxB,WAAQ,KAAK,GACb,cACA,UACA,aACA,GAAG,KACc;CACjB,IAAM,IAA4B;EAAE,aAAa,OAAO,CAAK;EAAG,GAAG;CAAM;CACzE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,CAAS;EAAG,OAAO;EAAY,GAAI;EAChE;CACA,CAAA;AAEb"}

package/dist/components/AspectRatio/AspectRatio.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_aspect_GnAJt`,t={aspect:e};exports.aspect=e,exports.default=t;
+//# sourceMappingURL=AspectRatio.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.module.cjs","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.module.css"],"sourcesContent":[".aspect {\n    width: 100%;\n    position: relative;\n}\n\n.aspect > * {\n    width: 100%;\n    height: 100%;\n}\n"],"mappings":""}

package/dist/components/AspectRatio/AspectRatio.module.js

@@ -0,0 +1,6 @@
+//#region src/components/AspectRatio/AspectRatio.module.css
+var e = "tempest_aspect_GnAJt", t = { aspect: e };
+//#endregion
+export { e as aspect, t as default };
+
+//# sourceMappingURL=AspectRatio.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.module.js","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.module.css"],"sourcesContent":[".aspect {\n    width: 100%;\n    position: relative;\n}\n\n.aspect > * {\n    width: 100%;\n    height: 100%;\n}\n"],"mappings":""}

package/dist/components/Avatar/Avatar.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Avatar.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){let t=e.trim().split(/\s+/).filter(Boolean);return t.length===0?`?`:t.length===1?t[0].slice(0,2):`${t[0].charAt(0)}${t[t.length-1].charAt(0)}`}function a({src:a,alt:o,name:s=``,size:c=`md`,status:l,className:u,onClick:d}){let[f,p]=(0,n.useState)(!1),m=(0,n.useMemo)(()=>i(s),[s]),h=a&&!f,g=d?`button`:void 0,_=d?0:void 0;return(0,r.jsxs)(`span`,{className:e.cn(t.default.avatar,t.default[c],l&&t.default.status,u),role:g,tabIndex:_,onClick:d,onKeyDown:d?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),d())}:void 0,children:[h?(0,r.jsx)(`img`,{src:a,alt:o??s,className:t.default.image,onError:()=>p(!0)}):(0,r.jsx)(`span`,{"aria-label":o??s,children:m}),l&&(0,r.jsx)(`span`,{className:e.cn(t.default.dot,t.default[l]),"aria-hidden":!0})]})}exports.Avatar=a;
+//# sourceMappingURL=Avatar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Avatar.module.css\";\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarStatus = \"online\" | \"offline\" | \"busy\";\n\nexport interface AvatarProps {\n    src?: string;\n    alt?: string;\n    name?: string;\n    size?: AvatarSize;\n    status?: AvatarStatus;\n    className?: string;\n    onClick?: () => void;\n}\n\nfunction getInitials(name: string): string {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"?\";\n    if (parts.length === 1) return parts[0]!.slice(0, 2);\n    return `${parts[0]!.charAt(0)}${parts[parts.length - 1]!.charAt(0)}`;\n}\n\n/**\n * Round avatar. Falls back to colored initials when the image fails to load\n * or no `src` is provided. Optional status dot in the bottom-right corner.\n */\nexport function Avatar({\n    src,\n    alt,\n    name = \"\",\n    size = \"md\",\n    status,\n    className,\n    onClick,\n}: AvatarProps) {\n    const [errored, setErrored] = useState<boolean>(false);\n    const initials = useMemo(() => getInitials(name), [name]);\n\n    const showImage = src && !errored;\n    const role = onClick ? \"button\" : undefined;\n    const tabIndex = onClick ? 0 : undefined;\n\n    return (\n        <span\n            className={cn(styles.avatar, styles[size], status && styles.status, className)}\n            role={role}\n            tabIndex={tabIndex}\n            onClick={onClick}\n            onKeyDown={\n                onClick\n                    ? (event) => {\n                          if (event.key === \"Enter\" || event.key === \" \") {\n                              event.preventDefault();\n                              onClick();\n                          }\n                      }\n                    : undefined\n            }\n        >\n            {showImage ? (\n                <img\n                    src={src}\n                    alt={alt ?? name}\n                    className={styles.image}\n                    onError={() => setErrored(true)}\n                />\n            ) : (\n                <span aria-label={alt ?? name}>{initials}</span>\n            )}\n            {status && <span className={cn(styles.dot, styles[status])} aria-hidden />}\n        </span>\n    );\n}\n"],"mappings":"6HAiBA,SAAS,EAAY,EAAsB,CACvC,IAAM,EAAQ,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,EAGrD,OAFI,EAAM,SAAW,EAAU,IAC3B,EAAM,SAAW,EAAU,EAAM,EAAE,CAAE,MAAM,EAAG,CAAC,EAC5C,GAAG,EAAM,EAAE,CAAE,OAAO,CAAC,IAAI,EAAM,EAAM,OAAS,EAAE,CAAE,OAAO,CAAC,GACrE,CAMA,SAAgB,EAAO,CACnB,MACA,MACA,OAAO,GACP,OAAO,KACP,SACA,YACA,WACY,CACZ,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAgC,EAAK,EAC/C,GAAA,EAAA,EAAA,QAAA,KAAyB,EAAY,CAAI,EAAG,CAAC,CAAI,CAAC,EAElD,EAAY,GAAO,CAAC,EACpB,EAAO,EAAU,SAAW,IAAA,GAC5B,EAAW,EAAU,EAAI,IAAA,GAE/B,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAO,GAAU,EAAA,QAAO,OAAQ,CAAS,EACvE,OACI,WACD,UACT,UACI,EACO,GAAU,EACH,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACvC,EAAM,eAAe,EACrB,EAAQ,EAEhB,EACA,IAAA,YAbd,CAgBK,GACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACS,MACL,IAAK,GAAO,EACZ,UAAW,EAAA,QAAO,MAClB,YAAe,EAAW,EAAI,CACjC,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,aAAY,GAAO,WAAO,CAAe,CAAA,EAElD,IAAU,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,EAAO,EAAG,cAAA,EAAa,CAAA,CACvE,GAEd"}

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,37 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Avatar.module.js";
+import { useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Avatar/Avatar.tsx
+function o(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2) : `${t[0].charAt(0)}${t[t.length - 1].charAt(0)}`;
+}
+function s({ src: s, alt: c, name: l = "", size: u = "md", status: d, className: f, onClick: p }) {
+	let [m, h] = r(!1), g = n(() => o(l), [l]), _ = s && !m, v = p ? "button" : void 0, y = p ? 0 : void 0;
+	return /* @__PURE__ */ a("span", {
+		className: e(t.avatar, t[u], d && t.status, f),
+		role: v,
+		tabIndex: y,
+		onClick: p,
+		onKeyDown: p ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+		} : void 0,
+		children: [_ ? /* @__PURE__ */ i("img", {
+			src: s,
+			alt: c ?? l,
+			className: t.image,
+			onError: () => h(!0)
+		}) : /* @__PURE__ */ i("span", {
+			"aria-label": c ?? l,
+			children: g
+		}), d && /* @__PURE__ */ i("span", {
+			className: e(t.dot, t[d]),
+			"aria-hidden": !0
+		})]
+	});
+}
+//#endregion
+export { s as Avatar };
+
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Avatar.module.css\";\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarStatus = \"online\" | \"offline\" | \"busy\";\n\nexport interface AvatarProps {\n    src?: string;\n    alt?: string;\n    name?: string;\n    size?: AvatarSize;\n    status?: AvatarStatus;\n    className?: string;\n    onClick?: () => void;\n}\n\nfunction getInitials(name: string): string {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"?\";\n    if (parts.length === 1) return parts[0]!.slice(0, 2);\n    return `${parts[0]!.charAt(0)}${parts[parts.length - 1]!.charAt(0)}`;\n}\n\n/**\n * Round avatar. Falls back to colored initials when the image fails to load\n * or no `src` is provided. Optional status dot in the bottom-right corner.\n */\nexport function Avatar({\n    src,\n    alt,\n    name = \"\",\n    size = \"md\",\n    status,\n    className,\n    onClick,\n}: AvatarProps) {\n    const [errored, setErrored] = useState<boolean>(false);\n    const initials = useMemo(() => getInitials(name), [name]);\n\n    const showImage = src && !errored;\n    const role = onClick ? \"button\" : undefined;\n    const tabIndex = onClick ? 0 : undefined;\n\n    return (\n        <span\n            className={cn(styles.avatar, styles[size], status && styles.status, className)}\n            role={role}\n            tabIndex={tabIndex}\n            onClick={onClick}\n            onKeyDown={\n                onClick\n                    ? (event) => {\n                          if (event.key === \"Enter\" || event.key === \" \") {\n                              event.preventDefault();\n                              onClick();\n                          }\n                      }\n                    : undefined\n            }\n        >\n            {showImage ? (\n                <img\n                    src={src}\n                    alt={alt ?? name}\n                    className={styles.image}\n                    onError={() => setErrored(true)}\n                />\n            ) : (\n                <span aria-label={alt ?? name}>{initials}</span>\n            )}\n            {status && <span className={cn(styles.dot, styles[status])} aria-hidden />}\n        </span>\n    );\n}\n"],"mappings":";;;;;AAiBA,SAAS,EAAY,GAAsB;CACvC,IAAM,IAAQ,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CAGrD,OAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,EAAE,CAAE,MAAM,GAAG,CAAC,IAC5C,GAAG,EAAM,EAAE,CAAE,OAAO,CAAC,IAAI,EAAM,EAAM,SAAS,EAAE,CAAE,OAAO,CAAC;AACrE;AAMA,SAAgB,EAAO,EACnB,QACA,QACA,UAAO,IACP,UAAO,MACP,WACA,cACA,cACY;CACZ,IAAM,CAAC,GAAS,KAAc,EAAkB,EAAK,GAC/C,IAAW,QAAc,EAAY,CAAI,GAAG,CAAC,CAAI,CAAC,GAElD,IAAY,KAAO,CAAC,GACpB,IAAO,IAAU,WAAW,KAAA,GAC5B,IAAW,IAAU,IAAI,KAAA;CAE/B,OACI,kBAAC,QAAD;EACI,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAO,KAAU,EAAO,QAAQ,CAAS;EACvE;EACI;EACD;EACT,WACI,KACO,MAAU;GACP,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACvC,EAAM,eAAe,GACrB,EAAQ;EAEhB,IACA,KAAA;YAbd,CAgBK,IACG,kBAAC,OAAD;GACS;GACL,KAAK,KAAO;GACZ,WAAW,EAAO;GAClB,eAAe,EAAW,EAAI;EACjC,CAAA,IAED,kBAAC,QAAD;GAAM,cAAY,KAAO;aAAO;EAAe,CAAA,GAElD,KAAU,kBAAC,QAAD;GAAM,WAAW,EAAG,EAAO,KAAK,EAAO,EAAO;GAAG,eAAA;EAAa,CAAA,CACvE;;AAEd"}

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

@@ -0,0 +1,2 @@
+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};exports.avatar=e,exports.busy=d,exports.default=f,exports.dot=c,exports.image=t,exports.lg=a,exports.md=i,exports.offline=u,exports.online=l,exports.sm=r,exports.status=s,exports.xl=o,exports.xs=n;
+//# sourceMappingURL=Avatar.module.cjs.map

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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]
+	});
+}
+//#endregion
+export { i as Badge };
+
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,46 @@
+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;
+}
+//#endregion
+export { a as Banner };
+
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,38 @@
+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);
+		})
+	});
+}
+//#endregion
+export { i as BottomNavigation };
+
+//# sourceMappingURL=BottomNavigation.js.map

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

@@ -0,0 +1 @@
+{"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"}