tempest-react-sdk 0.23.0 → 0.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"NProgress.js","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"],"names":["TRICKLE_INTERVAL_MS","TRICKLE_CEILING","DONE_HIDE_DELAY_MS","clamp","n","createNProgress","state","listeners","trickleTimer","hideTimer","emit","listener","update","next","stopTrickle","clearHide","inc","amount","current","step","value","nprogress","NProgressBar","color","height","className","setState","useState","useEffect","style","jsx","cn","styles"],"mappings":";;;;AA8BA,MAAMA,IAAsB,KACtBC,IAAkB,KAClBC,IAAqB;AAE3B,SAASC,EAAMC,GAAmB;AAC9B,SAAIA,IAAI,IAAU,IACdA,IAAI,IAAU,IACXA;AACX;AAEA,SAASC,IAAuC;AAC5C,MAAIC,IAAwB,EAAE,OAAO,GAAG,QAAQ,GAAA;AAChD,QAAMC,wBAAgB,IAAA;AACtB,MAAIC,IAAsD,MACtDC,IAAkD;AAEtD,QAAMC,IAAO,MAAY;AACrB,eAAWC,KAAYJ,EAAW,CAAAI,EAASL,CAAK;AAAA,EACpD,GAEMM,IAAS,CAACC,MAAwC;AACpD,IAAAP,IAAQ,EAAE,GAAGA,GAAO,GAAGO,EAAA,GACvBH,EAAA;AAAA,EACJ,GAEMI,IAAc,MAAY;AAC5B,IAAIN,MAAiB,SACjB,cAAcA,CAAY,GAC1BA,IAAe;AAAA,EAEvB,GAEMO,IAAY,MAAY;AAC1B,IAAIN,MAAc,SACd,aAAaA,CAAS,GACtBA,IAAY;AAAA,EAEpB,GAEMO,IAAM,CAACC,MAA0B;AACnC,UAAMC,IAAUZ,EAAM;AACtB,QAAIY,KAAWjB,EAAiB;AAChC,UAAMkB,IAAOF,MAAW,IAAIC,KAAW,MAAM;AAC7C,IAAAN,EAAO,EAAE,OAAO,KAAK,IAAIT,EAAMe,IAAUC,CAAI,GAAGlB,CAAe,GAAG;AAAA,EACtE;AAkCA,SAAO,EAAE,OAhCK,MAAY;AAEtB,IADAc,EAAA,GACI,CAAAT,EAAM,WACVM,EAAO,EAAE,QAAQ,IAAM,OAAON,EAAM,QAAQ,IAAIA,EAAM,QAAQ,KAAA,CAAM,GACpEQ,EAAA,GACAN,IAAe,YAAY,MAAMQ,EAAA,GAAOhB,CAAmB;AAAA,EAC/D,GA0BgB,MAxBH,MAAY;AACrB,IAAAc,EAAA,GACAC,EAAA,GACAH,EAAO,EAAE,OAAO,GAAG,QAAQ,IAAM,GACjCH,IAAY,WAAW,MAAM;AACzB,MAAAG,EAAO,EAAE,QAAQ,IAAO,OAAO,GAAG,GAClCH,IAAY;AAAA,IAChB,GAAGP,CAAkB;AAAA,EACzB,GAgBsB,KAdV,CAACE,MAAoB;AAC7B,IAAAW,EAAA;AACA,UAAMK,IAAQjB,EAAMC,CAAC;AACrB,IAAAQ,EAAO,EAAE,OAAAQ,GAAO,QAAQA,IAAQ,IAAI,KAAOd,EAAM,QAAQ;AAAA,EAC7D,GAU2B,KAAAU,GAAK,WARd,CAACL,OACfJ,EAAU,IAAII,CAAQ,GACtBA,EAASL,CAAK,GACP,MAAM;AACT,IAAAC,EAAU,OAAOI,CAAQ;AAAA,EAC7B,GAG4B;AACpC;AAYO,MAAMU,IAAiChB,EAAA;AAmBvC,SAASiB,EAAa,EAAE,OAAAC,GAAO,QAAAC,IAAS,GAAG,WAAAC,KAAgC;AAC9E,QAAM,CAACnB,GAAOoB,CAAQ,IAAIC,EAAyB,EAAE,OAAO,GAAG,QAAQ,IAAO;AAI9E,MAFAC,EAAU,MAAMP,EAAU,UAAUK,CAAQ,GAAG,CAAA,CAAE,GAE7C,CAACpB,EAAM,OAAQ,QAAO;AAE1B,QAAMuB,IAAuB;AAAA,IACzB,OAAO,GAAG,KAAK,MAAMvB,EAAM,QAAQ,GAAG,CAAC;AAAA,IACvC,QAAQ,GAAGkB,CAAM;AAAA,IACjB,YAAYD,KAAS;AAAA,EAAA;AAGzB,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,KAAKP,CAAS;AAAA,MACnC,OAAAI;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,KAAK,MAAMvB,EAAM,QAAQ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGvD;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),e=require("./Navbar.module.css.cjs");function f({logo:r,nav:t,actions:s,sticky:u=!0,tone:d="surface",bordered:l=!0,className:c,...n}){return a.jsxs("header",{className:i.cn(e.default.navbar,e.default[d],u&&e.default.sticky,l&&e.default.bordered,c),...n,children:[r&&a.jsx("div",{className:e.default.logo,children:r}),t&&a.jsx("nav",{className:e.default.nav,children:t}),s&&a.jsx("div",{className:e.default.actions,children:s})]})}exports.Navbar=f;
-//# sourceMappingURL=Navbar.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.cjs","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"],"names":["Navbar","logo","nav","actions","sticky","tone","bordered","className","props","jsxs","cn","styles","jsx"],"mappings":"0LAgCO,SAASA,EAAO,CACnB,KAAAC,EACA,IAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,GACT,KAAAC,EAAO,UACP,SAAAC,EAAW,GACX,UAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAAAA,KAAC,SAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,OACPA,EAAAA,QAAON,CAAI,EACXD,GAAUO,EAAAA,QAAO,OACjBL,GAAYK,EAAAA,QAAO,SACnBJ,CAAA,EAEH,GAAGC,EAEH,SAAA,CAAAP,GAAQW,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAO,SAAAV,EAAK,EAC3CC,GAAOU,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,IAAM,SAAAT,EAAI,EACxCC,GAAWS,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QAAU,SAAAR,CAAA,CAAQ,CAAA,CAAA,CAAA,CAGjE"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","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"],"names":["Navbar","logo","nav","actions","sticky","tone","bordered","className","props","jsxs","cn","styles","jsx"],"mappings":";;;AAgCO,SAASA,EAAO;AAAA,EACnB,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACP,GAAgB;AACZ,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAON,CAAI;AAAA,QACXD,KAAUO,EAAO;AAAA,QACjBL,KAAYK,EAAO;AAAA,QACnBJ;AAAA,MAAA;AAAA,MAEH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAP,KAAQ,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAV,GAAK;AAAA,QAC3CC,KAAO,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,KAAM,UAAAT,GAAI;AAAA,QACxCC,KAAW,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAR,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjE;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.cjs","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"],"names":["NavigationMenu","items","className","props","clickedIndex","setClickedIndex","useState","hovered","setHovered","baseId","useId","rootRef","useRef","close","useCallback","openIndex","useEffect","onKey","event","onDown","renderLeaf","item","role","handleClick","jsx","styles","cn","index","open","panelId","jsxs","prev","child","childIndex"],"mappings":"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"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","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"],"names":["NavigationMenu","items","className","props","clickedIndex","setClickedIndex","useState","hovered","setHovered","baseId","useId","rootRef","useRef","close","useCallback","openIndex","useEffect","onKey","event","onDown","renderLeaf","item","role","handleClick","jsx","styles","cn","index","open","panelId","jsxs","prev","child","childIndex"],"mappings":"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"}
+{"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

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