@altimateai/ui-components 0.0.76 → 0.0.77-beta.2

package/dist/CoachForm.js

@@ -43731,7 +43731,7 @@ const dG = /* @__PURE__ */ mu(hG), H3 = ({ artifacts: e }) => {
                 e.role === "assistant" && e.todos && e.todos.length > 0 && /* @__PURE__ */ k.jsx("div", { id: `message-${e.id}-todos`, children: /* @__PURE__ */ k.jsx(j3, { todos: e.todos }) }),
                 e.role === "assistant" && e.confidence_str && /* @__PURE__ */ k.jsx(pu, { className: "al-my-3", variant: "warning", children: /* @__PURE__ */ k.jsxs(Ae, { gap: "xl", align: "center", children: [
                   /* @__PURE__ */ k.jsx(_v, { className: "al-min-h-6 al-min-w-6" }),
-                  /* @__PURE__ */ k.jsx(Ls, { variant: "body", className: "al-flex-1", children: e.confidence_str })
+                  /* @__PURE__ */ k.jsx(Ls, { className: "al-flex-1", children: e.confidence_str })
                 ] }) }),
                 /* @__PURE__ */ k.jsx("div", { id: `message-${e.id}-content`, children: /* @__PURE__ */ k.jsx(lu, { content: e.content || "", id: e.id }) }),
                 e.artifacts && /* @__PURE__ */ k.jsx("div", { id: `message-${e.id}-artifacts`, children: /* @__PURE__ */ k.jsx(H3, { artifacts: e.artifacts }) }),

package/dist/Stack.js

@@ -6907,31 +6907,46 @@ const ue = Gt("", {
       h6: "al-text-caption",
       subheading: "al-text-subheading",
       body: "al-text-body",
-      caption: "al-text-caption"
+      caption: "al-text-caption",
+      button: "",
+      // Button uses size for styling
+      "table-header": "al-text-table-header",
+      placeholder: "",
+      // Placeholder uses size for styling
+      "page-heading": "al-text-h2",
+      // Semantic variant for page headings (fixed h2 + semibold)
+      "section-heading": "al-text-h3"
+      // Semantic variant for section headings (fixed h3 + semibold)
     },
     weight: {
-      light: "al-font-light",
       regular: "al-font-regular",
       medium: "al-font-medium",
-      semibold: "al-font-semibold",
-      bold: "al-font-bold"
+      semibold: "al-font-semibold"
     },
     size: {
-      xs: "al-text-xs",
-      sm: "al-text-sm",
-      md: "al-text-md",
-      lg: "al-text-lg",
-      xl: "al-text-xl"
+      // Body sizes
+      lg: "al-text-body-lg",
+      regular: "al-text-body-regular",
+      sm: "al-text-body-sm",
+      xs: "al-text-body-xs",
+      xxs: "al-text-body-xxs",
+      // Button sizes
+      "button-xs": "al-text-button-xs",
+      "button-sm": "al-text-button-sm",
+      "button-md": "al-text-button-md",
+      // Placeholder sizes
+      "placeholder-regular": "al-text-placeholder-regular al-italic",
+      "placeholder-large": "al-text-placeholder-large al-italic"
     }
   }
 }), pd = () => ({
-  h1: ue({ variant: "h1", weight: "semibold", size: "xl" }),
-  h2: ue({ variant: "h2", weight: "semibold", size: "lg" }),
-  h3: ue({ variant: "h3", weight: "semibold", size: "md" }),
-  h4: ue({ variant: "h4", weight: "semibold", size: "md" }),
-  h5: ue({ variant: "h5", weight: "semibold", size: "sm" }),
-  h6: ue({ variant: "h6", weight: "semibold", size: "sm" }),
-  body: ue({ variant: "body" }),
+  h1: ue({ variant: "h1", weight: "semibold" }),
+  h2: ue({ variant: "h2", weight: "semibold" }),
+  h3: ue({ variant: "h3", weight: "semibold" }),
+  h4: ue({ variant: "h4", weight: "semibold" }),
+  h5: ue({ variant: "h5", weight: "semibold" }),
+  h6: ue({ variant: "h6", weight: "semibold" }),
+  body: ue({ variant: "body", weight: "regular", size: "regular" }),
   // Non-typography classes
   link: "al-text-blue-500 al-underline",
   list: "al-list-disc al-ml-4 al-mb-4",
@@ -6945,17 +6960,39 @@ const ue = Gt("", {
   h4: "h4",
   subheading: "h5",
   body: "p",
-  caption: "span"
-}, md = ({
-  variant: e = "body",
-  children: t,
-  className: n,
-  weight: r,
-  size: o,
-  role: s
-}) => {
-  const a = Yu[e];
-  return /* @__PURE__ */ g.jsx(a, { className: M(ue({ variant: e, weight: r, size: o }), n), role: s, children: t });
+  caption: "span",
+  button: "span",
+  "table-header": "span",
+  placeholder: "span",
+  "page-heading": "h2",
+  "section-heading": "h3"
+}, md = (e) => {
+  const { variant: t = "body", children: n, className: r, role: o } = e;
+  let s, a;
+  const i = () => e.weight;
+  if (t === "page-heading")
+    s = "semibold", a = void 0;
+  else if (t === "section-heading")
+    s = "medium", a = void 0;
+  else if (t === "h1" || t === "h2" || t === "h3" || t === "h4" || t === "subheading")
+    s = i() ?? "semibold", a = void 0;
+  else if (t === "table-header")
+    s = i() ?? "medium", a = void 0;
+  else if (t === "body") {
+    const u = e;
+    s = u.weight ?? "regular", a = u.size ?? "regular";
+  } else if (t === "caption") {
+    const u = e;
+    s = u.weight ?? "regular", a = u.size;
+  } else if (t === "button") {
+    const u = e;
+    s = "medium", a = u.size ? `button-${u.size}` : "button-sm";
+  } else {
+    const u = e;
+    s = "regular", a = u.size ? `placeholder-${u.size}` : "placeholder-large";
+  }
+  const c = Yu[t];
+  return /* @__PURE__ */ g.jsx(c, { className: M(ue({ variant: t, weight: s, size: a }), r), role: o, children: n });
 }, gd = H(function({
   children: t,
   wrap: n = !1,

package/dist/ToggleGroup.js

@@ -3873,10 +3873,10 @@ const kp = ({
             filter: C ? (O, he) => O.toLowerCase().includes(he.toLowerCase()) ? 1 : 0 : void 0,
             children: [
               d && p && /* @__PURE__ */ u.jsxs("div", { className: "al-flex al-justify-between al-items-center al-p-2 al-border-b", children: [
-                /* @__PURE__ */ u.jsx(ho, { variant: "body", children: o ?? r }),
+                /* @__PURE__ */ u.jsx(ho, { children: o ?? r }),
                 /* @__PURE__ */ u.jsx(xt, { onClick: $, size: "sm", children: "Apply" })
               ] }),
-              Q && /* @__PURE__ */ u.jsx("div", { className: "al-flex al-items-center al-justify-center al-p-2 al-text-red-600 al-bg-red-50 al-border-b", children: /* @__PURE__ */ u.jsx(ho, { variant: "body", className: "al-text-center al-text-sm", children: "At least one item must be selected." }) }),
+              Q && /* @__PURE__ */ u.jsx("div", { className: "al-flex al-items-center al-justify-center al-p-2 al-text-red-600 al-bg-red-50 al-border-b", children: /* @__PURE__ */ u.jsx(ho, { className: "al-text-center al-text-sm", children: "At least one item must be selected." }) }),
               /* @__PURE__ */ u.jsx(
                 ys,
                 {