tempest-react-sdk 0.22.0 → 0.24.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstallBanner.module.js","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    border: 1px solid var(--tempest-border);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-lg);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    color: var(--tempest-primary);\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.close {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":""}

package/dist/components/InstallButton/InstallButton.cjs

@@ -0,0 +1,2 @@
+const e=require("../Button/Button.cjs"),t=require("../../hooks/use-before-install-prompt.cjs");let n=require("react/jsx-runtime");function r({label:r=`Instalar app`,onResult:i,...a}){let{installable:o,installed:s,isStandalone:c,prompt:l}=t.useBeforeInstallPrompt();return!o||s||c?null:(0,n.jsx)(e.Button,{onClick:async()=>{i?.(await l())},...a,children:r})}exports.InstallButton=r;
+//# sourceMappingURL=InstallButton.cjs.map

package/dist/components/InstallButton/InstallButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallButton.cjs","names":[],"sources":["../../../src/components/InstallButton/InstallButton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\n\nexport type InstallOutcome = \"accepted\" | \"dismissed\" | \"unsupported\";\n\nexport interface InstallButtonProps extends Omit<ButtonProps, \"onClick\" | \"children\"> {\n    /** Button label. Default `\"Instalar app\"`. */\n    label?: ReactNode;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n}\n\n/**\n * Button wired to the PWA install prompt ({@link useBeforeInstallPrompt}).\n * Renders nothing when the app can't be installed — no prompt captured yet,\n * already installed, or running standalone — so you can drop it anywhere\n * without guarding visibility yourself.\n *\n * Inherits every {@link Button} prop (`variant`, `size`, `leftIcon`, …).\n *\n * @example\n * <InstallButton variant=\"primary\" leftIcon={<Download />} />\n */\nexport function InstallButton({ label = \"Instalar app\", onResult, ...props }: InstallButtonProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    if (!installable || installed || isStandalone) return null;\n    return (\n        <Button\n            onClick={async () => {\n                onResult?.(await prompt());\n            }}\n            {...props}\n        >\n            {label}\n        </Button>\n    );\n}\n"],"mappings":"kIAwBA,SAAgB,EAAc,CAAE,QAAQ,eAAgB,WAAU,GAAG,GAA6B,CAC9F,GAAM,CAAE,cAAa,YAAW,eAAc,UAAW,EAAA,uBAAuB,EAEhF,MADI,CAAC,GAAe,GAAa,EAAqB,MAElD,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,QAAS,SAAY,CACjB,IAAW,MAAM,EAAO,CAAC,CAC7B,EACA,GAAI,WAEH,CACG,CAAA,CAEhB"}

package/dist/components/InstallButton/InstallButton.js

@@ -0,0 +1,18 @@
+import { Button as e } from "../Button/Button.js";
+import { useBeforeInstallPrompt as t } from "../../hooks/use-before-install-prompt.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/InstallButton/InstallButton.tsx
+function r({ label: r = "Instalar app", onResult: i, ...a }) {
+	let { installable: o, installed: s, isStandalone: c, prompt: l } = t();
+	return !o || s || c ? null : /* @__PURE__ */ n(e, {
+		onClick: async () => {
+			i?.(await l());
+		},
+		...a,
+		children: r
+	});
+}
+//#endregion
+export { r as InstallButton };
+
+//# sourceMappingURL=InstallButton.js.map

package/dist/components/InstallButton/InstallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallButton.js","names":[],"sources":["../../../src/components/InstallButton/InstallButton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\n\nexport type InstallOutcome = \"accepted\" | \"dismissed\" | \"unsupported\";\n\nexport interface InstallButtonProps extends Omit<ButtonProps, \"onClick\" | \"children\"> {\n    /** Button label. Default `\"Instalar app\"`. */\n    label?: ReactNode;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n}\n\n/**\n * Button wired to the PWA install prompt ({@link useBeforeInstallPrompt}).\n * Renders nothing when the app can't be installed — no prompt captured yet,\n * already installed, or running standalone — so you can drop it anywhere\n * without guarding visibility yourself.\n *\n * Inherits every {@link Button} prop (`variant`, `size`, `leftIcon`, …).\n *\n * @example\n * <InstallButton variant=\"primary\" leftIcon={<Download />} />\n */\nexport function InstallButton({ label = \"Instalar app\", onResult, ...props }: InstallButtonProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    if (!installable || installed || isStandalone) return null;\n    return (\n        <Button\n            onClick={async () => {\n                onResult?.(await prompt());\n            }}\n            {...props}\n        >\n            {label}\n        </Button>\n    );\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAc,EAAE,WAAQ,gBAAgB,aAAU,GAAG,KAA6B;CAC9F,IAAM,EAAE,gBAAa,cAAW,iBAAc,cAAW,EAAuB;CAEhF,OADI,CAAC,KAAe,KAAa,IAAqB,OAElD,kBAAC,GAAD;EACI,SAAS,YAAY;GACjB,IAAW,MAAM,EAAO,CAAC;EAC7B;EACA,GAAI;YAEH;CACG,CAAA;AAEhB"}

package/dist/components/Kbd/Kbd.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Kbd.module.cjs");let n=require("react/jsx-runtime");function r({size:r=`md`,className:i,children:a,...o}){return(0,n.jsx)(`kbd`,{className:e.cn(t.default.kbd,t.default[r],i),...o,children:a})}exports.Kbd=r;
+//# sourceMappingURL=Kbd.cjs.map

package/dist/components/Kbd/Kbd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Kbd.module.css\";\n\nexport type KbdSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface KbdProps extends HTMLAttributes<HTMLElement> {\n    size?: KbdSize;\n}\n\n/**\n * Renders a `<kbd>` styled like a keyboard key — useful for shortcut hints.\n * Compose multiple keys by rendering siblings: `<Kbd>Ctrl</Kbd> + <Kbd>K</Kbd>`.\n */\nexport function Kbd({ size = \"md\", className, children, ...props }: KbdProps) {\n    return (\n        <kbd className={cn(styles.kbd, styles[size], className)} {...props}>\n            {children}\n        </kbd>\n    );\n}\n"],"mappings":"uGAcA,SAAgB,EAAI,CAAE,OAAO,KAAM,YAAW,WAAU,GAAG,GAAmB,CAC1E,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,GAAO,CAAS,EAAG,GAAI,EACxD,UACA,CAAA,CAEb"}

package/dist/components/Kbd/Kbd.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Kbd.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Kbd/Kbd.tsx
+function r({ size: r = "md", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ n("kbd", {
+		className: e(t.kbd, t[r], i),
+		...o,
+		children: a
+	});
+}
+//#endregion
+export { r as Kbd };
+
+//# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Kbd.module.css\";\n\nexport type KbdSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface KbdProps extends HTMLAttributes<HTMLElement> {\n    size?: KbdSize;\n}\n\n/**\n * Renders a `<kbd>` styled like a keyboard key — useful for shortcut hints.\n * Compose multiple keys by rendering siblings: `<Kbd>Ctrl</Kbd> + <Kbd>K</Kbd>`.\n */\nexport function Kbd({ size = \"md\", className, children, ...props }: KbdProps) {\n    return (\n        <kbd className={cn(styles.kbd, styles[size], className)} {...props}>\n            {children}\n        </kbd>\n    );\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAI,EAAE,UAAO,MAAM,cAAW,aAAU,GAAG,KAAmB;CAC1E,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,KAAK,EAAO,IAAO,CAAS;EAAG,GAAI;EACxD;CACA,CAAA;AAEb"}

package/dist/components/Kbd/Kbd.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_kbd_jgbYx`,t=`tempest_sm_9WPWA`,n=`tempest_md_BePC0`,r=`tempest_lg_cBKum`,i={kbd:e,sm:t,md:n,lg:r};exports.default=i,exports.kbd=e,exports.lg=r,exports.md=n,exports.sm=t;
+//# sourceMappingURL=Kbd.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.module.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.module.css"],"sourcesContent":[".kbd {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 1.6em;\n    padding: 0 var(--tempest-space-2);\n    border: 1px solid var(--tempest-border-strong);\n    border-bottom-width: 2px;\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    white-space: nowrap;\n}\n\n.sm {\n    font-size: var(--tempest-text-2xs);\n    padding: 0 var(--tempest-space-1);\n}\n\n.md {\n    font-size: var(--tempest-text-xs);\n}\n\n.lg {\n    font-size: var(--tempest-text-sm);\n    padding: 0 var(--tempest-space-2);\n}\n"],"mappings":""}

package/dist/components/Kbd/Kbd.module.js

@@ -0,0 +1,11 @@
+//#region src/components/Kbd/Kbd.module.css
+var e = "tempest_kbd_jgbYx", t = "tempest_sm_9WPWA", n = "tempest_md_BePC0", r = "tempest_lg_cBKum", i = {
+	kbd: e,
+	sm: t,
+	md: n,
+	lg: r
+};
+//#endregion
+export { i as default, e as kbd, r as lg, n as md, t as sm };
+
+//# sourceMappingURL=Kbd.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.module.js","names":[],"sources":["../../../src/components/Kbd/Kbd.module.css"],"sourcesContent":[".kbd {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 1.6em;\n    padding: 0 var(--tempest-space-2);\n    border: 1px solid var(--tempest-border-strong);\n    border-bottom-width: 2px;\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    white-space: nowrap;\n}\n\n.sm {\n    font-size: var(--tempest-text-2xs);\n    padding: 0 var(--tempest-space-1);\n}\n\n.md {\n    font-size: var(--tempest-text-xs);\n}\n\n.lg {\n    font-size: var(--tempest-text-sm);\n    padding: 0 var(--tempest-space-2);\n}\n"],"mappings":""}

package/dist/components/Label/Label.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Label.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({required:n=!1,className:i,children:a,...o},s){return(0,r.jsxs)(`label`,{ref:s,className:e.cn(t.default.label,i),...o,children:[a,n&&(0,r.jsx)(`span`,{className:t.default.asterisk,"aria-hidden":!0,children:`*`})]})});exports.Label=i;
+//# sourceMappingURL=Label.cjs.map

package/dist/components/Label/Label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { LabelHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Label.module.css\";\n\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n    /** When `true` appends a danger-colored asterisk marking the field as required. */\n    required?: boolean;\n}\n\n/**\n * A form `<label>`. Associate it with a control via `htmlFor`. When `required`\n * is set, a decorative asterisk (`aria-hidden`) is appended.\n *\n * @param props - {@link LabelProps}.\n * @returns The label element.\n */\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(function Label(\n    { required = false, className, children, ...props },\n    ref,\n) {\n    return (\n        <label ref={ref} className={cn(styles.label, className)} {...props}>\n            {children}\n            {required && (\n                <span className={styles.asterisk} aria-hidden>\n                    *\n                </span>\n            )}\n        </label>\n    );\n});\n"],"mappings":"4HAiBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CAAE,WAAW,GAAO,YAAW,WAAU,GAAG,GAC5C,EACF,CACE,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAY,MAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,GAAI,WAA7D,CACK,EACA,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,cAAA,YAAY,GAExC,CAAA,CAEP,GAEf,CAAC"}

package/dist/components/Label/Label.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Label.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Label/Label.tsx
+var a = n(function({ required: n = !1, className: a, children: o, ...s }, c) {
+	return /* @__PURE__ */ i("label", {
+		ref: c,
+		className: e(t.label, a),
+		...s,
+		children: [o, n && /* @__PURE__ */ r("span", {
+			className: t.asterisk,
+			"aria-hidden": !0,
+			children: "*"
+		})]
+	});
+});
+//#endregion
+export { a as Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { LabelHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Label.module.css\";\n\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n    /** When `true` appends a danger-colored asterisk marking the field as required. */\n    required?: boolean;\n}\n\n/**\n * A form `<label>`. Associate it with a control via `htmlFor`. When `required`\n * is set, a decorative asterisk (`aria-hidden`) is appended.\n *\n * @param props - {@link LabelProps}.\n * @returns The label element.\n */\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(function Label(\n    { required = false, className, children, ...props },\n    ref,\n) {\n    return (\n        <label ref={ref} className={cn(styles.label, className)} {...props}>\n            {children}\n            {required && (\n                <span className={styles.asterisk} aria-hidden>\n                    *\n                </span>\n            )}\n        </label>\n    );\n});\n"],"mappings":";;;;;AAiBA,IAAa,IAAQ,EAAyC,SAC1D,EAAE,cAAW,IAAO,cAAW,aAAU,GAAG,KAC5C,GACF;CACE,OACI,kBAAC,SAAD;EAAY;EAAK,WAAW,EAAG,EAAO,OAAO,CAAS;EAAG,GAAI;YAA7D,CACK,GACA,KACG,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAU,eAAA;aAAY;EAExC,CAAA,CAEP;;AAEf,CAAC"}

package/dist/components/Label/Label.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_label_RaRvM`,t=`tempest_asterisk_1CgE8`,n={label:e,asterisk:t};exports.asterisk=t,exports.default=n,exports.label=e;
+//# sourceMappingURL=Label.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.module.cjs","names":[],"sources":["../../../src/components/Label/Label.module.css"],"sourcesContent":[".label {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n}\n\n.asterisk {\n    color: var(--tempest-danger);\n    font-weight: var(--tempest-weight-semibold);\n}\n"],"mappings":""}

package/dist/components/Label/Label.module.js

@@ -0,0 +1,9 @@
+//#region src/components/Label/Label.module.css
+var e = "tempest_label_RaRvM", t = "tempest_asterisk_1CgE8", n = {
+	label: e,
+	asterisk: t
+};
+//#endregion
+export { t as asterisk, n as default, e as label };
+
+//# sourceMappingURL=Label.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.module.js","names":[],"sources":["../../../src/components/Label/Label.module.css"],"sourcesContent":[".label {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n}\n\n.asterisk {\n    color: var(--tempest-danger);\n    font-weight: var(--tempest-weight-semibold);\n}\n"],"mappings":""}

package/dist/components/Layout/Layout.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-breakpoint.cjs"),n=require("./Layout.module.cjs");let r=require("react/jsx-runtime");function i({size:t=`lg`,className:i,children:a,...o}){return(0,r.jsx)(`div`,{className:e.cn(n.default.container,n.default[t],i),...o,children:a})}function a(e){return typeof e==`object`&&!!e&&(`mobile`in e||`tablet`in e||`desktop`in e)}function o(e,t){if(e!==void 0)return a(e)?t===`desktop`?e.desktop??e.tablet??e.mobile:t===`tablet`?e.tablet??e.mobile??e.desktop:e.mobile??e.tablet??e.desktop:e}function s(e){if(e!==void 0)return typeof e==`number`?`${e*4}px`:e}function c(e,t){return e?`mobile`:t?`tablet`:`desktop`}function l({direction:i=`vertical`,gap:a=2,align:l,justify:u,wrap:d=!1,className:f,style:p,children:m,...h}){let{isMobile:g,isTablet:_}=t.useBreakpoint(),v=c(g,_),y=o(i,v)??`vertical`,b={gap:s(o(a,v)),...p},x=u===`between`?n.default.justifyBetween:u===`center`?n.default.justifyCenter:u===`end`?n.default.justifyEnd:u===`start`?n.default.justifyStart:void 0;return(0,r.jsx)(`div`,{className:e.cn(n.default.stack,y===`vertical`?n.default.vertical:n.default.horizontal,l&&n.default[l],x,d&&n.default.wrap,f),style:b,...h,children:m})}function u(e){if(e!==void 0)return typeof e==`number`?`repeat(${e}, minmax(0, 1fr))`:e}function d({columns:i=2,gap:a=4,className:l,style:d,children:f,...p}){let{isMobile:m,isTablet:h}=t.useBreakpoint(),g=c(m,h),_=u(o(i,g)),v=s(o(a,g));return(0,r.jsx)(`div`,{className:e.cn(n.default.grid,l),style:{gridTemplateColumns:_,gap:v,...d},...p,children:f})}exports.Container=i,exports.Grid=d,exports.Stack=l;
+//# sourceMappingURL=Layout.cjs.map

package/dist/components/Layout/Layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.cjs","names":[],"sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Layout.module.css\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n    size?: ContainerSize;\n}\n\n/**\n * Page-level horizontal container with a max-width preset and responsive\n * side padding (`space-4` mobile / `space-6` tablet / `space-8` desktop).\n */\nexport function Container({ size = \"lg\", className, children, ...props }: ContainerProps) {\n    return (\n        <div className={cn(styles.container, styles[size], className)} {...props}>\n            {children}\n        </div>\n    );\n}\n\n/**\n * Responsive value — either a single value applied at all breakpoints, or\n * an object with `mobile` / `tablet` / `desktop` overrides. Apps can mix\n * any combination; `mobile` is the base, `tablet` / `desktop` cascade up.\n */\nexport type ResponsiveValue<T> =\n    | T\n    | {\n          mobile?: T;\n          tablet?: T;\n          desktop?: T;\n      };\n\nfunction isResponsiveObject<T>(value: ResponsiveValue<T>): value is {\n    mobile?: T;\n    tablet?: T;\n    desktop?: T;\n} {\n    return (\n        typeof value === \"object\" &&\n        value !== null &&\n        (\"mobile\" in value || \"tablet\" in value || \"desktop\" in value)\n    );\n}\n\nfunction pickResponsive<T>(\n    value: ResponsiveValue<T> | undefined,\n    device: \"mobile\" | \"tablet\" | \"desktop\",\n): T | undefined {\n    if (value === undefined) return undefined;\n    if (!isResponsiveObject(value)) return value;\n    if (device === \"desktop\") return value.desktop ?? value.tablet ?? value.mobile;\n    if (device === \"tablet\") return value.tablet ?? value.mobile ?? value.desktop;\n    return value.mobile ?? value.tablet ?? value.desktop;\n}\n\nexport type StackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type StackJustify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type StackDirection = \"vertical\" | \"horizontal\";\n\nexport interface StackProps extends HTMLAttributes<HTMLDivElement> {\n    /** Direction. Accepts responsive object — e.g. `{ mobile: \"vertical\", desktop: \"horizontal\" }`. */\n    direction?: ResponsiveValue<StackDirection>;\n    /** Gap as a CSS length. Numbers map to a multiple of the 4px scale. Accepts responsive object. */\n    gap?: ResponsiveValue<number | string>;\n    align?: StackAlign;\n    justify?: StackJustify;\n    wrap?: boolean;\n    children?: ReactNode;\n}\n\nfunction resolveGap(gap: number | string | undefined): string | undefined {\n    if (gap === undefined) return undefined;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction deviceFromBreakpoint(\n    isMobile: boolean,\n    isTablet: boolean,\n): \"mobile\" | \"tablet\" | \"desktop\" {\n    if (isMobile) return \"mobile\";\n    if (isTablet) return \"tablet\";\n    return \"desktop\";\n}\n\n/** Flex-based vertical or horizontal stack with a numeric `gap`. */\nexport function Stack({\n    direction = \"vertical\",\n    gap = 2,\n    align,\n    justify,\n    wrap = false,\n    className,\n    style,\n    children,\n    ...props\n}: StackProps) {\n    const { isMobile, isTablet } = useBreakpoint();\n    const device = deviceFromBreakpoint(isMobile, isTablet);\n    const finalDirection: StackDirection = pickResponsive(direction, device) ?? \"vertical\";\n    const finalGap = resolveGap(pickResponsive(gap, device));\n    const finalStyle: CSSProperties = { gap: finalGap, ...style };\n    const justifyClass =\n        justify === \"between\"\n            ? styles.justifyBetween\n            : justify === \"center\"\n              ? styles.justifyCenter\n              : justify === \"end\"\n                ? styles.justifyEnd\n                : justify === \"start\"\n                  ? styles.justifyStart\n                  : undefined;\n    return (\n        <div\n            className={cn(\n                styles.stack,\n                finalDirection === \"vertical\" ? styles.vertical : styles.horizontal,\n                align && styles[align],\n                justifyClass,\n                wrap && styles.wrap,\n                className,\n            )}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n    /** Number of columns or a custom `grid-template-columns` value. Accepts responsive object. */\n    columns?: ResponsiveValue<number | string>;\n    /** Gap as a CSS length. Numbers map to a multiple of the 4px scale. Accepts responsive object. */\n    gap?: ResponsiveValue<number | string>;\n    children?: ReactNode;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string | undefined {\n    if (columns === undefined) return undefined;\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\n/** Simple CSS-Grid wrapper for equal-width or custom column layouts. */\nexport function Grid({ columns = 2, gap = 4, className, style, children, ...props }: GridProps) {\n    const { isMobile, isTablet } = useBreakpoint();\n    const device = deviceFromBreakpoint(isMobile, isTablet);\n    const templateColumns = resolveColumns(pickResponsive(columns, device));\n    const finalGap = resolveGap(pickResponsive(gap, device));\n    return (\n        <div\n            className={cn(styles.grid, className)}\n            style={{ gridTemplateColumns: templateColumns, gap: finalGap, ...style }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"sJAeA,SAAgB,EAAU,CAAE,OAAO,KAAM,YAAW,WAAU,GAAG,GAAyB,CACtF,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,EAAA,QAAO,GAAO,CAAS,EAAG,GAAI,EAC9D,UACA,CAAA,CAEb,CAeA,SAAS,EAAsB,EAI7B,CACE,OACI,OAAO,GAAU,YACjB,IACC,WAAY,GAAS,WAAY,GAAS,YAAa,EAEhE,CAEA,SAAS,EACL,EACA,EACa,CACT,OAAU,IAAA,GAId,OAHK,EAAmB,CAAK,EACzB,IAAW,UAAkB,EAAM,SAAW,EAAM,QAAU,EAAM,OACpE,IAAW,SAAiB,EAAM,QAAU,EAAM,QAAU,EAAM,QAC/D,EAAM,QAAU,EAAM,QAAU,EAAM,QAHN,CAI3C,CAiBA,SAAS,EAAW,EAAsD,CAClE,OAAQ,IAAA,GACZ,OAAO,OAAO,GAAQ,SAAW,GAAG,EAAM,EAAE,IAAM,CACtD,CAEA,SAAS,EACL,EACA,EAC+B,CAG/B,OAFI,EAAiB,SACjB,EAAiB,SACd,SACX,CAGA,SAAgB,EAAM,CAClB,YAAY,WACZ,MAAM,EACN,QACA,UACA,OAAO,GACP,YACA,QACA,WACA,GAAG,GACQ,CACX,GAAM,CAAE,WAAU,YAAa,EAAA,cAAc,EACvC,EAAS,EAAqB,EAAU,CAAQ,EAChD,EAAiC,EAAe,EAAW,CAAM,GAAK,WAEtE,EAA4B,CAAE,IADnB,EAAW,EAAe,EAAK,CAAM,CACb,EAAU,GAAG,CAAM,EACtD,EACF,IAAY,UACN,EAAA,QAAO,eACP,IAAY,SACV,EAAA,QAAO,cACP,IAAY,MACV,EAAA,QAAO,WACP,IAAY,QACV,EAAA,QAAO,aACP,IAAA,GAChB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,MACP,IAAmB,WAAa,EAAA,QAAO,SAAW,EAAA,QAAO,WACzD,GAAS,EAAA,QAAO,GAChB,EACA,GAAQ,EAAA,QAAO,KACf,CACJ,EACA,MAAO,EACP,GAAI,EAEH,UACA,CAAA,CAEb,CAUA,SAAS,EAAe,EAA0D,CAC1E,OAAY,IAAA,GAChB,OAAO,OAAO,GAAY,SAAW,UAAU,EAAQ,mBAAqB,CAChF,CAGA,SAAgB,EAAK,CAAE,UAAU,EAAG,MAAM,EAAG,YAAW,QAAO,WAAU,GAAG,GAAoB,CAC5F,GAAM,CAAE,WAAU,YAAa,EAAA,cAAc,EACvC,EAAS,EAAqB,EAAU,CAAQ,EAChD,EAAkB,EAAe,EAAe,EAAS,CAAM,CAAC,EAChE,EAAW,EAAW,EAAe,EAAK,CAAM,CAAC,EACvD,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EACpC,MAAO,CAAE,oBAAqB,EAAiB,IAAK,EAAU,GAAG,CAAM,EACvE,GAAI,EAEH,UACA,CAAA,CAEb"}

package/dist/components/Layout/Layout.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../utils/cn.js";
+import { useBreakpoint as t } from "../../hooks/use-breakpoint.js";
+import n from "./Layout.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Layout/Layout.tsx
+function i({ size: t = "lg", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ r("div", {
+		className: e(n.container, n[t], i),
+		...o,
+		children: a
+	});
+}
+function a(e) {
+	return typeof e == "object" && !!e && ("mobile" in e || "tablet" in e || "desktop" in e);
+}
+function o(e, t) {
+	if (e !== void 0) return a(e) ? t === "desktop" ? e.desktop ?? e.tablet ?? e.mobile : t === "tablet" ? e.tablet ?? e.mobile ?? e.desktop : e.mobile ?? e.tablet ?? e.desktop : e;
+}
+function s(e) {
+	if (e !== void 0) return typeof e == "number" ? `${e * 4}px` : e;
+}
+function c(e, t) {
+	return e ? "mobile" : t ? "tablet" : "desktop";
+}
+function l({ direction: i = "vertical", gap: a = 2, align: l, justify: u, wrap: d = !1, className: f, style: p, children: m, ...h }) {
+	let { isMobile: g, isTablet: _ } = t(), v = c(g, _), y = o(i, v) ?? "vertical", b = {
+		gap: s(o(a, v)),
+		...p
+	}, x = u === "between" ? n.justifyBetween : u === "center" ? n.justifyCenter : u === "end" ? n.justifyEnd : u === "start" ? n.justifyStart : void 0;
+	return /* @__PURE__ */ r("div", {
+		className: e(n.stack, y === "vertical" ? n.vertical : n.horizontal, l && n[l], x, d && n.wrap, f),
+		style: b,
+		...h,
+		children: m
+	});
+}
+function u(e) {
+	if (e !== void 0) return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+}
+function d({ columns: i = 2, gap: a = 4, className: l, style: d, children: f, ...p }) {
+	let { isMobile: m, isTablet: h } = t(), g = c(m, h), _ = u(o(i, g)), v = s(o(a, g));
+	return /* @__PURE__ */ r("div", {
+		className: e(n.grid, l),
+		style: {
+			gridTemplateColumns: _,
+			gap: v,
+			...d
+		},
+		...p,
+		children: f
+	});
+}
+//#endregion
+export { i as Container, d as Grid, l as Stack };
+
+//# sourceMappingURL=Layout.js.map

package/dist/components/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","names":[],"sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Layout.module.css\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n    size?: ContainerSize;\n}\n\n/**\n * Page-level horizontal container with a max-width preset and responsive\n * side padding (`space-4` mobile / `space-6` tablet / `space-8` desktop).\n */\nexport function Container({ size = \"lg\", className, children, ...props }: ContainerProps) {\n    return (\n        <div className={cn(styles.container, styles[size], className)} {...props}>\n            {children}\n        </div>\n    );\n}\n\n/**\n * Responsive value — either a single value applied at all breakpoints, or\n * an object with `mobile` / `tablet` / `desktop` overrides. Apps can mix\n * any combination; `mobile` is the base, `tablet` / `desktop` cascade up.\n */\nexport type ResponsiveValue<T> =\n    | T\n    | {\n          mobile?: T;\n          tablet?: T;\n          desktop?: T;\n      };\n\nfunction isResponsiveObject<T>(value: ResponsiveValue<T>): value is {\n    mobile?: T;\n    tablet?: T;\n    desktop?: T;\n} {\n    return (\n        typeof value === \"object\" &&\n        value !== null &&\n        (\"mobile\" in value || \"tablet\" in value || \"desktop\" in value)\n    );\n}\n\nfunction pickResponsive<T>(\n    value: ResponsiveValue<T> | undefined,\n    device: \"mobile\" | \"tablet\" | \"desktop\",\n): T | undefined {\n    if (value === undefined) return undefined;\n    if (!isResponsiveObject(value)) return value;\n    if (device === \"desktop\") return value.desktop ?? value.tablet ?? value.mobile;\n    if (device === \"tablet\") return value.tablet ?? value.mobile ?? value.desktop;\n    return value.mobile ?? value.tablet ?? value.desktop;\n}\n\nexport type StackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type StackJustify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type StackDirection = \"vertical\" | \"horizontal\";\n\nexport interface StackProps extends HTMLAttributes<HTMLDivElement> {\n    /** Direction. Accepts responsive object — e.g. `{ mobile: \"vertical\", desktop: \"horizontal\" }`. */\n    direction?: ResponsiveValue<StackDirection>;\n    /** Gap as a CSS length. Numbers map to a multiple of the 4px scale. Accepts responsive object. */\n    gap?: ResponsiveValue<number | string>;\n    align?: StackAlign;\n    justify?: StackJustify;\n    wrap?: boolean;\n    children?: ReactNode;\n}\n\nfunction resolveGap(gap: number | string | undefined): string | undefined {\n    if (gap === undefined) return undefined;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction deviceFromBreakpoint(\n    isMobile: boolean,\n    isTablet: boolean,\n): \"mobile\" | \"tablet\" | \"desktop\" {\n    if (isMobile) return \"mobile\";\n    if (isTablet) return \"tablet\";\n    return \"desktop\";\n}\n\n/** Flex-based vertical or horizontal stack with a numeric `gap`. */\nexport function Stack({\n    direction = \"vertical\",\n    gap = 2,\n    align,\n    justify,\n    wrap = false,\n    className,\n    style,\n    children,\n    ...props\n}: StackProps) {\n    const { isMobile, isTablet } = useBreakpoint();\n    const device = deviceFromBreakpoint(isMobile, isTablet);\n    const finalDirection: StackDirection = pickResponsive(direction, device) ?? \"vertical\";\n    const finalGap = resolveGap(pickResponsive(gap, device));\n    const finalStyle: CSSProperties = { gap: finalGap, ...style };\n    const justifyClass =\n        justify === \"between\"\n            ? styles.justifyBetween\n            : justify === \"center\"\n              ? styles.justifyCenter\n              : justify === \"end\"\n                ? styles.justifyEnd\n                : justify === \"start\"\n                  ? styles.justifyStart\n                  : undefined;\n    return (\n        <div\n            className={cn(\n                styles.stack,\n                finalDirection === \"vertical\" ? styles.vertical : styles.horizontal,\n                align && styles[align],\n                justifyClass,\n                wrap && styles.wrap,\n                className,\n            )}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n    /** Number of columns or a custom `grid-template-columns` value. Accepts responsive object. */\n    columns?: ResponsiveValue<number | string>;\n    /** Gap as a CSS length. Numbers map to a multiple of the 4px scale. Accepts responsive object. */\n    gap?: ResponsiveValue<number | string>;\n    children?: ReactNode;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string | undefined {\n    if (columns === undefined) return undefined;\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\n/** Simple CSS-Grid wrapper for equal-width or custom column layouts. */\nexport function Grid({ columns = 2, gap = 4, className, style, children, ...props }: GridProps) {\n    const { isMobile, isTablet } = useBreakpoint();\n    const device = deviceFromBreakpoint(isMobile, isTablet);\n    const templateColumns = resolveColumns(pickResponsive(columns, device));\n    const finalGap = resolveGap(pickResponsive(gap, device));\n    return (\n        <div\n            className={cn(styles.grid, className)}\n            style={{ gridTemplateColumns: templateColumns, gap: finalGap, ...style }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAAU,EAAE,UAAO,MAAM,cAAW,aAAU,GAAG,KAAyB;CACtF,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,WAAW,EAAO,IAAO,CAAS;EAAG,GAAI;EAC9D;CACA,CAAA;AAEb;AAeA,SAAS,EAAsB,GAI7B;CACE,OACI,OAAO,KAAU,cACjB,MACC,YAAY,KAAS,YAAY,KAAS,aAAa;AAEhE;AAEA,SAAS,EACL,GACA,GACa;CACT,UAAU,KAAA,GAId,OAHK,EAAmB,CAAK,IACzB,MAAW,YAAkB,EAAM,WAAW,EAAM,UAAU,EAAM,SACpE,MAAW,WAAiB,EAAM,UAAU,EAAM,UAAU,EAAM,UAC/D,EAAM,UAAU,EAAM,UAAU,EAAM,UAHN;AAI3C;AAiBA,SAAS,EAAW,GAAsD;CAClE,UAAQ,KAAA,GACZ,OAAO,OAAO,KAAQ,WAAW,GAAG,IAAM,EAAE,MAAM;AACtD;AAEA,SAAS,EACL,GACA,GAC+B;CAG/B,OAFI,IAAiB,WACjB,IAAiB,WACd;AACX;AAGA,SAAgB,EAAM,EAClB,eAAY,YACZ,SAAM,GACN,UACA,YACA,UAAO,IACP,cACA,UACA,aACA,GAAG,KACQ;CACX,IAAM,EAAE,aAAU,gBAAa,EAAc,GACvC,IAAS,EAAqB,GAAU,CAAQ,GAChD,IAAiC,EAAe,GAAW,CAAM,KAAK,YAEtE,IAA4B;EAAE,KADnB,EAAW,EAAe,GAAK,CAAM,CACb;EAAU,GAAG;CAAM,GACtD,IACF,MAAY,YACN,EAAO,iBACP,MAAY,WACV,EAAO,gBACP,MAAY,QACV,EAAO,aACP,MAAY,UACV,EAAO,eACP,KAAA;CAChB,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,OACP,MAAmB,aAAa,EAAO,WAAW,EAAO,YACzD,KAAS,EAAO,IAChB,GACA,KAAQ,EAAO,MACf,CACJ;EACA,OAAO;EACP,GAAI;EAEH;CACA,CAAA;AAEb;AAUA,SAAS,EAAe,GAA0D;CAC1E,UAAY,KAAA,GAChB,OAAO,OAAO,KAAY,WAAW,UAAU,EAAQ,qBAAqB;AAChF;AAGA,SAAgB,EAAK,EAAE,aAAU,GAAG,SAAM,GAAG,cAAW,UAAO,aAAU,GAAG,KAAoB;CAC5F,IAAM,EAAE,aAAU,gBAAa,EAAc,GACvC,IAAS,EAAqB,GAAU,CAAQ,GAChD,IAAkB,EAAe,EAAe,GAAS,CAAM,CAAC,GAChE,IAAW,EAAW,EAAe,GAAK,CAAM,CAAC;CACvD,OACI,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,MAAM,CAAS;EACpC,OAAO;GAAE,qBAAqB;GAAiB,KAAK;GAAU,GAAG;EAAM;EACvE,GAAI;EAEH;CACA,CAAA;AAEb"}

package/dist/components/Layout/Layout.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_container_fJfOt`,t=`tempest_sm_k8D4-`,n=`tempest_md_EnpYy`,r=`tempest_lg_UU-Ig`,i=`tempest_xl_2TEWj`,a=`tempest_full_l8bvG`,o=`tempest_stack_sxR8u`,s=`tempest_vertical_2TMf5`,c=`tempest_horizontal_r7-c-`,l=`tempest_center_EDSAh`,u=`tempest_start_ucQ-K`,d=`tempest_end_pnKlF`,f=`tempest_stretch_pX6l7`,p=`tempest_justifyStart_lHYsS`,m=`tempest_justifyCenter_JH2m6`,h=`tempest_justifyEnd_EBisT`,g=`tempest_justifyBetween_mAJwT`,_=`tempest_wrap_-xxOh`,v=`tempest_grid_o-JIX`,y={container:e,sm:t,md:n,lg:r,xl:i,full:a,stack:o,vertical:s,horizontal:c,center:l,start:u,end:d,stretch:f,justifyStart:p,justifyCenter:m,justifyEnd:h,justifyBetween:g,wrap:_,grid:v};exports.center=l,exports.container=e,exports.default=y,exports.end=d,exports.full=a,exports.grid=v,exports.horizontal=c,exports.justifyBetween=g,exports.justifyCenter=m,exports.justifyEnd=h,exports.justifyStart=p,exports.lg=r,exports.md=n,exports.sm=t,exports.stack=o,exports.start=u,exports.stretch=f,exports.vertical=s,exports.wrap=_,exports.xl=i;
+//# sourceMappingURL=Layout.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.module.cjs","names":[],"sources":["../../../src/components/Layout/Layout.module.css"],"sourcesContent":[".container {\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: var(--tempest-space-4);\n    padding-right: var(--tempest-space-4);\n    width: 100%;\n}\n\n/* Responsive horizontal padding — wider on larger viewports. */\n@media (min-width: 768px) {\n    .container {\n        padding-left: var(--tempest-space-6);\n        padding-right: var(--tempest-space-6);\n    }\n}\n\n@media (min-width: 1024px) {\n    .container {\n        padding-left: var(--tempest-space-8);\n        padding-right: var(--tempest-space-8);\n    }\n}\n\n.container.sm {\n    max-width: 640px;\n}\n.container.md {\n    max-width: 768px;\n}\n.container.lg {\n    max-width: 1024px;\n}\n.container.xl {\n    max-width: 1280px;\n}\n.container.full {\n    max-width: 100%;\n}\n\n.stack {\n    display: flex;\n}\n\n.stack.vertical {\n    flex-direction: column;\n}\n.stack.horizontal {\n    flex-direction: row;\n}\n.stack.center {\n    align-items: center;\n}\n.stack.start {\n    align-items: flex-start;\n}\n.stack.end {\n    align-items: flex-end;\n}\n.stack.stretch {\n    align-items: stretch;\n}\n.stack.justifyStart {\n    justify-content: flex-start;\n}\n.stack.justifyCenter {\n    justify-content: center;\n}\n.stack.justifyEnd {\n    justify-content: flex-end;\n}\n.stack.justifyBetween {\n    justify-content: space-between;\n}\n.stack.wrap {\n    flex-wrap: wrap;\n}\n\n.grid {\n    display: grid;\n    width: 100%;\n}\n"],"mappings":""}

package/dist/components/Layout/Layout.module.js

@@ -0,0 +1,26 @@
+//#region src/components/Layout/Layout.module.css
+var e = "tempest_container_fJfOt", t = "tempest_sm_k8D4-", n = "tempest_md_EnpYy", r = "tempest_lg_UU-Ig", i = "tempest_xl_2TEWj", a = "tempest_full_l8bvG", o = "tempest_stack_sxR8u", s = "tempest_vertical_2TMf5", c = "tempest_horizontal_r7-c-", l = "tempest_center_EDSAh", u = "tempest_start_ucQ-K", d = "tempest_end_pnKlF", f = "tempest_stretch_pX6l7", p = "tempest_justifyStart_lHYsS", m = "tempest_justifyCenter_JH2m6", h = "tempest_justifyEnd_EBisT", g = "tempest_justifyBetween_mAJwT", _ = "tempest_wrap_-xxOh", v = "tempest_grid_o-JIX", y = {
+	container: e,
+	sm: t,
+	md: n,
+	lg: r,
+	xl: i,
+	full: a,
+	stack: o,
+	vertical: s,
+	horizontal: c,
+	center: l,
+	start: u,
+	end: d,
+	stretch: f,
+	justifyStart: p,
+	justifyCenter: m,
+	justifyEnd: h,
+	justifyBetween: g,
+	wrap: _,
+	grid: v
+};
+//#endregion
+export { l as center, e as container, y as default, d as end, a as full, v as grid, c as horizontal, g as justifyBetween, m as justifyCenter, h as justifyEnd, p as justifyStart, r as lg, n as md, t as sm, o as stack, u as start, f as stretch, s as vertical, _ as wrap, i as xl };
+
+//# sourceMappingURL=Layout.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.module.js","names":[],"sources":["../../../src/components/Layout/Layout.module.css"],"sourcesContent":[".container {\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: var(--tempest-space-4);\n    padding-right: var(--tempest-space-4);\n    width: 100%;\n}\n\n/* Responsive horizontal padding — wider on larger viewports. */\n@media (min-width: 768px) {\n    .container {\n        padding-left: var(--tempest-space-6);\n        padding-right: var(--tempest-space-6);\n    }\n}\n\n@media (min-width: 1024px) {\n    .container {\n        padding-left: var(--tempest-space-8);\n        padding-right: var(--tempest-space-8);\n    }\n}\n\n.container.sm {\n    max-width: 640px;\n}\n.container.md {\n    max-width: 768px;\n}\n.container.lg {\n    max-width: 1024px;\n}\n.container.xl {\n    max-width: 1280px;\n}\n.container.full {\n    max-width: 100%;\n}\n\n.stack {\n    display: flex;\n}\n\n.stack.vertical {\n    flex-direction: column;\n}\n.stack.horizontal {\n    flex-direction: row;\n}\n.stack.center {\n    align-items: center;\n}\n.stack.start {\n    align-items: flex-start;\n}\n.stack.end {\n    align-items: flex-end;\n}\n.stack.stretch {\n    align-items: stretch;\n}\n.stack.justifyStart {\n    justify-content: flex-start;\n}\n.stack.justifyCenter {\n    justify-content: center;\n}\n.stack.justifyEnd {\n    justify-content: flex-end;\n}\n.stack.justifyBetween {\n    justify-content: space-between;\n}\n.stack.wrap {\n    flex-wrap: wrap;\n}\n\n.grid {\n    display: grid;\n    width: 100%;\n}\n"],"mappings":""}

package/dist/components/ListTile/ListTile.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./ListTile.module.cjs");let n=require("react/jsx-runtime");function r({leading:r,title:i,subtitle:a,trailing:o,onClick:s,disabled:c=!1,selected:l=!1,className:u}){let d=(0,n.jsxs)(n.Fragment,{children:[r!==void 0&&(0,n.jsx)(`span`,{className:t.default.leading,children:r}),(0,n.jsxs)(`span`,{className:t.default.body,children:[(0,n.jsx)(`span`,{className:t.default.title,children:i}),a!==void 0&&(0,n.jsx)(`span`,{className:t.default.subtitle,children:a})]}),o!==void 0&&(0,n.jsx)(`span`,{className:t.default.trailing,children:o})]}),f=e.cn(t.default.tile,l&&t.default.selected,c&&t.default.disabled,u);return s?(0,n.jsx)(`button`,{type:`button`,className:e.cn(f,t.default.interactive),"aria-pressed":l?!0:void 0,disabled:c,onClick:s,children:d}):(0,n.jsx)(`div`,{className:f,children:d})}exports.ListTile=r;
+//# sourceMappingURL=ListTile.cjs.map

package/dist/components/ListTile/ListTile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTile.cjs","names":[],"sources":["../../../src/components/ListTile/ListTile.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ListTile.module.css\";\n\nexport interface ListTileProps {\n    /** Left slot — typically an icon or avatar. */\n    leading?: ReactNode;\n    /** Primary line. Required. */\n    title: ReactNode;\n    /** Secondary line rendered under the title. */\n    subtitle?: ReactNode;\n    /** Right slot — typically an icon, switch or meta text. */\n    trailing?: ReactNode;\n    /** When provided, the tile becomes an interactive button. */\n    onClick?: () => void;\n    /** When true, the tile is dimmed and non-interactive. */\n    disabled?: boolean;\n    /** When true, the tile is highlighted as the active row. */\n    selected?: boolean;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * The canonical Material list row: an optional leading slot, a title with an\n * optional subtitle, and an optional trailing slot. When `onClick` is supplied\n * the tile renders as a full-width, keyboard-accessible `<button>`; otherwise it\n * renders as a static `<div>`.\n *\n * @example\n * <ListTile\n *     leading={<User />}\n *     title=\"Maria Silva\"\n *     subtitle=\"maria@example.com\"\n *     trailing={<ChevronRight />}\n *     onClick={() => open(user)}\n * />\n */\nexport function ListTile({\n    leading,\n    title,\n    subtitle,\n    trailing,\n    onClick,\n    disabled = false,\n    selected = false,\n    className,\n}: ListTileProps) {\n    const content = (\n        <>\n            {leading !== undefined && <span className={styles.leading}>{leading}</span>}\n            <span className={styles.body}>\n                <span className={styles.title}>{title}</span>\n                {subtitle !== undefined && <span className={styles.subtitle}>{subtitle}</span>}\n            </span>\n            {trailing !== undefined && <span className={styles.trailing}>{trailing}</span>}\n        </>\n    );\n\n    const rootClassName = cn(\n        styles.tile,\n        selected && styles.selected,\n        disabled && styles.disabled,\n        className,\n    );\n\n    if (onClick) {\n        return (\n            <button\n                type=\"button\"\n                className={cn(rootClassName, styles.interactive)}\n                aria-pressed={selected ? true : undefined}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {content}\n            </button>\n        );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n}\n"],"mappings":"4GAsCA,SAAgB,EAAS,CACrB,UACA,QACA,WACA,WACA,UACA,WAAW,GACX,WAAW,GACX,aACc,CACd,IAAM,GACF,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,IAAY,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,CAAc,CAAA,GAC1E,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAxB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAC3C,IAAa,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,CAC3E,IACL,IAAa,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,CAC/E,CAAA,CAAA,EAGA,EAAgB,EAAA,GAClB,EAAA,QAAO,KACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EAgBA,OAdI,GAEI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAe,EAAA,QAAO,WAAW,EAC/C,eAAc,EAAW,GAAO,IAAA,GACtB,WACD,mBAER,CACG,CAAA,GAIT,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,WAAgB,CAAa,CAAA,CACxD"}

package/dist/components/ListTile/ListTile.js

@@ -0,0 +1,41 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./ListTile.module.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ListTile/ListTile.tsx
+function a({ leading: a, title: o, subtitle: s, trailing: c, onClick: l, disabled: u = !1, selected: d = !1, className: f }) {
+	let p = /* @__PURE__ */ i(n, { children: [
+		a !== void 0 && /* @__PURE__ */ r("span", {
+			className: t.leading,
+			children: a
+		}),
+		/* @__PURE__ */ i("span", {
+			className: t.body,
+			children: [/* @__PURE__ */ r("span", {
+				className: t.title,
+				children: o
+			}), s !== void 0 && /* @__PURE__ */ r("span", {
+				className: t.subtitle,
+				children: s
+			})]
+		}),
+		c !== void 0 && /* @__PURE__ */ r("span", {
+			className: t.trailing,
+			children: c
+		})
+	] }), m = e(t.tile, d && t.selected, u && t.disabled, f);
+	return l ? /* @__PURE__ */ r("button", {
+		type: "button",
+		className: e(m, t.interactive),
+		"aria-pressed": d ? !0 : void 0,
+		disabled: u,
+		onClick: l,
+		children: p
+	}) : /* @__PURE__ */ r("div", {
+		className: m,
+		children: p
+	});
+}
+//#endregion
+export { a as ListTile };
+
+//# sourceMappingURL=ListTile.js.map

package/dist/components/ListTile/ListTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTile.js","names":[],"sources":["../../../src/components/ListTile/ListTile.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ListTile.module.css\";\n\nexport interface ListTileProps {\n    /** Left slot — typically an icon or avatar. */\n    leading?: ReactNode;\n    /** Primary line. Required. */\n    title: ReactNode;\n    /** Secondary line rendered under the title. */\n    subtitle?: ReactNode;\n    /** Right slot — typically an icon, switch or meta text. */\n    trailing?: ReactNode;\n    /** When provided, the tile becomes an interactive button. */\n    onClick?: () => void;\n    /** When true, the tile is dimmed and non-interactive. */\n    disabled?: boolean;\n    /** When true, the tile is highlighted as the active row. */\n    selected?: boolean;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * The canonical Material list row: an optional leading slot, a title with an\n * optional subtitle, and an optional trailing slot. When `onClick` is supplied\n * the tile renders as a full-width, keyboard-accessible `<button>`; otherwise it\n * renders as a static `<div>`.\n *\n * @example\n * <ListTile\n *     leading={<User />}\n *     title=\"Maria Silva\"\n *     subtitle=\"maria@example.com\"\n *     trailing={<ChevronRight />}\n *     onClick={() => open(user)}\n * />\n */\nexport function ListTile({\n    leading,\n    title,\n    subtitle,\n    trailing,\n    onClick,\n    disabled = false,\n    selected = false,\n    className,\n}: ListTileProps) {\n    const content = (\n        <>\n            {leading !== undefined && <span className={styles.leading}>{leading}</span>}\n            <span className={styles.body}>\n                <span className={styles.title}>{title}</span>\n                {subtitle !== undefined && <span className={styles.subtitle}>{subtitle}</span>}\n            </span>\n            {trailing !== undefined && <span className={styles.trailing}>{trailing}</span>}\n        </>\n    );\n\n    const rootClassName = cn(\n        styles.tile,\n        selected && styles.selected,\n        disabled && styles.disabled,\n        className,\n    );\n\n    if (onClick) {\n        return (\n            <button\n                type=\"button\"\n                className={cn(rootClassName, styles.interactive)}\n                aria-pressed={selected ? true : undefined}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {content}\n            </button>\n        );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n}\n"],"mappings":";;;;AAsCA,SAAgB,EAAS,EACrB,YACA,UACA,aACA,aACA,YACA,cAAW,IACX,cAAW,IACX,gBACc;CACd,IAAM,IACF,kBAAA,GAAA,EAAA,UAAA;EACK,MAAY,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAU;EAAc,CAAA;EAC1E,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAxB,CACI,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAY,CAAA,GAC3C,MAAa,KAAA,KAAa,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAW;GAAe,CAAA,CAC3E;;EACL,MAAa,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAW;EAAe,CAAA;CAC/E,EAAA,CAAA,GAGA,IAAgB,EAClB,EAAO,MACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;CAgBA,OAdI,IAEI,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAG,GAAe,EAAO,WAAW;EAC/C,gBAAc,IAAW,KAAO,KAAA;EACtB;EACD;YAER;CACG,CAAA,IAIT,kBAAC,OAAD;EAAK,WAAW;YAAgB;CAAa,CAAA;AACxD"}

package/dist/components/ListTile/ListTile.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_tile_ZpED6`,t=`tempest_interactive_3ICXQ`,n=`tempest_selected_dMY11`,r=`tempest_disabled_HnXxf`,i=`tempest_leading_gSuBb`,a=`tempest_trailing_cVd1n`,o=`tempest_body_gyEl2`,s=`tempest_title_jWFBN`,c=`tempest_subtitle_GUtn7`,l={tile:e,interactive:t,selected:n,disabled:r,leading:i,trailing:a,body:o,title:s,subtitle:c};exports.body=o,exports.default=l,exports.disabled=r,exports.interactive=t,exports.leading=i,exports.selected=n,exports.subtitle=c,exports.tile=e,exports.title=s,exports.trailing=a;
+//# sourceMappingURL=ListTile.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListTile.module.cjs","names":[],"sources":["../../../src/components/ListTile/ListTile.module.css"],"sourcesContent":[".tile {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    width: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n}\n\n.interactive {\n    cursor: pointer;\n    transition: background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.interactive:hover {\n    background: var(--tempest-surface-2);\n}\n\n.interactive: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.selected {\n    background: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n.interactive.selected:hover {\n    background: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n}\n\n.disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n\n.leading,\n.trailing {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    line-height: 1;\n}\n\n.trailing {\n    margin-left: auto;\n    color: var(--tempest-text-muted);\n}\n\n.body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    flex: 1 1 auto;\n}\n\n.title {\n    line-height: var(--tempest-leading-snug, 1.3);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug, 1.3);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.selected .subtitle {\n    color: var(--tempest-primary);\n    opacity: 0.8;\n}\n"],"mappings":""}

package/dist/components/ListTile/ListTile.module.js

@@ -0,0 +1,16 @@
+//#region src/components/ListTile/ListTile.module.css
+var e = "tempest_tile_ZpED6", t = "tempest_interactive_3ICXQ", n = "tempest_selected_dMY11", r = "tempest_disabled_HnXxf", i = "tempest_leading_gSuBb", a = "tempest_trailing_cVd1n", o = "tempest_body_gyEl2", s = "tempest_title_jWFBN", c = "tempest_subtitle_GUtn7", l = {
+	tile: e,
+	interactive: t,
+	selected: n,
+	disabled: r,
+	leading: i,
+	trailing: a,
+	body: o,
+	title: s,
+	subtitle: c
+};
+//#endregion
+export { o as body, l as default, r as disabled, t as interactive, i as leading, n as selected, c as subtitle, e as tile, s as title, a as trailing };
+
+//# sourceMappingURL=ListTile.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListTile.module.js","names":[],"sources":["../../../src/components/ListTile/ListTile.module.css"],"sourcesContent":[".tile {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    width: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n}\n\n.interactive {\n    cursor: pointer;\n    transition: background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.interactive:hover {\n    background: var(--tempest-surface-2);\n}\n\n.interactive: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.selected {\n    background: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n.interactive.selected:hover {\n    background: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n}\n\n.disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n\n.leading,\n.trailing {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    line-height: 1;\n}\n\n.trailing {\n    margin-left: auto;\n    color: var(--tempest-text-muted);\n}\n\n.body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    flex: 1 1 auto;\n}\n\n.title {\n    line-height: var(--tempest-leading-snug, 1.3);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.subtitle {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug, 1.3);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.selected .subtitle {\n    color: var(--tempest-primary);\n    opacity: 0.8;\n}\n"],"mappings":""}

package/dist/components/Menubar/Menubar.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Menubar.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){return`separator`in e}function a({menus:a,className:o,...s}){let[c,l]=(0,n.useState)(-1),u=(0,n.useId)(),d=(0,n.useRef)(null),f=(0,n.useRef)([]),p=(0,n.useCallback)(()=>{l(-1)},[]);return(0,n.useEffect)(()=>{if(c===-1)return;let e=e=>{if(e.key===`Escape`){p(),f.current[c]?.focus();return}if(e.key===`ArrowRight`){e.preventDefault();let t=(c+1)%a.length;l(t),f.current[t]?.focus()}if(e.key===`ArrowLeft`){e.preventDefault();let t=(c-1+a.length)%a.length;l(t),f.current[t]?.focus()}},t=e=>{d.current&&!d.current.contains(e.target)&&p()};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[c,a.length,p]),(0,r.jsx)(`div`,{ref:d,role:`menubar`,className:e.cn(t.default.root,o),...s,children:a.map((n,a)=>{let o=c===a,s=`${u}-panel-${a}`;return(0,r.jsxs)(`div`,{className:t.default.menu,children:[(0,r.jsx)(`button`,{ref:e=>{f.current[a]=e},type:`button`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":o,"aria-controls":o?s:void 0,className:e.cn(t.default.trigger,o&&t.default.triggerOpen),onClick:()=>l(e=>e===a?-1:a),children:n.label}),o&&(0,r.jsx)(`ul`,{id:s,role:`menu`,className:t.default.panel,children:n.items.map((e,n)=>i(e)?(0,r.jsx)(`li`,{role:`separator`,className:t.default.separator,"aria-hidden":!0},n):(0,r.jsx)(`li`,{role:`none`,children:(0,r.jsxs)(`button`,{type:`button`,role:`menuitem`,className:t.default.item,disabled:e.disabled,onClick:()=>{e.onSelect?.(),p()},children:[(0,r.jsx)(`span`,{className:t.default.itemLabel,children:e.label}),e.shortcut&&(0,r.jsx)(`span`,{className:t.default.shortcut,children:e.shortcut})]})},n))})]},a)})})}exports.Menubar=a;
+//# sourceMappingURL=Menubar.cjs.map

package/dist/components/Menubar/Menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\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, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":"8HA8BA,SAAS,EAAY,EAAgD,CACjE,MAAO,cAAe,CAC1B,CAwBA,SAAgB,EAAQ,CAAE,QAAO,YAAW,GAAG,GAAuB,CAClE,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,SAAA,CAAiC,EAAE,EAC/C,GAAA,EAAA,EAAA,MAAA,CAAe,EACf,GAAA,EAAA,EAAA,OAAA,CAAiC,IAAI,EACrC,GAAA,EAAA,EAAA,OAAA,CAAsD,CAAC,CAAC,EAExD,GAAA,EAAA,EAAA,YAAA,KAAgC,CAClC,EAAa,EAAE,CACnB,EAAG,CAAC,CAAC,EAkCL,OAhCA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,IAAc,GAAI,OACtB,IAAM,EAAS,GAA+B,CAC1C,GAAI,EAAM,MAAQ,SAAU,CACxB,EAAM,EACN,EAAY,QAAQ,EAAU,EAAE,MAAM,EACtC,MACJ,CACA,GAAI,EAAM,MAAQ,aAAc,CAC5B,EAAM,eAAe,EACrB,IAAM,GAAQ,EAAY,GAAK,EAAM,OACrC,EAAa,CAAI,EACjB,EAAY,QAAQ,EAAK,EAAE,MAAM,CACrC,CACA,GAAI,EAAM,MAAQ,YAAa,CAC3B,EAAM,eAAe,EACrB,IAAM,GAAQ,EAAY,EAAI,EAAM,QAAU,EAAM,OACpD,EAAa,CAAI,EACjB,EAAY,QAAQ,EAAK,EAAE,MAAM,CACrC,CACJ,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,EAAM,OAAQ,CAAK,CAAC,GAG/B,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,IAAK,EAAS,KAAK,UAAU,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,WACxE,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAO,IAAc,EACrB,EAAU,GAAG,EAAO,SAAS,IACnC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAiB,UAAW,EAAA,QAAO,cAAnC,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,IAAM,GAAO,CACT,EAAY,QAAQ,GAAS,CACjC,EACA,KAAK,SACL,KAAK,WACL,gBAAc,OACd,gBAAe,EACf,gBAAe,EAAO,EAAU,IAAA,GAChC,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAQ,EAAA,QAAO,WAAW,EACxD,YAAe,EAAc,GAAU,IAAS,EAAQ,GAAK,CAAM,WAElE,EAAK,KACF,CAAA,EACP,IACG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAS,KAAK,OAAO,UAAW,EAAA,QAAO,eAC1C,EAAK,MAAM,KAAK,EAAM,IACf,EAAY,CAAI,GAEZ,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,KAAK,YACL,UAAW,EAAA,QAAO,UAClB,cAAA,EACH,EAJQ,CAIR,GAIL,EAAA,EAAA,IAAA,CAAC,KAAD,CAAoB,KAAK,iBACrB,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,KAAK,WACL,UAAW,EAAA,QAAO,KAClB,SAAU,EAAK,SACf,YAAe,CACX,EAAK,WAAW,EAChB,EAAM,CACV,WARJ,EAUI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBACnB,EAAK,KACJ,CAAA,EACL,EAAK,WACF,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBACnB,EAAK,QACJ,CAAA,CAEN,GACR,EApBK,CAoBL,CAEX,CACD,CAAA,CAEP,GAtDK,CAsDL,CAEb,CAAC,CACA,CAAA,CAEb"}

package/dist/components/Menubar/Menubar.js

@@ -0,0 +1,96 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Menubar.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/Menubar/Menubar.tsx
+function l(e) {
+	return "separator" in e;
+}
+function u({ menus: u, className: d, ...f }) {
+	let [p, m] = o(-1), h = i(), g = a(null), _ = a([]), v = n(() => {
+		m(-1);
+	}, []);
+	return r(() => {
+		if (p === -1) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				v(), _.current[p]?.focus();
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault();
+				let t = (p + 1) % u.length;
+				m(t), _.current[t]?.focus();
+			}
+			if (e.key === "ArrowLeft") {
+				e.preventDefault();
+				let t = (p - 1 + u.length) % u.length;
+				m(t), _.current[t]?.focus();
+			}
+		}, t = (e) => {
+			g.current && !g.current.contains(e.target) && v();
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		p,
+		u.length,
+		v
+	]), /* @__PURE__ */ s("div", {
+		ref: g,
+		role: "menubar",
+		className: e(t.root, d),
+		...f,
+		children: u.map((n, r) => {
+			let i = p === r, a = `${h}-panel-${r}`;
+			return /* @__PURE__ */ c("div", {
+				className: t.menu,
+				children: [/* @__PURE__ */ s("button", {
+					ref: (e) => {
+						_.current[r] = e;
+					},
+					type: "button",
+					role: "menuitem",
+					"aria-haspopup": "menu",
+					"aria-expanded": i,
+					"aria-controls": i ? a : void 0,
+					className: e(t.trigger, i && t.triggerOpen),
+					onClick: () => m((e) => e === r ? -1 : r),
+					children: n.label
+				}), i && /* @__PURE__ */ s("ul", {
+					id: a,
+					role: "menu",
+					className: t.panel,
+					children: n.items.map((e, n) => l(e) ? /* @__PURE__ */ s("li", {
+						role: "separator",
+						className: t.separator,
+						"aria-hidden": !0
+					}, n) : /* @__PURE__ */ s("li", {
+						role: "none",
+						children: /* @__PURE__ */ c("button", {
+							type: "button",
+							role: "menuitem",
+							className: t.item,
+							disabled: e.disabled,
+							onClick: () => {
+								e.onSelect?.(), v();
+							},
+							children: [/* @__PURE__ */ s("span", {
+								className: t.itemLabel,
+								children: e.label
+							}), e.shortcut && /* @__PURE__ */ s("span", {
+								className: t.shortcut,
+								children: e.shortcut
+							})]
+						})
+					}, n))
+				})]
+			}, r);
+		})
+	});
+}
+//#endregion
+export { u as Menubar };
+
+//# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\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, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAS,EAAY,GAAgD;CACjE,OAAO,eAAe;AAC1B;AAwBA,SAAgB,EAAQ,EAAE,UAAO,cAAW,GAAG,KAAuB;CAClE,IAAM,CAAC,GAAW,KAAgB,EAAiB,EAAE,GAC/C,IAAS,EAAM,GACf,IAAU,EAAuB,IAAI,GACrC,IAAc,EAAwC,CAAC,CAAC,GAExD,IAAQ,QAAwB;EAClC,EAAa,EAAE;CACnB,GAAG,CAAC,CAAC;CAkCL,OAhCA,QAAgB;EACZ,IAAI,MAAc,IAAI;EACtB,IAAM,KAAS,MAA+B;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAExB,AADA,EAAM,GACN,EAAY,QAAQ,EAAU,EAAE,MAAM;IACtC;GACJ;GACA,IAAI,EAAM,QAAQ,cAAc;IAC5B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,KAAK,EAAM;IAErC,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;GACA,IAAI,EAAM,QAAQ,aAAa;IAC3B,EAAM,eAAe;IACrB,IAAM,KAAQ,IAAY,IAAI,EAAM,UAAU,EAAM;IAEpD,AADA,EAAa,CAAI,GACjB,EAAY,QAAQ,EAAK,EAAE,MAAM;GACrC;EACJ,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;EAAC;EAAW,EAAM;EAAQ;CAAK,CAAC,GAG/B,kBAAC,OAAD;EAAK,KAAK;EAAS,MAAK;EAAU,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YACxE,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAO,MAAc,GACrB,IAAU,GAAG,EAAO,SAAS;GACnC,OACI,kBAAC,OAAD;IAAiB,WAAW,EAAO;cAAnC,CACI,kBAAC,UAAD;KACI,MAAM,MAAO;MACT,EAAY,QAAQ,KAAS;KACjC;KACA,MAAK;KACL,MAAK;KACL,iBAAc;KACd,iBAAe;KACf,iBAAe,IAAO,IAAU,KAAA;KAChC,WAAW,EAAG,EAAO,SAAS,KAAQ,EAAO,WAAW;KACxD,eAAe,GAAc,MAAU,MAAS,IAAQ,KAAK,CAAM;eAElE,EAAK;IACF,CAAA,GACP,KACG,kBAAC,MAAD;KAAI,IAAI;KAAS,MAAK;KAAO,WAAW,EAAO;eAC1C,EAAK,MAAM,KAAK,GAAM,MACf,EAAY,CAAI,IAEZ,kBAAC,MAAD;MAEI,MAAK;MACL,WAAW,EAAO;MAClB,eAAA;KACH,GAJQ,CAIR,IAIL,kBAAC,MAAD;MAAoB,MAAK;gBACrB,kBAAC,UAAD;OACI,MAAK;OACL,MAAK;OACL,WAAW,EAAO;OAClB,UAAU,EAAK;OACf,eAAe;QAEX,AADA,EAAK,WAAW,GAChB,EAAM;OACV;iBARJ,CAUI,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACnB,EAAK;OACJ,CAAA,GACL,EAAK,YACF,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACnB,EAAK;OACJ,CAAA,CAEN;;KACR,GApBK,CAoBL,CAEX;IACD,CAAA,CAEP;MAtDK,CAsDL;EAEb,CAAC;CACA,CAAA;AAEb"}

package/dist/components/Menubar/Menubar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_PGUO2`,t=`tempest_menu_hEVLT`,n=`tempest_trigger_ZlZBx`,r=`tempest_triggerOpen_Hpfbu`,i=`tempest_panel_6ta6u`,a=`tempest_tempest-menubar-in_gOQQD`,o=`tempest_item_wM-61`,s=`tempest_itemLabel_wXfB2`,c=`tempest_shortcut_qNlmN`,l=`tempest_separator_LfK3t`,u={root:e,menu:t,trigger:n,triggerOpen:r,panel:i,tempestMenubarIn:a,item:o,itemLabel:s,shortcut:c,separator:l};exports.default=u,exports.item=o,exports.itemLabel=s,exports.menu=t,exports.panel=i,exports.root=e,exports.separator=l,exports.shortcut=c,exports.tempestMenubarIn=a,exports.trigger=n,exports.triggerOpen=r;
+//# sourceMappingURL=Menubar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.module.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.module.css"],"sourcesContent":[".root {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.menu {\n    position: relative;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    padding: var(--tempest-space-1) 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    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.triggerOpen {\n    background-color: var(--tempest-surface);\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: 200px;\n    max-width: 360px;\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-menubar-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-4);\n    width: 100%;\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: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.itemLabel {\n    flex: 1;\n}\n\n.shortcut {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n@keyframes tempest-menubar-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":""}