@ag2/weave 0.1.0 → 0.3.0

package/dist/components/starfield/Starfield.d.ts

@@ -0,0 +1,11 @@
+declare type StarfieldProps = {
+    className?: string;
+};
+/**
+ * Space-themed ambient background: a slowly drifting, softly twinkling
+ * starfield with faint constellation links between neighboring stars.
+ * Ink color comes from the element's CSS `color`, so it follows the active
+ * theme; honors prefers-reduced-motion by rendering a static field.
+ */
+export declare const Starfield: ({ className }: StarfieldProps) => JSX.Element;
+export {};

package/dist/components/starfield/index.d.ts

@@ -0,0 +1 @@
+export * from "./Starfield";

package/dist/components/typing-indicator/TypingIndicator.css.d.ts

@@ -0,0 +1,28 @@
+export declare const TypingDot: import("@vanilla-extract/recipes").RuntimeFn<{
+    animated: {
+        true: {
+            animation: `${string} 0.6s infinite alternate`;
+        };
+    };
+    size: {
+        "300": {
+            width: string;
+            height: string;
+        };
+        "400": {
+            width: string;
+            height: string;
+        };
+    };
+    index: {
+        "0": {
+            animationDelay: "0s";
+        };
+        "1": {
+            animationDelay: "0.2s";
+        };
+        "2": {
+            animationDelay: "0.4s";
+        };
+    };
+}>;

package/dist/components/typing-indicator/TypingIndicator.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare type TypingIndicatorProps = {
+    size?: "300" | "400";
+    disableAnimation?: boolean;
+};
+export declare const TypingIndicator: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, TypingIndicatorProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/typing-indicator/index.d.ts

@@ -0,0 +1 @@
+export * from "./TypingIndicator";

package/dist/components/window-title/AliveMark.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+declare type AliveMarkProps = {
+    /** Rendered edge length in px. The SVG gets explicit width/height at this size. */
+    size?: number;
+    /** The button's accessible name. React escapes it; it never reaches innerHTML. */
+    label?: string;
+    /** Runs alongside the wink — the vendored click handler only animates. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Per-agent stand dials { y, gap, r, tilt, hex }; omitted = the product mark. */
+    character?: {
+        y: number;
+        gap: number;
+        r: number;
+        tilt: number;
+        hex: string;
+    };
+};
+/**
+ * The animated AG2 mark.
+ *
+ * The button IS the mount container, not a wrapper around one: the ported code binds
+ * its click handler to the container it is given, and Enter/Space on a button dispatch
+ * a click on the button itself — a click on a child span would never see them.
+ *
+ * Animation logic is vendored verbatim in mountAliveMark.ts; this only owns mount, size,
+ * teardown and the caller's onClick. destroy() cancels the rAF loop, both timers and all
+ * three window listeners. The vendored handler and this onClick both fire on a click, so
+ * the mark winks AND does whatever it replaced.
+ */
+export declare const AliveMark: ({ size, label, onClick, character, }: AliveMarkProps) => JSX.Element;
+export {};

package/dist/components/window-title/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./mountAliveMark";
+export * from "./AliveMark";

package/dist/components/window-title/mountAliveMark.d.ts

@@ -0,0 +1,8 @@
+export declare function mountAliveMark(container: any, opts: any): {
+    blink: () => void;
+    wink: () => void;
+    sleep: () => void;
+    wake: () => void;
+    setOptions: (partial: any) => void;
+    destroy: () => void;
+};

package/dist/current/ActionGroup.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from "./Icon";
+export declare type CurrentAction = {
+    id: string;
+    label: string;
+    title?: string;
+    icon: IconName;
+    primary?: boolean;
+    onClick: () => void;
+};
+export declare function ActionGroup({ actions, hint }: {
+    actions: CurrentAction[];
+    hint: string;
+}): JSX.Element;

package/dist/current/CurrentProvider.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import { AccentPalette, Appearance } from "./palette";
+/** No DOM or global styles: only opted-in boundaries adopt the new appearance. */
+export declare function CurrentProvider({ mode, accent, children, }: {
+    mode: Appearance;
+    accent?: AccentPalette;
+    children: ReactNode;
+}): JSX.Element;
+/** Future user palette selection supplies one complete light/dark AccentPalette here. */
+export declare function CurrentBoundary({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): JSX.Element;

package/dist/current/Disclosure.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+/** Animate from the visible height, including when a user reverses mid-transition. */
+export declare function Disclosure({ open, id, children, }: {
+    open: boolean;
+    id: string;
+    children: ReactNode;
+}): JSX.Element;

package/dist/current/Icon.d.ts

@@ -0,0 +1,18 @@
+declare const paths: {
+    readonly "comment-bold": "M172,108a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,108Zm-12,28H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24Zm76-8A108,108,0,0,1,78.77,224.15L46.34,235A20,20,0,0,1,21,209.66l10.81-32.43A108,108,0,1,1,236,128Zm-24,0A84,84,0,1,0,55.27,170.06a12,12,0,0,1,1,9.81l-9.93,29.79,29.79-9.93a12.1,12.1,0,0,1,3.8-.62,12,12,0,0,1,6,1.62A84,84,0,0,0,212,128Z";
+    readonly chevron: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z";
+    readonly check: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z";
+    readonly warning: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm-12-80V80a12,12,0,0,1,24,0v52a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,172Z";
+    readonly comment: "M168,112a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,112Zm-8,24H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm72-8A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z";
+    readonly agent: "M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z";
+    readonly people: "M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z";
+    readonly "pull-request": "M104,64A32,32,0,1,0,64,95v66a32,32,0,1,0,16,0V95A32.06,32.06,0,0,0,104,64ZM56,64A16,16,0,1,1,72,80,16,16,0,0,1,56,64ZM88,192a16,16,0,1,1-16-16A16,16,0,0,1,88,192Zm120-31V110.63a23.85,23.85,0,0,0-7-17L163.31,56H192a8,8,0,0,0,0-16H144a8,8,0,0,0-8,8V96a8,8,0,0,0,16,0V67.31L189.66,105a8,8,0,0,1,2.34,5.66V161a32,32,0,1,0,16,0Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,200,208Z";
+    readonly clock: "M140,80v41.21l34.17,20.5a12,12,0,1,1-12.34,20.58l-40-24A12,12,0,0,1,116,128V80a12,12,0,0,1,24,0ZM128,28A99.38,99.38,0,0,0,57.24,57.34c-4.69,4.74-9,9.37-13.24,14V64a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H72a12,12,0,0,0,0-24H57.77C63,86,68.37,80.22,74.26,74.26a76,76,0,1,1,1.58,109,12,12,0,0,0-16.48,17.46A100,100,0,1,0,128,28Z";
+};
+export declare type IconName = keyof typeof paths;
+export declare function Icon({ name, size, verdict, }: {
+    name: IconName;
+    size?: number;
+    verdict?: boolean;
+}): JSX.Element;
+export {};

package/dist/current/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ActionGroup";
+export * from "./CurrentProvider";
+export * from "./Disclosure";
+export { Icon as CurrentIcon } from "./Icon";
+export type { IconName as CurrentIconName } from "./Icon";
+export * from "./palette";

package/dist/current/palette.d.ts

@@ -0,0 +1,94 @@
+/** Accent palettes never own semantic status colours or neutral surfaces. */
+export declare type Appearance = "light" | "dark";
+export declare type AccentRoles = {
+    solid: string;
+    onSolid: string;
+    hover: string;
+    pressed: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryHover: string;
+    secondaryPressed: string;
+    focus: string;
+    mention: string;
+    onMention: string;
+};
+export declare type AccentPalette = Record<Appearance, AccentRoles>;
+export declare const blueAccent: AccentPalette;
+export declare const resolveCurrentPalette: (mode: Appearance, accent?: AccentPalette) => {
+    accent: AccentRoles;
+    surface: string;
+    inset: string;
+    line: string;
+    text: string;
+    body: string;
+    secondary: string;
+    status: {
+        success: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        warning: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        info: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        critical: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        neutral: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+    };
+} | {
+    accent: AccentRoles;
+    surface: string;
+    inset: string;
+    line: string;
+    text: string;
+    body: string;
+    secondary: string;
+    status: {
+        success: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        warning: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        info: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        critical: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        neutral: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+    };
+};
+export declare const motion: {
+    open: number;
+    close: number;
+    openEasing: string;
+    closeEasing: string;
+};

package/dist/current/primitives.css.d.ts

@@ -0,0 +1,38 @@
+export declare const author: string;
+export declare const authorName: string;
+export declare const authorMissing: string;
+export declare const prRef: string;
+export declare const boundary: string;
+export declare const card: string;
+export declare const ownedCard: string;
+export declare const verdictIcon: string;
+export declare const tones: Record<"warning" | "success" | "info" | "critical" | "neutral", string>;
+export declare const header: string;
+export declare const identity: string;
+export declare const prLink: string;
+export declare const mono: string;
+export declare const icon: string;
+export declare const typeIcon: string;
+export declare const badge: string;
+export declare const overview: string;
+export declare const summary: string;
+export declare const control: string;
+export declare const chevron: string;
+export declare const details: string;
+export declare const findings: string;
+export declare const finding: string;
+export declare const findingToggle: string;
+export declare const findingTitle: string;
+export declare const severity: string;
+export declare const findingBody: string;
+export declare const paragraph: string;
+export declare const meta: string;
+export declare const actionSection: string;
+export declare const actionGroup: string;
+export declare const action: string;
+export declare const primaryAction: string;
+export declare const hint: string;
+export declare const mentions: string;
+export declare const mentionLabel: string;
+export declare const member: string;
+export declare const ownMention: string;

package/dist/current/theme.css.d.ts

@@ -0,0 +1,96 @@
+export declare const darkClass: string, current: {
+    accent: {
+        solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onMention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    line: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    status: {
+        success: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        warning: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        neutral: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+} | {
+    accent: {
+        solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onMention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    line: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    status: {
+        success: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        warning: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        neutral: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+};
+export declare const lightClass: string;

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useScreenSize";
+export * from "./useElementSizeObserver";
+export * from "./useResizeObserver";

package/dist/hooks/useElementSizeObserver.d.ts

@@ -0,0 +1 @@
+export declare const useElementSizeObserver: <T extends Element>(element: () => T | null, onResize: (width: number, height: number, target: T) => void) => void;

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+export declare type OnResizeCallback = (entries: ResizeObserverEntry[]) => void;
+export declare const getResizeObserverEntry: (target: Element, entries: ResizeObserverEntry[]) => ResizeObserverEntry | undefined;
+export declare const useResizeObserver: (onResizeCallback: OnResizeCallback, observeElement?: Element | null | (() => Element | null)) => ResizeObserver;

package/dist/hooks/useScreenSize.d.ts

@@ -0,0 +1,11 @@
+export declare const TABLET_BREAKPOINT = 1124;
+export declare const MOBILE_BREAKPOINT = 750;
+export declare enum ScreenSize {
+    Desktop = "Desktop",
+    Tablet = "Tablet",
+    Mobile = "Mobile"
+}
+export declare const getScreenSize: (width: number) => ScreenSize;
+export declare const useScreenSize: () => ScreenSize;
+export declare const ScreenSizeProvider: import("react").Provider<ScreenSize | null>;
+export declare const useScreenSizeContext: () => ScreenSize;

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./theme";
 export * from "./components";
+export * from "./hooks";
+export * from "./current";