tempest-react-sdk 0.23.0 → 0.25.0

package/dist/charts.js

@@ -1,15 +1,8 @@
-import { AreaChart as t } from "./charts/AreaChart.js";
-import { BarChart as e } from "./charts/BarChart.js";
-import { LineChart as f } from "./charts/LineChart.js";
-import { PieChart as p } from "./charts/PieChart.js";
-import { RadarChart as h } from "./charts/RadarChart.js";
-import { DEFAULT_CHART_COLORS as L } from "./charts/palette.js";
-export {
-  t as AreaChart,
-  e as BarChart,
-  L as DEFAULT_CHART_COLORS,
-  f as LineChart,
-  p as PieChart,
-  h as RadarChart
-};
-//# sourceMappingURL=charts.js.map
+import { CHART_COLOR_TOKEN_COUNT as e, DEFAULT_CHART_COLORS as t, resolveChartChrome as n, resolveChartColors as r } from "./charts/palette.js";
+import { useChartColors as i } from "./charts/use-chart-colors.js";
+import { AreaChart as a } from "./charts/AreaChart.js";
+import { BarChart as o } from "./charts/BarChart.js";
+import { LineChart as s } from "./charts/LineChart.js";
+import { PieChart as c } from "./charts/PieChart.js";
+import { RadarChart as l } from "./charts/RadarChart.js";
+export { a as AreaChart, o as BarChart, e as CHART_COLOR_TOKEN_COUNT, t as DEFAULT_CHART_COLORS, s as LineChart, c as PieChart, l as RadarChart, n as resolveChartChrome, r as resolveChartColors, i as useChartColors };

package/dist/components/Accordion/Accordion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),f=require("../../utils/cn.cjs"),r=require("./Accordion.module.css.cjs");function I({items:d,multiple:a=!1,value:u,defaultValue:x=[],onChange:h,className:g}){const p=l.useId(),i=u!==void 0,[j,b]=l.useState(x),t=i?u:j,v=l.useCallback(e=>{const s=t.includes(e),o=a?s?t.filter(c=>c!==e):[...t,e]:s?[]:[e];i||b(o),h?.(o)},[t,a,i,h]);return n.jsx("div",{className:f.cn(r.default.accordion,g),children:d.map(e=>{const s=t.includes(e.id),o=`${p}-${e.id}-panel`,c=`${p}-${e.id}-trigger`;return n.jsxs("div",{className:f.cn(r.default.item,s&&r.default.open),children:[n.jsx("h3",{className:r.default.header,children:n.jsxs("button",{type:"button",id:c,className:r.default.trigger,"aria-expanded":s,"aria-controls":o,disabled:e.disabled,onClick:()=>v(e.id),children:[n.jsx("span",{children:e.title}),n.jsx(k,{className:r.default.chevron})]})}),s&&n.jsx("div",{id:o,role:"region","aria-labelledby":c,className:r.default.panel,children:e.children})]},e.id)})})}function k({className:d}){return n.jsx("svg",{className:d,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:n.jsx("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}exports.Accordion=I;
-//# sourceMappingURL=Accordion.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Accordion.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,multiple:o=!1,value:s,defaultValue:c=[],onChange:l,className:u}){let d=(0,n.useId)(),f=s!==void 0,[p,m]=(0,n.useState)(c),h=f?s:p,g=(0,n.useCallback)(e=>{let t=h.includes(e),n=o?t?h.filter(t=>t!==e):[...h,e]:t?[]:[e];f||m(n),l?.(n)},[h,o,f,l]);return(0,r.jsx)(`div`,{className:e.cn(t.default.accordion,u),children:i.map(n=>{let i=h.includes(n.id),o=`${d}-${n.id}-panel`,s=`${d}-${n.id}-trigger`;return(0,r.jsxs)(`div`,{className:e.cn(t.default.item,i&&t.default.open),children:[(0,r.jsx)(`h3`,{className:t.default.header,children:(0,r.jsxs)(`button`,{type:`button`,id:s,className:t.default.trigger,"aria-expanded":i,"aria-controls":o,disabled:n.disabled,onClick:()=>g(n.id),children:[(0,r.jsx)(`span`,{children:n.title}),(0,r.jsx)(a,{className:t.default.chevron})]})}),i&&(0,r.jsx)(`div`,{id:o,role:`region`,"aria-labelledby":s,className:t.default.panel,children:n.children})]},n.id)})})}function a({className:e}){return(0,r.jsx)(`svg`,{className:e,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":!0,children:(0,r.jsx)(`path`,{d:`M6 9l6 6 6-6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}exports.Accordion=i;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Accordion","items","multiple","value","defaultValue","onChange","className","reactId","useId","isControlled","internalOpen","setInternalOpen","useState","openIds","toggle","useCallback","id","isOpen","next","x","jsx","cn","styles","item","open","panelId","triggerId","jsxs","ChevronIcon"],"mappings":"gNA8BO,SAASA,EAAU,CACtB,MAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,aAAAC,EAAe,CAAA,EACf,SAAAC,EACA,UAAAC,CACJ,EAAmB,CACf,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAeN,IAAU,OACzB,CAACO,EAAcC,CAAe,EAAIC,EAAAA,SAAmBR,CAAY,EACjES,EAAUJ,EAAeN,EAAQO,EAEjCI,EAASC,EAAAA,YACVC,GAAqB,CAClB,MAAMC,EAASJ,EAAQ,SAASG,CAAE,EAC5BE,EAAOhB,EACPe,EACIJ,EAAQ,OAAQM,GAAMA,IAAMH,CAAE,EAC9B,CAAC,GAAGH,EAASG,CAAE,EACnBC,EACE,CAAA,EACA,CAACD,CAAE,EACNP,GAAcE,EAAgBO,CAAI,EACvCb,IAAWa,CAAI,CACnB,EACA,CAACL,EAASX,EAAUO,EAAcJ,CAAQ,CAAA,EAG9C,OACIe,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,UAAWhB,CAAS,EACzC,SAAAL,EAAM,IAAKsB,GAAS,CACjB,MAAMC,EAAOX,EAAQ,SAASU,EAAK,EAAE,EAC/BE,EAAU,GAAGlB,CAAO,IAAIgB,EAAK,EAAE,SAC/BG,EAAY,GAAGnB,CAAO,IAAIgB,EAAK,EAAE,WACvC,OACII,OAAC,OAAkB,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,KAAME,GAAQF,EAAAA,QAAO,IAAI,EAC7D,SAAA,CAAAF,EAAAA,IAAC,KAAA,CAAG,UAAWE,EAAAA,QAAO,OAClB,SAAAK,EAAAA,KAAC,SAAA,CACG,KAAK,SACL,GAAID,EACJ,UAAWJ,EAAAA,QAAO,QAClB,gBAAeE,EACf,gBAAeC,EACf,SAAUF,EAAK,SACf,QAAS,IAAMT,EAAOS,EAAK,EAAE,EAE7B,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAM,WAAK,KAAA,CAAM,EAClBA,EAAAA,IAACQ,EAAA,CAAY,UAAWN,EAAAA,QAAO,OAAA,CAAS,CAAA,CAAA,CAAA,EAEhD,EACCE,GACGJ,EAAAA,IAAC,MAAA,CACG,GAAIK,EACJ,KAAK,SACL,kBAAiBC,EACjB,UAAWJ,EAAAA,QAAO,MAEjB,SAAAC,EAAK,QAAA,CAAA,CACV,CAAA,EAvBEA,EAAK,EAyBf,CAER,CAAC,CAAA,CACL,CAER,CAEA,SAASK,EAAY,CAAE,UAAAtB,GAAqC,CACxD,OACIc,EAAAA,IAAC,MAAA,CACG,UAAAd,EACA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,cAAW,GAEX,SAAAc,EAAAA,IAAC,OAAA,CACG,EAAE,eACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACnB,CAAA,CAGZ"}
+{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"gIA8BA,SAAgB,EAAU,CACtB,QACA,WAAW,GACX,QACA,eAAe,CAAC,EAChB,WACA,aACe,CACf,IAAM,GAAA,EAAA,EAAA,MAAA,CAAgB,EAChB,EAAe,IAAU,IAAA,GACzB,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAsC,CAAY,EACjE,EAAU,EAAe,EAAQ,EAEjC,GAAA,EAAA,EAAA,YAAA,CACD,GAAqB,CAClB,IAAM,EAAS,EAAQ,SAAS,CAAE,EAC5B,EAAO,EACP,EACI,EAAQ,OAAQ,GAAM,IAAM,CAAE,EAC9B,CAAC,GAAG,EAAS,CAAE,EACnB,EACE,CAAC,EACD,CAAC,CAAE,EACN,GAAc,EAAgB,CAAI,EACvC,IAAW,CAAI,CACnB,EACA,CAAC,EAAS,EAAU,EAAc,CAAQ,CAC9C,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,CAAS,WACzC,EAAM,IAAK,GAAS,CACjB,IAAM,EAAO,EAAQ,SAAS,EAAK,EAAE,EAC/B,EAAU,GAAG,EAAQ,GAAG,EAAK,GAAG,QAChC,EAAY,GAAG,EAAQ,GAAG,EAAK,GAAG,UACxC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAmB,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAQ,EAAA,QAAO,IAAI,WAAjE,EACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,iBAClB,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,GAAI,EACJ,UAAW,EAAA,QAAO,QAClB,gBAAe,EACf,gBAAe,EACf,SAAU,EAAK,SACf,YAAe,EAAO,EAAK,EAAE,WAPjC,EASI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAK,KAAY,CAAA,GACxB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAa,UAAW,EAAA,QAAO,OAAU,CAAA,CACrC,GACR,CAAA,EACH,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,UAAW,EAAA,QAAO,eAEjB,EAAK,QACL,CAAA,CAER,GAzBK,EAAK,EAyBV,CAEb,CAAC,CACA,CAAA,CAEb,CAEA,SAAS,EAAY,CAAE,aAAqC,CACxD,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACe,YACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,cAAA,aAEA,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,eACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb"}

package/dist/components/Accordion/Accordion.js

@@ -1,78 +1,65 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { useId as k, useState as x, useCallback as N } from "react";
-import { cn as f } from "../../utils/cn.js";
-import n from "./Accordion.module.css.js";
-function w({
-  items: c,
-  multiple: l = !1,
-  value: a,
-  defaultValue: g = [],
-  onChange: p,
-  className: m
-}) {
-  const h = k(), d = a !== void 0, [b, v] = x(g), s = d ? a : b, I = N(
-    (e) => {
-      const o = s.includes(e), i = l ? o ? s.filter((t) => t !== e) : [...s, e] : o ? [] : [e];
-      d || v(i), p?.(i);
-    },
-    [s, l, d, p]
-  );
-  return /* @__PURE__ */ r("div", { className: f(n.accordion, m), children: c.map((e) => {
-    const o = s.includes(e.id), i = `${h}-${e.id}-panel`, t = `${h}-${e.id}-trigger`;
-    return /* @__PURE__ */ u("div", { className: f(n.item, o && n.open), children: [
-      /* @__PURE__ */ r("h3", { className: n.header, children: /* @__PURE__ */ u(
-        "button",
-        {
-          type: "button",
-          id: t,
-          className: n.trigger,
-          "aria-expanded": o,
-          "aria-controls": i,
-          disabled: e.disabled,
-          onClick: () => I(e.id),
-          children: [
-            /* @__PURE__ */ r("span", { children: e.title }),
-            /* @__PURE__ */ r(C, { className: n.chevron })
-          ]
-        }
-      ) }),
-      o && /* @__PURE__ */ r(
-        "div",
-        {
-          id: i,
-          role: "region",
-          "aria-labelledby": t,
-          className: n.panel,
-          children: e.children
-        }
-      )
-    ] }, e.id);
-  }) });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Accordion.module.js";
+import { useCallback as n, useId as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+function s({ items: s, multiple: l = !1, value: u, defaultValue: d = [], onChange: f, className: p }) {
+	let m = r(), h = u !== void 0, [g, _] = i(d), v = h ? u : g, y = n((e) => {
+		let t = v.includes(e), n = l ? t ? v.filter((t) => t !== e) : [...v, e] : t ? [] : [e];
+		h || _(n), f?.(n);
+	}, [
+		v,
+		l,
+		h,
+		f
+	]);
+	return /* @__PURE__ */ a("div", {
+		className: e(t.accordion, p),
+		children: s.map((n) => {
+			let r = v.includes(n.id), i = `${m}-${n.id}-panel`, s = `${m}-${n.id}-trigger`;
+			return /* @__PURE__ */ o("div", {
+				className: e(t.item, r && t.open),
+				children: [/* @__PURE__ */ a("h3", {
+					className: t.header,
+					children: /* @__PURE__ */ o("button", {
+						type: "button",
+						id: s,
+						className: t.trigger,
+						"aria-expanded": r,
+						"aria-controls": i,
+						disabled: n.disabled,
+						onClick: () => y(n.id),
+						children: [/* @__PURE__ */ a("span", { children: n.title }), /* @__PURE__ */ a(c, { className: t.chevron })]
+					})
+				}), r && /* @__PURE__ */ a("div", {
+					id: i,
+					role: "region",
+					"aria-labelledby": s,
+					className: t.panel,
+					children: n.children
+				})]
+			}, n.id);
+		})
+	});
 }
-function C({ className: c }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: c,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M6 9l6 6 6-6",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
+function c({ className: e }) {
+	return /* @__PURE__ */ a("svg", {
+		className: e,
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ a("path", {
+			d: "M6 9l6 6 6-6",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
 }
-export {
-  w as Accordion
-};
-//# sourceMappingURL=Accordion.js.map
+//#endregion
+export { s as Accordion };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Accordion","items","multiple","value","defaultValue","onChange","className","reactId","useId","isControlled","internalOpen","setInternalOpen","useState","openIds","toggle","useCallback","id","isOpen","next","x","jsx","cn","styles","item","open","panelId","triggerId","jsxs","ChevronIcon"],"mappings":";;;;AA8BO,SAASA,EAAU;AAAA,EACtB,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,UAAAC;AAAA,EACA,WAAAC;AACJ,GAAmB;AACf,QAAMC,IAAUC,EAAA,GACVC,IAAeN,MAAU,QACzB,CAACO,GAAcC,CAAe,IAAIC,EAAmBR,CAAY,GACjES,IAAUJ,IAAeN,IAAQO,GAEjCI,IAASC;AAAA,IACX,CAACC,MAAqB;AAClB,YAAMC,IAASJ,EAAQ,SAASG,CAAE,GAC5BE,IAAOhB,IACPe,IACIJ,EAAQ,OAAO,CAACM,MAAMA,MAAMH,CAAE,IAC9B,CAAC,GAAGH,GAASG,CAAE,IACnBC,IACE,CAAA,IACA,CAACD,CAAE;AACX,MAAKP,KAAcE,EAAgBO,CAAI,GACvCb,IAAWa,CAAI;AAAA,IACnB;AAAA,IACA,CAACL,GAASX,GAAUO,GAAcJ,CAAQ;AAAA,EAAA;AAG9C,SACI,gBAAAe,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,WAAWhB,CAAS,GACzC,UAAAL,EAAM,IAAI,CAACsB,MAAS;AACjB,UAAMC,IAAOX,EAAQ,SAASU,EAAK,EAAE,GAC/BE,IAAU,GAAGlB,CAAO,IAAIgB,EAAK,EAAE,UAC/BG,IAAY,GAAGnB,CAAO,IAAIgB,EAAK,EAAE;AACvC,WACI,gBAAAI,EAAC,SAAkB,WAAWN,EAAGC,EAAO,MAAME,KAAQF,EAAO,IAAI,GAC7D,UAAA;AAAA,MAAA,gBAAAF,EAAC,MAAA,EAAG,WAAWE,EAAO,QAClB,UAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,IAAID;AAAA,UACJ,WAAWJ,EAAO;AAAA,UAClB,iBAAeE;AAAA,UACf,iBAAeC;AAAA,UACf,UAAUF,EAAK;AAAA,UACf,SAAS,MAAMT,EAAOS,EAAK,EAAE;AAAA,UAE7B,UAAA;AAAA,YAAA,gBAAAH,EAAC,QAAA,EAAM,YAAK,MAAA,CAAM;AAAA,YAClB,gBAAAA,EAACQ,GAAA,EAAY,WAAWN,EAAO,QAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhD;AAAA,MACCE,KACG,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAIK;AAAA,UACJ,MAAK;AAAA,UACL,mBAAiBC;AAAA,UACjB,WAAWJ,EAAO;AAAA,UAEjB,UAAAC,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACV,EAAA,GAvBEA,EAAK,EAyBf;AAAA,EAER,CAAC,EAAA,CACL;AAER;AAEA,SAASK,EAAY,EAAE,WAAAtB,KAAqC;AACxD,SACI,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAAd;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAW;AAAA,MAEX,UAAA,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACnB;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAgB,EAAU,EACtB,UACA,cAAW,IACX,UACA,kBAAe,CAAC,GAChB,aACA,gBACe;CACf,IAAM,IAAU,EAAM,GAChB,IAAe,MAAU,KAAA,GACzB,CAAC,GAAc,KAAmB,EAAmB,CAAY,GACjE,IAAU,IAAe,IAAQ,GAEjC,IAAS,GACV,MAAqB;EAClB,IAAM,IAAS,EAAQ,SAAS,CAAE,GAC5B,IAAO,IACP,IACI,EAAQ,QAAQ,MAAM,MAAM,CAAE,IAC9B,CAAC,GAAG,GAAS,CAAE,IACnB,IACE,CAAC,IACD,CAAC,CAAE;EAEX,AADK,KAAc,EAAgB,CAAI,GACvC,IAAW,CAAI;CACnB,GACA;EAAC;EAAS;EAAU;EAAc;CAAQ,CAC9C;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,WAAW,CAAS;YACzC,EAAM,KAAK,MAAS;GACjB,IAAM,IAAO,EAAQ,SAAS,EAAK,EAAE,GAC/B,IAAU,GAAG,EAAQ,GAAG,EAAK,GAAG,SAChC,IAAY,GAAG,EAAQ,GAAG,EAAK,GAAG;GACxC,OACI,kBAAC,OAAD;IAAmB,WAAW,EAAG,EAAO,MAAM,KAAQ,EAAO,IAAI;cAAjE,CACI,kBAAC,MAAD;KAAI,WAAW,EAAO;eAClB,kBAAC,UAAD;MACI,MAAK;MACL,IAAI;MACJ,WAAW,EAAO;MAClB,iBAAe;MACf,iBAAe;MACf,UAAU,EAAK;MACf,eAAe,EAAO,EAAK,EAAE;gBAPjC,CASI,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA,GACxB,kBAAC,GAAD,EAAa,WAAW,EAAO,QAAU,CAAA,CACrC;;IACR,CAAA,GACH,KACG,kBAAC,OAAD;KACI,IAAI;KACJ,MAAK;KACL,mBAAiB;KACjB,WAAW,EAAO;eAEjB,EAAK;IACL,CAAA,CAER;MAzBK,EAAK,EAyBV;EAEb,CAAC;CACA,CAAA;AAEb;AAEA,SAAS,EAAY,EAAE,gBAAqC;CACxD,OACI,kBAAC,OAAD;EACe;EACX,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,eAAA;YAEA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Accordion/Accordion.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_accordion_LVhhv`,t=`tempest_item_7ryVk`,n=`tempest_header_WaTdJ`,r=`tempest_trigger_9BYFY`,i=`tempest_chevron_i-HVZ`,a=`tempest_open_98jLY`,o=`tempest_panel_Wx50w`,s={accordion:e,item:t,header:n,trigger:r,chevron:i,open:a,panel:o};exports.accordion=e,exports.chevron=i,exports.default=s,exports.header=n,exports.item=t,exports.open=a,exports.panel=o,exports.trigger=r;
+//# sourceMappingURL=Accordion.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":""}

package/dist/components/Accordion/Accordion.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Accordion/Accordion.module.css
+var e = "tempest_accordion_LVhhv", t = "tempest_item_7ryVk", n = "tempest_header_WaTdJ", r = "tempest_trigger_9BYFY", i = "tempest_chevron_i-HVZ", a = "tempest_open_98jLY", o = "tempest_panel_Wx50w", s = {
+	accordion: e,
+	item: t,
+	header: n,
+	trigger: r,
+	chevron: i,
+	open: a,
+	panel: o
+};
+//#endregion
+export { e as accordion, i as chevron, s as default, n as header, t as item, a as open, o as panel, r as trigger };
+
+//# sourceMappingURL=Accordion.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":""}

package/dist/components/Alert/Alert.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../utils/cn.cjs"),e=require("./Alert.module.css.cjs");function h({variant:a="info",appearance:l="soft",title:s,description:r,icon:i,onClose:n,closeLabel:o="Dismiss",className:d,children:u,...c}){return t.jsxs("div",{role:"alert",className:f.cn(e.default.alert,e.default[a],l==="solid"&&e.default.solid,l==="outline"&&e.default.outline,d),...c,children:[i&&t.jsx("span",{className:e.default.icon,children:i}),t.jsxs("div",{className:e.default.content,children:[s&&t.jsx("p",{className:e.default.title,children:s}),r&&t.jsx("p",{className:e.default.description,children:r}),u]}),n&&t.jsx("button",{type:"button",className:e.default.close,onClick:n,"aria-label":o,children:t.jsx(j,{})})]})}function j(){return t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:t.jsx("path",{d:"M6 6l12 12M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}exports.Alert=h;
-//# sourceMappingURL=Alert.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Alert.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`info`,appearance:a=`soft`,title:o,description:s,icon:c,onClose:l,closeLabel:u=`Dismiss`,className:d,children:f,...p}){return(0,n.jsxs)(`div`,{role:`alert`,className:e.cn(t.default.alert,t.default[r],a===`solid`&&t.default.solid,a===`outline`&&t.default.outline,d),...p,children:[c&&(0,n.jsx)(`span`,{className:t.default.icon,children:c}),(0,n.jsxs)(`div`,{className:t.default.content,children:[o&&(0,n.jsx)(`p`,{className:t.default.title,children:o}),s&&(0,n.jsx)(`p`,{className:t.default.description,children:s}),f]}),l&&(0,n.jsx)(`button`,{type:`button`,className:t.default.close,onClick:l,"aria-label":u,children:(0,n.jsx)(i,{})})]})}function i(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":!0,children:(0,n.jsx)(`path`,{d:`M6 6l12 12M18 6L6 18`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}exports.Alert=r;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Alert","variant","appearance","title","description","icon","onClose","closeLabel","className","children","props","jsxs","cn","styles","jsx","CloseIcon"],"mappings":"yLAyBO,SAASA,EAAM,CAClB,QAAAC,EAAU,OACV,WAAAC,EAAa,OACb,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,UACb,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAe,CACX,OACIC,EAAAA,KAAC,MAAA,CACG,KAAK,QACL,UAAWC,EAAAA,GACPC,EAAAA,QAAO,MACPA,EAAAA,QAAOZ,CAAO,EACdC,IAAe,SAAWW,EAAAA,QAAO,MACjCX,IAAe,WAAaW,EAAAA,QAAO,QACnCL,CAAA,EAEH,GAAGE,EAEH,SAAA,CAAAL,GAAQS,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAR,EAAK,EAC7CM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,QAClB,SAAA,CAAAV,GAASW,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,MAAQ,SAAAV,EAAM,EAC5CC,GAAeU,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,YAAc,SAAAT,EAAY,EAC9DK,CAAA,EACL,EACCH,GACGQ,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,MAClB,QAASP,EACT,aAAYC,EAEZ,eAACQ,EAAA,CAAA,CAAU,CAAA,CAAA,CACf,CAAA,CAAA,CAIhB,CAEA,SAASA,GAAY,CACjB,OACID,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAW,GACnE,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OAAA,CAAA,EAEtB,CAER"}
+{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"yGAyBA,SAAgB,EAAM,CAClB,UAAU,OACV,aAAa,OACb,QACA,cACA,OACA,UACA,aAAa,UACb,YACA,WACA,GAAG,GACQ,CACX,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,QACL,UAAW,EAAA,GACP,EAAA,QAAO,MACP,EAAA,QAAO,GACP,IAAe,SAAW,EAAA,QAAO,MACjC,IAAe,WAAa,EAAA,QAAO,QACnC,CACJ,EACA,GAAI,WATR,CAWK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GACnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAvB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,CAAS,CAAA,EAC/C,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,EACjE,CACA,IACJ,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,QAAS,EACT,aAAY,YAEZ,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAEX,GAEb,CAEA,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAA,aACxD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}

package/dist/components/Alert/Alert.js

@@ -1,63 +1,57 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { cn as u } from "../../utils/cn.js";
-import e from "./Alert.module.css.js";
-function v({
-  variant: c = "info",
-  appearance: r = "soft",
-  title: t,
-  description: l,
-  icon: o,
-  onClose: s,
-  closeLabel: a = "Dismiss",
-  className: d,
-  children: h,
-  ...m
-}) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      role: "alert",
-      className: u(
-        e.alert,
-        e[c],
-        r === "solid" && e.solid,
-        r === "outline" && e.outline,
-        d
-      ),
-      ...m,
-      children: [
-        o && /* @__PURE__ */ i("span", { className: e.icon, children: o }),
-        /* @__PURE__ */ n("div", { className: e.content, children: [
-          t && /* @__PURE__ */ i("p", { className: e.title, children: t }),
-          l && /* @__PURE__ */ i("p", { className: e.description, children: l }),
-          h
-        ] }),
-        s && /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            className: e.close,
-            onClick: s,
-            "aria-label": a,
-            children: /* @__PURE__ */ i(f, {})
-          }
-        )
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Alert.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Alert/Alert.tsx
+function i({ variant: i = "info", appearance: o = "soft", title: s, description: c, icon: l, onClose: u, closeLabel: d = "Dismiss", className: f, children: p, ...m }) {
+	return /* @__PURE__ */ r("div", {
+		role: "alert",
+		className: e(t.alert, t[i], o === "solid" && t.solid, o === "outline" && t.outline, f),
+		...m,
+		children: [
+			l && /* @__PURE__ */ n("span", {
+				className: t.icon,
+				children: l
+			}),
+			/* @__PURE__ */ r("div", {
+				className: t.content,
+				children: [
+					s && /* @__PURE__ */ n("p", {
+						className: t.title,
+						children: s
+					}),
+					c && /* @__PURE__ */ n("p", {
+						className: t.description,
+						children: c
+					}),
+					p
+				]
+			}),
+			u && /* @__PURE__ */ n("button", {
+				type: "button",
+				className: t.close,
+				onClick: u,
+				"aria-label": d,
+				children: /* @__PURE__ */ n(a, {})
+			})
+		]
+	});
 }
-function f() {
-  return /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ i(
-    "path",
-    {
-      d: "M6 6l12 12M18 6L6 18",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    }
-  ) });
+function a() {
+	return /* @__PURE__ */ n("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ n("path", {
+			d: "M6 6l12 12M18 6L6 18",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	});
 }
-export {
-  v as Alert
-};
-//# sourceMappingURL=Alert.js.map
+//#endregion
+export { i as Alert };
+
+//# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Alert","variant","appearance","title","description","icon","onClose","closeLabel","className","children","props","jsxs","cn","styles","jsx","CloseIcon"],"mappings":";;;AAyBO,SAASA,EAAM;AAAA,EAClB,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAe;AACX,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOZ,CAAO;AAAA,QACdC,MAAe,WAAWW,EAAO;AAAA,QACjCX,MAAe,aAAaW,EAAO;AAAA,QACnCL;AAAA,MAAA;AAAA,MAEH,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAL,KAAQ,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAR,GAAK;AAAA,QAC7C,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,SAClB,UAAA;AAAA,UAAAV,KAAS,gBAAAW,EAAC,KAAA,EAAE,WAAWD,EAAO,OAAQ,UAAAV,GAAM;AAAA,UAC5CC,KAAe,gBAAAU,EAAC,KAAA,EAAE,WAAWD,EAAO,aAAc,UAAAT,GAAY;AAAA,UAC9DK;AAAA,QAAA,GACL;AAAA,QACCH,KACG,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAWD,EAAO;AAAA,YAClB,SAASP;AAAA,YACT,cAAYC;AAAA,YAEZ,4BAACQ,GAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,SAASA,IAAY;AACjB,SACI,gBAAAD,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAW,IACnE,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,IAAA;AAAA,EAAA,GAEtB;AAER;"}
+{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;AAyBA,SAAgB,EAAM,EAClB,aAAU,QACV,gBAAa,QACb,UACA,gBACA,SACA,YACA,gBAAa,WACb,cACA,aACA,GAAG,KACQ;CACX,OACI,kBAAC,OAAD;EACI,MAAK;EACL,WAAW,EACP,EAAO,OACP,EAAO,IACP,MAAe,WAAW,EAAO,OACjC,MAAe,aAAa,EAAO,SACnC,CACJ;EACA,GAAI;YATR;GAWK,KAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACK,KAAS,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAAQ;KAAS,CAAA;KAC/C,KAAe,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAAc;KAAe,CAAA;KACjE;IACA;;GACJ,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,SAAS;IACT,cAAY;cAEZ,kBAAC,GAAD,CAAY,CAAA;GACR,CAAA;EAEX;;AAEb;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;YACxD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Alert/Alert.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_alert_7cYyI`,t=`tempest_content_UXnmZ`,n=`tempest_title_abGgF`,r=`tempest_description_pXPvw`,i=`tempest_icon_Zg6SB`,a=`tempest_close_narep`,o=`tempest_neutral_J7MH1`,s=`tempest_solid_s-oW5`,c=`tempest_outline_v7w9b`,l=`tempest_info_9r3r1`,u=`tempest_success_1bzoB`,d=`tempest_warning_q-j1Q`,f=`tempest_danger_CiZkW`,p={alert:e,content:t,title:n,description:r,icon:i,close:a,neutral:o,solid:s,outline:c,info:l,success:u,warning:d,danger:f};exports.alert=e,exports.close=a,exports.content=t,exports.danger=f,exports.default=p,exports.description=r,exports.icon=i,exports.info=l,exports.neutral=o,exports.outline=c,exports.solid=s,exports.success=u,exports.title=n,exports.warning=d;
+//# sourceMappingURL=Alert.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.cjs","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: #ffffff;\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/Alert/Alert.module.js

@@ -0,0 +1,20 @@
+//#region src/components/Alert/Alert.module.css
+var e = "tempest_alert_7cYyI", t = "tempest_content_UXnmZ", n = "tempest_title_abGgF", r = "tempest_description_pXPvw", i = "tempest_icon_Zg6SB", a = "tempest_close_narep", o = "tempest_neutral_J7MH1", s = "tempest_solid_s-oW5", c = "tempest_outline_v7w9b", l = "tempest_info_9r3r1", u = "tempest_success_1bzoB", d = "tempest_warning_q-j1Q", f = "tempest_danger_CiZkW", p = {
+	alert: e,
+	content: t,
+	title: n,
+	description: r,
+	icon: i,
+	close: a,
+	neutral: o,
+	solid: s,
+	outline: c,
+	info: l,
+	success: u,
+	warning: d,
+	danger: f
+};
+//#endregion
+export { e as alert, a as close, t as content, f as danger, p as default, r as description, i as icon, l as info, o as neutral, c as outline, s as solid, u as success, n as title, d as warning };
+
+//# sourceMappingURL=Alert.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.js","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: #ffffff;\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: #ffffff;\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/AppBar/AppBar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),N=require("lucide-react"),g=require("../../utils/cn.cjs"),e=require("./AppBar.module.css.cjs");function k({title:t,leading:l,showBack:s=!1,onBack:n,backLabel:c="Go back",backIcon:d,brand:r,actions:i,centered:u=!1,sticky:o=!0,tone:f="surface",bordered:h=!0,safeArea:j=!0,className:m,...p}){const b=n??(()=>window.history.back()),x=l??a.jsxs(a.Fragment,{children:[s&&a.jsx("button",{type:"button",className:e.default.iconBtn,onClick:b,"aria-label":c,children:d??a.jsx(N.ArrowLeft,{size:22,"aria-hidden":"true"})}),r&&a.jsx("span",{className:e.default.brand,children:r})]});return a.jsxs("header",{className:g.cn(e.default.bar,e.default[f],u&&e.default.centered,o&&e.default.sticky,h&&e.default.bordered,j&&e.default.safeArea,m),...p,children:[a.jsx("div",{className:e.default.leading,children:x}),t!=null&&t!==""&&a.jsx("h1",{className:e.default.title,"aria-live":"polite",children:t}),a.jsx("div",{className:e.default.actions,children:i})]})}exports.AppBar=k;
-//# sourceMappingURL=AppBar.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./AppBar.module.cjs");let n=require("react/jsx-runtime"),r=require("lucide-react");function i({title:i,leading:a,showBack:o=!1,onBack:s,backLabel:c=`Go back`,backIcon:l,brand:u,actions:d,centered:f=!1,sticky:p=!0,tone:m=`surface`,bordered:h=!0,safeArea:g=!0,className:_,...v}){let y=s??(()=>window.history.back()),b=a??(0,n.jsxs)(n.Fragment,{children:[o&&(0,n.jsx)(`button`,{type:`button`,className:t.default.iconBtn,onClick:y,"aria-label":c,children:l??(0,n.jsx)(r.ArrowLeft,{size:22,"aria-hidden":`true`})}),u&&(0,n.jsx)(`span`,{className:t.default.brand,children:u})]});return(0,n.jsxs)(`header`,{className:e.cn(t.default.bar,t.default[m],f&&t.default.centered,p&&t.default.sticky,h&&t.default.bordered,g&&t.default.safeArea,_),...v,children:[(0,n.jsx)(`div`,{className:t.default.leading,children:b}),i!=null&&i!==``&&(0,n.jsx)(`h1`,{className:t.default.title,"aria-live":`polite`,children:i}),(0,n.jsx)(`div`,{className:t.default.actions,children:d})]})}exports.AppBar=i;
+//# sourceMappingURL=AppBar.cjs.map

package/dist/components/AppBar/AppBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.cjs","sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AppBar.module.css\";\n\nexport type AppBarTone = \"surface\" | \"primary\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /** Stick to the top of the scroll container. Default `true`. */\n    sticky?: boolean;\n    /** Visual tone. Default `\"surface\"`. */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"names":["AppBar","title","leading","showBack","onBack","backLabel","backIcon","brand","actions","centered","sticky","tone","bordered","safeArea","className","props","handleBack","leadingContent","jsxs","Fragment","jsx","styles","ArrowLeft","cn"],"mappings":"oNA+DO,SAASA,EAAO,CACnB,MAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EACA,UAAAC,EAAY,UACZ,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EAAS,GACT,KAAAC,EAAO,UACP,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,UAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,MAAMC,EAAaZ,IAAW,IAAM,OAAO,QAAQ,KAAA,GAE7Ca,EAAiBf,GACnBgB,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAhB,GACGiB,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,QAAO,QAClB,QAASL,EACT,aAAYX,EAEX,YAAYe,EAAAA,IAACE,EAAAA,UAAA,CAAU,KAAM,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,EAG5Df,GAASa,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,SAAAd,CAAA,CAAM,CAAA,EACpD,EAGJ,OACIW,EAAAA,KAAC,SAAA,CACG,UAAWK,EAAAA,GACPF,EAAAA,QAAO,IACPA,EAAAA,QAAOV,CAAI,EACXF,GAAYY,EAAAA,QAAO,SACnBX,GAAUW,EAAAA,QAAO,OACjBT,GAAYS,EAAAA,QAAO,SACnBR,GAAYQ,EAAAA,QAAO,SACnBP,CAAA,EAEH,GAAGC,EAEJ,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,QAAU,SAAAJ,EAAe,EAC/ChB,GAAS,MAAQA,IAAU,IACxBmB,EAAAA,IAAC,KAAA,CAAG,UAAWC,EAAAA,QAAO,MAAO,YAAU,SAClC,SAAApB,CAAA,CACL,EAEJmB,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,QAAU,SAAAb,CAAA,CAAQ,CAAA,CAAA,CAAA,CAGrD"}
+{"version":3,"file":"AppBar.cjs","names":[],"sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AppBar.module.css\";\n\nexport type AppBarTone = \"surface\" | \"primary\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /** Stick to the top of the scroll container. Default `true`. */\n    sticky?: boolean;\n    /** Visual tone. Default `\"surface\"`. */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"mappings":"oIA+DA,SAAgB,EAAO,CACnB,QACA,UACA,WAAW,GACX,SACA,YAAY,UACZ,WACA,QACA,UACA,WAAW,GACX,SAAS,GACT,OAAO,UACP,WAAW,GACX,WAAW,GACX,YACA,GAAG,GACS,CACZ,IAAM,EAAa,QAAiB,OAAO,QAAQ,KAAK,GAElD,EAAiB,IACnB,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,QAClB,QAAS,EACT,aAAY,WAEX,IAAY,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,KAAM,GAAI,cAAY,MAAQ,CAAA,CAClD,CAAA,EAEX,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,CACxD,CAAA,CAAA,EAGN,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,IACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAU,EAAA,QAAO,OACjB,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,GAAI,WAVR,EAYI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAoB,CAAA,EACpD,GAAS,MAAQ,IAAU,KACxB,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,MAAO,YAAU,kBAClC,CACD,CAAA,GAER,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,CAC1C,GAEhB"}