tempest-react-sdk 0.22.0 → 0.24.0

package/dist/charts/palette.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.cjs","names":[],"sources":["../../src/charts/palette.ts"],"sourcesContent":["/**\n * Default color palette for Tempest charts.\n *\n * A set of six visually distinct hex colors (blue, green, amber, violet, pink,\n * cyan) used to color chart series in cycle order. Exported so callers can\n * import and theme their own charts, or pass a custom `colors` array to any\n * chart component to override it.\n */\nexport const DEFAULT_CHART_COLORS: string[] = [\n    \"#2563eb\", // blue\n    \"#16a34a\", // green\n    \"#f59e0b\", // amber\n    \"#7c3aed\", // violet\n    \"#ec4899\", // pink\n    \"#06b6d4\", // cyan\n];\n"],"mappings":"AAQA,IAAa,EAAiC,CAC1C,UACA,UACA,UACA,UACA,UACA,SACJ"}

package/dist/charts/palette.js

@@ -0,0 +1,13 @@
+//#region src/charts/palette.ts
+var e = [
+	"#2563eb",
+	"#16a34a",
+	"#f59e0b",
+	"#7c3aed",
+	"#ec4899",
+	"#06b6d4"
+];
+//#endregion
+export { e as DEFAULT_CHART_COLORS };
+
+//# sourceMappingURL=palette.js.map

package/dist/charts/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../src/charts/palette.ts"],"sourcesContent":["/**\n * Default color palette for Tempest charts.\n *\n * A set of six visually distinct hex colors (blue, green, amber, violet, pink,\n * cyan) used to color chart series in cycle order. Exported so callers can\n * import and theme their own charts, or pass a custom `colors` array to any\n * chart component to override it.\n */\nexport const DEFAULT_CHART_COLORS: string[] = [\n    \"#2563eb\", // blue\n    \"#16a34a\", // green\n    \"#f59e0b\", // amber\n    \"#7c3aed\", // violet\n    \"#ec4899\", // pink\n    \"#06b6d4\", // cyan\n];\n"],"mappings":";AAQA,IAAa,IAAiC;CAC1C;CACA;CACA;CACA;CACA;CACA;AACJ"}

package/dist/charts/types.cjs

@@ -0,0 +1,2 @@
+function e(e){if(e)return t=>e(Number(t))}exports.toTooltipFormatter=e;
+//# sourceMappingURL=types.cjs.map

package/dist/charts/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/charts/types.ts"],"sourcesContent":["/**\n * Tabular data consumed by every chart: an array of rows, where each row maps a\n * column key to a string (label) or number (value).\n */\nexport type ChartData = Array<Record<string, string | number>>;\n\nimport type {\n    Formatter,\n    NameType,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\n\n/**\n * Recharts tooltip formatters receive a loosely-typed value. This adapts a\n * friendly `(value: number) => string` formatter into a recharts `Formatter`,\n * coercing the incoming value to a number first.\n *\n * @param valueFormatter - The user-supplied numeric formatter, if any.\n * @returns A recharts-compatible formatter, or undefined when none was given.\n */\nexport function toTooltipFormatter(\n    valueFormatter?: (value: number) => string,\n): Formatter<ValueType, NameType> | undefined {\n    if (!valueFormatter) return undefined;\n    return (value: ValueType | undefined): string => valueFormatter(Number(value));\n}\n\n/**\n * Shared props for the cartesian chart family (Area, Bar, Line) and Radar.\n *\n * Each chart plots one series per entry in `categories`, reading values from the\n * matching key on every row, and uses `index` for the category axis.\n */\nexport interface CartesianChartProps {\n    /** Rows of data to plot. */\n    data: ChartData;\n    /** Row key used for the x-axis (cartesian) or angle axis (radar). */\n    index: string;\n    /** Row keys to plot, one series each. */\n    categories: string[];\n    /** Series colors, cycled per category. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR). When omitted,\n     * the chart fills its parent via a ResponsiveContainer.\n     */\n    width?: number;\n    /** Stack all series on a shared stackId instead of grouping them. */\n    stack?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the cartesian grid. Defaults to true. */\n    showGrid?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip/axis display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n\n/**\n * Props for the {@link PieChart} component.\n */\nexport interface PieChartProps {\n    /** Rows of data to plot, one slice each. */\n    data: ChartData;\n    /** Row key holding the numeric slice value. */\n    category: string;\n    /** Row key holding the slice name/label. */\n    index: string;\n    /** Slice colors, cycled per slice. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR).\n     */\n    width?: number;\n    /** Render as a donut (non-zero inner radius) instead of a full pie. */\n    donut?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n"],"mappings":"AAoBA,SAAgB,EACZ,EAC0C,CACrC,KACL,MAAQ,IAAyC,EAAe,OAAO,CAAK,CAAC,CACjF"}

package/dist/charts/types.js

@@ -0,0 +1,8 @@
+//#region src/charts/types.ts
+function e(e) {
+	if (e) return (t) => e(Number(t));
+}
+//#endregion
+export { e as toTooltipFormatter };
+
+//# sourceMappingURL=types.js.map

package/dist/charts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/charts/types.ts"],"sourcesContent":["/**\n * Tabular data consumed by every chart: an array of rows, where each row maps a\n * column key to a string (label) or number (value).\n */\nexport type ChartData = Array<Record<string, string | number>>;\n\nimport type {\n    Formatter,\n    NameType,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\n\n/**\n * Recharts tooltip formatters receive a loosely-typed value. This adapts a\n * friendly `(value: number) => string` formatter into a recharts `Formatter`,\n * coercing the incoming value to a number first.\n *\n * @param valueFormatter - The user-supplied numeric formatter, if any.\n * @returns A recharts-compatible formatter, or undefined when none was given.\n */\nexport function toTooltipFormatter(\n    valueFormatter?: (value: number) => string,\n): Formatter<ValueType, NameType> | undefined {\n    if (!valueFormatter) return undefined;\n    return (value: ValueType | undefined): string => valueFormatter(Number(value));\n}\n\n/**\n * Shared props for the cartesian chart family (Area, Bar, Line) and Radar.\n *\n * Each chart plots one series per entry in `categories`, reading values from the\n * matching key on every row, and uses `index` for the category axis.\n */\nexport interface CartesianChartProps {\n    /** Rows of data to plot. */\n    data: ChartData;\n    /** Row key used for the x-axis (cartesian) or angle axis (radar). */\n    index: string;\n    /** Row keys to plot, one series each. */\n    categories: string[];\n    /** Series colors, cycled per category. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR). When omitted,\n     * the chart fills its parent via a ResponsiveContainer.\n     */\n    width?: number;\n    /** Stack all series on a shared stackId instead of grouping them. */\n    stack?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the cartesian grid. Defaults to true. */\n    showGrid?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip/axis display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n\n/**\n * Props for the {@link PieChart} component.\n */\nexport interface PieChartProps {\n    /** Rows of data to plot, one slice each. */\n    data: ChartData;\n    /** Row key holding the numeric slice value. */\n    category: string;\n    /** Row key holding the slice name/label. */\n    index: string;\n    /** Slice colors, cycled per slice. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR).\n     */\n    width?: number;\n    /** Render as a donut (non-zero inner radius) instead of a full pie. */\n    donut?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n"],"mappings":";AAoBA,SAAgB,EACZ,GAC0C;CACrC,OACL,QAAQ,MAAyC,EAAe,OAAO,CAAK,CAAC;AACjF"}

package/dist/charts.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("recharts"),p=require("./cn-CNScIEB4.cjs"),f=["#2563eb","#16a34a","#f59e0b","#7c3aed","#ec4899","#06b6d4"];function A(a){if(a)return d=>a(Number(d))}function y({data:a,index:d,categories:c,colors:t=f,height:n=300,width:s,stack:j=!1,showLegend:h=!0,showGrid:C=!0,showTooltip:x=!0,valueFormatter:l,className:o}){const u=j?"stack":void 0,i=e.jsxs(r.AreaChart,{data:a,width:s,height:n,children:[C?e.jsx(r.CartesianGrid,{strokeDasharray:"3 3"}):null,e.jsx(r.XAxis,{dataKey:d}),e.jsx(r.YAxis,{tickFormatter:l}),x?e.jsx(r.Tooltip,{formatter:A(l)}):null,h?e.jsx(r.Legend,{}):null,c.map((m,R)=>{const v=t[R%t.length];return e.jsx(r.Area,{type:"monotone",dataKey:m,stackId:u,stroke:v,fill:v,fillOpacity:.3},m)})]});return e.jsx("div",{className:p.cn(o),children:s!==void 0?i:e.jsx(r.ResponsiveContainer,{width:"100%",height:n,children:i})})}function k({data:a,index:d,categories:c,colors:t=f,height:n=300,width:s,stack:j=!1,showLegend:h=!0,showGrid:C=!0,showTooltip:x=!0,valueFormatter:l,className:o}){const u=j?"stack":void 0,i=e.jsxs(r.BarChart,{data:a,width:s,height:n,children:[C?e.jsx(r.CartesianGrid,{strokeDasharray:"3 3"}):null,e.jsx(r.XAxis,{dataKey:d}),e.jsx(r.YAxis,{tickFormatter:l}),x?e.jsx(r.Tooltip,{formatter:A(l)}):null,h?e.jsx(r.Legend,{}):null,c.map((m,R)=>e.jsx(r.Bar,{dataKey:m,stackId:u,fill:t[R%t.length]},m))]});return e.jsx("div",{className:p.cn(o),children:s!==void 0?i:e.jsx(r.ResponsiveContainer,{width:"100%",height:n,children:i})})}function L({data:a,index:d,categories:c,colors:t=f,height:n=300,width:s,showLegend:j=!0,showGrid:h=!0,showTooltip:C=!0,valueFormatter:x,className:l}){const o=e.jsxs(r.LineChart,{data:a,width:s,height:n,children:[h?e.jsx(r.CartesianGrid,{strokeDasharray:"3 3"}):null,e.jsx(r.XAxis,{dataKey:d}),e.jsx(r.YAxis,{tickFormatter:x}),C?e.jsx(r.Tooltip,{formatter:A(x)}):null,j?e.jsx(r.Legend,{}):null,c.map((u,i)=>e.jsx(r.Line,{type:"monotone",dataKey:u,stroke:t[i%t.length],dot:!1},u))]});return e.jsx("div",{className:p.cn(l),children:s!==void 0?o:e.jsx(r.ResponsiveContainer,{width:"100%",height:n,children:o})})}function T({data:a,category:d,index:c,colors:t=f,height:n=300,width:s,donut:j=!1,showLegend:h=!0,showTooltip:C=!0,valueFormatter:x,className:l}){const o=e.jsxs(r.PieChart,{width:s,height:n,children:[C?e.jsx(r.Tooltip,{formatter:A(x)}):null,h?e.jsx(r.Legend,{}):null,e.jsx(r.Pie,{data:a,dataKey:d,nameKey:c,innerRadius:j?"60%":0,outerRadius:"80%",children:a.map((u,i)=>e.jsx(r.Cell,{fill:t[i%t.length]},`${String(u[c])}-${i}`))})]});return e.jsx("div",{className:p.cn(l),children:s!==void 0?o:e.jsx(r.ResponsiveContainer,{width:"100%",height:n,children:o})})}function K({data:a,index:d,categories:c,colors:t=f,height:n=300,width:s,showLegend:j=!0,showTooltip:h=!0,valueFormatter:C,className:x}){const l=e.jsxs(r.RadarChart,{data:a,width:s,height:n,children:[e.jsx(r.PolarGrid,{}),e.jsx(r.PolarAngleAxis,{dataKey:d}),e.jsx(r.PolarRadiusAxis,{}),h?e.jsx(r.Tooltip,{formatter:A(C)}):null,j?e.jsx(r.Legend,{}):null,c.map((o,u)=>{const i=t[u%t.length];return e.jsx(r.Radar,{dataKey:o,stroke:i,fill:i,fillOpacity:.3},o)})]});return e.jsx("div",{className:p.cn(x),children:s!==void 0?l:e.jsx(r.ResponsiveContainer,{width:"100%",height:n,children:l})})}exports.AreaChart=y;exports.BarChart=k;exports.DEFAULT_CHART_COLORS=f;exports.LineChart=L;exports.PieChart=T;exports.RadarChart=K;
-//# sourceMappingURL=charts.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts/palette.cjs"),t=require("./charts/AreaChart.cjs"),n=require("./charts/BarChart.cjs"),r=require("./charts/LineChart.cjs"),i=require("./charts/PieChart.cjs"),a=require("./charts/RadarChart.cjs");exports.AreaChart=t.AreaChart,exports.BarChart=n.BarChart,exports.DEFAULT_CHART_COLORS=e.DEFAULT_CHART_COLORS,exports.LineChart=r.LineChart,exports.PieChart=i.PieChart,exports.RadarChart=a.RadarChart;

package/dist/charts.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react';
 
 /**
  * AreaChart — themed wrapper over recharts `AreaChart`.

package/dist/charts.js

@@ -1,196 +1,7 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { AreaChart as b, CartesianGrid as P, XAxis as $, YAxis as x, Tooltip as k, Legend as y, Area as B, ResponsiveContainer as A, BarChart as D, Bar as O, LineChart as T, Line as j, PieChart as G, Pie as I, Cell as S, RadarChart as _, PolarGrid as E, PolarAngleAxis as F, PolarRadiusAxis as H, Radar as U } from "recharts";
-import { c as v } from "./cn-C0Sxc9eb.js";
-const K = [
-  "#2563eb",
-  // blue
-  "#16a34a",
-  // green
-  "#f59e0b",
-  // amber
-  "#7c3aed",
-  // violet
-  "#ec4899",
-  // pink
-  "#06b6d4"
-  // cyan
-];
-function R(n) {
-  if (n)
-    return (s) => n(Number(s));
-}
-function w({
-  data: n,
-  index: s,
-  categories: o,
-  colors: t = K,
-  height: a = 300,
-  width: e,
-  stack: h = !1,
-  showLegend: f = !0,
-  showGrid: m = !0,
-  showTooltip: c = !0,
-  valueFormatter: i,
-  className: d
-}) {
-  const u = h ? "stack" : void 0, l = /* @__PURE__ */ p(b, { data: n, width: e, height: a, children: [
-    m ? /* @__PURE__ */ r(P, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ r($, { dataKey: s }),
-    /* @__PURE__ */ r(x, { tickFormatter: i }),
-    c ? /* @__PURE__ */ r(k, { formatter: R(i) }) : null,
-    f ? /* @__PURE__ */ r(y, {}) : null,
-    o.map((C, L) => {
-      const N = t[L % t.length];
-      return /* @__PURE__ */ r(
-        B,
-        {
-          type: "monotone",
-          dataKey: C,
-          stackId: u,
-          stroke: N,
-          fill: N,
-          fillOpacity: 0.3
-        },
-        C
-      );
-    })
-  ] });
-  return /* @__PURE__ */ r("div", { className: v(d), children: e !== void 0 ? l : /* @__PURE__ */ r(A, { width: "100%", height: a, children: l }) });
-}
-function z({
-  data: n,
-  index: s,
-  categories: o,
-  colors: t = K,
-  height: a = 300,
-  width: e,
-  stack: h = !1,
-  showLegend: f = !0,
-  showGrid: m = !0,
-  showTooltip: c = !0,
-  valueFormatter: i,
-  className: d
-}) {
-  const u = h ? "stack" : void 0, l = /* @__PURE__ */ p(D, { data: n, width: e, height: a, children: [
-    m ? /* @__PURE__ */ r(P, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ r($, { dataKey: s }),
-    /* @__PURE__ */ r(x, { tickFormatter: i }),
-    c ? /* @__PURE__ */ r(k, { formatter: R(i) }) : null,
-    f ? /* @__PURE__ */ r(y, {}) : null,
-    o.map((C, L) => /* @__PURE__ */ r(
-      O,
-      {
-        dataKey: C,
-        stackId: u,
-        fill: t[L % t.length]
-      },
-      C
-    ))
-  ] });
-  return /* @__PURE__ */ r("div", { className: v(d), children: e !== void 0 ? l : /* @__PURE__ */ r(A, { width: "100%", height: a, children: l }) });
-}
-function J({
-  data: n,
-  index: s,
-  categories: o,
-  colors: t = K,
-  height: a = 300,
-  width: e,
-  showLegend: h = !0,
-  showGrid: f = !0,
-  showTooltip: m = !0,
-  valueFormatter: c,
-  className: i
-}) {
-  const d = /* @__PURE__ */ p(T, { data: n, width: e, height: a, children: [
-    f ? /* @__PURE__ */ r(P, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ r($, { dataKey: s }),
-    /* @__PURE__ */ r(x, { tickFormatter: c }),
-    m ? /* @__PURE__ */ r(k, { formatter: R(c) }) : null,
-    h ? /* @__PURE__ */ r(y, {}) : null,
-    o.map((u, l) => /* @__PURE__ */ r(
-      j,
-      {
-        type: "monotone",
-        dataKey: u,
-        stroke: t[l % t.length],
-        dot: !1
-      },
-      u
-    ))
-  ] });
-  return /* @__PURE__ */ r("div", { className: v(i), children: e !== void 0 ? d : /* @__PURE__ */ r(A, { width: "100%", height: a, children: d }) });
-}
-function M({
-  data: n,
-  category: s,
-  index: o,
-  colors: t = K,
-  height: a = 300,
-  width: e,
-  donut: h = !1,
-  showLegend: f = !0,
-  showTooltip: m = !0,
-  valueFormatter: c,
-  className: i
-}) {
-  const d = /* @__PURE__ */ p(G, { width: e, height: a, children: [
-    m ? /* @__PURE__ */ r(k, { formatter: R(c) }) : null,
-    f ? /* @__PURE__ */ r(y, {}) : null,
-    /* @__PURE__ */ r(
-      I,
-      {
-        data: n,
-        dataKey: s,
-        nameKey: o,
-        innerRadius: h ? "60%" : 0,
-        outerRadius: "80%",
-        children: n.map((u, l) => /* @__PURE__ */ r(S, { fill: t[l % t.length] }, `${String(u[o])}-${l}`))
-      }
-    )
-  ] });
-  return /* @__PURE__ */ r("div", { className: v(i), children: e !== void 0 ? d : /* @__PURE__ */ r(A, { width: "100%", height: a, children: d }) });
-}
-function Q({
-  data: n,
-  index: s,
-  categories: o,
-  colors: t = K,
-  height: a = 300,
-  width: e,
-  showLegend: h = !0,
-  showTooltip: f = !0,
-  valueFormatter: m,
-  className: c
-}) {
-  const i = /* @__PURE__ */ p(_, { data: n, width: e, height: a, children: [
-    /* @__PURE__ */ r(E, {}),
-    /* @__PURE__ */ r(F, { dataKey: s }),
-    /* @__PURE__ */ r(H, {}),
-    f ? /* @__PURE__ */ r(k, { formatter: R(m) }) : null,
-    h ? /* @__PURE__ */ r(y, {}) : null,
-    o.map((d, u) => {
-      const l = t[u % t.length];
-      return /* @__PURE__ */ r(
-        U,
-        {
-          dataKey: d,
-          stroke: l,
-          fill: l,
-          fillOpacity: 0.3
-        },
-        d
-      );
-    })
-  ] });
-  return /* @__PURE__ */ r("div", { className: v(c), children: e !== void 0 ? i : /* @__PURE__ */ r(A, { width: "100%", height: a, children: i }) });
-}
-export {
-  w as AreaChart,
-  z as BarChart,
-  K as DEFAULT_CHART_COLORS,
-  J as LineChart,
-  M as PieChart,
-  Q as RadarChart
-};
-//# sourceMappingURL=charts.js.map
+import { DEFAULT_CHART_COLORS as e } from "./charts/palette.js";
+import { AreaChart as t } from "./charts/AreaChart.js";
+import { BarChart as n } from "./charts/BarChart.js";
+import { LineChart as r } from "./charts/LineChart.js";
+import { PieChart as i } from "./charts/PieChart.js";
+import { RadarChart as a } from "./charts/RadarChart.js";
+export { t as AreaChart, n as BarChart, e as DEFAULT_CHART_COLORS, r as LineChart, i as PieChart, a as RadarChart };

package/dist/components/Accordion/Accordion.cjs

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,65 @@
+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: 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"
+		})
+	});
+}
+//#endregion
+export { s as Accordion };
+
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+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 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"
+		})
+	});
+}
+//#endregion
+export { i as Alert };
+
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/AppBar/AppBar.js

@@ -0,0 +1,43 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./AppBar.module.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ArrowLeft as a } from "lucide-react";
+//#region src/components/AppBar/AppBar.tsx
+function o({ title: o, leading: s, showBack: c = !1, onBack: l, backLabel: u = "Go back", backIcon: d, brand: f, actions: p, centered: m = !1, sticky: h = !0, tone: g = "surface", bordered: _ = !0, safeArea: v = !0, className: y, ...b }) {
+	let x = l ?? (() => window.history.back()), S = s ?? /* @__PURE__ */ i(n, { children: [c && /* @__PURE__ */ r("button", {
+		type: "button",
+		className: t.iconBtn,
+		onClick: x,
+		"aria-label": u,
+		children: d ?? /* @__PURE__ */ r(a, {
+			size: 22,
+			"aria-hidden": "true"
+		})
+	}), f && /* @__PURE__ */ r("span", {
+		className: t.brand,
+		children: f
+	})] });
+	return /* @__PURE__ */ i("header", {
+		className: e(t.bar, t[g], m && t.centered, h && t.sticky, _ && t.bordered, v && t.safeArea, y),
+		...b,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: t.leading,
+				children: S
+			}),
+			o != null && o !== "" && /* @__PURE__ */ r("h1", {
+				className: t.title,
+				"aria-live": "polite",
+				children: o
+			}),
+			/* @__PURE__ */ r("div", {
+				className: t.actions,
+				children: p
+			})
+		]
+	});
+}
+//#endregion
+export { o as AppBar };
+
+//# sourceMappingURL=AppBar.js.map