@altimateai/ui-components 0.0.74 → 0.0.75-beta.1

package/dist/CoachForm.js

@@ -37106,7 +37106,7 @@ const Y$ = /* @__PURE__ */ lh(q$), g3 = ({ artifacts: t }) => {
                 t.role === "assistant" && t.todos && t.todos.length > 0 && /* @__PURE__ */ k.jsx("div", { id: `message-${t.id}-todos`, children: /* @__PURE__ */ k.jsx(p3, { todos: t.todos }) }),
                 t.role === "assistant" && t.confidence_str && /* @__PURE__ */ k.jsx(nl, { className: "al-my-3", variant: "warning", children: /* @__PURE__ */ k.jsxs(Tt, { gap: "xl", align: "center", children: [
                   /* @__PURE__ */ k.jsx(G_, { className: "al-min-h-6 al-min-w-6" }),
-                  /* @__PURE__ */ k.jsx(Pa, { variant: "body", className: "al-flex-1", children: t.confidence_str })
+                  /* @__PURE__ */ k.jsx(Pa, { className: "al-flex-1", children: t.confidence_str })
                 ] }) }),
                 /* @__PURE__ */ k.jsx("div", { id: `message-${t.id}-content`, children: /* @__PURE__ */ k.jsx(tl, { content: t.content || "", id: t.id }) }),
                 t.artifacts && /* @__PURE__ */ k.jsx("div", { id: `message-${t.id}-artifacts`, children: /* @__PURE__ */ k.jsx(g3, { artifacts: t.artifacts }) }),

package/dist/Stack.js

@@ -6907,31 +6907,42 @@ 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
     },
     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 +6956,32 @@ 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"
+}, md = (e) => {
+  const { variant: t = "body", children: n, className: r, role: o } = e;
+  let s, a;
+  if (t === "h1" || t === "h2" || t === "h3" || t === "h4" || t === "subheading")
+    s = e.weight ?? "semibold", a = void 0;
+  else if (t === "table-header")
+    s = e.weight ?? "medium", a = void 0;
+  else if (t === "body") {
+    const c = e;
+    s = c.weight ?? "regular", a = c.size ?? "regular";
+  } else if (t === "caption") {
+    const c = e;
+    s = c.weight ?? "regular", a = c.size;
+  } else if (t === "button") {
+    const c = e;
+    s = "medium", a = c.size ? `button-${c.size}` : "button-sm";
+  } else {
+    const c = e;
+    s = "regular", a = c.size ? `placeholder-${c.size}` : "placeholder-large";
+  }
+  const i = Yu[t];
+  return /* @__PURE__ */ g.jsx(i, { 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,
                 {