@ag2/weave 0.1.0 → 0.2.0

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/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,3 @@
 export * from "./theme";
 export * from "./components";
+export * from "./hooks";