@actioneer/ads 0.1.0

package/components/ui/button.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import { Slot as d } from "radix-ui";
+import { cn as c } from "../../lib/cn.js";
+const u = a(
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-xs font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-(--duration-fast) ease-out outline-none motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function p({
+  className: t,
+  variant: e = "default",
+  size: r = "default",
+  asChild: o = !1,
+  ...i
+}) {
+  const n = o ? d.Root : "button";
+  return /* @__PURE__ */ s(
+    n,
+    {
+      "data-slot": "button",
+      "data-variant": e,
+      "data-size": r,
+      className: c(u({ variant: e, size: r, className: t })),
+      ...i
+    }
+  );
+}
+export {
+  p as Button,
+  u as buttonVariants
+};

package/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/components/ui/collapsible.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Collapsible as t } from "radix-ui";
+function a({
+  ...l
+}) {
+  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
+}
+function r({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...l
+    }
+  );
+}
+function n({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...l
+    }
+  );
+}
+export {
+  a as Collapsible,
+  n as CollapsibleContent,
+  r as CollapsibleTrigger
+};

package/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/components/ui/dialog.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { Close as r } from "../../lib/icons.js";
+import { Dialog as o } from "radix-ui";
+import { cn as i } from "../../lib/cn.js";
+import "./button.js";
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Root, { "data-slot": "dialog", ...t });
+}
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+}
+function d({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function g({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: i(
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function h({
+  className: t,
+  children: e,
+  showCloseButton: l = !0,
+  ...s
+}) {
+  return /* @__PURE__ */ n(d, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(g, {}),
+    /* @__PURE__ */ n(
+      o.Content,
+      {
+        "data-slot": "dialog-content",
+        className: i(
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-(--duration-normal) outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+          t
+        ),
+        ...s,
+        children: [
+          e,
+          l && /* @__PURE__ */ n(
+            o.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ a(r, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function v({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Title,
+    {
+      "data-slot": "dialog-title",
+      className: i("text-lg leading-none font-semibold", t),
+      ...e
+    }
+  );
+}
+export {
+  x as Dialog,
+  h as DialogContent,
+  g as DialogOverlay,
+  d as DialogPortal,
+  v as DialogTitle,
+  b as DialogTrigger
+};

package/components/ui/tabs.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Sliding-pill tabs — the white "active" background is one absolutely
+ * positioned motion.div inside the list, animated to the active trigger's
+ * position via a MutationObserver on `data-state`. Beats plain CSS which
+ * would jump-cut from one trigger to the next.
+ *
+ * Local modification vs the shadcn registry: added the pill + `relative`
+ * on the list, wrapped Trigger children in a z-10 span, and removed the
+ * direct `data-[state=active]:bg-background` fill from triggers (the pill
+ * now owns that paint). Re-apply on registry upgrade.
+ */
+declare function TabsList({ className, variant, children, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
+declare function TabsTrigger({ className, children, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/components/ui/tooltip.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { Tooltip as o } from "radix-ui";
+import { cn as d } from "../../lib/cn.js";
+function f({
+  delayDuration: t = 0,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    o.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...r
+    }
+  );
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function u({
+  className: t,
+  sideOffset: r = 0,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
+    o.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: r,
+      className: d(
+        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        t
+      ),
+      ...a,
+      children: [
+        e,
+        /* @__PURE__ */ i(o.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+export {
+  m as Tooltip,
+  u as TooltipContent,
+  f as TooltipProvider,
+  c as TooltipTrigger
+};

package/fonts.css

@@ -0,0 +1,21 @@
+/* @actioneer/ads — generated by scripts/build-lib-styles.mjs. Do not edit. */
+/* Aribau Grotesk — ADS 1.0 brand typeface.
+   Two weights only: Regular (400) and Bold (700).
+   The weight RANGES fold Tailwind's intermediate utilities onto these two
+   physical files: `font-normal`/`font-medium` → Regular, `font-semibold`/`font-bold` → Bold.
+   `font-synthesis-weight: none` (set in index.css) prevents faux weights. */
+@font-face {
+  font-family: "Aribau Grotesk";
+  src: url("./fonts/aribau-grotesk-400.otf") format("opentype");
+  font-weight: 100 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Aribau Grotesk";
+  src: url("./fonts/aribau-grotesk-700.otf") format("opentype");
+  font-weight: 600 900;
+  font-style: normal;
+  font-display: swap;
+}
+

package/hooks/agents-ui/use-agent-audio-visualizer-aura.d.ts

@@ -0,0 +1,8 @@
+import { VoiceVisualizerDriver } from './voice-visualizer-types';
+export declare function useAgentAudioVisualizerAura({ state, volume, reduced, }: VoiceVisualizerDriver): {
+    speed: number;
+    scale: number;
+    amplitude: number;
+    frequency: number;
+    brightness: number;
+};

package/hooks/agents-ui/use-agent-audio-visualizer-aura.js

@@ -0,0 +1,62 @@
+"use client";
+import * as o from "react";
+import { useMotionValue as m, useMotionValueEvent as p, animate as f } from "motion/react";
+import { EASE_OUT as g } from "../../lib/motion.js";
+const h = {
+  idle: { speed: 8, scale: 0.2, amplitude: 1.2, frequency: 0.4, brightness: 1 },
+  connecting: { speed: 30, scale: 0.3, amplitude: 0.5, frequency: 1, brightness: 2 },
+  listening: { speed: 20, scale: 0.3, amplitude: 1, frequency: 0.7, brightness: 1.7 },
+  thinking: { speed: 30, scale: 0.3, amplitude: 0.5, frequency: 1, brightness: 2 },
+  speaking: { speed: 70, scale: 0.3, amplitude: 0.75, frequency: 1.25, brightness: 1.5 },
+  muted: { speed: 0, scale: 0.2, amplitude: 0.4, frequency: 0.4, brightness: 0.5 },
+  asleep: { speed: 0, scale: 0.18, amplitude: 0.35, frequency: 0.3, brightness: 0.35 }
+};
+function d(n) {
+  return Math.min(1, Math.max(0, n));
+}
+function c(n) {
+  const [r, t] = o.useState(n), e = m(n), a = o.useRef(null);
+  p(e, "change", t);
+  const u = o.useCallback(
+    (s, l) => {
+      var i;
+      (i = a.current) == null || i.stop(), a.current = f(e, s, {
+        duration: l ? 0 : 0.2,
+        ease: g
+      });
+    },
+    [e]
+  );
+  return o.useEffect(() => () => {
+    var s;
+    return (s = a.current) == null ? void 0 : s.stop();
+  }, []), { value: r, animateTo: u };
+}
+function y({
+  state: n = "idle",
+  volume: r = 0,
+  reduced: t = !1
+}) {
+  const e = h[n], a = c(e.scale), u = c(e.amplitude), s = c(e.frequency), l = c(e.brightness);
+  o.useEffect(() => {
+    a.animateTo(e.scale, t), u.animateTo(e.amplitude, t), s.animateTo(e.frequency, t), l.animateTo(e.brightness, t);
+  }, [
+    e,
+    t,
+    a.animateTo,
+    u.animateTo,
+    s.animateTo,
+    l.animateTo
+  ]);
+  const i = !t && (n === "listening" || n === "speaking") ? d(r) : 0;
+  return {
+    speed: t ? 0 : e.speed,
+    scale: a.value + i * 0.18,
+    amplitude: u.value + i * 0.35,
+    frequency: s.value,
+    brightness: l.value + i * 0.4
+  };
+}
+export {
+  y as useAgentAudioVisualizerAura
+};

package/hooks/agents-ui/use-agent-audio-visualizer-wave.d.ts

@@ -0,0 +1,7 @@
+import { VoiceVisualizerDriver } from './voice-visualizer-types';
+export declare function useAgentAudioVisualizerWave({ state, volume, reduced, }: VoiceVisualizerDriver): {
+    speed: number;
+    amplitude: number;
+    frequency: number;
+    opacity: number;
+};

package/hooks/agents-ui/use-agent-audio-visualizer-wave.js

@@ -0,0 +1,60 @@
+"use client";
+import * as c from "react";
+import { useMotionValue as l, useMotionValueEvent as r, animate as f } from "motion/react";
+import { EASE_OUT as y } from "../../lib/motion.js";
+const d = {
+  idle: { speed: 2, amplitude: 6e-3, frequency: 8, opacity: 0.35 },
+  connecting: { speed: 20, amplitude: 6e-3, frequency: 40, opacity: 0.7 },
+  listening: { speed: 5, amplitude: 0.025, frequency: 10, opacity: 0.65 },
+  thinking: { speed: 20, amplitude: 6e-3, frequency: 40, opacity: 0.8 },
+  speaking: { speed: 10, amplitude: 0.025, frequency: 20, opacity: 1 },
+  muted: { speed: 0, amplitude: 0, frequency: 0, opacity: 0.25 },
+  asleep: { speed: 0, amplitude: 0, frequency: 0, opacity: 0.18 }
+};
+function q(t) {
+  return Math.min(1, Math.max(0, t));
+}
+function s(t) {
+  const [p, a] = c.useState(t), e = l(t), i = c.useRef(null);
+  r(e, "change", a);
+  const o = c.useCallback(
+    (n, u) => {
+      var m;
+      (m = i.current) == null || m.stop(), i.current = f(e, n, {
+        duration: u ? 0 : 0.2,
+        ease: y
+      });
+    },
+    [e]
+  );
+  return c.useEffect(() => () => {
+    var n;
+    return (n = i.current) == null ? void 0 : n.stop();
+  }, []), { value: p, animateTo: o };
+}
+function E({
+  state: t = "idle",
+  volume: p = 0,
+  reduced: a = !1
+}) {
+  const e = d[t], i = s(e.amplitude), o = s(e.frequency), n = s(e.opacity);
+  c.useEffect(() => {
+    i.animateTo(e.amplitude, a), o.animateTo(e.frequency, a), n.animateTo(e.opacity, a);
+  }, [
+    e,
+    a,
+    i.animateTo,
+    o.animateTo,
+    n.animateTo
+  ]);
+  const u = !a && (t === "listening" || t === "speaking") ? q(p) : 0;
+  return {
+    speed: a ? 0 : e.speed,
+    amplitude: i.value + u * 0.22,
+    frequency: o.value + u * 60,
+    opacity: Math.min(1, n.value + u * 0.35)
+  };
+}
+export {
+  E as useAgentAudioVisualizerWave
+};

package/hooks/agents-ui/voice-visualizer-types.d.ts

@@ -0,0 +1,9 @@
+export type VoiceVisualizerState = "idle" | "connecting" | "listening" | "thinking" | "speaking" | "muted" | "asleep";
+export type VoiceVisualizerColor = [number, number, number];
+export interface VoiceVisualizerDriver {
+    state?: VoiceVisualizerState;
+    /** Normalized audio energy from 0 to 1. */
+    volume?: number;
+    /** Freezes time-based and volume-reactive movement. */
+    reduced?: boolean;
+}

package/lib/cn.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+/** Merge Tailwind classes with conflict resolution. */
+export declare function cn(...inputs: ClassValue[]): string;

package/lib/cn.js

@@ -0,0 +1,9 @@
+"use client";
+import { clsx as t } from "clsx";
+import { twMerge as e } from "tailwind-merge";
+function c(...r) {
+  return e(t(r));
+}
+export {
+  c as cn
+};