tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Kbd/Kbd.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("../../utils/cn.cjs"),e=require("./Kbd.module.css.cjs");function o({size:t="md",className:r,children:u,...d}){return n.jsx("kbd",{className:c.cn(e.default.kbd,e.default[t],r),...d,children:u})}exports.Kbd=o;
-//# sourceMappingURL=Kbd.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"Kbd.cjs","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"],"names":["Kbd","size","className","children","props","jsx","cn","styles"],"mappings":"uLAcO,SAASA,EAAI,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAmB,CAC1E,OACIC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,IAAKA,EAAAA,QAAON,CAAI,EAAGC,CAAS,EAAI,GAAGE,EACxD,SAAAD,CAAA,CACL,CAER"}
+{"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

@@ -1,10 +1,15 @@
-import { jsx as d } from "react/jsx-runtime";
 import { cn as e } from "../../utils/cn.js";
-import r from "./Kbd.module.css.js";
-function p({ size: m = "md", className: o, children: t, ...s }) {
-  return /* @__PURE__ */ d("kbd", { className: e(r.kbd, r[m], o), ...s, children: t });
+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
+	});
 }
-export {
-  p as Kbd
-};
-//# sourceMappingURL=Kbd.js.map
+//#endregion
+export { r as Kbd };
+
+//# sourceMappingURL=Kbd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","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"],"names":["Kbd","size","className","children","props","jsx","cn","styles"],"mappings":";;;AAcO,SAASA,EAAI,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAmB;AAC1E,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,KAAKA,EAAON,CAAI,GAAGC,CAAS,GAAI,GAAGE,GACxD,UAAAD,EAAA,CACL;AAER;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("../../utils/cn.cjs"),r=require("./Label.module.css.cjs"),u=c.forwardRef(function({required:a=!1,className:l,children:s,...t},n){return e.jsxs("label",{ref:n,className:i.cn(r.default.label,l),...t,children:[s,a&&e.jsx("span",{className:r.default.asterisk,"aria-hidden":!0,children:"*"})]})});exports.Label=u;
-//# sourceMappingURL=Label.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","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"],"names":["Label","forwardRef","required","className","children","props","ref","jsxs","cn","styles"],"mappings":"4MAiBaA,EAAQC,EAAAA,WAAyC,SAC1D,CAAE,SAAAC,EAAW,GAAO,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EAC5CC,EACF,CACE,OACIC,OAAC,QAAA,CAAM,IAAAD,EAAU,UAAWE,EAAAA,GAAGC,EAAAA,QAAO,MAAON,CAAS,EAAI,GAAGE,EACxD,SAAA,CAAAD,EACAF,SACI,OAAA,CAAK,UAAWO,EAAAA,QAAO,SAAU,cAAW,GAAC,SAAA,GAAA,CAE9C,CAAA,EAER,CAER,CAAC"}
+{"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

@@ -1,14 +1,21 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { cn as n } from "../../utils/cn.js";
-import r from "./Label.module.css.js";
-const h = m(function({ required: e = !1, className: a, children: s, ...l }, o) {
-  return /* @__PURE__ */ t("label", { ref: o, className: n(r.label, a), ...l, children: [
-    s,
-    e && /* @__PURE__ */ i("span", { className: r.asterisk, "aria-hidden": !0, children: "*" })
-  ] });
+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: "*"
+		})]
+	});
 });
-export {
-  h as Label
-};
-//# sourceMappingURL=Label.js.map
+//#endregion
+export { a as Label };
+
+//# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","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"],"names":["Label","forwardRef","required","className","children","props","ref","jsxs","cn","styles"],"mappings":";;;;AAiBO,MAAMA,IAAQC,EAAyC,SAC1D,EAAE,UAAAC,IAAW,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC5CC,GACF;AACE,SACI,gBAAAC,EAAC,SAAA,EAAM,KAAAD,GAAU,WAAWE,EAAGC,EAAO,OAAON,CAAS,GAAI,GAAGE,GACxD,UAAA;AAAA,IAAAD;AAAA,IACAF,uBACI,QAAA,EAAK,WAAWO,EAAO,UAAU,eAAW,IAAC,UAAA,IAAA,CAE9C;AAAA,EAAA,GAER;AAER,CAAC;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.cjs","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"],"names":["Container","size","className","children","props","jsx","cn","styles","isResponsiveObject","value","pickResponsive","device","resolveGap","gap","deviceFromBreakpoint","isMobile","isTablet","Stack","direction","align","justify","wrap","style","useBreakpoint","finalDirection","finalStyle","justifyClass","resolveColumns","columns","Grid","templateColumns","finalGap"],"mappings":"sOAeO,SAASA,EAAU,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAyB,CACtF,OACIC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,UAAWA,EAAAA,QAAON,CAAI,EAAGC,CAAS,EAAI,GAAGE,EAC9D,SAAAD,CAAA,CACL,CAER,CAeA,SAASK,EAAsBC,EAI7B,CACE,OACI,OAAOA,GAAU,UACjBA,IAAU,OACT,WAAYA,GAAS,WAAYA,GAAS,YAAaA,EAEhE,CAEA,SAASC,EACLD,EACAE,EACa,CACb,GAAIF,IAAU,OACd,OAAKD,EAAmBC,CAAK,EACzBE,IAAW,UAAkBF,EAAM,SAAWA,EAAM,QAAUA,EAAM,OACpEE,IAAW,SAAiBF,EAAM,QAAUA,EAAM,QAAUA,EAAM,QAC/DA,EAAM,QAAUA,EAAM,QAAUA,EAAM,QAHNA,CAI3C,CAiBA,SAASG,EAAWC,EAAsD,CACtE,GAAIA,IAAQ,OACZ,OAAO,OAAOA,GAAQ,SAAW,GAAGA,EAAM,CAAC,KAAOA,CACtD,CAEA,SAASC,EACLC,EACAC,EAC+B,CAC/B,OAAID,EAAiB,SACjBC,EAAiB,SACd,SACX,CAGO,SAASC,EAAM,CAClB,UAAAC,EAAY,WACZ,IAAAL,EAAM,EACN,MAAAM,EACA,QAAAC,EACA,KAAAC,EAAO,GACP,UAAAnB,EACA,MAAAoB,EACA,SAAAnB,EACA,GAAGC,CACP,EAAe,CACX,KAAM,CAAE,SAAAW,EAAU,SAAAC,CAAA,EAAaO,gBAAA,EACzBZ,EAASG,EAAqBC,EAAUC,CAAQ,EAChDQ,EAAiCd,EAAeQ,EAAWP,CAAM,GAAK,WAEtEc,EAA4B,CAAE,IADnBb,EAAWF,EAAeG,EAAKF,CAAM,CAAC,EACJ,GAAGW,CAAA,EAChDI,EACFN,IAAY,UACNb,EAAAA,QAAO,eACPa,IAAY,SACVb,EAAAA,QAAO,cACPa,IAAY,MACVb,EAAAA,QAAO,WACPa,IAAY,QACVb,EAAAA,QAAO,aACP,OAChB,OACIF,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,MACPiB,IAAmB,WAAajB,EAAAA,QAAO,SAAWA,EAAAA,QAAO,WACzDY,GAASZ,EAAAA,QAAOY,CAAK,EACrBO,EACAL,GAAQd,EAAAA,QAAO,KACfL,CAAA,EAEJ,MAAOuB,EACN,GAAGrB,EAEH,SAAAD,CAAA,CAAA,CAGb,CAUA,SAASwB,EAAeC,EAA0D,CAC9E,GAAIA,IAAY,OAChB,OAAO,OAAOA,GAAY,SAAW,UAAUA,CAAO,oBAAsBA,CAChF,CAGO,SAASC,EAAK,CAAE,QAAAD,EAAU,EAAG,IAAAf,EAAM,EAAG,UAAAX,EAAW,MAAAoB,EAAO,SAAAnB,EAAU,GAAGC,GAAoB,CAC5F,KAAM,CAAE,SAAAW,EAAU,SAAAC,CAAA,EAAaO,gBAAA,EACzBZ,EAASG,EAAqBC,EAAUC,CAAQ,EAChDc,EAAkBH,EAAejB,EAAekB,EAASjB,CAAM,CAAC,EAChEoB,EAAWnB,EAAWF,EAAeG,EAAKF,CAAM,CAAC,EACvD,OACIN,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,KAAML,CAAS,EACpC,MAAO,CAAE,oBAAqB4B,EAAiB,IAAKC,EAAU,GAAGT,CAAA,EAChE,GAAGlB,EAEH,SAAAD,CAAA,CAAA,CAGb"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","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"],"names":["Container","size","className","children","props","jsx","cn","styles","isResponsiveObject","value","pickResponsive","device","resolveGap","gap","deviceFromBreakpoint","isMobile","isTablet","Stack","direction","align","justify","wrap","style","useBreakpoint","finalDirection","finalStyle","justifyClass","resolveColumns","columns","Grid","templateColumns","finalGap"],"mappings":";;;;AAeO,SAASA,EAAU,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAyB;AACtF,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,WAAWA,EAAON,CAAI,GAAGC,CAAS,GAAI,GAAGE,GAC9D,UAAAD,EAAA,CACL;AAER;AAeA,SAASK,EAAsBC,GAI7B;AACE,SACI,OAAOA,KAAU,YACjBA,MAAU,SACT,YAAYA,KAAS,YAAYA,KAAS,aAAaA;AAEhE;AAEA,SAASC,EACLD,GACAE,GACa;AACb,MAAIF,MAAU;AACd,WAAKD,EAAmBC,CAAK,IACzBE,MAAW,YAAkBF,EAAM,WAAWA,EAAM,UAAUA,EAAM,SACpEE,MAAW,WAAiBF,EAAM,UAAUA,EAAM,UAAUA,EAAM,UAC/DA,EAAM,UAAUA,EAAM,UAAUA,EAAM,UAHNA;AAI3C;AAiBA,SAASG,EAAWC,GAAsD;AACtE,MAAIA,MAAQ;AACZ,WAAO,OAAOA,KAAQ,WAAW,GAAGA,IAAM,CAAC,OAAOA;AACtD;AAEA,SAASC,EACLC,GACAC,GAC+B;AAC/B,SAAID,IAAiB,WACjBC,IAAiB,WACd;AACX;AAGO,SAASC,EAAM;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,KAAAL,IAAM;AAAA,EACN,OAAAM;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,UAAAnB;AAAA,EACA,GAAGC;AACP,GAAe;AACX,QAAM,EAAE,UAAAW,GAAU,UAAAC,EAAA,IAAaO,EAAA,GACzBZ,IAASG,EAAqBC,GAAUC,CAAQ,GAChDQ,IAAiCd,EAAeQ,GAAWP,CAAM,KAAK,YAEtEc,IAA4B,EAAE,KADnBb,EAAWF,EAAeG,GAAKF,CAAM,CAAC,GACJ,GAAGW,EAAA,GAChDI,IACFN,MAAY,YACNb,EAAO,iBACPa,MAAY,WACVb,EAAO,gBACPa,MAAY,QACVb,EAAO,aACPa,MAAY,UACVb,EAAO,eACP;AAChB,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPiB,MAAmB,aAAajB,EAAO,WAAWA,EAAO;AAAA,QACzDY,KAASZ,EAAOY,CAAK;AAAA,QACrBO;AAAA,QACAL,KAAQd,EAAO;AAAA,QACfL;AAAA,MAAA;AAAA,MAEJ,OAAOuB;AAAA,MACN,GAAGrB;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;AAUA,SAASwB,EAAeC,GAA0D;AAC9E,MAAIA,MAAY;AAChB,WAAO,OAAOA,KAAY,WAAW,UAAUA,CAAO,sBAAsBA;AAChF;AAGO,SAASC,EAAK,EAAE,SAAAD,IAAU,GAAG,KAAAf,IAAM,GAAG,WAAAX,GAAW,OAAAoB,GAAO,UAAAnB,GAAU,GAAGC,KAAoB;AAC5F,QAAM,EAAE,UAAAW,GAAU,UAAAC,EAAA,IAAaO,EAAA,GACzBZ,IAASG,EAAqBC,GAAUC,CAAQ,GAChDc,IAAkBH,EAAejB,EAAekB,GAASjB,CAAM,CAAC,GAChEoB,IAAWnB,EAAWF,EAAeG,GAAKF,CAAM,CAAC;AACvD,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,MAAML,CAAS;AAAA,MACpC,OAAO,EAAE,qBAAqB4B,GAAiB,KAAKC,GAAU,GAAGT,EAAA;AAAA,MAChE,GAAGlB;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"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/Lightbox/Lightbox.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-scroll-lock.cjs"),n=require("../../hooks/use-focus-trap.cjs"),r=require("../Portal/Portal.cjs"),i=require("./Lightbox.module.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");function c({items:c,open:l,index:u=0,onIndexChange:d,onClose:f,showThumbnails:p,showCounter:m=!0,loop:h=!0,closeLabel:g=`Close`,previousLabel:_=`Previous image`,nextLabel:v=`Next image`,className:y}){let b=(0,a.useRef)(null),[x,S]=(0,a.useState)(u),C=d!==void 0,w=C?u:x;n.useFocusTrap(b,l),t.useScrollLock(l);let T=(0,a.useCallback)(e=>{if(c.length===0)return;let t=h?(e+c.length)%c.length:Math.max(0,Math.min(e,c.length-1));C||S(t),d?.(t)},[C,c.length,h,d]);if((0,a.useEffect)(()=>{C||S(u)},[u,C]),(0,a.useEffect)(()=>{if(!l)return;function e(e){switch(e.key){case`Escape`:f();break;case`ArrowRight`:T(w+1);break;case`ArrowLeft`:T(w-1);break;case`Home`:T(0);break;case`End`:T(c.length-1);break;default:return}e.preventDefault()}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[w,c.length,T,f,l]),(0,a.useEffect)(()=>{if(!(!l||typeof Image>`u`))for(let e of[-1,1]){let t=c[(w+e+c.length)%c.length];if(!t)continue;let n=new Image;n.src=t.src}},[w,c,l]),!l||c.length===0)return null;let E=c[Math.max(0,Math.min(w,c.length-1))],D=p??c.length>1,O=c.length>1;return(0,o.jsx)(r.Portal,{children:(0,o.jsxs)(`div`,{ref:b,role:`dialog`,"aria-modal":`true`,"aria-label":E.alt,className:e.cn(i.default.overlay,y),children:[(0,o.jsxs)(`div`,{className:i.default.topBar,children:[m&&O?(0,o.jsxs)(`span`,{className:i.default.counter,children:[w+1,` / `,c.length]}):(0,o.jsx)(`span`,{}),(0,o.jsx)(`button`,{type:`button`,className:i.default.iconButton,"aria-label":g,onClick:f,children:(0,o.jsx)(s.X,{size:20})})]}),(0,o.jsxs)(`div`,{className:i.default.stage,children:[O?(0,o.jsx)(`button`,{type:`button`,className:e.cn(i.default.iconButton,i.default.nav),"aria-label":_,disabled:!h&&w===0,onClick:()=>T(w-1),children:(0,o.jsx)(s.ChevronLeft,{size:24})}):null,(0,o.jsxs)(`figure`,{className:i.default.figure,children:[(0,o.jsx)(`img`,{src:E.src,alt:E.alt,className:i.default.image}),E.caption?(0,o.jsx)(`figcaption`,{className:i.default.caption,children:E.caption}):null]}),O?(0,o.jsx)(`button`,{type:`button`,className:e.cn(i.default.iconButton,i.default.nav),"aria-label":v,disabled:!h&&w===c.length-1,onClick:()=>T(w+1),children:(0,o.jsx)(s.ChevronRight,{size:24})}):null]}),D&&O?(0,o.jsx)(`div`,{className:i.default.thumbnails,role:`tablist`,"aria-label":E.alt,children:c.map((t,n)=>(0,o.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":n===w,"aria-label":t.alt,className:e.cn(i.default.thumbnail,n===w&&i.default.thumbnailActive),onClick:()=>T(n),children:(0,o.jsx)(`img`,{src:t.thumbnail??t.src,alt:``,className:i.default.thumbnailImage})},`${t.src}-${n}`))}):null]})})}exports.Lightbox=c;
+//# sourceMappingURL=Lightbox.cjs.map

package/dist/components/Lightbox/Lightbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.cjs","names":[],"sources":["../../../src/components/Lightbox/Lightbox.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, X } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@/hooks/use-scroll-lock\";\nimport { cn } from \"@/utils/cn\";\nimport { Portal } from \"../Portal\";\nimport styles from \"./Lightbox.module.css\";\n\n/** One item of the gallery. */\nexport interface LightboxItem {\n    /** Full-size image URL. */\n    src: string;\n    /** Alt text. Required: a gallery of unlabeled images is unusable with a screen reader. */\n    alt: string;\n    /** Caption rendered under the image. */\n    caption?: string;\n    /** Thumbnail URL for the strip. Falls back to `src`. */\n    thumbnail?: string;\n}\n\nexport interface LightboxProps {\n    items: LightboxItem[];\n    /** Whether the overlay is open. */\n    open: boolean;\n    /** Index shown while open. Default `0`. */\n    index?: number;\n    onIndexChange?: (index: number) => void;\n    onClose: () => void;\n    /** Renders the thumbnail strip. Default `true` when there is more than one item. */\n    showThumbnails?: boolean;\n    /** Renders the `3 / 12` counter. Default `true`. */\n    showCounter?: boolean;\n    /**\n     * Wrap around at the ends. Default `true` — in a photo viewer, hitting a dead\n     * end at the last image reads as a bug more often than as a boundary.\n     */\n    loop?: boolean;\n    closeLabel?: string;\n    previousLabel?: string;\n    nextLabel?: string;\n    className?: string;\n}\n\n/**\n * Full-screen image viewer with keyboard navigation.\n *\n * `Esc` closes, `←`/`→` walk the gallery, `Home`/`End` jump to the ends. Focus is\n * trapped inside while open and the page behind is scroll-locked, so the overlay\n * behaves like the dialog it is instead of a fancy `<div>` the keyboard can escape.\n *\n * Only the current image is mounted; neighbours are **preloaded** via `Image()` so\n * pressing `→` does not flash an empty frame.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * const [index, setIndex] = useState(0);\n *\n * <Lightbox\n *   open={open}\n *   items={photos.map((p) => ({ src: p.url, alt: p.description }))}\n *   index={index}\n *   onIndexChange={setIndex}\n *   onClose={() => setOpen(false)}\n * />\n * ```\n */\nexport function Lightbox({\n    items,\n    open,\n    index = 0,\n    onIndexChange,\n    onClose,\n    showThumbnails,\n    showCounter = true,\n    loop = true,\n    closeLabel = \"Close\",\n    previousLabel = \"Previous image\",\n    nextLabel = \"Next image\",\n    className,\n}: LightboxProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [internalIndex, setInternalIndex] = useState(index);\n    const isControlled = onIndexChange !== undefined;\n    const current = isControlled ? index : internalIndex;\n\n    useFocusTrap(containerRef, open);\n    useScrollLock(open);\n\n    const move = useCallback(\n        (next: number): void => {\n            if (items.length === 0) return;\n            const target = loop\n                ? (next + items.length) % items.length\n                : Math.max(0, Math.min(next, items.length - 1));\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [isControlled, items.length, loop, onIndexChange],\n    );\n\n    useEffect(() => {\n        if (!isControlled) setInternalIndex(index);\n    }, [index, isControlled]);\n\n    useEffect(() => {\n        if (!open) return;\n        function onKeyDown(event: KeyboardEvent): void {\n            switch (event.key) {\n                case \"Escape\":\n                    onClose();\n                    break;\n                case \"ArrowRight\":\n                    move(current + 1);\n                    break;\n                case \"ArrowLeft\":\n                    move(current - 1);\n                    break;\n                case \"Home\":\n                    move(0);\n                    break;\n                case \"End\":\n                    move(items.length - 1);\n                    break;\n                default:\n                    return;\n            }\n            event.preventDefault();\n        }\n        document.addEventListener(\"keydown\", onKeyDown);\n        return () => document.removeEventListener(\"keydown\", onKeyDown);\n    }, [current, items.length, move, onClose, open]);\n\n    useEffect(() => {\n        if (!open || typeof Image === \"undefined\") return;\n        for (const offset of [-1, 1]) {\n            const neighbour = items[(current + offset + items.length) % items.length];\n            if (!neighbour) continue;\n            const preload = new Image();\n            preload.src = neighbour.src;\n        }\n    }, [current, items, open]);\n\n    if (!open || items.length === 0) return null;\n\n    const item = items[Math.max(0, Math.min(current, items.length - 1))];\n    const withThumbnails = showThumbnails ?? items.length > 1;\n    const multiple = items.length > 1;\n\n    return (\n        <Portal>\n            <div\n                ref={containerRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label={item.alt}\n                className={cn(styles.overlay, className)}\n            >\n                <div className={styles.topBar}>\n                    {showCounter && multiple ? (\n                        <span className={styles.counter}>\n                            {current + 1} / {items.length}\n                        </span>\n                    ) : (\n                        <span />\n                    )}\n                    <button\n                        type=\"button\"\n                        className={styles.iconButton}\n                        aria-label={closeLabel}\n                        onClick={onClose}\n                    >\n                        <X size={20} />\n                    </button>\n                </div>\n\n                <div className={styles.stage}>\n                    {multiple ? (\n                        <button\n                            type=\"button\"\n                            className={cn(styles.iconButton, styles.nav)}\n                            aria-label={previousLabel}\n                            disabled={!loop && current === 0}\n                            onClick={() => move(current - 1)}\n                        >\n                            <ChevronLeft size={24} />\n                        </button>\n                    ) : null}\n\n                    <figure className={styles.figure}>\n                        <img src={item.src} alt={item.alt} className={styles.image} />\n                        {item.caption ? (\n                            <figcaption className={styles.caption}>{item.caption}</figcaption>\n                        ) : null}\n                    </figure>\n\n                    {multiple ? (\n                        <button\n                            type=\"button\"\n                            className={cn(styles.iconButton, styles.nav)}\n                            aria-label={nextLabel}\n                            disabled={!loop && current === items.length - 1}\n                            onClick={() => move(current + 1)}\n                        >\n                            <ChevronRight size={24} />\n                        </button>\n                    ) : null}\n                </div>\n\n                {withThumbnails && multiple ? (\n                    <div className={styles.thumbnails} role=\"tablist\" aria-label={item.alt}>\n                        {items.map((entry, entryIndex) => (\n                            <button\n                                key={`${entry.src}-${entryIndex}`}\n                                type=\"button\"\n                                role=\"tab\"\n                                aria-selected={entryIndex === current}\n                                aria-label={entry.alt}\n                                className={cn(\n                                    styles.thumbnail,\n                                    entryIndex === current && styles.thumbnailActive,\n                                )}\n                                onClick={() => move(entryIndex)}\n                            >\n                                <img\n                                    src={entry.thumbnail ?? entry.src}\n                                    alt=\"\"\n                                    className={styles.thumbnailImage}\n                                />\n                            </button>\n                        ))}\n                    </div>\n                ) : null}\n            </div>\n        </Portal>\n    );\n}\n"],"mappings":"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"}