@actioneer/ads 0.5.9 → 0.7.0

package/components/assistant-ui/thread.js

@@ -1,80 +1,88 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Composer as c } from "./composer.js";
-import { ComposerPlaceholdersProvider as U } from "./composer.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Composer as u } from "./composer.js";
+import { ComposerPlaceholdersProvider as q } from "./composer.js";
 import { RenderAnswerToolUI as p } from "./answer-tool-ui.js";
-import { ThreadFollowupSuggestions as u } from "./follow-up-suggestions.js";
-import { ThreadMessage as h } from "./message.js";
-import { SelectionToolbar as x } from "./selection-toolbar.js";
-import { ThreadSuggestions as b } from "./suggestions.js";
-import { isNewChatView as m, ThreadComponentsContext as f, EMPTY_COMPONENTS as w } from "./thread-context.js";
+import { ThreadMessage as x } from "./message.js";
+import { SelectionToolbar as g } from "./selection-toolbar.js";
+import { Button as w } from "../ui/button.js";
+import { isNewChatView as n, ThreadComponentsContext as f, EMPTY_COMPONENTS as b } from "./thread-context.js";
 import { TooltipIconButton as v } from "./tooltip-icon-button.js";
 import { cn as T } from "../../lib/cn.js";
-import { useAuiState as g, ThreadPrimitive as e, AuiIf as d } from "@assistant-ui/react";
-import { ArrowDown as N } from "../../lib/icons.js";
-import { useContext as C } from "react";
-const W = ({
-  components: r = w,
-  isAnswerToolEnabled: i = !0,
+import { useAuiState as N, ThreadPrimitive as o, AuiIf as h, SuggestionPrimitive as s } from "@assistant-ui/react";
+import { ArrowDown as y } from "../../lib/icons.js";
+import { useContext as S } from "react";
+const H = ({
+  components: t = b,
+  isAnswerToolEnabled: l = !0,
   composerPlacement: a = "adaptive"
 }) => {
-  const t = g(m);
-  return /* @__PURE__ */ l(f.Provider, { value: r, children: [
-    i && /* @__PURE__ */ o(p, {}),
-    /* @__PURE__ */ o(y, { isEmpty: t, composerPlacement: a })
+  const i = N(n);
+  return /* @__PURE__ */ r(f.Provider, { value: t, children: [
+    l && /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e(C, { isEmpty: i, composerPlacement: a })
   ] });
-}, y = ({ isEmpty: r, composerPlacement: i }) => {
-  const { Welcome: a = P, ComposerDock: t } = C(
+}, C = ({ isEmpty: t, composerPlacement: l }) => {
+  const { Welcome: a = A, EmptyState: i, ComposerDock: d } = S(
     f
-  ), n = i === "bottom";
-  return /* @__PURE__ */ l(e.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", children: [
-    /* @__PURE__ */ o(
-      e.Viewport,
+  ), m = l === "bottom";
+  return /* @__PURE__ */ r(o.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", children: [
+    /* @__PURE__ */ e(
+      o.Viewport,
       {
         turnAnchor: "top",
         "data-slot": "aui_thread-viewport",
         className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth",
-        children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", children: [
-          /* @__PURE__ */ o(d, { condition: m, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(a, {}) }) }),
-          /* @__PURE__ */ o(
+        children: t && i ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", children: [
+          /* @__PURE__ */ e(h, { condition: n, children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ e(a, {}) }) }),
+          /* @__PURE__ */ e(
             "div",
             {
               "data-slot": "aui_message-group",
               className: "mb-14 flex flex-col gap-y-8 empty:hidden",
-              children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(h, {}) })
+              children: /* @__PURE__ */ e(o.Messages, { children: () => /* @__PURE__ */ e(x, {}) })
             }
           ),
-          /* @__PURE__ */ l(
-            e.ViewportFooter,
+          /* @__PURE__ */ r(
+            o.ViewportFooter,
             {
               className: T(
                 "aui-thread-viewport-footer bg-background flex flex-col gap-4 overflow-visible pb-4 md:pb-6",
-                r && !n && "flex-1",
-                (!r || n) && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
+                t && !m && "flex-1",
+                (!t || m) && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
               ),
               children: [
-                /* @__PURE__ */ o(S, {}),
-                /* @__PURE__ */ o(u, {}),
-                t ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(c, {}) }) : /* @__PURE__ */ o(c, {}),
-                /* @__PURE__ */ o(d, { condition: (s) => m(s) && s.composer.isEmpty, children: /* @__PURE__ */ o(b, {}) })
+                /* @__PURE__ */ e(P, {}),
+                d ? /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(u, {}) }) : /* @__PURE__ */ e(u, {}),
+                /* @__PURE__ */ e(h, { condition: (c) => n(c) && c.composer.isEmpty, children: /* @__PURE__ */ e(I, {}) })
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ o(x, {})
+    /* @__PURE__ */ e(g, {})
   ] });
-}, S = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
+}, P = () => /* @__PURE__ */ e(o.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ e(
   v,
   {
     tooltip: "Scroll to bottom",
     variant: "outline",
     className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible",
-    children: /* @__PURE__ */ o(N, {})
+    children: /* @__PURE__ */ e(y, {})
   }
-) }), P = () => /* @__PURE__ */ o("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ o("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-medium duration-200", children: "How can I help you today?" }) });
+) }), A = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ e("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-medium duration-200", children: "How can I help you today?" }) }), I = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestions flex w-full flex-wrap items-center justify-center gap-2 px-4", children: /* @__PURE__ */ e(o.Suggestions, { children: () => /* @__PURE__ */ e(j, {}) }) }), j = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-200", children: /* @__PURE__ */ e(s.Trigger, { send: !0, asChild: !0, children: /* @__PURE__ */ r(
+  w,
+  {
+    variant: "ghost",
+    className: "aui-thread-welcome-suggestion text-foreground hover:bg-muted border-border/60 h-auto gap-1.5 rounded-full border px-3.5 py-1.5 text-xs font-normal whitespace-nowrap transition-colors",
+    children: [
+      /* @__PURE__ */ e(s.Title, { className: "aui-thread-welcome-suggestion-text-1" }),
+      /* @__PURE__ */ e(s.Description, { className: "aui-thread-welcome-suggestion-text-2 empty:hidden" })
+    ]
+  }
+) }) });
 export {
-  U as ComposerPlaceholdersProvider,
-  W as Thread
+  q as ComposerPlaceholdersProvider,
+  H as Thread
 };

package/components/avatar.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as n, jsxs as b } from "react/jsx-runtime";
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
 import * as f from "react";
-import { cn as i } from "../lib/cn.js";
-const g = {
+import { cn as s } from "../lib/cn.js";
+const m = {
   xs: "size-5 text-[10px]",
   sm: "size-8 text-xs",
   md: "size-10 text-xs",
@@ -16,64 +16,64 @@ function v(r) {
   const e = r.trim().split(/\s+/).filter(Boolean);
   return e.length === 0 ? "" : e.length === 1 ? e[0].slice(0, 2).toUpperCase() : (e[0][0] + e[e.length - 1][0]).toUpperCase();
 }
-const m = [
-  "bg-(--color-cyan-soft) text-ink-950",
-  "bg-(--color-lime-soft) text-ink-950",
-  "bg-(--color-amber-soft) text-ink-950",
-  "bg-info-100 text-ink-950",
-  "bg-ink-300 text-ink-950"
+const g = [
+  "bg-g9 text-white",
+  "bg-g10 text-white",
+  "bg-g11 text-white",
+  "bg-g4 text-g12"
 ];
-function k(r) {
-  let e = 0;
-  for (const t of r) e = e * 31 + t.charCodeAt(0) >>> 0;
-  return m[e % m.length];
+function N(r) {
+  const e = Array.from(r).reduce(
+    (t, i) => t + i.charCodeAt(0),
+    0
+  );
+  return g[e % g.length];
 }
-const N = f.forwardRef(
-  ({ className: r, src: e, name: t, size: s = "md", radius: o = "full", ...a }, c) => {
-    const l = t ? v(t) : "";
-    return /* @__PURE__ */ n(
+const A = f.forwardRef(
+  ({ className: r, src: e, name: t, size: i = "md", radius: o = "full", ...a }, d) => {
+    const n = t ? v(t) : "";
+    return /* @__PURE__ */ l(
       "span",
       {
-        ref: c,
+        ref: d,
         role: "img",
         "aria-label": t,
-        className: i(
+        className: s(
           "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden font-normal",
-          // Images sit on the neutral fill; initials take a deterministic
-          // per-name identity tint so a roster reads multi-color.
-          e || !t ? "bg-fill text-fill-foreground" : k(t),
-          g[s],
+          // Images sit on the neutral fill; initials use the ADS green ramp.
+          e || !t ? "bg-fill text-fill-foreground" : N(t),
+          m[i],
           h[o],
           r
         ),
         ...a,
-        children: e ? /* @__PURE__ */ n(
+        children: e ? /* @__PURE__ */ l(
           "img",
           {
             src: e,
             alt: t ?? "",
             className: "size-full object-cover"
           }
-        ) : /* @__PURE__ */ n("span", { "aria-hidden": !0, children: l })
+        ) : /* @__PURE__ */ l("span", { "aria-hidden": !0, children: n })
       }
     );
   }
 );
-N.displayName = "Avatar";
-const y = f.forwardRef(
-  ({ className: r, max: e, size: t = "md", radius: s = "full", children: o, ...a }, c) => {
-    const l = f.Children.toArray(o), d = typeof e == "number" ? l.length - e : 0, p = typeof e == "number" ? l.slice(0, e) : l;
+A.displayName = "Avatar";
+const w = f.forwardRef(
+  ({ className: r, max: e, size: t = "md", radius: i = "full", children: o, ...a }, d) => {
+    const n = f.Children.toArray(o), c = typeof e == "number" ? n.length - e : 0, p = typeof e == "number" ? n.slice(0, e) : n;
     return /* @__PURE__ */ b(
       "div",
       {
-        ref: c,
-        className: i("flex items-center", r),
+        ref: d,
+        className: s("flex items-center", r),
         ...a,
         children: [
-          p.map((x, u) => /* @__PURE__ */ n(
+          p.map((x, u) => /* @__PURE__ */ l(
             "div",
             {
-              className: i(
+              className: s(
                 "ring-2 ring-background rounded-full",
                 u > 0 && "-ml-2"
               ),
@@ -81,18 +81,18 @@ const y = f.forwardRef(
             },
             u
           )),
-          d > 0 && /* @__PURE__ */ n("div", { className: i("ring-2 ring-background rounded-full -ml-2"), children: /* @__PURE__ */ n(
+          c > 0 && /* @__PURE__ */ l("div", { className: s("ring-2 ring-background rounded-full -ml-2"), children: /* @__PURE__ */ l(
             "span",
             {
               role: "img",
-              "aria-label": `${d} more`,
-              className: i(
+              "aria-label": `${c} more`,
+              className: s(
                 "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden font-normal",
                 "bg-muted text-muted-foreground",
-                g[t],
-                h[s]
+                m[t],
+                h[i]
               ),
-              children: /* @__PURE__ */ n("span", { "aria-hidden": !0, children: `+${d}` })
+              children: /* @__PURE__ */ l("span", { "aria-hidden": !0, children: `+${c}` })
             }
           ) })
         ]
@@ -100,8 +100,8 @@ const y = f.forwardRef(
     );
   }
 );
-y.displayName = "AvatarGroup";
+w.displayName = "AvatarGroup";
 export {
-  N as Avatar,
-  y as AvatarGroup
+  A as Avatar,
+  w as AvatarGroup
 };

package/components/badge.d.ts

@@ -1,10 +1,9 @@
-import { VariantProps } from 'class-variance-authority';
+import { ChipProps } from './chip';
 import * as React from "react";
-declare const badgeVariants: (props?: ({
-    variant?: "soft" | "outline" | "solid" | "dot" | null | undefined;
-    color?: "success" | "warning" | "danger" | "info" | "default" | "primary" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
+type LegacyBadgeVariant = "solid" | "soft" | "outline" | "dot";
+export interface BadgeProps extends Omit<ChipProps, "variant" | "onClose" | "startContent" | "avatar" | "showDot"> {
+    variant?: LegacyBadgeVariant;
 }
+/** @deprecated Use `Chip`. */
 export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 export {};

package/components/badge.js

@@ -1,83 +1,20 @@
 "use client";
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import * as d from "react";
-import { cva as c } from "class-variance-authority";
-import { cn as o } from "../lib/cn.js";
-const g = c(
-  "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-normal whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        solid: "",
-        soft: "",
-        outline: "bg-transparent border",
-        dot: "bg-transparent border border-border text-foreground"
-      },
-      color: {
-        default: "",
-        primary: "",
-        success: "",
-        warning: "",
-        danger: "",
-        info: ""
-      }
-    },
-    compoundVariants: [
-      // solid
-      { variant: "solid", color: "default", className: "bg-fill text-fill-foreground" },
-      { variant: "solid", color: "primary", className: "bg-foreground text-background" },
-      { variant: "solid", color: "success", className: "bg-success text-success-foreground" },
-      { variant: "solid", color: "warning", className: "bg-warning text-warning-foreground" },
-      { variant: "solid", color: "danger", className: "bg-danger text-danger-foreground" },
-      { variant: "solid", color: "info", className: "bg-info text-info-foreground" },
-      // soft
-      { variant: "soft", color: "default", className: "bg-muted text-muted-foreground" },
-      { variant: "soft", color: "primary", className: "bg-fill text-fill-foreground" },
-      { variant: "soft", color: "success", className: "bg-success-50 text-success-700" },
-      { variant: "soft", color: "warning", className: "bg-warning-50 text-warning-700" },
-      { variant: "soft", color: "danger", className: "bg-danger-50 text-danger-700" },
-      { variant: "soft", color: "info", className: "bg-info-50 text-info-700" },
-      // outline
-      { variant: "outline", color: "default", className: "border-border-strong text-foreground" },
-      { variant: "outline", color: "primary", className: "border-border-strong text-foreground" },
-      { variant: "outline", color: "success", className: "border-success-100 text-success-700" },
-      { variant: "outline", color: "warning", className: "border-warning-100 text-warning-700" },
-      { variant: "outline", color: "danger", className: "border-danger-100 text-danger-700" },
-      { variant: "outline", color: "info", className: "border-info-100 text-info-700" }
-    ],
-    defaultVariants: { variant: "solid", color: "default" }
-  }
-), f = {
-  default: "bg-muted-foreground",
-  primary: "bg-foreground",
-  success: "bg-success",
-  warning: "bg-warning",
-  danger: "bg-danger",
-  info: "bg-info"
-}, u = d.forwardRef(
-  ({ className: e, variant: r = "solid", color: a = "default", children: n, ...s }, t) => /* @__PURE__ */ i(
-    "span",
+import { jsx as a } from "react/jsx-runtime";
+import * as e from "react";
+import { Chip as s } from "./chip.js";
+const d = e.forwardRef(
+  ({ variant: o = "solid", color: t = "default", ...i }, r) => /* @__PURE__ */ a(
+    s,
     {
-      ref: t,
-      className: o(g({ variant: r, color: a }), e),
-      ...s,
-      children: [
-        r === "dot" && /* @__PURE__ */ l(
-          "span",
-          {
-            "aria-hidden": !0,
-            className: o(
-              "size-1.5 rounded-dot",
-              f[a ?? "default"]
-            )
-          }
-        ),
-        n
-      ]
+      ref: r,
+      variant: o === "outline" ? "outline" : "solid",
+      color: t,
+      showDot: o === "dot",
+      ...i
     }
   )
 );
-u.displayName = "Badge";
+d.displayName = "Badge";
 export {
-  u as Badge
+  d as Badge
 };

package/components/body-page-header.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface BodyPageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    /** Page title rendered at the leading edge. */
+    title: React.ReactNode;
+    /** Optional page-level actions rendered at the trailing edge. */
+    actions?: React.ReactNode;
+}
+/**
+ * Borderless header for a PageBody destination.
+ *
+ * The header owns a 24px inset on every side and keeps the page title at the
+ * canonical 25px step. Destination icons and compact metadata belong in the
+ * sidebar or content, not beside the title.
+ */
+export declare const BodyPageHeader: React.ForwardRefExoticComponent<BodyPageHeaderProps & React.RefAttributes<HTMLElement>>;

package/components/body-page-header.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as n } from "../lib/cn.js";
+const l = d.forwardRef(({ className: a, title: t, actions: e, ...s }, m) => /* @__PURE__ */ i(
+  "header",
+  {
+    ref: m,
+    "data-slot": "body-page-header",
+    className: n(
+      "flex shrink-0 items-center justify-between gap-4 p-6",
+      a
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ r("h1", { className: "min-w-0 truncate text-xl font-medium text-on-warm-grey-primary", children: t }),
+      e ? /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-2", children: e }) : null
+    ]
+  }
+));
+l.displayName = "BodyPageHeader";
+export {
+  l as BodyPageHeader
+};

package/components/brand-loader.d.ts

@@ -11,6 +11,3 @@ export interface BrandMarkProps extends React.SVGProps<SVGSVGElement> {
  * reduced-motion handling live in `src/styles/index.css` (`.ads-mark-cell`).
  */
 export declare function BrandMark({ className, hoverAnimate, ...props }: BrandMarkProps): React.JSX.Element;
-export interface BrandLoaderProps extends React.SVGProps<SVGSVGElement> {
-}
-export declare function BrandLoader({ className, ...props }: BrandLoaderProps): React.JSX.Element;

package/components/brand-loader.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { cn as n } from "../lib/cn.js";
+import { cn as r } from "../lib/cn.js";
 const s = [
   { d: "M31.1845 32.5508C31.1845 33.1031 30.7368 33.5508 30.1845 33.5508H1.00104C0.287428 33.5508 -0.196523 32.8248 0.0779916 32.1661L13.2269 0.615317C13.3822 0.242707 13.7463 0 14.15 0H30.1845C30.7368 0 31.1845 0.447715 31.1845 1V32.5508Z", delay: 0.55 },
   { d: "M68.4648 32.5508C68.4648 33.1031 68.0171 33.5508 67.4648 33.5508H38.3042C37.5846 33.5508 37.1006 32.8136 37.3866 32.1533L51.0553 0.602474C51.2138 0.236721 51.5743 0 51.9729 0H67.4648C68.0171 0 68.4648 0.447715 68.4648 1V32.5508Z", delay: 0.1 },
@@ -11,9 +11,9 @@ const s = [
   { d: "M30.6757 104.001C30.6757 104.553 30.228 105.001 29.6757 105.001H1.70344C0.797433 105.001 0.358418 103.893 1.01872 103.272L24.0355 81.6472C24.2209 81.473 24.4658 81.376 24.7202 81.376H29.6757C30.228 81.376 30.6757 81.8237 30.6757 82.376V104.001Z", delay: 0.2 },
   { d: "M67.4287 104.001C67.4287 104.553 66.9809 105.001 66.4287 105.001H38.2664C37.387 105.001 36.9358 103.948 37.5426 103.311L58.1566 81.686C58.3453 81.488 58.6069 81.376 58.8804 81.376H66.4287C66.9809 81.376 67.4287 81.8237 67.4287 82.376V104.001Z", delay: 0.9 },
   { d: "M104.182 104.001C104.182 104.553 103.734 105.001 103.182 105.001H74.834C73.9838 105.001 73.5214 104.007 74.0691 103.357L92.2803 81.7318C92.4704 81.5062 92.7503 81.376 93.0452 81.376H103.182C103.734 81.376 104.182 81.8237 104.182 82.376V104.001Z", delay: 0.45 }
-], i = [0.26, 0.13, 0, 0.39, 0.26, 0.13, 0.52, 0.39, 0.26];
-function H({
-  className: d,
+], L = [0.26, 0.13, 0, 0.39, 0.26, 0.13, 0.52, 0.39, 0.26];
+function i({
+  className: a,
   hoverAnimate: C = !0,
   ...l
 }) {
@@ -22,43 +22,21 @@ function H({
     {
       viewBox: "0 0 105 105",
       "aria-hidden": !0,
-      className: n("shrink-0", d),
+      className: r("shrink-0", a),
       ...l,
-      children: s.map(({ d: a }, r) => /* @__PURE__ */ e(
+      children: s.map(({ d: H }, d) => /* @__PURE__ */ e(
         "path",
         {
-          d: a,
+          d: H,
           fill: "currentColor",
           className: C ? "ads-mark-cell" : void 0,
-          style: C ? { "--blip-delay": `${i[r]}s` } : void 0
+          style: C ? { "--blip-delay": `${L[d]}s` } : void 0
         },
-        r
-      ))
-    }
-  );
-}
-function c({ className: d, ...C }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      viewBox: "0 0 105 105",
-      "aria-hidden": !0,
-      className: n("shrink-0", d),
-      ...C,
-      children: s.map(({ d: l, delay: a }) => /* @__PURE__ */ e(
-        "path",
-        {
-          d: l,
-          fill: "currentColor",
-          className: "brand-loader-cell",
-          style: { animationDelay: `${a}s` }
-        },
-        a
+        d
       ))
     }
   );
 }
 export {
-  c as BrandLoader,
-  H as BrandMark
+  i as BrandMark
 };

package/components/breadcrumbs.d.ts

@@ -6,13 +6,6 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
      * to separate the header from the scrolled content (and clears at the top).
      */
     sticky?: boolean;
-    /**
-     * Render a leading back-arrow control before the trail (the standard ADS
-     * back affordance). Fires on click; give it an accessible label via
-     * `backLabel` if the default "Back" isn't right.
-     */
-    onBack?: () => void;
-    backLabel?: string;
     /**
      * Right-aligned controls rendered inside the trail row (page actions, an
      * overflow menu) — they ride along when the trail is sticky.
@@ -22,7 +15,7 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
     center?: React.ReactNode;
     /**
      * Supporting metadata stitched inline right after the trail (schema name,
-     * sync status…). Muted, truncates before the trail does.
+     * sync status…). Kept visible while the current trail item truncates first.
      */
     meta?: React.ReactNode;
 }