tempest-react-sdk 0.22.0 → 0.24.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.cjs","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    min-height: var(--tempest-control-height-md);\n    padding: 4px var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.field.disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1.4;\n}\n\n.chipRemove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: inherit;\n    font-size: 14px;\n    line-height: 1;\n    cursor: pointer;\n}\n\n.chipRemove:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input {\n    flex: 1;\n    min-width: 80px;\n    border: none;\n    outline: none;\n    background: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    height: 24px;\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.check {\n    display: inline-flex;\n    width: 16px;\n    justify-content: center;\n    color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-bold);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/MultiSelect/MultiSelect.module.js

@@ -0,0 +1,23 @@
+//#region src/components/MultiSelect/MultiSelect.module.css
+var e = "tempest_wrapper_6xZZr", t = "tempest_label_Jwj7I", n = "tempest_field_GpA0V", r = "tempest_disabled_BIKaG", i = "tempest_chip_Zk0ch", a = "tempest_chipRemove_R-mNv", o = "tempest_input_SjOXU", s = "tempest_menu_3xnmo", c = "tempest_option_lqEl1", l = "tempest_check_aUM1w", u = "tempest_active_S9sQ-", d = "tempest_selected_Rw8yr", f = "tempest_empty_-5B16", p = "tempest_helper_c7aH3", m = "tempest_errorText_qZR9s", h = "tempest_error_DIOTW", g = {
+	wrapper: e,
+	label: t,
+	field: n,
+	disabled: r,
+	chip: i,
+	chipRemove: a,
+	input: o,
+	menu: s,
+	option: c,
+	check: l,
+	active: u,
+	selected: d,
+	empty: f,
+	helper: p,
+	errorText: m,
+	error: h
+};
+//#endregion
+export { u as active, l as check, i as chip, a as chipRemove, g as default, r as disabled, f as empty, h as error, m as errorText, n as field, p as helper, o as input, t as label, s as menu, c as option, d as selected, e as wrapper };
+
+//# sourceMappingURL=MultiSelect.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    min-height: var(--tempest-control-height-md);\n    padding: 4px var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.field.disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1.4;\n}\n\n.chipRemove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: inherit;\n    font-size: 14px;\n    line-height: 1;\n    cursor: pointer;\n}\n\n.chipRemove:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input {\n    flex: 1;\n    min-width: 80px;\n    border: none;\n    outline: none;\n    background: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    height: 24px;\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.check {\n    display: inline-flex;\n    width: 16px;\n    justify-content: center;\n    color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-bold);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/NProgress/NProgress.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./NProgress.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=300,a=.9,o=300;function s(e){return e<0?0:e>1?1:e}function c(){let e={value:0,active:!1},t=new Set,n=null,r=null,c=()=>{for(let n of t)n(e)},l=t=>{e={...e,...t},c()},u=()=>{n!==null&&(clearInterval(n),n=null)},d=()=>{r!==null&&(clearTimeout(r),r=null)},f=t=>{let n=e.value;if(n>=a)return;let r=t??(1-n)*.1+.01;l({value:Math.min(s(n+r),a)})};return{start:()=>{d(),!e.active&&(l({active:!0,value:e.value>0?e.value:.08}),u(),n=setInterval(()=>f(),i))},done:()=>{u(),d(),l({value:1,active:!0}),r=setTimeout(()=>{l({active:!1,value:0}),r=null},o)},set:t=>{d();let n=s(t);l({value:n,active:n<1||e.active})},inc:f,subscribe:n=>(t.add(n),n(e),()=>{t.delete(n)})}}var l=c();function u({color:i,height:a=3,className:o}){let[s,c]=(0,n.useState)({value:0,active:!1});if((0,n.useEffect)(()=>l.subscribe(c),[]),!s.active)return null;let u={width:`${Math.round(s.value*100)}%`,height:`${a}px`,background:i??`var(--tempest-primary)`};return(0,r.jsx)(`div`,{className:e.cn(t.default.bar,o),style:u,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(s.value*100)})}exports.NProgressBar=u,exports.nprogress=l;
+//# sourceMappingURL=NProgress.cjs.map

package/dist/components/NProgress/NProgress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.cjs","names":[],"sources":["../../../src/components/NProgress/NProgress.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NProgress.module.css\";\n\n/** Snapshot of the progress controller state delivered to subscribers. */\nexport interface NProgressState {\n    /** Current progress, `0` (empty) to `1` (complete). */\n    value: number;\n    /** Whether the bar should be visible. */\n    active: boolean;\n}\n\n/** Listener invoked whenever the progress state changes. */\nexport type NProgressListener = (state: NProgressState) => void;\n\n/** Imperative top-loading-bar controller. */\nexport interface NProgressController {\n    /** Show the bar and start trickling toward ~0.9. */\n    start: () => void;\n    /** Complete to `1`, then hide the bar shortly after. */\n    done: () => void;\n    /** Set the progress explicitly. Values are clamped to `0..1`. */\n    set: (n: number) => void;\n    /** Increment progress by `amount` (default a small trickle step). */\n    inc: (amount?: number) => void;\n    /** Subscribe to state changes. Returns an unsubscribe function. */\n    subscribe: (listener: NProgressListener) => () => void;\n}\n\nconst TRICKLE_INTERVAL_MS = 300;\nconst TRICKLE_CEILING = 0.9;\nconst DONE_HIDE_DELAY_MS = 300;\n\nfunction clamp(n: number): number {\n    if (n < 0) return 0;\n    if (n > 1) return 1;\n    return n;\n}\n\nfunction createNProgress(): NProgressController {\n    let state: NProgressState = { value: 0, active: false };\n    const listeners = new Set<NProgressListener>();\n    let trickleTimer: ReturnType<typeof setInterval> | null = null;\n    let hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n    const emit = (): void => {\n        for (const listener of listeners) listener(state);\n    };\n\n    const update = (next: Partial<NProgressState>): void => {\n        state = { ...state, ...next };\n        emit();\n    };\n\n    const stopTrickle = (): void => {\n        if (trickleTimer !== null) {\n            clearInterval(trickleTimer);\n            trickleTimer = null;\n        }\n    };\n\n    const clearHide = (): void => {\n        if (hideTimer !== null) {\n            clearTimeout(hideTimer);\n            hideTimer = null;\n        }\n    };\n\n    const inc = (amount?: number): void => {\n        const current = state.value;\n        if (current >= TRICKLE_CEILING) return;\n        const step = amount ?? (1 - current) * 0.1 + 0.01;\n        update({ value: Math.min(clamp(current + step), TRICKLE_CEILING) });\n    };\n\n    const start = (): void => {\n        clearHide();\n        if (state.active) return;\n        update({ active: true, value: state.value > 0 ? state.value : 0.08 });\n        stopTrickle();\n        trickleTimer = setInterval(() => inc(), TRICKLE_INTERVAL_MS);\n    };\n\n    const done = (): void => {\n        stopTrickle();\n        clearHide();\n        update({ value: 1, active: true });\n        hideTimer = setTimeout(() => {\n            update({ active: false, value: 0 });\n            hideTimer = null;\n        }, DONE_HIDE_DELAY_MS);\n    };\n\n    const set = (n: number): void => {\n        clearHide();\n        const value = clamp(n);\n        update({ value, active: value < 1 ? true : state.active });\n    };\n\n    const subscribe = (listener: NProgressListener): (() => void) => {\n        listeners.add(listener);\n        listener(state);\n        return () => {\n            listeners.delete(listener);\n        };\n    };\n\n    return { start, done, set, inc, subscribe };\n}\n\n/**\n * Module-level singleton progress controller. Drive it imperatively from\n * anywhere (router transitions, fetch interceptors) and render the visual bar\n * with {@link NProgressBar}.\n *\n * @example\n * nprogress.start();\n * await loadData();\n * nprogress.done();\n */\nexport const nprogress: NProgressController = createNProgress();\n\n/** Props for {@link NProgressBar}. */\nexport interface NProgressBarProps {\n    /** Bar color. Defaults to `var(--tempest-primary)`. */\n    color?: string;\n    /** Bar height in pixels. Default `3`. */\n    height?: number;\n    /** Extra class applied to the bar element. */\n    className?: string;\n}\n\n/**\n * Fixed top loading bar bound to the {@link nprogress} singleton. Mount once\n * near the app root; it renders nothing while inactive.\n *\n * @example\n * <NProgressBar />\n */\nexport function NProgressBar({ color, height = 3, className }: NProgressBarProps) {\n    const [state, setState] = useState<NProgressState>({ value: 0, active: false });\n\n    useEffect(() => nprogress.subscribe(setState), []);\n\n    if (!state.active) return null;\n\n    const style: CSSProperties = {\n        width: `${Math.round(state.value * 100)}%`,\n        height: `${height}px`,\n        background: color ?? \"var(--tempest-primary)\",\n    };\n\n    return (\n        <div\n            className={cn(styles.bar, className)}\n            style={style}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-valuenow={Math.round(state.value * 100)}\n        />\n    );\n}\n"],"mappings":"gIA8BA,IAAM,EAAsB,IACtB,EAAkB,GAClB,EAAqB,IAE3B,SAAS,EAAM,EAAmB,CAG9B,OAFI,EAAI,EAAU,EACd,EAAI,EAAU,EACX,CACX,CAEA,SAAS,GAAuC,CAC5C,IAAI,EAAwB,CAAE,MAAO,EAAG,OAAQ,EAAM,EAChD,EAAY,IAAI,IAClB,EAAsD,KACtD,EAAkD,KAEhD,MAAmB,CACrB,IAAK,IAAM,KAAY,EAAW,EAAS,CAAK,CACpD,EAEM,EAAU,GAAwC,CACpD,EAAQ,CAAE,GAAG,EAAO,GAAG,CAAK,EAC5B,EAAK,CACT,EAEM,MAA0B,CACxB,IAAiB,OACjB,cAAc,CAAY,EAC1B,EAAe,KAEvB,EAEM,MAAwB,CACtB,IAAc,OACd,aAAa,CAAS,EACtB,EAAY,KAEpB,EAEM,EAAO,GAA0B,CACnC,IAAM,EAAU,EAAM,MACtB,GAAI,GAAW,EAAiB,OAChC,IAAM,EAAO,IAAW,EAAI,GAAW,GAAM,IAC7C,EAAO,CAAE,MAAO,KAAK,IAAI,EAAM,EAAU,CAAI,EAAG,CAAe,CAAE,CAAC,CACtE,EAkCA,MAAO,CAAE,UAhCiB,CACtB,EAAU,EACN,GAAM,SACV,EAAO,CAAE,OAAQ,GAAM,MAAO,EAAM,MAAQ,EAAI,EAAM,MAAQ,GAAK,CAAC,EACpE,EAAY,EACZ,EAAe,gBAAkB,EAAI,EAAG,CAAmB,EAC/D,EA0BgB,SAxBS,CACrB,EAAY,EACZ,EAAU,EACV,EAAO,CAAE,MAAO,EAAG,OAAQ,EAAK,CAAC,EACjC,EAAY,eAAiB,CACzB,EAAO,CAAE,OAAQ,GAAO,MAAO,CAAE,CAAC,EAClC,EAAY,IAChB,EAAG,CAAkB,CACzB,EAgBsB,IAdT,GAAoB,CAC7B,EAAU,EACV,IAAM,EAAQ,EAAM,CAAC,EACrB,EAAO,CAAE,QAAO,OAAQ,EAAQ,GAAW,EAAM,MAAO,CAAC,CAC7D,EAU2B,MAAK,UARb,IACf,EAAU,IAAI,CAAQ,EACtB,EAAS,CAAK,MACD,CACT,EAAU,OAAO,CAAQ,CAC7B,EAGsC,CAC9C,CAYA,IAAa,EAAiC,EAAgB,EAmB9D,SAAgB,EAAa,CAAE,QAAO,SAAS,EAAG,aAAgC,CAC9E,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAE,MAAO,EAAG,OAAQ,EAAM,CAAC,EAI9E,IAFA,EAAA,EAAA,UAAA,KAAgB,EAAU,UAAU,CAAQ,EAAG,CAAC,CAAC,EAE7C,CAAC,EAAM,OAAQ,OAAO,KAE1B,IAAM,EAAuB,CACzB,MAAO,GAAG,KAAK,MAAM,EAAM,MAAQ,GAAG,EAAE,GACxC,OAAQ,GAAG,EAAO,IAClB,WAAY,GAAS,wBACzB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAC5B,QACP,KAAK,cACL,gBAAe,EACf,gBAAe,IACf,gBAAe,KAAK,MAAM,EAAM,MAAQ,GAAG,CAC9C,CAAA,CAET"}

package/dist/components/NProgress/NProgress.js

@@ -0,0 +1,87 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./NProgress.module.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/NProgress/NProgress.tsx
+var a = 300, o = .9, s = 300;
+function c(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function l() {
+	let e = {
+		value: 0,
+		active: !1
+	}, t = /* @__PURE__ */ new Set(), n = null, r = null, i = () => {
+		for (let n of t) n(e);
+	}, l = (t) => {
+		e = {
+			...e,
+			...t
+		}, i();
+	}, u = () => {
+		n !== null && (clearInterval(n), n = null);
+	}, d = () => {
+		r !== null && (clearTimeout(r), r = null);
+	}, f = (t) => {
+		let n = e.value;
+		if (n >= o) return;
+		let r = t ?? (1 - n) * .1 + .01;
+		l({ value: Math.min(c(n + r), o) });
+	};
+	return {
+		start: () => {
+			d(), !e.active && (l({
+				active: !0,
+				value: e.value > 0 ? e.value : .08
+			}), u(), n = setInterval(() => f(), a));
+		},
+		done: () => {
+			u(), d(), l({
+				value: 1,
+				active: !0
+			}), r = setTimeout(() => {
+				l({
+					active: !1,
+					value: 0
+				}), r = null;
+			}, s);
+		},
+		set: (t) => {
+			d();
+			let n = c(t);
+			l({
+				value: n,
+				active: n < 1 || e.active
+			});
+		},
+		inc: f,
+		subscribe: (n) => (t.add(n), n(e), () => {
+			t.delete(n);
+		})
+	};
+}
+var u = l();
+function d({ color: a, height: o = 3, className: s }) {
+	let [c, l] = r({
+		value: 0,
+		active: !1
+	});
+	if (n(() => u.subscribe(l), []), !c.active) return null;
+	let d = {
+		width: `${Math.round(c.value * 100)}%`,
+		height: `${o}px`,
+		background: a ?? "var(--tempest-primary)"
+	};
+	return /* @__PURE__ */ i("div", {
+		className: e(t.bar, s),
+		style: d,
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(c.value * 100)
+	});
+}
+//#endregion
+export { d as NProgressBar, u as nprogress };
+
+//# sourceMappingURL=NProgress.js.map

package/dist/components/NProgress/NProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.js","names":[],"sources":["../../../src/components/NProgress/NProgress.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NProgress.module.css\";\n\n/** Snapshot of the progress controller state delivered to subscribers. */\nexport interface NProgressState {\n    /** Current progress, `0` (empty) to `1` (complete). */\n    value: number;\n    /** Whether the bar should be visible. */\n    active: boolean;\n}\n\n/** Listener invoked whenever the progress state changes. */\nexport type NProgressListener = (state: NProgressState) => void;\n\n/** Imperative top-loading-bar controller. */\nexport interface NProgressController {\n    /** Show the bar and start trickling toward ~0.9. */\n    start: () => void;\n    /** Complete to `1`, then hide the bar shortly after. */\n    done: () => void;\n    /** Set the progress explicitly. Values are clamped to `0..1`. */\n    set: (n: number) => void;\n    /** Increment progress by `amount` (default a small trickle step). */\n    inc: (amount?: number) => void;\n    /** Subscribe to state changes. Returns an unsubscribe function. */\n    subscribe: (listener: NProgressListener) => () => void;\n}\n\nconst TRICKLE_INTERVAL_MS = 300;\nconst TRICKLE_CEILING = 0.9;\nconst DONE_HIDE_DELAY_MS = 300;\n\nfunction clamp(n: number): number {\n    if (n < 0) return 0;\n    if (n > 1) return 1;\n    return n;\n}\n\nfunction createNProgress(): NProgressController {\n    let state: NProgressState = { value: 0, active: false };\n    const listeners = new Set<NProgressListener>();\n    let trickleTimer: ReturnType<typeof setInterval> | null = null;\n    let hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n    const emit = (): void => {\n        for (const listener of listeners) listener(state);\n    };\n\n    const update = (next: Partial<NProgressState>): void => {\n        state = { ...state, ...next };\n        emit();\n    };\n\n    const stopTrickle = (): void => {\n        if (trickleTimer !== null) {\n            clearInterval(trickleTimer);\n            trickleTimer = null;\n        }\n    };\n\n    const clearHide = (): void => {\n        if (hideTimer !== null) {\n            clearTimeout(hideTimer);\n            hideTimer = null;\n        }\n    };\n\n    const inc = (amount?: number): void => {\n        const current = state.value;\n        if (current >= TRICKLE_CEILING) return;\n        const step = amount ?? (1 - current) * 0.1 + 0.01;\n        update({ value: Math.min(clamp(current + step), TRICKLE_CEILING) });\n    };\n\n    const start = (): void => {\n        clearHide();\n        if (state.active) return;\n        update({ active: true, value: state.value > 0 ? state.value : 0.08 });\n        stopTrickle();\n        trickleTimer = setInterval(() => inc(), TRICKLE_INTERVAL_MS);\n    };\n\n    const done = (): void => {\n        stopTrickle();\n        clearHide();\n        update({ value: 1, active: true });\n        hideTimer = setTimeout(() => {\n            update({ active: false, value: 0 });\n            hideTimer = null;\n        }, DONE_HIDE_DELAY_MS);\n    };\n\n    const set = (n: number): void => {\n        clearHide();\n        const value = clamp(n);\n        update({ value, active: value < 1 ? true : state.active });\n    };\n\n    const subscribe = (listener: NProgressListener): (() => void) => {\n        listeners.add(listener);\n        listener(state);\n        return () => {\n            listeners.delete(listener);\n        };\n    };\n\n    return { start, done, set, inc, subscribe };\n}\n\n/**\n * Module-level singleton progress controller. Drive it imperatively from\n * anywhere (router transitions, fetch interceptors) and render the visual bar\n * with {@link NProgressBar}.\n *\n * @example\n * nprogress.start();\n * await loadData();\n * nprogress.done();\n */\nexport const nprogress: NProgressController = createNProgress();\n\n/** Props for {@link NProgressBar}. */\nexport interface NProgressBarProps {\n    /** Bar color. Defaults to `var(--tempest-primary)`. */\n    color?: string;\n    /** Bar height in pixels. Default `3`. */\n    height?: number;\n    /** Extra class applied to the bar element. */\n    className?: string;\n}\n\n/**\n * Fixed top loading bar bound to the {@link nprogress} singleton. Mount once\n * near the app root; it renders nothing while inactive.\n *\n * @example\n * <NProgressBar />\n */\nexport function NProgressBar({ color, height = 3, className }: NProgressBarProps) {\n    const [state, setState] = useState<NProgressState>({ value: 0, active: false });\n\n    useEffect(() => nprogress.subscribe(setState), []);\n\n    if (!state.active) return null;\n\n    const style: CSSProperties = {\n        width: `${Math.round(state.value * 100)}%`,\n        height: `${height}px`,\n        background: color ?? \"var(--tempest-primary)\",\n    };\n\n    return (\n        <div\n            className={cn(styles.bar, className)}\n            style={style}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-valuenow={Math.round(state.value * 100)}\n        />\n    );\n}\n"],"mappings":";;;;;AA8BA,IAAM,IAAsB,KACtB,IAAkB,IAClB,IAAqB;AAE3B,SAAS,EAAM,GAAmB;CAG9B,OAFI,IAAI,IAAU,IACd,IAAI,IAAU,IACX;AACX;AAEA,SAAS,IAAuC;CAC5C,IAAI,IAAwB;EAAE,OAAO;EAAG,QAAQ;CAAM,GAChD,oBAAY,IAAI,IAAuB,GACzC,IAAsD,MACtD,IAAkD,MAEhD,UAAmB;EACrB,KAAK,IAAM,KAAY,GAAW,EAAS,CAAK;CACpD,GAEM,KAAU,MAAwC;EAEpD,AADA,IAAQ;GAAE,GAAG;GAAO,GAAG;EAAK,GAC5B,EAAK;CACT,GAEM,UAA0B;EAC5B,AAAI,MAAiB,SACjB,cAAc,CAAY,GAC1B,IAAe;CAEvB,GAEM,UAAwB;EAC1B,AAAI,MAAc,SACd,aAAa,CAAS,GACtB,IAAY;CAEpB,GAEM,KAAO,MAA0B;EACnC,IAAM,IAAU,EAAM;EACtB,IAAI,KAAW,GAAiB;EAChC,IAAM,IAAO,MAAW,IAAI,KAAW,KAAM;EAC7C,EAAO,EAAE,OAAO,KAAK,IAAI,EAAM,IAAU,CAAI,GAAG,CAAe,EAAE,CAAC;CACtE;CAkCA,OAAO;EAAE,aAhCiB;GACtB,EAAU,GACN,GAAM,WACV,EAAO;IAAE,QAAQ;IAAM,OAAO,EAAM,QAAQ,IAAI,EAAM,QAAQ;GAAK,CAAC,GACpE,EAAY,GACZ,IAAe,kBAAkB,EAAI,GAAG,CAAmB;EAC/D;EA0BgB,YAxBS;GAIrB,AAHA,EAAY,GACZ,EAAU,GACV,EAAO;IAAE,OAAO;IAAG,QAAQ;GAAK,CAAC,GACjC,IAAY,iBAAiB;IAEzB,AADA,EAAO;KAAE,QAAQ;KAAO,OAAO;IAAE,CAAC,GAClC,IAAY;GAChB,GAAG,CAAkB;EACzB;EAgBsB,MAdT,MAAoB;GAC7B,EAAU;GACV,IAAM,IAAQ,EAAM,CAAC;GACrB,EAAO;IAAE;IAAO,QAAQ,IAAQ,KAAW,EAAM;GAAO,CAAC;EAC7D;EAU2B;EAAK,YARb,OACf,EAAU,IAAI,CAAQ,GACtB,EAAS,CAAK,SACD;GACT,EAAU,OAAO,CAAQ;EAC7B;CAGsC;AAC9C;AAYA,IAAa,IAAiC,EAAgB;AAmB9D,SAAgB,EAAa,EAAE,UAAO,YAAS,GAAG,gBAAgC;CAC9E,IAAM,CAAC,GAAO,KAAY,EAAyB;EAAE,OAAO;EAAG,QAAQ;CAAM,CAAC;CAI9E,IAFA,QAAgB,EAAU,UAAU,CAAQ,GAAG,CAAC,CAAC,GAE7C,CAAC,EAAM,QAAQ,OAAO;CAE1B,IAAM,IAAuB;EACzB,OAAO,GAAG,KAAK,MAAM,EAAM,QAAQ,GAAG,EAAE;EACxC,QAAQ,GAAG,EAAO;EAClB,YAAY,KAAS;CACzB;CAEA,OACI,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,KAAK,CAAS;EAC5B;EACP,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAK,MAAM,EAAM,QAAQ,GAAG;CAC9C,CAAA;AAET"}

package/dist/components/NProgress/NProgress.module.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.module.cjs","names":[],"sources":["../../../src/components/NProgress/NProgress.module.css"],"sourcesContent":[".bar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: var(--tempest-z-toast, 1100);\n    border-radius: 0 var(--tempest-radius-full) var(--tempest-radius-full) 0;\n    box-shadow:\n        0 0 8px var(--tempest-primary),\n        0 0 4px var(--tempest-primary);\n    transition: width var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    pointer-events: none;\n}\n"],"mappings":""}

package/dist/components/NProgress/NProgress.module.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.module.js","names":[],"sources":["../../../src/components/NProgress/NProgress.module.css"],"sourcesContent":[".bar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: var(--tempest-z-toast, 1100);\n    border-radius: 0 var(--tempest-radius-full) var(--tempest-radius-full) 0;\n    box-shadow:\n        0 0 8px var(--tempest-primary),\n        0 0 4px var(--tempest-primary);\n    transition: width var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    pointer-events: none;\n}\n"],"mappings":""}

package/dist/components/Navbar/Navbar.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Navbar.module.cjs");let n=require("react/jsx-runtime");function r({logo:r,nav:i,actions:a,sticky:o=!0,tone:s=`surface`,bordered:c=!0,className:l,...u}){return(0,n.jsxs)(`header`,{className:e.cn(t.default.navbar,t.default[s],o&&t.default.sticky,c&&t.default.bordered,l),...u,children:[r&&(0,n.jsx)(`div`,{className:t.default.logo,children:r}),i&&(0,n.jsx)(`nav`,{className:t.default.nav,children:i}),a&&(0,n.jsx)(`div`,{className:t.default.actions,children:a})]})}exports.Navbar=r;
+//# sourceMappingURL=Navbar.cjs.map

package/dist/components/Navbar/Navbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.cjs","names":[],"sources":["../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Navbar.module.css\";\n\nexport type NavbarTone = \"surface\" | \"primary\" | \"transparent\";\n\nexport interface NavbarProps extends HTMLAttributes<HTMLElement> {\n    /** Left slot — typically logo + brand name. */\n    logo?: ReactNode;\n    /** Center slot — typically nav links. */\n    nav?: ReactNode;\n    /** Right slot — typically user menu / actions. */\n    actions?: ReactNode;\n    /** Make the bar sticky at the top of the scroll container. Default `true`. */\n    sticky?: boolean;\n    /** Visual tone. Default `\"surface\"`. */\n    tone?: NavbarTone;\n    /** When set, renders a thin bottom border. Default `true`. */\n    bordered?: boolean;\n}\n\n/**\n * Top app bar. Three-slot layout (logo / nav / actions) that collapses\n * gracefully on mobile (nav slot wraps below).\n *\n * @example\n * <Navbar\n *     logo={<img src=\"/logo.svg\" alt=\"App\" />}\n *     nav={<NavLinks />}\n *     actions={<UserMenu />}\n * />\n */\nexport function Navbar({\n    logo,\n    nav,\n    actions,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    className,\n    ...props\n}: NavbarProps) {\n    return (\n        <header\n            className={cn(\n                styles.navbar,\n                styles[tone],\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                className,\n            )}\n            {...props}\n        >\n            {logo && <div className={styles.logo}>{logo}</div>}\n            {nav && <nav className={styles.nav}>{nav}</nav>}\n            {actions && <div className={styles.actions}>{actions}</div>}\n        </header>\n    );\n}\n"],"mappings":"0GAgCA,SAAgB,EAAO,CACnB,OACA,MACA,UACA,SAAS,GACT,OAAO,UACP,WAAW,GACX,YACA,GAAG,GACS,CACZ,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAA,QAAO,GACP,GAAU,EAAA,QAAO,OACjB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,GAAI,WARR,CAUK,IAAQ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,CAAU,CAAA,EAChD,IAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAM,CAAS,CAAA,EAC7C,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,CACtD,GAEhB"}

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Navbar.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Navbar/Navbar.tsx
+function i({ logo: i, nav: a, actions: o, sticky: s = !0, tone: c = "surface", bordered: l = !0, className: u, ...d }) {
+	return /* @__PURE__ */ r("header", {
+		className: e(t.navbar, t[c], s && t.sticky, l && t.bordered, u),
+		...d,
+		children: [
+			i && /* @__PURE__ */ n("div", {
+				className: t.logo,
+				children: i
+			}),
+			a && /* @__PURE__ */ n("nav", {
+				className: t.nav,
+				children: a
+			}),
+			o && /* @__PURE__ */ n("div", {
+				className: t.actions,
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { i as Navbar };
+
+//# sourceMappingURL=Navbar.js.map

package/dist/components/Navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","names":[],"sources":["../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Navbar.module.css\";\n\nexport type NavbarTone = \"surface\" | \"primary\" | \"transparent\";\n\nexport interface NavbarProps extends HTMLAttributes<HTMLElement> {\n    /** Left slot — typically logo + brand name. */\n    logo?: ReactNode;\n    /** Center slot — typically nav links. */\n    nav?: ReactNode;\n    /** Right slot — typically user menu / actions. */\n    actions?: ReactNode;\n    /** Make the bar sticky at the top of the scroll container. Default `true`. */\n    sticky?: boolean;\n    /** Visual tone. Default `\"surface\"`. */\n    tone?: NavbarTone;\n    /** When set, renders a thin bottom border. Default `true`. */\n    bordered?: boolean;\n}\n\n/**\n * Top app bar. Three-slot layout (logo / nav / actions) that collapses\n * gracefully on mobile (nav slot wraps below).\n *\n * @example\n * <Navbar\n *     logo={<img src=\"/logo.svg\" alt=\"App\" />}\n *     nav={<NavLinks />}\n *     actions={<UserMenu />}\n * />\n */\nexport function Navbar({\n    logo,\n    nav,\n    actions,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    className,\n    ...props\n}: NavbarProps) {\n    return (\n        <header\n            className={cn(\n                styles.navbar,\n                styles[tone],\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                className,\n            )}\n            {...props}\n        >\n            {logo && <div className={styles.logo}>{logo}</div>}\n            {nav && <nav className={styles.nav}>{nav}</nav>}\n            {actions && <div className={styles.actions}>{actions}</div>}\n        </header>\n    );\n}\n"],"mappings":";;;;AAgCA,SAAgB,EAAO,EACnB,SACA,QACA,YACA,YAAS,IACT,UAAO,WACP,cAAW,IACX,cACA,GAAG,KACS;CACZ,OACI,kBAAC,UAAD;EACI,WAAW,EACP,EAAO,QACP,EAAO,IACP,KAAU,EAAO,QACjB,KAAY,EAAO,UACnB,CACJ;EACA,GAAI;YARR;GAUK,KAAQ,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAO;GAAU,CAAA;GAChD,KAAO,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAM;GAAS,CAAA;GAC7C,KAAW,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAU;GAAa,CAAA;EACtD;;AAEhB"}

package/dist/components/Navbar/Navbar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_navbar_Ey25T`,t=`tempest_surface_xyKhM`,n=`tempest_primary_w3ft-`,r=`tempest_transparent_N1vMR`,i=`tempest_bordered_HD49R`,a=`tempest_sticky_0XsOs`,o=`tempest_logo_O9j3q`,s=`tempest_nav_0oisE`,c=`tempest_actions_8BNWJ`,l={navbar:e,surface:t,primary:n,transparent:r,bordered:i,sticky:a,logo:o,nav:s,actions:c};exports.actions=c,exports.bordered=i,exports.default=l,exports.logo=o,exports.nav=s,exports.navbar=e,exports.primary=n,exports.sticky=a,exports.surface=t,exports.transparent=r;
+//# sourceMappingURL=Navbar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.module.cjs","names":[],"sources":["../../../src/components/Navbar/Navbar.module.css"],"sourcesContent":[".navbar {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-4);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-height: 56px;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0));\n}\n\n.navbar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.navbar.primary {\n    background: var(--tempest-primary-solid);\n    color: var(--tempest-primary-on);\n}\n\n.navbar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.navbar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.navbar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n    backdrop-filter: saturate(180%) blur(8px);\n}\n\n.logo {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n}\n\n.nav {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 0 0 auto;\n    margin-left: auto;\n}\n"],"mappings":""}

package/dist/components/Navbar/Navbar.module.js

@@ -0,0 +1,16 @@
+//#region src/components/Navbar/Navbar.module.css
+var e = "tempest_navbar_Ey25T", t = "tempest_surface_xyKhM", n = "tempest_primary_w3ft-", r = "tempest_transparent_N1vMR", i = "tempest_bordered_HD49R", a = "tempest_sticky_0XsOs", o = "tempest_logo_O9j3q", s = "tempest_nav_0oisE", c = "tempest_actions_8BNWJ", l = {
+	navbar: e,
+	surface: t,
+	primary: n,
+	transparent: r,
+	bordered: i,
+	sticky: a,
+	logo: o,
+	nav: s,
+	actions: c
+};
+//#endregion
+export { c as actions, i as bordered, l as default, o as logo, s as nav, e as navbar, n as primary, a as sticky, t as surface, r as transparent };
+
+//# sourceMappingURL=Navbar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.module.js","names":[],"sources":["../../../src/components/Navbar/Navbar.module.css"],"sourcesContent":[".navbar {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-4);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-height: 56px;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0));\n}\n\n.navbar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.navbar.primary {\n    background: var(--tempest-primary-solid);\n    color: var(--tempest-primary-on);\n}\n\n.navbar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.navbar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.navbar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n    backdrop-filter: saturate(180%) blur(8px);\n}\n\n.logo {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n}\n\n.nav {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow-x: auto;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 0 0 auto;\n    margin-left: auto;\n}\n"],"mappings":""}

package/dist/components/NavigationMenu/NavigationMenu.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./NavigationMenu.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,className:a,...o}){let[s,c]=(0,n.useState)(-1),[l,u]=(0,n.useState)(-1),d=(0,n.useId)(),f=(0,n.useRef)(null),p=(0,n.useCallback)(()=>{c(-1),u(-1)},[]),m=s===-1?l:s;(0,n.useEffect)(()=>{if(m===-1)return;let e=e=>{e.key===`Escape`&&p()},t=e=>{f.current&&!f.current.contains(e.target)&&p()};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[m,p]);let h=(e,n)=>{let i=()=>{e.onSelect?.(),p()};return e.href?(0,r.jsx)(`a`,{href:e.href,role:n===`menuitem`?`menuitem`:void 0,className:t.default.link,onClick:i,children:e.label}):(0,r.jsx)(`button`,{type:`button`,role:n===`menuitem`?`menuitem`:void 0,className:t.default.link,onClick:i,children:e.label})};return(0,r.jsx)(`nav`,{ref:f,className:e.cn(t.default.root,a),...o,children:(0,r.jsx)(`ul`,{className:t.default.list,children:i.map((e,n)=>{if(!(e.children&&e.children.length>0))return(0,r.jsx)(`li`,{className:t.default.item,children:h(e,`none`)},n);let i=m===n,a=`${d}-panel-${n}`;return(0,r.jsxs)(`li`,{className:t.default.item,onMouseEnter:()=>u(n),onMouseLeave:()=>u(e=>e===n?-1:e),children:[(0,r.jsx)(`button`,{type:`button`,className:t.default.trigger,"aria-haspopup":`menu`,"aria-expanded":i,"aria-controls":a,onClick:()=>c(e=>e===n?-1:n),onFocus:()=>u(n),children:e.label}),i&&(0,r.jsx)(`ul`,{id:a,role:`menu`,className:t.default.panel,children:e.children.map((e,n)=>(0,r.jsx)(`li`,{role:`none`,className:t.default.subItem,children:h(e,`menuitem`)},n))})]},n)})})})}exports.NavigationMenu=i;
+//# sourceMappingURL=NavigationMenu.cjs.map

package/dist/components/NavigationMenu/NavigationMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationMenu.module.css\";\n\nexport interface NavigationMenuItem {\n    /** Visible label for the entry. */\n    label: ReactNode;\n    /** When set, the entry renders as an anchor. */\n    href?: string;\n    /** Invoked when the entry is activated (click / Enter). */\n    onSelect?: () => void;\n    /** Nested entries — presence turns the item into a submenu trigger. */\n    children?: NavigationMenuItem[];\n}\n\nexport interface NavigationMenuProps extends HTMLAttributes<HTMLElement> {\n    /** Top-level navigation entries. */\n    items: NavigationMenuItem[];\n}\n\n/**\n * Horizontal navigation menu with hover/click/focus dropdown submenus.\n *\n * - Top-level items render in a `<nav><ul>`.\n * - Items with `children` open a submenu panel (`role=\"menu\"`) on hover, focus,\n *   or click. Only one panel is open at a time.\n * - Closes on outside click, Escape, or selecting a leaf entry.\n *\n * @example\n * <NavigationMenu\n *     items={[\n *         { label: \"Home\", href: \"/\" },\n *         {\n *             label: \"Products\",\n *             children: [\n *                 { label: \"Analytics\", href: \"/analytics\" },\n *                 { label: \"Billing\", onSelect: () => openBilling() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function NavigationMenu({ items, className, ...props }: NavigationMenuProps) {\n    const [clickedIndex, setClickedIndex] = useState<number>(-1);\n    const [hovered, setHovered] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLElement>(null);\n\n    const close = useCallback((): void => {\n        setClickedIndex(-1);\n        setHovered(-1);\n    }, []);\n\n    const openIndex = clickedIndex !== -1 ? clickedIndex : hovered;\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") close();\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, close]);\n\n    const renderLeaf = (item: NavigationMenuItem, role: \"none\" | \"menuitem\"): ReactNode => {\n        const handleClick = (): void => {\n            item.onSelect?.();\n            close();\n        };\n        if (item.href) {\n            return (\n                <a\n                    href={item.href}\n                    role={role === \"menuitem\" ? \"menuitem\" : undefined}\n                    className={styles.link}\n                    onClick={handleClick}\n                >\n                    {item.label}\n                </a>\n            );\n        }\n        return (\n            <button\n                type=\"button\"\n                role={role === \"menuitem\" ? \"menuitem\" : undefined}\n                className={styles.link}\n                onClick={handleClick}\n            >\n                {item.label}\n            </button>\n        );\n    };\n\n    return (\n        <nav ref={rootRef} className={cn(styles.root, className)} {...props}>\n            <ul className={styles.list}>\n                {items.map((item, index) => {\n                    const hasChildren = !!item.children && item.children.length > 0;\n                    if (!hasChildren) {\n                        return (\n                            <li key={index} className={styles.item}>\n                                {renderLeaf(item, \"none\")}\n                            </li>\n                        );\n                    }\n                    const open = openIndex === index;\n                    const panelId = `${baseId}-panel-${index}`;\n                    return (\n                        <li\n                            key={index}\n                            className={styles.item}\n                            onMouseEnter={() => setHovered(index)}\n                            onMouseLeave={() => setHovered((prev) => (prev === index ? -1 : prev))}\n                        >\n                            <button\n                                type=\"button\"\n                                className={styles.trigger}\n                                aria-haspopup=\"menu\"\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                onClick={() =>\n                                    setClickedIndex((prev) => (prev === index ? -1 : index))\n                                }\n                                onFocus={() => setHovered(index)}\n                            >\n                                {item.label}\n                            </button>\n                            {open && (\n                                <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                    {item.children!.map((child, childIndex) => (\n                                        <li key={childIndex} role=\"none\" className={styles.subItem}>\n                                            {renderLeaf(child, \"menuitem\")}\n                                        </li>\n                                    ))}\n                                </ul>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        </nav>\n    );\n}\n"],"mappings":"qIA2CA,SAAgB,EAAe,CAAE,QAAO,YAAW,GAAG,GAA8B,CAChF,GAAM,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAoC,EAAE,EACrD,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAA+B,EAAE,EAC3C,GAAA,EAAA,EAAA,MAAA,CAAe,EACf,GAAA,EAAA,EAAA,OAAA,CAA8B,IAAI,EAElC,GAAA,EAAA,EAAA,YAAA,KAAgC,CAClC,EAAgB,EAAE,EAClB,EAAW,EAAE,CACjB,EAAG,CAAC,CAAC,EAEC,EAAY,IAAiB,GAAoB,EAAf,GAExC,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,IAAc,GAAI,OACtB,IAAM,EAAS,GAA+B,CACtC,EAAM,MAAQ,UAAU,EAAM,CACtC,EACM,EAAU,GAA4B,CACpC,EAAQ,SAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,GAAG,EAAM,CAClF,EAGA,OAFA,OAAO,iBAAiB,UAAW,CAAK,EACxC,OAAO,iBAAiB,YAAa,CAAM,MAC9B,CACT,OAAO,oBAAoB,UAAW,CAAK,EAC3C,OAAO,oBAAoB,YAAa,CAAM,CAClD,CACJ,EAAG,CAAC,EAAW,CAAK,CAAC,EAErB,IAAM,GAAc,EAA0B,IAAyC,CACnF,IAAM,MAA0B,CAC5B,EAAK,WAAW,EAChB,EAAM,CACV,EAaA,OAZI,EAAK,MAED,EAAA,EAAA,IAAA,CAAC,IAAD,CACI,KAAM,EAAK,KACX,KAAM,IAAS,WAAa,WAAa,IAAA,GACzC,UAAW,EAAA,QAAO,KAClB,QAAS,WAER,EAAK,KACP,CAAA,GAIP,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,KAAM,IAAS,WAAa,WAAa,IAAA,GACzC,UAAW,EAAA,QAAO,KAClB,QAAS,WAER,EAAK,KACF,CAAA,CAEhB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,IAAK,EAAS,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,YAC1D,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,cACjB,EAAM,KAAK,EAAM,IAAU,CAExB,GAAI,EADkB,EAAK,UAAY,EAAK,SAAS,OAAS,GAE1D,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAgB,UAAW,EAAA,QAAO,cAC7B,EAAW,EAAM,MAAM,CACxB,EAFK,CAEL,EAGZ,IAAM,EAAO,IAAc,EACrB,EAAU,GAAG,EAAO,SAAS,IACnC,OACI,EAAA,EAAA,KAAA,CAAC,KAAD,CAEI,UAAW,EAAA,QAAO,KAClB,iBAAoB,EAAW,CAAK,EACpC,iBAAoB,EAAY,GAAU,IAAS,EAAQ,GAAK,CAAK,WAJzE,EAMI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,QAClB,gBAAc,OACd,gBAAe,EACf,gBAAe,EACf,YACI,EAAiB,GAAU,IAAS,EAAQ,GAAK,CAAM,EAE3D,YAAe,EAAW,CAAK,WAE9B,EAAK,KACF,CAAA,EACP,IACG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAS,KAAK,OAAO,UAAW,EAAA,QAAO,eAC1C,EAAK,SAAU,KAAK,EAAO,KACxB,EAAA,EAAA,IAAA,CAAC,KAAD,CAAqB,KAAK,OAAO,UAAW,EAAA,QAAO,iBAC9C,EAAW,EAAO,UAAU,CAC7B,EAFK,CAEL,CACP,CACD,CAAA,CAER,GA3BK,CA2BL,CAEZ,CAAC,CACD,CAAA,CACH,CAAA,CAEb"}

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,82 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./NavigationMenu.module.js";
+import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/NavigationMenu/NavigationMenu.tsx
+function l({ items: l, className: u, ...d }) {
+	let [f, p] = o(-1), [m, h] = o(-1), g = i(), _ = a(null), v = n(() => {
+		p(-1), h(-1);
+	}, []), y = f === -1 ? m : f;
+	r(() => {
+		if (y === -1) return;
+		let e = (e) => {
+			e.key === "Escape" && v();
+		}, t = (e) => {
+			_.current && !_.current.contains(e.target) && v();
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [y, v]);
+	let b = (e, n) => {
+		let r = () => {
+			e.onSelect?.(), v();
+		};
+		return e.href ? /* @__PURE__ */ s("a", {
+			href: e.href,
+			role: n === "menuitem" ? "menuitem" : void 0,
+			className: t.link,
+			onClick: r,
+			children: e.label
+		}) : /* @__PURE__ */ s("button", {
+			type: "button",
+			role: n === "menuitem" ? "menuitem" : void 0,
+			className: t.link,
+			onClick: r,
+			children: e.label
+		});
+	};
+	return /* @__PURE__ */ s("nav", {
+		ref: _,
+		className: e(t.root, u),
+		...d,
+		children: /* @__PURE__ */ s("ul", {
+			className: t.list,
+			children: l.map((e, n) => {
+				if (!(e.children && e.children.length > 0)) return /* @__PURE__ */ s("li", {
+					className: t.item,
+					children: b(e, "none")
+				}, n);
+				let r = y === n, i = `${g}-panel-${n}`;
+				return /* @__PURE__ */ c("li", {
+					className: t.item,
+					onMouseEnter: () => h(n),
+					onMouseLeave: () => h((e) => e === n ? -1 : e),
+					children: [/* @__PURE__ */ s("button", {
+						type: "button",
+						className: t.trigger,
+						"aria-haspopup": "menu",
+						"aria-expanded": r,
+						"aria-controls": i,
+						onClick: () => p((e) => e === n ? -1 : n),
+						onFocus: () => h(n),
+						children: e.label
+					}), r && /* @__PURE__ */ s("ul", {
+						id: i,
+						role: "menu",
+						className: t.panel,
+						children: e.children.map((e, n) => /* @__PURE__ */ s("li", {
+							role: "none",
+							className: t.subItem,
+							children: b(e, "menuitem")
+						}, n))
+					})]
+				}, n);
+			})
+		})
+	});
+}
+//#endregion
+export { l as NavigationMenu };
+
+//# sourceMappingURL=NavigationMenu.js.map

package/dist/components/NavigationMenu/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationMenu.module.css\";\n\nexport interface NavigationMenuItem {\n    /** Visible label for the entry. */\n    label: ReactNode;\n    /** When set, the entry renders as an anchor. */\n    href?: string;\n    /** Invoked when the entry is activated (click / Enter). */\n    onSelect?: () => void;\n    /** Nested entries — presence turns the item into a submenu trigger. */\n    children?: NavigationMenuItem[];\n}\n\nexport interface NavigationMenuProps extends HTMLAttributes<HTMLElement> {\n    /** Top-level navigation entries. */\n    items: NavigationMenuItem[];\n}\n\n/**\n * Horizontal navigation menu with hover/click/focus dropdown submenus.\n *\n * - Top-level items render in a `<nav><ul>`.\n * - Items with `children` open a submenu panel (`role=\"menu\"`) on hover, focus,\n *   or click. Only one panel is open at a time.\n * - Closes on outside click, Escape, or selecting a leaf entry.\n *\n * @example\n * <NavigationMenu\n *     items={[\n *         { label: \"Home\", href: \"/\" },\n *         {\n *             label: \"Products\",\n *             children: [\n *                 { label: \"Analytics\", href: \"/analytics\" },\n *                 { label: \"Billing\", onSelect: () => openBilling() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function NavigationMenu({ items, className, ...props }: NavigationMenuProps) {\n    const [clickedIndex, setClickedIndex] = useState<number>(-1);\n    const [hovered, setHovered] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLElement>(null);\n\n    const close = useCallback((): void => {\n        setClickedIndex(-1);\n        setHovered(-1);\n    }, []);\n\n    const openIndex = clickedIndex !== -1 ? clickedIndex : hovered;\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") close();\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, close]);\n\n    const renderLeaf = (item: NavigationMenuItem, role: \"none\" | \"menuitem\"): ReactNode => {\n        const handleClick = (): void => {\n            item.onSelect?.();\n            close();\n        };\n        if (item.href) {\n            return (\n                <a\n                    href={item.href}\n                    role={role === \"menuitem\" ? \"menuitem\" : undefined}\n                    className={styles.link}\n                    onClick={handleClick}\n                >\n                    {item.label}\n                </a>\n            );\n        }\n        return (\n            <button\n                type=\"button\"\n                role={role === \"menuitem\" ? \"menuitem\" : undefined}\n                className={styles.link}\n                onClick={handleClick}\n            >\n                {item.label}\n            </button>\n        );\n    };\n\n    return (\n        <nav ref={rootRef} className={cn(styles.root, className)} {...props}>\n            <ul className={styles.list}>\n                {items.map((item, index) => {\n                    const hasChildren = !!item.children && item.children.length > 0;\n                    if (!hasChildren) {\n                        return (\n                            <li key={index} className={styles.item}>\n                                {renderLeaf(item, \"none\")}\n                            </li>\n                        );\n                    }\n                    const open = openIndex === index;\n                    const panelId = `${baseId}-panel-${index}`;\n                    return (\n                        <li\n                            key={index}\n                            className={styles.item}\n                            onMouseEnter={() => setHovered(index)}\n                            onMouseLeave={() => setHovered((prev) => (prev === index ? -1 : prev))}\n                        >\n                            <button\n                                type=\"button\"\n                                className={styles.trigger}\n                                aria-haspopup=\"menu\"\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                onClick={() =>\n                                    setClickedIndex((prev) => (prev === index ? -1 : index))\n                                }\n                                onFocus={() => setHovered(index)}\n                            >\n                                {item.label}\n                            </button>\n                            {open && (\n                                <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                    {item.children!.map((child, childIndex) => (\n                                        <li key={childIndex} role=\"none\" className={styles.subItem}>\n                                            {renderLeaf(child, \"menuitem\")}\n                                        </li>\n                                    ))}\n                                </ul>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        </nav>\n    );\n}\n"],"mappings":";;;;;AA2CA,SAAgB,EAAe,EAAE,UAAO,cAAW,GAAG,KAA8B;CAChF,IAAM,CAAC,GAAc,KAAmB,EAAiB,EAAE,GACrD,CAAC,GAAS,KAAc,EAAiB,EAAE,GAC3C,IAAS,EAAM,GACf,IAAU,EAAoB,IAAI,GAElC,IAAQ,QAAwB;EAElC,AADA,EAAgB,EAAE,GAClB,EAAW,EAAE;CACjB,GAAG,CAAC,CAAC,GAEC,IAAY,MAAiB,KAAoB,IAAf;CAExC,QAAgB;EACZ,IAAI,MAAc,IAAI;EACtB,IAAM,KAAS,MAA+B;GAC1C,AAAI,EAAM,QAAQ,YAAU,EAAM;EACtC,GACM,KAAU,MAA4B;GACxC,AAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,KAAG,EAAM;EAClF;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAK,GACxC,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG,CAAC,GAAW,CAAK,CAAC;CAErB,IAAM,KAAc,GAA0B,MAAyC;EACnF,IAAM,UAA0B;GAE5B,AADA,EAAK,WAAW,GAChB,EAAM;EACV;EAaA,OAZI,EAAK,OAED,kBAAC,KAAD;GACI,MAAM,EAAK;GACX,MAAM,MAAS,aAAa,aAAa,KAAA;GACzC,WAAW,EAAO;GAClB,SAAS;aAER,EAAK;EACP,CAAA,IAIP,kBAAC,UAAD;GACI,MAAK;GACL,MAAM,MAAS,aAAa,aAAa,KAAA;GACzC,WAAW,EAAO;GAClB,SAAS;aAER,EAAK;EACF,CAAA;CAEhB;CAEA,OACI,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YAC1D,kBAAC,MAAD;GAAI,WAAW,EAAO;aACjB,EAAM,KAAK,GAAM,MAAU;IAExB,IAAI,EADkB,EAAK,YAAY,EAAK,SAAS,SAAS,IAE1D,OACI,kBAAC,MAAD;KAAgB,WAAW,EAAO;eAC7B,EAAW,GAAM,MAAM;IACxB,GAFK,CAEL;IAGZ,IAAM,IAAO,MAAc,GACrB,IAAU,GAAG,EAAO,SAAS;IACnC,OACI,kBAAC,MAAD;KAEI,WAAW,EAAO;KAClB,oBAAoB,EAAW,CAAK;KACpC,oBAAoB,GAAY,MAAU,MAAS,IAAQ,KAAK,CAAK;eAJzE,CAMI,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,iBAAc;MACd,iBAAe;MACf,iBAAe;MACf,eACI,GAAiB,MAAU,MAAS,IAAQ,KAAK,CAAM;MAE3D,eAAe,EAAW,CAAK;gBAE9B,EAAK;KACF,CAAA,GACP,KACG,kBAAC,MAAD;MAAI,IAAI;MAAS,MAAK;MAAO,WAAW,EAAO;gBAC1C,EAAK,SAAU,KAAK,GAAO,MACxB,kBAAC,MAAD;OAAqB,MAAK;OAAO,WAAW,EAAO;iBAC9C,EAAW,GAAO,UAAU;MAC7B,GAFK,CAEL,CACP;KACD,CAAA,CAER;OA3BK,CA2BL;GAEZ,CAAC;EACD,CAAA;CACH,CAAA;AAEb"}

package/dist/components/NavigationMenu/NavigationMenu.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_Nosqs`,t=`tempest_list_v9FNC`,n=`tempest_item_9RzZ7`,r=`tempest_link_67ULr`,i=`tempest_trigger_2gBDu`,a=`tempest_panel_N2ujp`,o=`tempest_tempest-nav-menu-in_8tNCR`,s=`tempest_subItem_LjtO7`,c={root:e,list:t,item:n,link:r,trigger:i,panel:a,tempestNavMenuIn:o,subItem:s};exports.default=c,exports.item=n,exports.link=r,exports.list=t,exports.panel=a,exports.root=e,exports.subItem=s,exports.tempestNavMenuIn=o,exports.trigger=i;
+//# sourceMappingURL=NavigationMenu.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.module.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.module.css"],"sourcesContent":[".root {\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n}\n\n.list {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.item {\n    position: relative;\n}\n\n.link,\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    text-decoration: none;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover,\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link:focus-visible,\n.trigger:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.panel {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    animation: tempest-nav-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.subItem {\n    display: block;\n}\n\n.subItem .link {\n    width: 100%;\n}\n\n@keyframes tempest-nav-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/NavigationMenu/NavigationMenu.module.js

@@ -0,0 +1,15 @@
+//#region src/components/NavigationMenu/NavigationMenu.module.css
+var e = "tempest_root_Nosqs", t = "tempest_list_v9FNC", n = "tempest_item_9RzZ7", r = "tempest_link_67ULr", i = "tempest_trigger_2gBDu", a = "tempest_panel_N2ujp", o = "tempest_tempest-nav-menu-in_8tNCR", s = "tempest_subItem_LjtO7", c = {
+	root: e,
+	list: t,
+	item: n,
+	link: r,
+	trigger: i,
+	panel: a,
+	tempestNavMenuIn: o,
+	subItem: s
+};
+//#endregion
+export { c as default, n as item, r as link, t as list, a as panel, e as root, s as subItem, o as tempestNavMenuIn, i as trigger };
+
+//# sourceMappingURL=NavigationMenu.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.module.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.module.css"],"sourcesContent":[".root {\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n}\n\n.list {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.item {\n    position: relative;\n}\n\n.link,\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    text-decoration: none;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover,\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link:focus-visible,\n.trigger:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.panel {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    animation: tempest-nav-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.subItem {\n    display: block;\n}\n\n.subItem .link {\n    width: 100%;\n}\n\n@keyframes tempest-nav-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/NavigationRail/NavigationRail.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./NavigationRail.module.cjs");let n=require("react/jsx-runtime");function r({items:r,value:i,onChange:a,header:o,footer:s,labelVisibility:c=`all`,className:l,...u}){return(0,n.jsxs)(`nav`,{className:e.cn(t.default.rail,l),"aria-label":`Navegação lateral`,...u,children:[o!==void 0&&(0,n.jsx)(`div`,{className:t.default.header,children:o}),(0,n.jsx)(`ul`,{className:t.default.list,children:r.map(r=>{let o=r.key===i,s=c===`all`||c===`selected`&&o;return(0,n.jsx)(`li`,{children:(0,n.jsxs)(`button`,{type:`button`,className:e.cn(t.default.item,o&&t.default.active),"aria-current":o?`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})]}),s&&(0,n.jsx)(`span`,{className:t.default.label,children:r.label})]})},r.key)})}),s!==void 0&&(0,n.jsx)(`div`,{className:t.default.footer,children:s})]})}exports.NavigationRail=r;
+//# sourceMappingURL=NavigationRail.cjs.map

package/dist/components/NavigationRail/NavigationRail.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.cjs","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationRail.module.css\";\n\nexport interface NavigationRailItem {\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 over the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport type NavigationRailLabelVisibility = \"all\" | \"selected\" | \"none\";\n\nexport interface NavigationRailProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: NavigationRailItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Top slot — e.g. a FAB or logo. */\n    header?: ReactNode;\n    /** Bottom slot — pushed to the bottom of the rail. */\n    footer?: ReactNode;\n    /** Which item labels to show. Default `\"all\"`. */\n    labelVisibility?: NavigationRailLabelVisibility;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Vertical, compact navigation column for desktop and tablet layouts. Each item\n * stacks an icon over its label, with the active item flagged via\n * `aria-current=\"page\"`. Use `labelVisibility=\"selected\"` to show only the\n * active item's label, or `\"none\"` for an icon-only rail.\n *\n * @example\n * <NavigationRail\n *     header={<FloatingActionButton icon={<Plus />} position=\"none\" />}\n *     items={[\n *         { key: \"home\", label: \"Início\", icon: <Home /> },\n *         { key: \"inbox\", label: \"Caixa\", icon: <Inbox />, badge: 3 },\n *     ]}\n *     value={tab}\n *     onChange={setTab}\n * />\n */\nexport function NavigationRail({\n    items,\n    value,\n    onChange,\n    header,\n    footer,\n    labelVisibility = \"all\",\n    className,\n    ...props\n}: NavigationRailProps) {\n    return (\n        <nav className={cn(styles.rail, className)} aria-label=\"Navegação lateral\" {...props}>\n            {header !== undefined && <div className={styles.header}>{header}</div>}\n            <ul className={styles.list}>\n                {items.map((item) => {\n                    const active = item.key === value;\n                    const showLabel =\n                        labelVisibility === \"all\" || (labelVisibility === \"selected\" && active);\n                    return (\n                        <li key={item.key}>\n                            <button\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                                {showLabel && <span className={styles.label}>{item.label}</span>}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n            {footer !== undefined && <div className={styles.footer}>{footer}</div>}\n        </nav>\n    );\n}\n"],"mappings":"kHAoDA,SAAgB,EAAe,CAC3B,QACA,QACA,WACA,SACA,SACA,kBAAkB,MAClB,YACA,GAAG,GACiB,CACpB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,aAAW,oBAAoB,GAAI,WAA/E,CACK,IAAW,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACrE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,cACjB,EAAM,IAAK,GAAS,CACjB,IAAM,EAAS,EAAK,MAAQ,EACtB,EACF,IAAoB,OAAU,IAAoB,YAAc,EACpE,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,UACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,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,WALpC,EAOI,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,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAC3D,GACR,EAhBK,EAAK,GAgBV,CAEZ,CAAC,CACD,CAAA,EACH,IAAW,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACpE,GAEb"}

package/dist/components/NavigationRail/NavigationRail.js

@@ -0,0 +1,51 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./NavigationRail.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/NavigationRail/NavigationRail.tsx
+function i({ items: i, value: a, onChange: o, header: s, footer: c, labelVisibility: l = "all", className: u, ...d }) {
+	return /* @__PURE__ */ r("nav", {
+		className: e(t.rail, u),
+		"aria-label": "Navegação lateral",
+		...d,
+		children: [
+			s !== void 0 && /* @__PURE__ */ n("div", {
+				className: t.header,
+				children: s
+			}),
+			/* @__PURE__ */ n("ul", {
+				className: t.list,
+				children: i.map((i) => {
+					let s = i.key === a, c = l === "all" || l === "selected" && s;
+					return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ r("button", {
+						type: "button",
+						className: e(t.item, s && t.active),
+						"aria-current": s ? "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
+							})]
+						}), c && /* @__PURE__ */ n("span", {
+							className: t.label,
+							children: i.label
+						})]
+					}) }, i.key);
+				})
+			}),
+			c !== void 0 && /* @__PURE__ */ n("div", {
+				className: t.footer,
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+export { i as NavigationRail };
+
+//# sourceMappingURL=NavigationRail.js.map

package/dist/components/NavigationRail/NavigationRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.js","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationRail.module.css\";\n\nexport interface NavigationRailItem {\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 over the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport type NavigationRailLabelVisibility = \"all\" | \"selected\" | \"none\";\n\nexport interface NavigationRailProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: NavigationRailItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Top slot — e.g. a FAB or logo. */\n    header?: ReactNode;\n    /** Bottom slot — pushed to the bottom of the rail. */\n    footer?: ReactNode;\n    /** Which item labels to show. Default `\"all\"`. */\n    labelVisibility?: NavigationRailLabelVisibility;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Vertical, compact navigation column for desktop and tablet layouts. Each item\n * stacks an icon over its label, with the active item flagged via\n * `aria-current=\"page\"`. Use `labelVisibility=\"selected\"` to show only the\n * active item's label, or `\"none\"` for an icon-only rail.\n *\n * @example\n * <NavigationRail\n *     header={<FloatingActionButton icon={<Plus />} position=\"none\" />}\n *     items={[\n *         { key: \"home\", label: \"Início\", icon: <Home /> },\n *         { key: \"inbox\", label: \"Caixa\", icon: <Inbox />, badge: 3 },\n *     ]}\n *     value={tab}\n *     onChange={setTab}\n * />\n */\nexport function NavigationRail({\n    items,\n    value,\n    onChange,\n    header,\n    footer,\n    labelVisibility = \"all\",\n    className,\n    ...props\n}: NavigationRailProps) {\n    return (\n        <nav className={cn(styles.rail, className)} aria-label=\"Navegação lateral\" {...props}>\n            {header !== undefined && <div className={styles.header}>{header}</div>}\n            <ul className={styles.list}>\n                {items.map((item) => {\n                    const active = item.key === value;\n                    const showLabel =\n                        labelVisibility === \"all\" || (labelVisibility === \"selected\" && active);\n                    return (\n                        <li key={item.key}>\n                            <button\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                                {showLabel && <span className={styles.label}>{item.label}</span>}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n            {footer !== undefined && <div className={styles.footer}>{footer}</div>}\n        </nav>\n    );\n}\n"],"mappings":";;;;AAoDA,SAAgB,EAAe,EAC3B,UACA,UACA,aACA,WACA,WACA,qBAAkB,OAClB,cACA,GAAG,KACiB;CACpB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,cAAW;EAAoB,GAAI;YAA/E;GACK,MAAW,KAAA,KAAa,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACrE,kBAAC,MAAD;IAAI,WAAW,EAAO;cACjB,EAAM,KAAK,MAAS;KACjB,IAAM,IAAS,EAAK,QAAQ,GACtB,IACF,MAAoB,SAAU,MAAoB,cAAc;KACpE,OACI,kBAAC,MAAD,EAAA,UACI,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;MAClD,gBAAc,IAAS,SAAS,KAAA;MAChC,UAAU,EAAK;MACf,eAAe,EAAS,EAAK,GAAG;gBALpC,CAOI,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAxB,CACK,EAAK,QAAQ,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAO,EAAK;OAAW,CAAA,GAC5D,EAAK,UAAU,KAAA,KACZ,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAQ,EAAK;OAAY,CAAA,CAEnD;UACL,KAAa,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAQ,EAAK;MAAY,CAAA,CAC3D;QACR,GAhBK,EAAK,GAgBV;IAEZ,CAAC;GACD,CAAA;GACH,MAAW,KAAA,KAAa,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;EACpE;;AAEb"}

package/dist/components/NavigationRail/NavigationRail.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_rail_bvns5`,t=`tempest_header_Mikit`,n=`tempest_list_rS6XJ`,r=`tempest_footer_ojpGC`,i=`tempest_item_XEXI9`,a=`tempest_active_U3hSU`,o=`tempest_iconWrap_iVwlb`,s=`tempest_icon_-hpb6`,c=`tempest_badge_1YxwU`,l=`tempest_label_zCKyA`,u={rail:e,header:t,list:n,footer:r,item:i,active:a,iconWrap:o,icon:s,badge:c,label:l};exports.active=a,exports.badge=c,exports.default=u,exports.footer=r,exports.header=t,exports.icon=s,exports.iconWrap=o,exports.item=i,exports.label=l,exports.list=n,exports.rail=e;
+//# sourceMappingURL=NavigationRail.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.module.cjs","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.module.css"],"sourcesContent":[".rail {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 80px;\n    height: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-2);\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-top: auto;\n    padding-top: var(--tempest-space-2);\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-1);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition:\n        color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.item:hover {\n    color: var(--tempest-text);\n    background: var(--tempest-surface-2);\n}\n\n.item:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.item.active {\n    color: var(--tempest-primary-on-soft);\n    background: var(--tempest-primary-soft);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on, #fff);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n    text-align: center;\n}\n"],"mappings":""}

package/dist/components/NavigationRail/NavigationRail.module.js

@@ -0,0 +1,17 @@
+//#region src/components/NavigationRail/NavigationRail.module.css
+var e = "tempest_rail_bvns5", t = "tempest_header_Mikit", n = "tempest_list_rS6XJ", r = "tempest_footer_ojpGC", i = "tempest_item_XEXI9", a = "tempest_active_U3hSU", o = "tempest_iconWrap_iVwlb", s = "tempest_icon_-hpb6", c = "tempest_badge_1YxwU", l = "tempest_label_zCKyA", u = {
+	rail: e,
+	header: t,
+	list: n,
+	footer: r,
+	item: i,
+	active: a,
+	iconWrap: o,
+	icon: s,
+	badge: c,
+	label: l
+};
+//#endregion
+export { a as active, c as badge, u as default, r as footer, t as header, s as icon, o as iconWrap, i as item, l as label, n as list, e as rail };
+
+//# sourceMappingURL=NavigationRail.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.module.js","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.module.css"],"sourcesContent":[".rail {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 80px;\n    height: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-2);\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-top: auto;\n    padding-top: var(--tempest-space-2);\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-1);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition:\n        color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.item:hover {\n    color: var(--tempest-text);\n    background: var(--tempest-surface-2);\n}\n\n.item:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.item.active {\n    color: var(--tempest-primary-on-soft);\n    background: var(--tempest-primary-soft);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on, #fff);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n    text-align: center;\n}\n"],"mappings":""}

package/dist/components/OfflineIndicator/OfflineIndicator.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-online.cjs"),n=require("./OfflineIndicator.module.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("lucide-react");function o({position:o=`bottom`,offlineLabel:s=`Você está offline. As alterações serão sincronizadas ao reconectar.`,onlineLabel:c=`Conexão restabelecida.`,onlineFlashMs:l=3e3,className:u,children:d,...f}){let p=t.useOnline(),[m,h]=(0,r.useState)(!1),g=(0,r.useRef)(!1);if((0,r.useEffect)(()=>{if(!p){g.current=!0,h(!1);return}if(!g.current||l<=0)return;g.current=!1,h(!0);let e=window.setTimeout(()=>h(!1),l);return()=>window.clearTimeout(e)},[p,l]),p&&!m)return null;let _=p&&m;return(0,i.jsx)(`div`,{className:e.cn(n.default.bar,n.default[o],_?n.default.online:n.default.offline,u),role:`status`,"aria-live":`polite`,...f,children:d??(0,i.jsxs)(i.Fragment,{children:[_?(0,i.jsx)(a.Wifi,{className:n.default.icon,size:16,"aria-hidden":`true`}):(0,i.jsx)(a.CloudOff,{className:n.default.icon,size:16,"aria-hidden":`true`}),(0,i.jsx)(`span`,{children:_?c:s})]})})}exports.OfflineIndicator=o;
+//# sourceMappingURL=OfflineIndicator.cjs.map

package/dist/components/OfflineIndicator/OfflineIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineIndicator.cjs","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { CloudOff, Wifi } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useOnline } from \"@/hooks\";\nimport styles from \"./OfflineIndicator.module.css\";\n\nexport type OfflineIndicatorPosition = \"top\" | \"bottom\";\n\nexport interface OfflineIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n    /** Where to pin the fixed bar. Default `\"bottom\"`. */\n    position?: OfflineIndicatorPosition;\n    /** Message shown while offline. */\n    offlineLabel?: ReactNode;\n    /** Message flashed briefly when connectivity returns. */\n    onlineLabel?: ReactNode;\n    /**\n     * How long (ms) to keep the \"back online\" flash visible. `0` hides it\n     * entirely. Default `3000`.\n     */\n    onlineFlashMs?: number;\n    /** Override the offline body entirely (icon + label ignored). */\n    children?: ReactNode;\n}\n\n/**\n * Fixed bar that appears while the browser is offline and, by default, flashes\n * a brief confirmation when the connection returns. Backed by {@link useOnline}\n * — no props needed for the common case.\n *\n * Renders nothing while online (after any flash has elapsed), so it is safe to\n * mount unconditionally at the app root.\n *\n * @example\n * <OfflineIndicator position=\"top\" />\n */\nexport function OfflineIndicator({\n    position = \"bottom\",\n    offlineLabel = \"Você está offline. As alterações serão sincronizadas ao reconectar.\",\n    onlineLabel = \"Conexão restabelecida.\",\n    onlineFlashMs = 3000,\n    className,\n    children,\n    ...props\n}: OfflineIndicatorProps) {\n    const online = useOnline();\n    const [flashOnline, setFlashOnline] = useState<boolean>(false);\n    const wasOfflineRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (!online) {\n            wasOfflineRef.current = true;\n            setFlashOnline(false);\n            return;\n        }\n        if (!wasOfflineRef.current || onlineFlashMs <= 0) return;\n        wasOfflineRef.current = false;\n        setFlashOnline(true);\n        const id = window.setTimeout(() => setFlashOnline(false), onlineFlashMs);\n        return () => window.clearTimeout(id);\n    }, [online, onlineFlashMs]);\n\n    if (online && !flashOnline) return null;\n\n    const showingOnline = online && flashOnline;\n    return (\n        <div\n            className={cn(\n                styles.bar,\n                styles[position],\n                showingOnline ? styles.online : styles.offline,\n                className,\n            )}\n            role=\"status\"\n            aria-live=\"polite\"\n            {...props}\n        >\n            {children ?? (\n                <>\n                    {showingOnline ? (\n                        <Wifi className={styles.icon} size={16} aria-hidden=\"true\" />\n                    ) : (\n                        <CloudOff className={styles.icon} size={16} aria-hidden=\"true\" />\n                    )}\n                    <span>{showingOnline ? onlineLabel : offlineLabel}</span>\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":"yMAoCA,SAAgB,EAAiB,CAC7B,WAAW,SACX,eAAe,sEACf,cAAc,yBACd,gBAAgB,IAChB,YACA,WACA,GAAG,GACmB,CACtB,IAAM,EAAS,EAAA,UAAU,EACnB,CAAC,EAAa,IAAA,EAAA,EAAA,SAAA,CAAoC,EAAK,EACvD,GAAA,EAAA,EAAA,OAAA,CAAgC,EAAK,EAe3C,IAbA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAQ,CACT,EAAc,QAAU,GACxB,EAAe,EAAK,EACpB,MACJ,CACA,GAAI,CAAC,EAAc,SAAW,GAAiB,EAAG,OAClD,EAAc,QAAU,GACxB,EAAe,EAAI,EACnB,IAAM,EAAK,OAAO,eAAiB,EAAe,EAAK,EAAG,CAAa,EACvE,UAAa,OAAO,aAAa,CAAE,CACvC,EAAG,CAAC,EAAQ,CAAa,CAAC,EAEtB,GAAU,CAAC,EAAa,OAAO,KAEnC,IAAM,EAAgB,GAAU,EAChC,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,IACP,EAAA,QAAO,GACP,EAAgB,EAAA,QAAO,OAAS,EAAA,QAAO,QACvC,CACJ,EACA,KAAK,SACL,YAAU,SACV,GAAI,WAEH,IACG,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,GACG,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,UAAW,EAAA,QAAO,KAAM,KAAM,GAAI,cAAY,MAAQ,CAAA,GAE5D,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAU,UAAW,EAAA,QAAO,KAAM,KAAM,GAAI,cAAY,MAAQ,CAAA,GAEpE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAgB,EAAc,CAAmB,CAAA,CAC1D,CAAA,CAAA,CAEL,CAAA,CAEb"}