tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/Alert/Alert.js

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_alert_7cYyI",e="tempest_content_UXnmZ",n="tempest_title_abGgF",s="tempest_description_pXPvw",o="tempest_icon_Zg6SB",c="tempest_close_narep",i="tempest_neutral_J7MH1",l="tempest_solid_s-oW5",r="tempest_outline_v7w9b",_="tempest_info_9r3r1",a="tempest_success_1bzoB",p="tempest_warning_q-j1Q",u="tempest_danger_CiZkW",d={alert:t,content:e,title:n,description:s,icon:o,close:c,neutral:i,solid:l,outline:r,info:_,success:a,warning:p,danger:u};exports.alert=t;exports.close=c;exports.content=e;exports.danger=u;exports.default=d;exports.description=s;exports.icon=o;exports.info=_;exports.neutral=i;exports.outline=r;exports.solid=l;exports.success=a;exports.title=n;exports.warning=p;
+//# sourceMappingURL=Alert.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/AppBar/AppBar.cjs

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

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

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

package/dist/components/AppBar/AppBar.js

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

package/dist/components/AppBar/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","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":";;;;AA+DO,SAASA,EAAO;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACP,GAAgB;AACZ,QAAMC,IAAaZ,MAAW,MAAM,OAAO,QAAQ,KAAA,IAE7Ca,IAAiBf,KACnB,gBAAAgB,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhB,KACG,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWC,EAAO;AAAA,QAClB,SAASL;AAAA,QACT,cAAYX;AAAA,QAEX,eAAY,gBAAAe,EAACE,GAAA,EAAU,MAAM,IAAI,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5Df,KAAS,gBAAAa,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,UAAAd,EAAA,CAAM;AAAA,EAAA,GACpD;AAGJ,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWK;AAAA,QACPF,EAAO;AAAA,QACPA,EAAOV,CAAI;AAAA,QACXF,KAAYY,EAAO;AAAA,QACnBX,KAAUW,EAAO;AAAA,QACjBT,KAAYS,EAAO;AAAA,QACnBR,KAAYQ,EAAO;AAAA,QACnBP;AAAA,MAAA;AAAA,MAEH,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAU,UAAAJ,GAAe;AAAA,QAC/ChB,KAAS,QAAQA,MAAU,MACxB,gBAAAmB,EAAC,MAAA,EAAG,WAAWC,EAAO,OAAO,aAAU,UAClC,UAAApB,EAAA,CACL;AAAA,QAEJ,gBAAAmB,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAU,UAAAb,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrD;"}

package/dist/components/AppBar/AppBar.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_bar_SHqWS",t="tempest_centered_S0CCw",s="tempest_surface_fusKb",r="tempest_primary_QcCyN",n="tempest_transparent_uGrsu",a="tempest_bordered_5M9FZ",c="tempest_sticky_DStUO",o="tempest_safeArea_Vo3Bi",i="tempest_leading_mXv-d",_="tempest_actions_x7tMx",d="tempest_title_qaMMQ",p="tempest_brand_xKt54",m="tempest_iconBtn_S-BTg",b={bar:e,centered:t,surface:s,primary:r,transparent:n,bordered:a,sticky:c,safeArea:o,leading:i,actions:_,title:d,brand:p,iconBtn:m};exports.actions=_;exports.bar=e;exports.bordered=a;exports.brand=p;exports.centered=t;exports.default=b;exports.iconBtn=m;exports.leading=i;exports.primary=r;exports.safeArea=o;exports.sticky=c;exports.surface=s;exports.title=d;exports.transparent=n;
+//# sourceMappingURL=AppBar.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/AppBar/AppBar.module.css.js

@@ -0,0 +1,32 @@
+const t = "tempest_bar_SHqWS", e = "tempest_centered_S0CCw", s = "tempest_surface_fusKb", n = "tempest_primary_QcCyN", r = "tempest_transparent_uGrsu", a = "tempest_bordered_5M9FZ", c = "tempest_sticky_DStUO", _ = "tempest_safeArea_Vo3Bi", o = "tempest_leading_mXv-d", p = "tempest_actions_x7tMx", i = "tempest_title_qaMMQ", d = "tempest_brand_xKt54", m = "tempest_iconBtn_S-BTg", b = {
+  bar: t,
+  centered: e,
+  surface: s,
+  primary: n,
+  transparent: r,
+  bordered: a,
+  sticky: c,
+  safeArea: _,
+  leading: o,
+  actions: p,
+  title: i,
+  brand: d,
+  iconBtn: m
+};
+export {
+  p as actions,
+  t as bar,
+  a as bordered,
+  d as brand,
+  e as centered,
+  b as default,
+  m as iconBtn,
+  o as leading,
+  n as primary,
+  _ as safeArea,
+  c as sticky,
+  s as surface,
+  i as title,
+  r as transparent
+};
+//# sourceMappingURL=AppBar.module.css.js.map

package/dist/components/AppBar/AppBar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/AppShell/AppShell.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),m=require("../../hooks/use-breakpoint.cjs"),s=require("./AppShell.module.css.cjs");function h({navbar:l,sidebar:a,bottomNav:i,footer:c,sidebarBreakpoint:n="md",className:r,children:t,...u}){const d=m.useBreakpoint().above(n);return e.jsxs("div",{className:o.cn(s.default.shell,r),...u,children:[l&&e.jsx("div",{className:s.default.navbar,children:l}),e.jsxs("div",{className:s.default.row,children:[a&&d&&e.jsx("div",{className:s.default.sidebar,children:a}),e.jsx("main",{className:s.default.main,children:t})]}),c&&e.jsx("div",{className:s.default.footer,children:c}),i&&!d&&e.jsx("div",{className:s.default.bottomNav,children:i})]})}exports.AppShell=h;
+//# sourceMappingURL=AppShell.cjs.map

package/dist/components/AppShell/AppShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.cjs","sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./AppShell.module.css\";\n\nexport interface AppShellProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top navigation bar (Navbar / custom). Renders on every breakpoint. */\n    navbar?: ReactNode;\n    /** Side navigation (Sidebar). Hidden below `md` — pair with `<Drawer>` for mobile. */\n    sidebar?: ReactNode;\n    /** Mobile-only bottom navigation (BottomNavigation). Hidden at `md+`. */\n    bottomNav?: ReactNode;\n    /** Footer rendered after the main content. */\n    footer?: ReactNode;\n    /** Breakpoint at which the sidebar appears. Default `\"md\"`. */\n    sidebarBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n    children?: ReactNode;\n}\n\n/**\n * Full app layout — composes [[Navbar]] + [[Sidebar]] + content +\n * [[BottomNavigation]] + footer with responsive behaviour:\n *\n * - **Desktop (`>= sidebarBreakpoint`)**: navbar + sidebar + main + footer.\n * - **Mobile (`< sidebarBreakpoint`)**: navbar + main + bottom nav + footer\n *   (sidebar hidden — app should expose it via `<Drawer>` from a hamburger).\n *\n * @example\n * <AppShell\n *     navbar={<Navbar logo={<Brand />} actions={<UserMenu />} />}\n *     sidebar={<Sidebar items={...} value={tab} onChange={setTab} />}\n *     bottomNav={<BottomNavigation items={...} value={tab} onChange={setTab} />}\n *     footer={<Footer />}\n * >\n *     <Page title=\"Dashboard\">{content}</Page>\n * </AppShell>\n */\nexport function AppShell({\n    navbar,\n    sidebar,\n    bottomNav,\n    footer,\n    sidebarBreakpoint = \"md\",\n    className,\n    children,\n    ...props\n}: AppShellProps) {\n    const bp = useBreakpoint();\n    const showSidebar = bp.above(sidebarBreakpoint);\n    return (\n        <div className={cn(styles.shell, className)} {...props}>\n            {navbar && <div className={styles.navbar}>{navbar}</div>}\n            <div className={styles.row}>\n                {sidebar && showSidebar && <div className={styles.sidebar}>{sidebar}</div>}\n                <main className={styles.main}>{children}</main>\n            </div>\n            {footer && <div className={styles.footer}>{footer}</div>}\n            {bottomNav && !showSidebar && <div className={styles.bottomNav}>{bottomNav}</div>}\n        </div>\n    );\n}\n"],"names":["AppShell","navbar","sidebar","bottomNav","footer","sidebarBreakpoint","className","children","props","showSidebar","useBreakpoint","jsxs","cn","styles","jsx"],"mappings":"wOAqCO,SAASA,EAAS,CACrB,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,kBAAAC,EAAoB,KACpB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAkB,CAEd,MAAMC,EADKC,EAAAA,cAAA,EACY,MAAML,CAAiB,EAC9C,OACIM,OAAC,OAAI,UAAWC,EAAAA,GAAGC,UAAO,MAAOP,CAAS,EAAI,GAAGE,EAC5C,SAAA,CAAAP,GAAUa,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAZ,EAAO,EAClDU,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,IAClB,SAAA,CAAAX,GAAWO,GAAeK,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QAAU,SAAAX,EAAQ,EACpEY,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAN,CAAA,CAAS,CAAA,EAC5C,EACCH,GAAUU,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAT,EAAO,EACjDD,GAAa,CAACM,GAAeK,EAAAA,IAAC,OAAI,UAAWD,UAAO,UAAY,SAAAV,CAAA,CAAU,CAAA,EAC/E,CAER"}

package/dist/components/AppShell/AppShell.js

@@ -0,0 +1,29 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.js";
+import { useBreakpoint as h } from "../../hooks/use-breakpoint.js";
+import s from "./AppShell.module.css.js";
+function x({
+  navbar: i,
+  sidebar: r,
+  bottomNav: a,
+  footer: l,
+  sidebarBreakpoint: o = "md",
+  className: n,
+  children: d,
+  ...t
+}) {
+  const m = h().above(o);
+  return /* @__PURE__ */ c("div", { className: p(s.shell, n), ...t, children: [
+    i && /* @__PURE__ */ e("div", { className: s.navbar, children: i }),
+    /* @__PURE__ */ c("div", { className: s.row, children: [
+      r && m && /* @__PURE__ */ e("div", { className: s.sidebar, children: r }),
+      /* @__PURE__ */ e("main", { className: s.main, children: d })
+    ] }),
+    l && /* @__PURE__ */ e("div", { className: s.footer, children: l }),
+    a && !m && /* @__PURE__ */ e("div", { className: s.bottomNav, children: a })
+  ] });
+}
+export {
+  x as AppShell
+};
+//# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./AppShell.module.css\";\n\nexport interface AppShellProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top navigation bar (Navbar / custom). Renders on every breakpoint. */\n    navbar?: ReactNode;\n    /** Side navigation (Sidebar). Hidden below `md` — pair with `<Drawer>` for mobile. */\n    sidebar?: ReactNode;\n    /** Mobile-only bottom navigation (BottomNavigation). Hidden at `md+`. */\n    bottomNav?: ReactNode;\n    /** Footer rendered after the main content. */\n    footer?: ReactNode;\n    /** Breakpoint at which the sidebar appears. Default `\"md\"`. */\n    sidebarBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n    children?: ReactNode;\n}\n\n/**\n * Full app layout — composes [[Navbar]] + [[Sidebar]] + content +\n * [[BottomNavigation]] + footer with responsive behaviour:\n *\n * - **Desktop (`>= sidebarBreakpoint`)**: navbar + sidebar + main + footer.\n * - **Mobile (`< sidebarBreakpoint`)**: navbar + main + bottom nav + footer\n *   (sidebar hidden — app should expose it via `<Drawer>` from a hamburger).\n *\n * @example\n * <AppShell\n *     navbar={<Navbar logo={<Brand />} actions={<UserMenu />} />}\n *     sidebar={<Sidebar items={...} value={tab} onChange={setTab} />}\n *     bottomNav={<BottomNavigation items={...} value={tab} onChange={setTab} />}\n *     footer={<Footer />}\n * >\n *     <Page title=\"Dashboard\">{content}</Page>\n * </AppShell>\n */\nexport function AppShell({\n    navbar,\n    sidebar,\n    bottomNav,\n    footer,\n    sidebarBreakpoint = \"md\",\n    className,\n    children,\n    ...props\n}: AppShellProps) {\n    const bp = useBreakpoint();\n    const showSidebar = bp.above(sidebarBreakpoint);\n    return (\n        <div className={cn(styles.shell, className)} {...props}>\n            {navbar && <div className={styles.navbar}>{navbar}</div>}\n            <div className={styles.row}>\n                {sidebar && showSidebar && <div className={styles.sidebar}>{sidebar}</div>}\n                <main className={styles.main}>{children}</main>\n            </div>\n            {footer && <div className={styles.footer}>{footer}</div>}\n            {bottomNav && !showSidebar && <div className={styles.bottomNav}>{bottomNav}</div>}\n        </div>\n    );\n}\n"],"names":["AppShell","navbar","sidebar","bottomNav","footer","sidebarBreakpoint","className","children","props","showSidebar","useBreakpoint","jsxs","cn","styles","jsx"],"mappings":";;;;AAqCO,SAASA,EAAS;AAAA,EACrB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAkB;AAEd,QAAMC,IADKC,EAAA,EACY,MAAML,CAAiB;AAC9C,SACI,gBAAAM,EAAC,SAAI,WAAWC,EAAGC,EAAO,OAAOP,CAAS,GAAI,GAAGE,GAC5C,UAAA;AAAA,IAAAP,KAAU,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAZ,GAAO;AAAA,IAClD,gBAAAU,EAAC,OAAA,EAAI,WAAWE,EAAO,KAClB,UAAA;AAAA,MAAAX,KAAWO,KAAe,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAX,GAAQ;AAAA,MACpE,gBAAAY,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAN,EAAA,CAAS;AAAA,IAAA,GAC5C;AAAA,IACCH,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAT,GAAO;AAAA,IACjDD,KAAa,CAACM,KAAe,gBAAAK,EAAC,SAAI,WAAWD,EAAO,WAAY,UAAAV,EAAA,CAAU;AAAA,EAAA,GAC/E;AAER;"}

package/dist/components/AppShell/AppShell.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_shell_-xp0O",e="tempest_navbar_liTKV",o="tempest_row_PE41P",s="tempest_sidebar_wyx-V",a="tempest_main_O3GFv",r="tempest_footer_IFW4q",n="tempest_bottomNav_pKJ1v",l={shell:t,navbar:e,row:o,sidebar:s,main:a,footer:r,bottomNav:n};exports.bottomNav=n;exports.default=l;exports.footer=r;exports.main=a;exports.navbar=e;exports.row=o;exports.shell=t;exports.sidebar=s;
+//# sourceMappingURL=AppShell.module.css.cjs.map

package/dist/components/AppShell/AppShell.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/AppShell/AppShell.module.css.js

@@ -0,0 +1,20 @@
+const t = "tempest_shell_-xp0O", e = "tempest_navbar_liTKV", o = "tempest_row_PE41P", s = "tempest_sidebar_wyx-V", a = "tempest_main_O3GFv", n = "tempest_footer_IFW4q", _ = "tempest_bottomNav_pKJ1v", m = {
+  shell: t,
+  navbar: e,
+  row: o,
+  sidebar: s,
+  main: a,
+  footer: n,
+  bottomNav: _
+};
+export {
+  _ as bottomNav,
+  m as default,
+  n as footer,
+  a as main,
+  e as navbar,
+  o as row,
+  t as shell,
+  s as sidebar
+};
+//# sourceMappingURL=AppShell.module.css.js.map

package/dist/components/AppShell/AppShell.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/AspectRatio/AspectRatio.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),a=require("./AspectRatio.module.css.cjs");function u({ratio:t=16/9,className:e,style:s,children:c,...i}){const n={aspectRatio:String(t),...s};return o.jsx("div",{className:r.cn(a.default.aspect,e),style:n,...i,children:c})}exports.AspectRatio=u;
+//# sourceMappingURL=AspectRatio.cjs.map

package/dist/components/AspectRatio/AspectRatio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.cjs","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AspectRatio.module.css\";\n\nexport interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * Width-to-height ratio. Pass `16/9` for widescreen, `1` for square,\n     * `4/3` for SD video, `3/4` for portrait, etc. Default `16/9`.\n     */\n    ratio?: number;\n    children?: ReactNode;\n}\n\n/**\n * Preserve a constant aspect ratio for media (images, video, embeds). The\n * inner child stretches to fill the box. Uses the native `aspect-ratio`\n * CSS property — works on all modern browsers (Safari 15+, Chrome 88+).\n *\n * @example\n * <AspectRatio ratio={16 / 9}>\n *     <img src=\"/cover.jpg\" alt=\"\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} />\n * </AspectRatio>\n */\nexport function AspectRatio({\n    ratio = 16 / 9,\n    className,\n    style,\n    children,\n    ...props\n}: AspectRatioProps) {\n    const finalStyle: CSSProperties = { aspectRatio: String(ratio), ...style };\n    return (\n        <div className={cn(styles.aspect, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["AspectRatio","ratio","className","style","children","props","finalStyle","jsx","cn","styles"],"mappings":"+LAuBO,SAASA,EAAY,CACxB,MAAAC,EAAQ,GAAK,EACb,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAqB,CACjB,MAAMC,EAA4B,CAAE,YAAa,OAAOL,CAAK,EAAG,GAAGE,CAAA,EACnE,OACII,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQP,CAAS,EAAG,MAAOI,EAAa,GAAGD,EAChE,SAAAD,CAAA,CACL,CAER"}

package/dist/components/AspectRatio/AspectRatio.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn.js";
+import m from "./AspectRatio.module.css.js";
+function l({
+  ratio: t = 16 / 9,
+  className: o,
+  style: r,
+  children: s,
+  ...e
+}) {
+  const i = { aspectRatio: String(t), ...r };
+  return /* @__PURE__ */ a("div", { className: c(m.aspect, o), style: i, ...e, children: s });
+}
+export {
+  l as AspectRatio
+};
+//# sourceMappingURL=AspectRatio.js.map

package/dist/components/AspectRatio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./AspectRatio.module.css\";\n\nexport interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * Width-to-height ratio. Pass `16/9` for widescreen, `1` for square,\n     * `4/3` for SD video, `3/4` for portrait, etc. Default `16/9`.\n     */\n    ratio?: number;\n    children?: ReactNode;\n}\n\n/**\n * Preserve a constant aspect ratio for media (images, video, embeds). The\n * inner child stretches to fill the box. Uses the native `aspect-ratio`\n * CSS property — works on all modern browsers (Safari 15+, Chrome 88+).\n *\n * @example\n * <AspectRatio ratio={16 / 9}>\n *     <img src=\"/cover.jpg\" alt=\"\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} />\n * </AspectRatio>\n */\nexport function AspectRatio({\n    ratio = 16 / 9,\n    className,\n    style,\n    children,\n    ...props\n}: AspectRatioProps) {\n    const finalStyle: CSSProperties = { aspectRatio: String(ratio), ...style };\n    return (\n        <div className={cn(styles.aspect, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["AspectRatio","ratio","className","style","children","props","finalStyle","jsx","cn","styles"],"mappings":";;;AAuBO,SAASA,EAAY;AAAA,EACxB,OAAAC,IAAQ,KAAK;AAAA,EACb,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AACjB,QAAMC,IAA4B,EAAE,aAAa,OAAOL,CAAK,GAAG,GAAGE,EAAA;AACnE,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQP,CAAS,GAAG,OAAOI,GAAa,GAAGD,GAChE,UAAAD,EAAA,CACL;AAER;"}

package/dist/components/AspectRatio/AspectRatio.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_aspect_GnAJt",t={aspect:e};exports.aspect=e;exports.default=t;
+//# sourceMappingURL=AspectRatio.module.css.cjs.map

package/dist/components/AspectRatio/AspectRatio.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/AspectRatio/AspectRatio.module.css.js

@@ -0,0 +1,8 @@
+const t = "tempest_aspect_GnAJt", s = {
+  aspect: t
+};
+export {
+  t as aspect,
+  s as default
+};
+//# sourceMappingURL=AspectRatio.module.css.js.map

package/dist/components/AspectRatio/AspectRatio.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Avatar/Avatar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("react"),l=require("../../utils/cn.cjs"),t=require("./Avatar.module.css.cjs");function j(a){const e=a.trim().split(/\s+/).filter(Boolean);return e.length===0?"?":e.length===1?e[0].slice(0,2):`${e[0].charAt(0)}${e[e.length-1].charAt(0)}`}function x({src:a,alt:e,name:s="",size:c="md",status:o,className:d,onClick:r}){const[f,g]=u.useState(!1),h=u.useMemo(()=>j(s),[s]),m=a&&!f,p=r?"button":void 0,v=r?0:void 0;return n.jsxs("span",{className:l.cn(t.default.avatar,t.default[c],o&&t.default.status,d),role:p,tabIndex:v,onClick:r,onKeyDown:r?i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),r())}:void 0,children:[m?n.jsx("img",{src:a,alt:e??s,className:t.default.image,onError:()=>g(!0)}):n.jsx("span",{"aria-label":e??s,children:h}),o&&n.jsx("span",{className:l.cn(t.default.dot,t.default[o]),"aria-hidden":!0})]})}exports.Avatar=x;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/components/Avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Avatar.module.css\";\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarStatus = \"online\" | \"offline\" | \"busy\";\n\nexport interface AvatarProps {\n    src?: string;\n    alt?: string;\n    name?: string;\n    size?: AvatarSize;\n    status?: AvatarStatus;\n    className?: string;\n    onClick?: () => void;\n}\n\nfunction getInitials(name: string): string {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"?\";\n    if (parts.length === 1) return parts[0]!.slice(0, 2);\n    return `${parts[0]!.charAt(0)}${parts[parts.length - 1]!.charAt(0)}`;\n}\n\n/**\n * Round avatar. Falls back to colored initials when the image fails to load\n * or no `src` is provided. Optional status dot in the bottom-right corner.\n */\nexport function Avatar({\n    src,\n    alt,\n    name = \"\",\n    size = \"md\",\n    status,\n    className,\n    onClick,\n}: AvatarProps) {\n    const [errored, setErrored] = useState<boolean>(false);\n    const initials = useMemo(() => getInitials(name), [name]);\n\n    const showImage = src && !errored;\n    const role = onClick ? \"button\" : undefined;\n    const tabIndex = onClick ? 0 : undefined;\n\n    return (\n        <span\n            className={cn(styles.avatar, styles[size], status && styles.status, className)}\n            role={role}\n            tabIndex={tabIndex}\n            onClick={onClick}\n            onKeyDown={\n                onClick\n                    ? (event) => {\n                          if (event.key === \"Enter\" || event.key === \" \") {\n                              event.preventDefault();\n                              onClick();\n                          }\n                      }\n                    : undefined\n            }\n        >\n            {showImage ? (\n                <img\n                    src={src}\n                    alt={alt ?? name}\n                    className={styles.image}\n                    onError={() => setErrored(true)}\n                />\n            ) : (\n                <span aria-label={alt ?? name}>{initials}</span>\n            )}\n            {status && <span className={cn(styles.dot, styles[status])} aria-hidden />}\n        </span>\n    );\n}\n"],"names":["getInitials","name","parts","Avatar","src","alt","size","status","className","onClick","errored","setErrored","useState","initials","useMemo","showImage","role","tabIndex","jsxs","cn","styles","event","jsx"],"mappings":"6MAiBA,SAASA,EAAYC,EAAsB,CACvC,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACrD,OAAIC,EAAM,SAAW,EAAU,IAC3BA,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAG,MAAM,EAAG,CAAC,EAC5C,GAAGA,EAAM,CAAC,EAAG,OAAO,CAAC,CAAC,GAAGA,EAAMA,EAAM,OAAS,CAAC,EAAG,OAAO,CAAC,CAAC,EACtE,CAMO,SAASC,EAAO,CACnB,IAAAC,EACA,IAAAC,EACA,KAAAJ,EAAO,GACP,KAAAK,EAAO,KACP,OAAAC,EACA,UAAAC,EACA,QAAAC,CACJ,EAAgB,CACZ,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAkB,EAAK,EAC/CC,EAAWC,EAAAA,QAAQ,IAAMd,EAAYC,CAAI,EAAG,CAACA,CAAI,CAAC,EAElDc,EAAYX,GAAO,CAACM,EACpBM,EAAOP,EAAU,SAAW,OAC5BQ,EAAWR,EAAU,EAAI,OAE/B,OACIS,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,OAAQA,EAAAA,QAAOd,CAAI,EAAGC,GAAUa,EAAAA,QAAO,OAAQZ,CAAS,EAC7E,KAAAQ,EACA,SAAAC,EACA,QAAAR,EACA,UACIA,EACOY,GAAU,EACHA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACvCA,EAAM,eAAA,EACNZ,EAAA,EAER,EACA,OAGT,SAAA,CAAAM,EACGO,EAAAA,IAAC,MAAA,CACG,IAAAlB,EACA,IAAKC,GAAOJ,EACZ,UAAWmB,EAAAA,QAAO,MAClB,QAAS,IAAMT,EAAW,EAAI,CAAA,CAAA,EAGlCW,EAAAA,IAAC,OAAA,CAAK,aAAYjB,GAAOJ,EAAO,SAAAY,EAAS,EAE5CN,GAAUe,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,GAAGC,EAAAA,QAAO,IAAKA,EAAAA,QAAOb,CAAM,CAAC,EAAG,cAAW,EAAA,CAAC,CAAA,CAAA,CAAA,CAGpF"}

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,47 @@
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import { useState as x, useMemo as y } from "react";
+import { cn as l } from "../../utils/cn.js";
+import t from "./Avatar.module.css.js";
+function b(o) {
+  const r = o.trim().split(/\s+/).filter(Boolean);
+  return r.length === 0 ? "?" : r.length === 1 ? r[0].slice(0, 2) : `${r[0].charAt(0)}${r[r.length - 1].charAt(0)}`;
+}
+function j({
+  src: o,
+  alt: r,
+  name: s = "",
+  size: m = "md",
+  status: a,
+  className: c,
+  onClick: e
+}) {
+  const [d, f] = x(!1), p = y(() => b(s), [s]), u = o && !d, h = e ? "button" : void 0, g = e ? 0 : void 0;
+  return /* @__PURE__ */ v(
+    "span",
+    {
+      className: l(t.avatar, t[m], a && t.status, c),
+      role: h,
+      tabIndex: g,
+      onClick: e,
+      onKeyDown: e ? (n) => {
+        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), e());
+      } : void 0,
+      children: [
+        u ? /* @__PURE__ */ i(
+          "img",
+          {
+            src: o,
+            alt: r ?? s,
+            className: t.image,
+            onError: () => f(!0)
+          }
+        ) : /* @__PURE__ */ i("span", { "aria-label": r ?? s, children: p }),
+        a && /* @__PURE__ */ i("span", { className: l(t.dot, t[a]), "aria-hidden": !0 })
+      ]
+    }
+  );
+}
+export {
+  j as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Avatar.module.css\";\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarStatus = \"online\" | \"offline\" | \"busy\";\n\nexport interface AvatarProps {\n    src?: string;\n    alt?: string;\n    name?: string;\n    size?: AvatarSize;\n    status?: AvatarStatus;\n    className?: string;\n    onClick?: () => void;\n}\n\nfunction getInitials(name: string): string {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"?\";\n    if (parts.length === 1) return parts[0]!.slice(0, 2);\n    return `${parts[0]!.charAt(0)}${parts[parts.length - 1]!.charAt(0)}`;\n}\n\n/**\n * Round avatar. Falls back to colored initials when the image fails to load\n * or no `src` is provided. Optional status dot in the bottom-right corner.\n */\nexport function Avatar({\n    src,\n    alt,\n    name = \"\",\n    size = \"md\",\n    status,\n    className,\n    onClick,\n}: AvatarProps) {\n    const [errored, setErrored] = useState<boolean>(false);\n    const initials = useMemo(() => getInitials(name), [name]);\n\n    const showImage = src && !errored;\n    const role = onClick ? \"button\" : undefined;\n    const tabIndex = onClick ? 0 : undefined;\n\n    return (\n        <span\n            className={cn(styles.avatar, styles[size], status && styles.status, className)}\n            role={role}\n            tabIndex={tabIndex}\n            onClick={onClick}\n            onKeyDown={\n                onClick\n                    ? (event) => {\n                          if (event.key === \"Enter\" || event.key === \" \") {\n                              event.preventDefault();\n                              onClick();\n                          }\n                      }\n                    : undefined\n            }\n        >\n            {showImage ? (\n                <img\n                    src={src}\n                    alt={alt ?? name}\n                    className={styles.image}\n                    onError={() => setErrored(true)}\n                />\n            ) : (\n                <span aria-label={alt ?? name}>{initials}</span>\n            )}\n            {status && <span className={cn(styles.dot, styles[status])} aria-hidden />}\n        </span>\n    );\n}\n"],"names":["getInitials","name","parts","Avatar","src","alt","size","status","className","onClick","errored","setErrored","useState","initials","useMemo","showImage","role","tabIndex","jsxs","cn","styles","event","jsx"],"mappings":";;;;AAiBA,SAASA,EAAYC,GAAsB;AACvC,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,SAAIC,EAAM,WAAW,IAAU,MAC3BA,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAG,MAAM,GAAG,CAAC,IAC5C,GAAGA,EAAM,CAAC,EAAG,OAAO,CAAC,CAAC,GAAGA,EAAMA,EAAM,SAAS,CAAC,EAAG,OAAO,CAAC,CAAC;AACtE;AAMO,SAASC,EAAO;AAAA,EACnB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAJ,IAAO;AAAA,EACP,MAAAK,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,GAAgB;AACZ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAC/CC,IAAWC,EAAQ,MAAMd,EAAYC,CAAI,GAAG,CAACA,CAAI,CAAC,GAElDc,IAAYX,KAAO,CAACM,GACpBM,IAAOP,IAAU,WAAW,QAC5BQ,IAAWR,IAAU,IAAI;AAE/B,SACI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,QAAQA,EAAOd,CAAI,GAAGC,KAAUa,EAAO,QAAQZ,CAAS;AAAA,MAC7E,MAAAQ;AAAA,MACA,UAAAC;AAAA,MACA,SAAAR;AAAA,MACA,WACIA,IACM,CAACY,MAAU;AACP,SAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNZ,EAAA;AAAA,MAER,IACA;AAAA,MAGT,UAAA;AAAA,QAAAM,IACG,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAAlB;AAAA,YACA,KAAKC,KAAOJ;AAAA,YACZ,WAAWmB,EAAO;AAAA,YAClB,SAAS,MAAMT,EAAW,EAAI;AAAA,UAAA;AAAA,QAAA,IAGlC,gBAAAW,EAAC,QAAA,EAAK,cAAYjB,KAAOJ,GAAO,UAAAY,GAAS;AAAA,QAE5CN,KAAU,gBAAAe,EAAC,QAAA,EAAK,WAAWH,EAAGC,EAAO,KAAKA,EAAOb,CAAM,CAAC,GAAG,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpF;"}

package/dist/components/Avatar/Avatar.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_avatar_3xMuZ",s="tempest_image_ieqGp",e="tempest_xs_oSaLL",o="tempest_sm_sZ2bk",n="tempest_md_Fdkbz",a="tempest_lg_pTTUA",m="tempest_xl_mW58F",_="tempest_status_ISBnL",l="tempest_dot_Wgfo-",i="tempest_online_-aWoW",u="tempest_offline_-StX3",c="tempest_busy_TbwuF",p={avatar:t,image:s,xs:e,sm:o,md:n,lg:a,xl:m,status:_,dot:l,online:i,offline:u,busy:c};exports.avatar=t;exports.busy=c;exports.default=p;exports.dot=l;exports.image=s;exports.lg=a;exports.md=n;exports.offline=u;exports.online=i;exports.sm=o;exports.status=_;exports.xl=m;exports.xs=e;
+//# sourceMappingURL=Avatar.module.css.cjs.map

package/dist/components/Avatar/Avatar.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Avatar/Avatar.module.css.js

@@ -0,0 +1,30 @@
+const t = "tempest_avatar_3xMuZ", s = "tempest_image_ieqGp", e = "tempest_xs_oSaLL", o = "tempest_sm_sZ2bk", _ = "tempest_md_Fdkbz", n = "tempest_lg_pTTUA", m = "tempest_xl_mW58F", a = "tempest_status_ISBnL", p = "tempest_dot_Wgfo-", l = "tempest_online_-aWoW", c = "tempest_offline_-StX3", i = "tempest_busy_TbwuF", u = {
+  avatar: t,
+  image: s,
+  xs: e,
+  sm: o,
+  md: _,
+  lg: n,
+  xl: m,
+  status: a,
+  dot: p,
+  online: l,
+  offline: c,
+  busy: i
+};
+export {
+  t as avatar,
+  i as busy,
+  u as default,
+  p as dot,
+  s as image,
+  n as lg,
+  _ as md,
+  c as offline,
+  l as online,
+  o as sm,
+  a as status,
+  m as xl,
+  e as xs
+};
+//# sourceMappingURL=Avatar.module.css.js.map

package/dist/components/Avatar/Avatar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),e=require("./Badge.module.css.cjs");function f({variant:a="neutral",appearance:t="soft",size:l="md",shape:d="pill",dot:s=!1,className:n,children:r,...i}){return u.jsxs("span",{className:o.cn(e.default.badge,e.default[a],t==="solid"&&e.default.solid,t==="outline"&&e.default.outline,e.default[l],d==="square"&&e.default.square,n),...i,children:[s&&u.jsx("span",{className:e.default.dot,"aria-hidden":!0}),r]})}exports.Badge=f;
+//# sourceMappingURL=Badge.cjs.map

package/dist/components/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Badge.module.css\";\n\nexport type BadgeVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type BadgeAppearance = \"soft\" | \"solid\" | \"outline\";\nexport type BadgeSize = \"sm\" | \"md\" | \"lg\";\nexport type BadgeShape = \"pill\" | \"square\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n    variant?: BadgeVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: BadgeAppearance;\n    size?: BadgeSize;\n    /** Pill (default rounded) or square (slightly rounded). */\n    shape?: BadgeShape;\n    /** Renders a leading status dot in the badge color. */\n    dot?: boolean;\n}\n\n/**\n * Pill / square status badge.\n *\n * - `variant` picks the tone (neutral, primary, success, warning, danger, info).\n * - `appearance` picks the style (soft, solid, outline).\n * - `dot` prepends a status dot in the same tone.\n */\nexport function Badge({\n    variant = \"neutral\",\n    appearance = \"soft\",\n    size = \"md\",\n    shape = \"pill\",\n    dot = false,\n    className,\n    children,\n    ...props\n}: BadgeProps) {\n    return (\n        <span\n            className={cn(\n                styles.badge,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                styles[size],\n                shape === \"square\" && styles.square,\n                className,\n            )}\n            {...props}\n        >\n            {dot && <span className={styles.dot} aria-hidden />}\n            {children}\n        </span>\n    );\n}\n"],"names":["Badge","variant","appearance","size","shape","dot","className","children","props","jsxs","cn","styles"],"mappings":"yLA2BO,SAASA,EAAM,CAClB,QAAAC,EAAU,UACV,WAAAC,EAAa,OACb,KAAAC,EAAO,KACP,MAAAC,EAAQ,OACR,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAe,CACX,OACIC,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,MACPA,EAAAA,QAAOV,CAAO,EACdC,IAAe,SAAWS,EAAAA,QAAO,MACjCT,IAAe,WAAaS,EAAAA,QAAO,QACnCA,EAAAA,QAAOR,CAAI,EACXC,IAAU,UAAYO,EAAAA,QAAO,OAC7BL,CAAA,EAEH,GAAGE,EAEH,SAAA,CAAAH,SAAQ,OAAA,CAAK,UAAWM,EAAAA,QAAO,IAAK,cAAW,GAAC,EAChDJ,CAAA,CAAA,CAAA,CAGb"}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,37 @@
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import { cn as u } from "../../utils/cn.js";
+import s from "./Badge.module.css.js";
+function x({
+  variant: o = "neutral",
+  appearance: e = "soft",
+  size: r = "md",
+  shape: t = "pill",
+  dot: i = !1,
+  className: l,
+  children: a,
+  ...n
+}) {
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: u(
+        s.badge,
+        s[o],
+        e === "solid" && s.solid,
+        e === "outline" && s.outline,
+        s[r],
+        t === "square" && s.square,
+        l
+      ),
+      ...n,
+      children: [
+        i && /* @__PURE__ */ m("span", { className: s.dot, "aria-hidden": !0 }),
+        a
+      ]
+    }
+  );
+}
+export {
+  x as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Badge.module.css\";\n\nexport type BadgeVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type BadgeAppearance = \"soft\" | \"solid\" | \"outline\";\nexport type BadgeSize = \"sm\" | \"md\" | \"lg\";\nexport type BadgeShape = \"pill\" | \"square\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n    variant?: BadgeVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: BadgeAppearance;\n    size?: BadgeSize;\n    /** Pill (default rounded) or square (slightly rounded). */\n    shape?: BadgeShape;\n    /** Renders a leading status dot in the badge color. */\n    dot?: boolean;\n}\n\n/**\n * Pill / square status badge.\n *\n * - `variant` picks the tone (neutral, primary, success, warning, danger, info).\n * - `appearance` picks the style (soft, solid, outline).\n * - `dot` prepends a status dot in the same tone.\n */\nexport function Badge({\n    variant = \"neutral\",\n    appearance = \"soft\",\n    size = \"md\",\n    shape = \"pill\",\n    dot = false,\n    className,\n    children,\n    ...props\n}: BadgeProps) {\n    return (\n        <span\n            className={cn(\n                styles.badge,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                styles[size],\n                shape === \"square\" && styles.square,\n                className,\n            )}\n            {...props}\n        >\n            {dot && <span className={styles.dot} aria-hidden />}\n            {children}\n        </span>\n    );\n}\n"],"names":["Badge","variant","appearance","size","shape","dot","className","children","props","jsxs","cn","styles"],"mappings":";;;AA2BO,SAASA,EAAM;AAAA,EAClB,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,KAAAC,IAAM;AAAA,EACN,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAe;AACX,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOV,CAAO;AAAA,QACdC,MAAe,WAAWS,EAAO;AAAA,QACjCT,MAAe,aAAaS,EAAO;AAAA,QACnCA,EAAOR,CAAI;AAAA,QACXC,MAAU,YAAYO,EAAO;AAAA,QAC7BL;AAAA,MAAA;AAAA,MAEH,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAH,uBAAQ,QAAA,EAAK,WAAWM,EAAO,KAAK,eAAW,IAAC;AAAA,QAChDJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/Badge/Badge.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_badge_RsuMz",t="tempest_sm_LYsCn",s="tempest_md_4Or8q",n="tempest_lg_Bseje",o="tempest_square_l63D-",r="tempest_neutral_lulSm",_="tempest_solid_0Leug",a="tempest_outline_x06HL",m="tempest_success_u9JiS",u="tempest_warning_nsGp-",c="tempest_danger_PD2hz",i="tempest_info_na6DQ",l="tempest_primary_S0WCS",d="tempest_dot_i0c-G",p={badge:e,sm:t,md:s,lg:n,square:o,neutral:r,solid:_,outline:a,success:m,warning:u,danger:c,info:i,primary:l,dot:d};exports.badge=e;exports.danger=c;exports.default=p;exports.dot=d;exports.info=i;exports.lg=n;exports.md=s;exports.neutral=r;exports.outline=a;exports.primary=l;exports.sm=t;exports.solid=_;exports.square=o;exports.success=m;exports.warning=u;
+//# sourceMappingURL=Badge.module.css.cjs.map

package/dist/components/Badge/Badge.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}