tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/InstallBanner/InstallBanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InstallBanner.cjs","sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\nfunction readDismissed(storageKey?: string): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        return window.localStorage.getItem(storageKey) === \"1\";\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA. Wired to\n * {@link useBeforeInstallPrompt}: it renders only when the browser captured an\n * install prompt and the app is not already running standalone — so on\n * platforms that never fire `beforeinstallprompt` (e.g. iOS Safari) it stays\n * hidden and you can surface manual instructions elsewhere.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    const [dismissed, setDismissed] = useState<boolean>(() => readDismissed(storageKey));\n\n    if (!installable || installed || isStandalone || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(storageKey, \"1\");\n            } catch {\n                /* ignore quota errors */\n            }\n        }\n    };\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n            </div>\n            <Button\n                size=\"sm\"\n                onClick={async () => {\n                    onResult?.(await prompt());\n                }}\n            >\n                {installLabel}\n            </Button>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"names":["readDismissed","storageKey","InstallBanner","title","description","installLabel","dismissLabel","icon","onResult","className","installable","installed","isStandalone","prompt","useBeforeInstallPrompt","dismissed","setDismissed","useState","dismiss","jsxs","cn","styles","jsx","Button","X"],"mappings":"uUA8BA,SAASA,EAAcC,EAA8B,CACjD,GAAI,CAACA,GAAc,OAAO,OAAW,IAAa,MAAO,GACzD,GAAI,CACA,OAAO,OAAO,aAAa,QAAQA,CAAU,IAAM,GACvD,MAAQ,CACJ,MAAO,EACX,CACJ,CAgBO,SAASC,EAAc,CAC1B,MAAAC,EAAQ,gBACR,YAAAC,EACA,aAAAC,EAAe,WACf,aAAAC,EAAe,YACf,KAAAC,EACA,WAAAN,EACA,SAAAO,EACA,UAAAC,CACJ,EAAuB,CACnB,KAAM,CAAE,YAAAC,EAAa,UAAAC,EAAW,aAAAC,EAAc,OAAAC,CAAA,EAAWC,EAAAA,uBAAA,EACnD,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAkB,IAAMjB,EAAcC,CAAU,CAAC,EAEnF,GAAI,CAACS,GAAeC,GAAaC,GAAgBG,EAAW,OAAO,KAEnE,MAAMG,EAAU,IAAY,CAExB,GADAF,EAAa,EAAI,EACbf,GAAc,OAAO,OAAW,IAChC,GAAI,CACA,OAAO,aAAa,QAAQA,EAAY,GAAG,CAC/C,MAAQ,CAER,CAER,EAEA,OACIkB,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQZ,CAAS,EAAG,KAAK,SAAS,aAAY,OAAON,CAAK,EAC/E,SAAA,CAAAI,GAAQe,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAd,EAAK,EAC7CY,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,KACnB,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,MAAQ,SAAAlB,EAAM,EAClCC,GAAekB,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,YAAc,SAAAjB,CAAA,CAAY,CAAA,EACnE,EACAkB,EAAAA,IAACC,EAAAA,OAAA,CACG,KAAK,KACL,QAAS,SAAY,CACjBf,IAAW,MAAMK,GAAQ,CAC7B,EAEC,SAAAR,CAAA,CAAA,EAELiB,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,MAClB,aAAYf,EACZ,QAASY,EAET,SAAAI,EAAAA,IAACE,IAAA,CAAE,KAAM,GAAI,cAAW,EAAA,CAAC,CAAA,CAAA,CAC7B,EACJ,CAER"}
+{"version":3,"file":"InstallBanner.cjs","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\nfunction readDismissed(storageKey?: string): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        return window.localStorage.getItem(storageKey) === \"1\";\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA. Wired to\n * {@link useBeforeInstallPrompt}: it renders only when the browser captured an\n * install prompt and the app is not already running standalone — so on\n * platforms that never fire `beforeinstallprompt` (e.g. iOS Safari) it stays\n * hidden and you can surface manual instructions elsewhere.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    const [dismissed, setDismissed] = useState<boolean>(() => readDismissed(storageKey));\n\n    if (!installable || installed || isStandalone || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(storageKey, \"1\");\n            } catch {\n                /* ignore quota errors */\n            }\n        }\n    };\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n            </div>\n            <Button\n                size=\"sm\"\n                onClick={async () => {\n                    onResult?.(await prompt());\n                }}\n            >\n                {installLabel}\n            </Button>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":"uPA8BA,SAAS,EAAc,EAA8B,CACjD,GAAI,CAAC,GAAc,OAAO,OAAW,IAAa,MAAO,GACzD,GAAI,CACA,OAAO,OAAO,aAAa,QAAQ,CAAU,IAAM,GACvD,MAAQ,CACJ,MAAO,EACX,CACJ,CAgBA,SAAgB,EAAc,CAC1B,QAAQ,gBACR,cACA,eAAe,WACf,eAAe,YACf,OACA,aACA,WACA,aACmB,CACnB,GAAM,CAAE,cAAa,YAAW,eAAc,UAAW,EAAA,uBAAuB,EAC1E,CAAC,EAAW,IAAA,EAAA,EAAA,SAAA,KAAwC,EAAc,CAAU,CAAC,EAenF,MAbI,CAAC,GAAe,GAAa,GAAgB,EAAkB,MAc/D,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EAAG,KAAK,SAAS,aAAY,OAAO,CAAK,WAApF,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GACnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAvB,EACI,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,CAAS,CAAA,EACrC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,CACjE,KACL,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,KAAK,KACL,QAAS,SAAY,CACjB,IAAW,MAAM,EAAO,CAAC,CAC7B,WAEC,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAY,EACZ,YA9BgB,CAExB,GADA,EAAa,EAAI,EACb,GAAc,OAAO,OAAW,IAChC,GAAI,CACA,OAAO,aAAa,QAAQ,EAAY,GAAG,CAC/C,MAAQ,CAER,CAER,YAuBY,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAG,KAAM,GAAI,cAAA,EAAa,CAAA,CACtB,CAAA,CACP,GAEb"}

package/dist/components/InstallBanner/InstallBanner.js

@@ -1,66 +1,65 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as I } from "react";
-import { X as N } from "lucide-react";
-import { cn as y } from "../../utils/cn.js";
-import { useBeforeInstallPrompt as S } from "../../hooks/use-before-install-prompt.js";
-import n from "./InstallBanner.module.css.js";
-import { Button as x } from "../Button/Button.js";
-function B(t) {
-  if (!t || typeof window > "u") return !1;
-  try {
-    return window.localStorage.getItem(t) === "1";
-  } catch {
-    return !1;
-  }
+import { cn as e } from "../../utils/cn.js";
+import { Button as t } from "../Button/Button.js";
+import { useBeforeInstallPrompt as n } from "../../hooks/use-before-install-prompt.js";
+import r from "./InstallBanner.module.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { X as s } from "lucide-react";
+//#region src/components/InstallBanner/InstallBanner.tsx
+function c(e) {
+	if (!e || typeof window > "u") return !1;
+	try {
+		return window.localStorage.getItem(e) === "1";
+	} catch {
+		return !1;
+	}
 }
-function P({
-  title: t = "Instale o app",
-  description: s,
-  installLabel: l = "Instalar",
-  dismissLabel: o = "Dispensar",
-  icon: r,
-  storageKey: i,
-  onResult: c,
-  className: m
-}) {
-  const { installable: d, installed: p, isStandalone: f, prompt: u } = S(), [h, w] = I(() => B(i));
-  if (!d || p || f || h) return null;
-  const b = () => {
-    if (w(!0), i && typeof window < "u")
-      try {
-        window.localStorage.setItem(i, "1");
-      } catch {
-      }
-  };
-  return /* @__PURE__ */ a("div", { className: y(n.banner, m), role: "region", "aria-label": String(t), children: [
-    r && /* @__PURE__ */ e("span", { className: n.icon, children: r }),
-    /* @__PURE__ */ a("div", { className: n.body, children: [
-      /* @__PURE__ */ e("p", { className: n.title, children: t }),
-      s && /* @__PURE__ */ e("p", { className: n.description, children: s })
-    ] }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        size: "sm",
-        onClick: async () => {
-          c?.(await u());
-        },
-        children: l
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: n.close,
-        "aria-label": o,
-        onClick: b,
-        children: /* @__PURE__ */ e(N, { size: 18, "aria-hidden": !0 })
-      }
-    )
-  ] });
+function l({ title: l = "Instale o app", description: u, installLabel: d = "Instalar", dismissLabel: f = "Dispensar", icon: p, storageKey: m, onResult: h, className: g }) {
+	let { installable: _, installed: v, isStandalone: y, prompt: b } = n(), [x, S] = i(() => c(m));
+	return !_ || v || y || x ? null : /* @__PURE__ */ o("div", {
+		className: e(r.banner, g),
+		role: "region",
+		"aria-label": String(l),
+		children: [
+			p && /* @__PURE__ */ a("span", {
+				className: r.icon,
+				children: p
+			}),
+			/* @__PURE__ */ o("div", {
+				className: r.body,
+				children: [/* @__PURE__ */ a("p", {
+					className: r.title,
+					children: l
+				}), u && /* @__PURE__ */ a("p", {
+					className: r.description,
+					children: u
+				})]
+			}),
+			/* @__PURE__ */ a(t, {
+				size: "sm",
+				onClick: async () => {
+					h?.(await b());
+				},
+				children: d
+			}),
+			/* @__PURE__ */ a("button", {
+				type: "button",
+				className: r.close,
+				"aria-label": f,
+				onClick: () => {
+					if (S(!0), m && typeof window < "u") try {
+						window.localStorage.setItem(m, "1");
+					} catch {}
+				},
+				children: /* @__PURE__ */ a(s, {
+					size: 18,
+					"aria-hidden": !0
+				})
+			})
+		]
+	});
 }
-export {
-  P as InstallBanner
-};
-//# sourceMappingURL=InstallBanner.js.map
+//#endregion
+export { l as InstallBanner };
+
+//# sourceMappingURL=InstallBanner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InstallBanner.js","sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\nfunction readDismissed(storageKey?: string): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        return window.localStorage.getItem(storageKey) === \"1\";\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA. Wired to\n * {@link useBeforeInstallPrompt}: it renders only when the browser captured an\n * install prompt and the app is not already running standalone — so on\n * platforms that never fire `beforeinstallprompt` (e.g. iOS Safari) it stays\n * hidden and you can surface manual instructions elsewhere.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    const [dismissed, setDismissed] = useState<boolean>(() => readDismissed(storageKey));\n\n    if (!installable || installed || isStandalone || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(storageKey, \"1\");\n            } catch {\n                /* ignore quota errors */\n            }\n        }\n    };\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n            </div>\n            <Button\n                size=\"sm\"\n                onClick={async () => {\n                    onResult?.(await prompt());\n                }}\n            >\n                {installLabel}\n            </Button>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"names":["readDismissed","storageKey","InstallBanner","title","description","installLabel","dismissLabel","icon","onResult","className","installable","installed","isStandalone","prompt","useBeforeInstallPrompt","dismissed","setDismissed","useState","dismiss","jsxs","cn","styles","jsx","Button","X"],"mappings":";;;;;;;AA8BA,SAASA,EAAcC,GAA8B;AACjD,MAAI,CAACA,KAAc,OAAO,SAAW,IAAa,QAAO;AACzD,MAAI;AACA,WAAO,OAAO,aAAa,QAAQA,CAAU,MAAM;AAAA,EACvD,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;AAgBO,SAASC,EAAc;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,MAAAC;AAAA,EACA,YAAAN;AAAA,EACA,UAAAO;AAAA,EACA,WAAAC;AACJ,GAAuB;AACnB,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA,GACnD,CAACC,GAAWC,CAAY,IAAIC,EAAkB,MAAMjB,EAAcC,CAAU,CAAC;AAEnF,MAAI,CAACS,KAAeC,KAAaC,KAAgBG,EAAW,QAAO;AAEnE,QAAMG,IAAU,MAAY;AAExB,QADAF,EAAa,EAAI,GACbf,KAAc,OAAO,SAAW;AAChC,UAAI;AACA,eAAO,aAAa,QAAQA,GAAY,GAAG;AAAA,MAC/C,QAAQ;AAAA,MAER;AAAA,EAER;AAEA,SACI,gBAAAkB,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQZ,CAAS,GAAG,MAAK,UAAS,cAAY,OAAON,CAAK,GAC/E,UAAA;AAAA,IAAAI,KAAQ,gBAAAe,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAd,GAAK;AAAA,IAC7C,gBAAAY,EAAC,OAAA,EAAI,WAAWE,EAAO,MACnB,UAAA;AAAA,MAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWD,EAAO,OAAQ,UAAAlB,GAAM;AAAA,MAClCC,KAAe,gBAAAkB,EAAC,KAAA,EAAE,WAAWD,EAAO,aAAc,UAAAjB,EAAA,CAAY;AAAA,IAAA,GACnE;AAAA,IACA,gBAAAkB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAS,YAAY;AACjB,UAAAf,IAAW,MAAMK,GAAQ;AAAA,QAC7B;AAAA,QAEC,UAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,cAAYf;AAAA,QACZ,SAASY;AAAA,QAET,UAAA,gBAAAI,EAACE,GAAA,EAAE,MAAM,IAAI,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7B,GACJ;AAER;"}
+{"version":3,"file":"InstallBanner.js","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\nfunction readDismissed(storageKey?: string): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        return window.localStorage.getItem(storageKey) === \"1\";\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA. Wired to\n * {@link useBeforeInstallPrompt}: it renders only when the browser captured an\n * install prompt and the app is not already running standalone — so on\n * platforms that never fire `beforeinstallprompt` (e.g. iOS Safari) it stays\n * hidden and you can surface manual instructions elsewhere.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    const [dismissed, setDismissed] = useState<boolean>(() => readDismissed(storageKey));\n\n    if (!installable || installed || isStandalone || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(storageKey, \"1\");\n            } catch {\n                /* ignore quota errors */\n            }\n        }\n    };\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n            </div>\n            <Button\n                size=\"sm\"\n                onClick={async () => {\n                    onResult?.(await prompt());\n                }}\n            >\n                {installLabel}\n            </Button>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;AA8BA,SAAS,EAAc,GAA8B;CACjD,IAAI,CAAC,KAAc,OAAO,SAAW,KAAa,OAAO;CACzD,IAAI;EACA,OAAO,OAAO,aAAa,QAAQ,CAAU,MAAM;CACvD,QAAQ;EACJ,OAAO;CACX;AACJ;AAgBA,SAAgB,EAAc,EAC1B,WAAQ,iBACR,gBACA,kBAAe,YACf,kBAAe,aACf,SACA,eACA,aACA,gBACmB;CACnB,IAAM,EAAE,gBAAa,cAAW,iBAAc,cAAW,EAAuB,GAC1E,CAAC,GAAW,KAAgB,QAAwB,EAAc,CAAU,CAAC;CAenF,OAbI,CAAC,KAAe,KAAa,KAAgB,IAAkB,OAc/D,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,CAAS;EAAG,MAAK;EAAS,cAAY,OAAO,CAAK;YAApF;GACK,KAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAQ;IAAS,CAAA,GACrC,KAAe,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAc;IAAe,CAAA,CACjE;;GACL,kBAAC,GAAD;IACI,MAAK;IACL,SAAS,YAAY;KACjB,IAAW,MAAM,EAAO,CAAC;IAC7B;cAEC;GACG,CAAA;GACR,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAY;IACZ,eA9BgB;KAExB,IADA,EAAa,EAAI,GACb,KAAc,OAAO,SAAW,KAChC,IAAI;MACA,OAAO,aAAa,QAAQ,GAAY,GAAG;KAC/C,QAAQ,CAER;IAER;cAuBY,kBAAC,GAAD;KAAG,MAAM;KAAI,eAAA;IAAa,CAAA;GACtB,CAAA;EACP;;AAEb"}

package/dist/components/InstallBanner/InstallBanner.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_banner_0oCIc`,t=`tempest_icon_izjRL`,n=`tempest_body_9JAQv`,r=`tempest_title_1E50X`,i=`tempest_description_QY25-`,a=`tempest_close_RN6FO`,o={banner:e,icon:t,body:n,title:r,description:i,close:a};exports.banner=e,exports.body=n,exports.close=a,exports.default=o,exports.description=i,exports.icon=t,exports.title=r;
+//# sourceMappingURL=InstallBanner.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstallBanner.module.cjs","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/InstallBanner/InstallBanner.module.js

@@ -0,0 +1,13 @@
+//#region src/components/InstallBanner/InstallBanner.module.css
+var e = "tempest_banner_0oCIc", t = "tempest_icon_izjRL", n = "tempest_body_9JAQv", r = "tempest_title_1E50X", i = "tempest_description_QY25-", a = "tempest_close_RN6FO", o = {
+	banner: e,
+	icon: t,
+	body: n,
+	title: r,
+	description: i,
+	close: a
+};
+//#endregion
+export { e as banner, n as body, a as close, o as default, i as description, t as icon, r as title };
+
+//# sourceMappingURL=InstallBanner.module.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("../../hooks/use-before-install-prompt.cjs"),i=require("../Button/Button.cjs");function c({label:t="Instalar app",onResult:n,...e}){const{installable:l,installed:r,isStandalone:o,prompt:s}=u.useBeforeInstallPrompt();return!l||r||o?null:a.jsx(i.Button,{onClick:async()=>{n?.(await s())},...e,children:t})}exports.InstallButton=c;
-//# sourceMappingURL=InstallButton.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"InstallButton.cjs","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"],"names":["InstallButton","label","onResult","props","installable","installed","isStandalone","prompt","useBeforeInstallPrompt","jsx","Button"],"mappings":"8MAwBO,SAASA,EAAc,CAAE,MAAAC,EAAQ,eAAgB,SAAAC,EAAU,GAAGC,GAA6B,CAC9F,KAAM,CAAE,YAAAC,EAAa,UAAAC,EAAW,aAAAC,EAAc,OAAAC,CAAA,EAAWC,EAAAA,uBAAA,EACzD,MAAI,CAACJ,GAAeC,GAAaC,EAAqB,KAElDG,EAAAA,IAACC,EAAAA,OAAA,CACG,QAAS,SAAY,CACjBR,IAAW,MAAMK,GAAQ,CAC7B,EACC,GAAGJ,EAEH,SAAAF,CAAA,CAAA,CAGb"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InstallButton.js","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"],"names":["InstallButton","label","onResult","props","installable","installed","isStandalone","prompt","useBeforeInstallPrompt","jsx","Button"],"mappings":";;;AAwBO,SAASA,EAAc,EAAE,OAAAC,IAAQ,gBAAgB,UAAAC,GAAU,GAAGC,KAA6B;AAC9F,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA;AACzD,SAAI,CAACJ,KAAeC,KAAaC,IAAqB,OAElD,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS,YAAY;AACjB,QAAAR,IAAW,MAAMK,GAAQ;AAAA,MAC7B;AAAA,MACC,GAAGJ;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"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

@@ -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"}