@actioneer/ads 0.1.0

package/components/assistant-ui/tool-group.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { memo as w, useRef as y, useState as C, useCallback as G } from "react";
+import { Loader as k, ChevronDown as R } from "../../lib/icons.js";
+import { cva as I } from "class-variance-authority";
+import { useScrollLock as A } from "@assistant-ui/react";
+import { Collapsible as S, CollapsibleTrigger as j, CollapsibleContent as z } from "../ui/collapsible.js";
+import { cn as n } from "../../lib/cn.js";
+const D = 200, L = I("aui-tool-group-root group/tool-group w-full", {
+  variants: {
+    variant: {
+      outline: "rounded-lg border py-3",
+      ghost: "",
+      muted: "border-muted-foreground/30 bg-muted/30 rounded-lg border py-3"
+    }
+  },
+  defaultVariants: { variant: "outline" }
+});
+function m({
+  className: r,
+  variant: o,
+  open: a,
+  onOpenChange: e,
+  defaultOpen: l = !1,
+  children: f,
+  ...h
+}) {
+  const p = y(null), [x, b] = C(l), s = A(p, D), u = a !== void 0, N = u ? a : x, T = G(
+    (d) => {
+      s(), u || b(d), e == null || e(d);
+    },
+    [s, u, e]
+  );
+  return /* @__PURE__ */ t(
+    S,
+    {
+      ref: p,
+      "data-slot": "tool-group-root",
+      "data-variant": o ?? "outline",
+      open: N,
+      onOpenChange: T,
+      className: n(
+        L({ variant: o }),
+        "group/tool-group-root",
+        r
+      ),
+      ...h,
+      children: f
+    }
+  );
+}
+function c({
+  count: r,
+  active: o = !1,
+  className: a,
+  ...e
+}) {
+  const l = `${r} tool ${r === 1 ? "call" : "calls"}`;
+  return /* @__PURE__ */ g(
+    j,
+    {
+      "data-slot": "tool-group-trigger",
+      className: n(
+        "aui-tool-group-trigger group/trigger flex origin-left items-center gap-2 text-xs transition-[color,scale] active:scale-[0.98]",
+        "group-data-[variant=ghost]/tool-group-root:text-muted-foreground group-data-[variant=ghost]/tool-group-root:hover:text-foreground group-data-[variant=ghost]/tool-group-root:py-1.5",
+        "group-data-[variant=outline]/tool-group-root:w-full group-data-[variant=outline]/tool-group-root:px-4",
+        "group-data-[variant=muted]/tool-group-root:w-full group-data-[variant=muted]/tool-group-root:px-4",
+        a
+      ),
+      ...e,
+      children: [
+        o && /* @__PURE__ */ t(
+          k,
+          {
+            "data-slot": "tool-group-trigger-loader",
+            className: "aui-tool-group-trigger-loader size-3 shrink-0 animate-spin [animation-duration:var(--duration-spin)] motion-reduce:animate-none"
+          }
+        ),
+        /* @__PURE__ */ g(
+          "span",
+          {
+            "data-slot": "tool-group-trigger-label",
+            className: n(
+              "aui-tool-group-trigger-label-wrapper relative inline-block text-start leading-none font-medium",
+              "group-data-[variant=ghost]/tool-group-root:font-normal",
+              "group-data-[variant=outline]/tool-group-root:grow",
+              "group-data-[variant=muted]/tool-group-root:grow"
+            ),
+            children: [
+              /* @__PURE__ */ t("span", { className: "text-xs", children: l }),
+              o && /* @__PURE__ */ t(
+                "span",
+                {
+                  "aria-hidden": !0,
+                  "data-slot": "tool-group-trigger-shimmer",
+                  className: "aui-tool-group-trigger-shimmer shimmer pointer-events-none absolute inset-0 text-xs motion-reduce:animate-none",
+                  children: l
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          R,
+          {
+            "data-slot": "tool-group-trigger-chevron",
+            className: n(
+              "aui-tool-group-trigger-chevron size-3 shrink-0",
+              "transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
+              "group-data-[state=closed]/trigger:-rotate-90",
+              "group-data-[state=open]/trigger:rotate-0"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function v({
+  className: r,
+  children: o,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    z,
+    {
+      "data-slot": "tool-group-content",
+      className: n(
+        "aui-tool-group-content relative overflow-hidden text-xs outline-none",
+        "group/collapsible-content",
+        "data-[state=closed]:pointer-events-none",
+        r
+      ),
+      ...a,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: n(
+            "mt-2 flex flex-col gap-2",
+            "group-data-[variant=ghost]/tool-group-root:mt-1 group-data-[variant=ghost]/tool-group-root:gap-1",
+            "group-data-[variant=outline]/tool-group-root:mt-3 group-data-[variant=outline]/tool-group-root:border-t group-data-[variant=outline]/tool-group-root:px-4 group-data-[variant=outline]/tool-group-root:pt-3",
+            "group-data-[variant=muted]/tool-group-root:mt-3 group-data-[variant=muted]/tool-group-root:border-t group-data-[variant=muted]/tool-group-root:px-4 group-data-[variant=muted]/tool-group-root:pt-3",
+            "[&>*]:animate-in [&>*]:fade-in-0 [&>*]:blur-in-[2px] [&>*]:slide-in-from-top-1 [&>*]:duration-(--duration-normal) [&>*]:ease-out",
+            "[&>*]:motion-reduce:animate-none",
+            "[&>*:nth-child(2)]:[animation-delay:40ms]",
+            "[&>*:nth-child(3)]:[animation-delay:80ms]",
+            "[&>*:nth-child(4)]:[animation-delay:120ms]",
+            "[&>*:nth-child(n+5)]:[animation-delay:160ms]"
+          ),
+          children: o
+        }
+      )
+    }
+  );
+}
+const U = ({ children: r, startIndex: o, endIndex: a }) => {
+  const e = a - o + 1;
+  return /* @__PURE__ */ g(m, { children: [
+    /* @__PURE__ */ t(c, { count: e }),
+    /* @__PURE__ */ t(v, { children: r })
+  ] });
+}, i = w(U);
+i.displayName = "ToolGroup";
+i.Root = m;
+i.Trigger = c;
+i.Content = v;
+export {
+  i as ToolGroup,
+  v as ToolGroupContent,
+  m as ToolGroupRoot,
+  c as ToolGroupTrigger,
+  L as toolGroupVariants
+};

package/components/assistant-ui/tooltip-icon-button.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
+import { Button } from '../ui/button';
+export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
+    tooltip: string;
+    side?: "top" | "bottom" | "left" | "right";
+};
+export declare const TooltipIconButton: import('react').ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/components/assistant-ui/tooltip-icon-button.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { Slot as c } from "radix-ui";
+import { TooltipProvider as m, Tooltip as p, TooltipTrigger as d, TooltipContent as u } from "../ui/tooltip.js";
+import { Button as f } from "../ui/button.js";
+import { cn as h } from "../../lib/cn.js";
+const T = s(({ children: i, tooltip: t, side: n = "bottom", className: e, ...l }, a) => /* @__PURE__ */ o(m, { delayDuration: 0, children: /* @__PURE__ */ r(p, { children: [
+  /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ r(
+    f,
+    {
+      variant: "ghost",
+      size: "icon",
+      ...l,
+      className: h(
+        "aui-button-icon size-6 p-1 active:scale-90",
+        e
+      ),
+      ref: a,
+      children: [
+        /* @__PURE__ */ o(c.Slottable, { children: i }),
+        /* @__PURE__ */ o("span", { className: "aui-sr-only sr-only", children: t })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ o(u, { side: n, children: t })
+] }) }));
+T.displayName = "TooltipIconButton";
+export {
+  T as TooltipIconButton
+};

package/components/assistant-ui/voice.d.ts

@@ -0,0 +1,18 @@
+import { useVoiceState } from '@assistant-ui/react';
+import { FC } from 'react';
+export type VoiceOrbState = "idle" | "connecting" | "listening" | "speaking" | "muted";
+export type VoiceOrbVariant = "default" | "blue" | "violet" | "emerald";
+export type VoiceOrbProps = {
+    state?: VoiceOrbState;
+    variant?: VoiceOrbVariant;
+    className?: string;
+};
+export declare function deriveVoiceOrbState(voiceState: ReturnType<typeof useVoiceState>): VoiceOrbState;
+export declare const VoiceOrb: FC<VoiceOrbProps>;
+export declare const VoiceControl: FC<{
+    className?: string;
+}>;
+export declare const VoiceStatusDot: FC;
+export declare const VoiceConnectButton: FC;
+export declare const VoiceMuteButton: FC;
+export declare const VoiceDisconnectButton: FC;

package/components/autocomplete.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface AutocompleteItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface AutocompleteProps {
+    items: AutocompleteItem[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    isInvalid?: boolean;
+    allowsCustomValue?: boolean;
+    className?: string;
+    id?: string;
+}
+export declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLInputElement>>;

package/components/autocomplete.js

@@ -0,0 +1,162 @@
+"use client";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
+import * as o from "react";
+import { MotionConfig as j, AnimatePresence as z, motion as q } from "motion/react";
+import { Search as O, Check as P } from "../lib/icons.js";
+import { cn as y } from "../lib/cn.js";
+import { inputBaseClass as B } from "./field.js";
+import { floatVariants as F } from "../lib/motion.js";
+const K = o.forwardRef(
+  ({
+    items: u,
+    value: f,
+    onChange: i,
+    placeholder: A = "Search…",
+    disabled: E,
+    isInvalid: R,
+    allowsCustomValue: p = !1,
+    className: S,
+    id: I
+  }, M) => {
+    const d = u.find((e) => e.value === f), [m, x] = o.useState((d == null ? void 0 : d.label) ?? ""), [r, a] = o.useState(!1), [n, h] = o.useState(-1), N = o.useRef(null), k = o.useRef(null), b = o.useId();
+    o.useEffect(() => {
+      x((d == null ? void 0 : d.label) ?? (p ? f ?? "" : ""));
+    }, [d, f, p]);
+    const l = o.useMemo(() => {
+      const e = m.trim().toLowerCase();
+      return e ? u.filter((t) => t.label.toLowerCase().includes(e)) : u;
+    }, [u, m]);
+    o.useEffect(() => {
+      if (!r) return;
+      const e = (t) => {
+        var s;
+        (s = N.current) != null && s.contains(t.target) || a(!1);
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [r]), o.useEffect(() => {
+      var t;
+      if (!r || n < 0) return;
+      const e = (t = k.current) == null ? void 0 : t.children[n];
+      e == null || e.scrollIntoView({ block: "nearest" });
+    }, [r, n]);
+    const D = (e) => {
+      l.length !== 0 && h((t) => {
+        let s = t;
+        for (let v = 0; v < l.length; v++)
+          if (s = (s + e + l.length) % l.length, !l[s].disabled) return s;
+        return t;
+      });
+    }, g = (e) => {
+      const t = l[e];
+      !t || t.disabled || (i == null || i(t.value), x(t.label), a(!1));
+    }, L = (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), r ? D(1) : a(!0);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), r ? D(-1) : a(!0);
+          break;
+        case "Enter":
+          r && n >= 0 ? (e.preventDefault(), g(n)) : p && (i == null || i(m), a(!1));
+          break;
+        case "Escape":
+          r && (e.preventDefault(), a(!1));
+          break;
+        case "Tab":
+          a(!1);
+          break;
+      }
+    };
+    return /* @__PURE__ */ w("div", { ref: N, className: "relative", children: [
+      /* @__PURE__ */ w("div", { className: "group/field relative", children: [
+        /* @__PURE__ */ c(
+          O,
+          {
+            className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground transition-colors duration-(--duration-fast) group-focus-within/field:text-foreground group-hover/field:text-foreground",
+            "aria-hidden": !0
+          }
+        ),
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: M,
+            id: I,
+            type: "text",
+            role: "combobox",
+            autoComplete: "off",
+            "aria-autocomplete": "list",
+            "aria-haspopup": "listbox",
+            "aria-expanded": r,
+            "aria-controls": b,
+            "aria-activedescendant": r && n >= 0 ? `${b}-opt-${n}` : void 0,
+            "aria-invalid": R || void 0,
+            disabled: E,
+            placeholder: A,
+            value: m,
+            onChange: (e) => {
+              x(e.target.value), a(!0), h(-1), p && (i == null || i(e.target.value));
+            },
+            onFocus: () => a(!0),
+            onKeyDown: L,
+            className: y(B, "h-10 pl-9", S)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c(j, { reducedMotion: "user", children: /* @__PURE__ */ c(z, { children: r && /* @__PURE__ */ c(
+        q.ul,
+        {
+          ref: k,
+          id: b,
+          role: "listbox",
+          variants: F,
+          initial: "hidden",
+          animate: "visible",
+          exit: "hidden",
+          style: { transformOrigin: "top" },
+          className: y(
+            "absolute z-50 mt-1.5 max-h-60 w-full overflow-auto p-1",
+            "rounded-md border border-border bg-elevated shadow-elevation"
+          ),
+          children: l.length === 0 ? /* @__PURE__ */ c(
+            "li",
+            {
+              role: "presentation",
+              className: "px-2 py-6 text-center text-xs text-muted-foreground",
+              children: "No results"
+            }
+          ) : l.map((e, t) => {
+            const s = e.value === f, v = t === n;
+            return /* @__PURE__ */ w(
+              "li",
+              {
+                id: `${b}-opt-${t}`,
+                role: "option",
+                "aria-selected": s,
+                "aria-disabled": e.disabled || void 0,
+                onMouseEnter: () => !e.disabled && h(t),
+                onMouseDown: ($) => $.preventDefault(),
+                onClick: () => g(t),
+                className: y(
+                  "flex cursor-pointer items-center justify-between gap-2",
+                  "rounded-sm px-2 py-1.5 text-xs text-foreground select-none",
+                  v && !e.disabled && "bg-muted",
+                  e.disabled && "pointer-events-none opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ c("span", { className: "truncate", children: e.label }),
+                  s && /* @__PURE__ */ c(P, { className: "size-4 shrink-0", "aria-hidden": !0 })
+                ]
+              },
+              e.value
+            );
+          })
+        }
+      ) }) })
+    ] });
+  }
+);
+K.displayName = "Autocomplete";
+export {
+  K as Autocomplete
+};

package/components/avatar.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+declare const sizeClasses: {
+    readonly sm: "size-8 text-xs";
+    readonly md: "size-10 text-xs";
+    readonly lg: "size-12 text-base";
+    readonly xl: "size-16 text-lg";
+};
+declare const radiusClasses: {
+    readonly full: "rounded-full";
+    readonly lg: "rounded-lg";
+};
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+    src?: string;
+    name?: string;
+    size?: keyof typeof sizeClasses;
+    radius?: keyof typeof radiusClasses;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum avatars to show before collapsing the rest into a `+N` chip. */
+    max?: number;
+    size?: keyof typeof sizeClasses;
+    radius?: keyof typeof radiusClasses;
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/components/avatar.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import * as u from "react";
+import { cn as n } from "../lib/cn.js";
+const m = {
+  sm: "size-8 text-xs",
+  md: "size-10 text-xs",
+  lg: "size-12 text-base",
+  xl: "size-16 text-lg"
+}, g = {
+  full: "rounded-full",
+  lg: "rounded-lg"
+};
+function b(l) {
+  const e = l.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 x = u.forwardRef(
+  ({ className: l, src: e, name: t, size: s = "md", radius: a = "full", ...o }, d) => {
+    const i = t ? b(t) : "";
+    return /* @__PURE__ */ r(
+      "span",
+      {
+        ref: d,
+        role: "img",
+        "aria-label": t,
+        className: n(
+          "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden font-medium",
+          "bg-fill text-fill-foreground",
+          m[s],
+          g[a],
+          l
+        ),
+        ...o,
+        children: e ? /* @__PURE__ */ r(
+          "img",
+          {
+            src: e,
+            alt: t ?? "",
+            className: "size-full object-cover"
+          }
+        ) : /* @__PURE__ */ r("span", { "aria-hidden": !0, children: i })
+      }
+    );
+  }
+);
+x.displayName = "Avatar";
+const N = u.forwardRef(
+  ({ className: l, max: e, size: t = "md", radius: s = "full", children: a, ...o }, d) => {
+    const i = u.Children.toArray(a), c = typeof e == "number" ? i.length - e : 0, p = typeof e == "number" ? i.slice(0, e) : i;
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: d,
+        className: n("flex items-center", l),
+        ...o,
+        children: [
+          p.map((h, f) => /* @__PURE__ */ r(
+            "div",
+            {
+              className: n(
+                "ring-2 ring-background rounded-full",
+                f > 0 && "-ml-2"
+              ),
+              children: h
+            },
+            f
+          )),
+          c > 0 && /* @__PURE__ */ r("div", { className: n("ring-2 ring-background rounded-full -ml-2"), children: /* @__PURE__ */ r(
+            "span",
+            {
+              role: "img",
+              "aria-label": `${c} more`,
+              className: n(
+                "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden font-medium",
+                "bg-muted text-muted-foreground",
+                m[t],
+                g[s]
+              ),
+              children: /* @__PURE__ */ r("span", { "aria-hidden": !0, children: `+${c}` })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+N.displayName = "AvatarGroup";
+export {
+  x as Avatar,
+  N as AvatarGroup
+};

package/components/badge.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "soft" | "solid" | "outline" | "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> {
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/components/badge.js

@@ -0,0 +1,83 @@
+"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-medium 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-brand text-brand-foreground" },
+      { 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-brand",
+  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",
+    {
+      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
+      ]
+    }
+  )
+);
+u.displayName = "Badge";
+export {
+  u as Badge
+};

package/components/brand-loader.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export interface BrandMarkProps extends React.SVGProps<SVGSVGElement> {
+    /** Play the blip loop while a `group/brand` ancestor is hovered. */
+    hoverAnimate?: boolean;
+}
+/**
+ * BrandMark — the growth mark as a static logo that comes alive on hover:
+ * while the wrapping `group/brand` link is hovered, the nine cells dim and
+ * shrink in the brand film's staggered blip loop (rest state is the solid
+ * mark). Inherits `currentColor`; size with a `size-*` class. Keyframes +
+ * 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;