@ag2/weave 0.5.0 → 0.6.0-direction-d.1

package/dist/components/timeline/Timeline.css.d.ts

@@ -0,0 +1,24 @@
+export declare const Message: import("@vanilla-extract/recipes").RuntimeFn<{
+    inset: {
+        true: {
+            padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+        };
+    };
+    highlight: {
+        true: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const Content: string;
+export declare const Author: string;
+export declare const Time: string;
+export declare const Quote: string;
+export declare const Reactions: string;
+export declare const Divider: string;
+export declare const Rule: string;
+export declare const Unread: string;
+export declare const UnreadRule: string;
+export declare const Timeline: string;
+export declare const AvatarSlot: string;

package/dist/components/timeline/Timeline.d.ts

@@ -0,0 +1,51 @@
+import React, { ReactNode } from "react";
+export declare type MessageRowProps = {
+    avatar?: ReactNode;
+    author?: ReactNode;
+    header?: ReactNode;
+    reserveAvatarSpace?: boolean;
+    inset?: boolean;
+    time?: ReactNode;
+    dateTime?: string;
+    highlight?: boolean;
+    after?: ReactNode;
+};
+/** Presentation only: event lookup, body rendering, grouping and virtualisation stay outside. */
+export declare const MessageRow: <T extends React.ElementType<any> = "article">(props: import("..").AsOutProps<T, MessageRowProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const Quote: <T extends React.ElementType<any> = "blockquote">(props: import("..").AsOutProps<T, {
+    author: ReactNode;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const ReactionGroup: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const ReactionButton: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, {
+    count: number;
+    selected?: boolean | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type ReactionItem = {
+    key: string;
+    label?: string;
+    count: number;
+    selected?: boolean;
+    disabled?: boolean;
+};
+export declare type ReactionRowProps = {
+    reactions: ReactionItem[];
+    onToggle?: (key: string) => void;
+    onAdd?: () => void;
+    addLabel?: string;
+    label?: string;
+};
+export declare const ReactionRow: ({ reactions, onToggle, onAdd, addLabel, label, }: ReactionRowProps) => JSX.Element;
+export declare const DayDivider: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, {
+    label: string;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const UnreadMarker: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, {
+    label?: string | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+/** A scrolling frame; consumers choose live-region semantics and scroll/virtualisation policy. */
+export declare const Timeline: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, Omit<any, "as"> & {
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    visibility?: "Hover" | "Always" | undefined;
+    hideTrack?: boolean | undefined;
+    size?: "0" | "300" | "400" | undefined;
+    direction?: "Horizontal" | "Vertical" | "Both" | undefined;
+} & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/tooltip/Hint.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode, RefCallback } from "react";
+import { TooltipProvider } from "./Tooltip";
+export declare type HintProps = Pick<ComponentProps<typeof TooltipProvider>, "position" | "align" | "delay" | "container"> & {
+    /** Unique in the document; also connects the trigger's accessible description. */
+    id: string;
+    content: ReactNode;
+    children: (props: {
+        ref: RefCallback<HTMLElement | SVGElement>;
+        "aria-describedby": string;
+    }) => ReactNode;
+};
+/** Shared tooltip composition for a focusable trigger that forwards its ref. */
+export declare const Hint: ({ id, content, children, ...props }: HintProps) => JSX.Element;

package/dist/components/tooltip/Tooltip.css.d.ts

@@ -17,6 +17,8 @@ export declare const Tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
+        "600": string;
+        "700": string;
         Pill: string;
     };
 }>;

package/dist/components/tooltip/Tooltip.d.ts

@@ -4,7 +4,7 @@ export declare const TooltipContainerProvider: React.Provider<Element | Document
 export declare const useTooltipContainer: () => Element | DocumentFragment | undefined;
 export declare const Tooltip: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
-    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "600" | "700" | "Pill" | "Inherit" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 interface TooltipProviderProps {
     position?: Position;

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

@@ -1 +1,2 @@
 export * from "./Tooltip";
+export * from "./Hint";

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

@@ -2,6 +2,13 @@ export declare const TypingDot: import("@vanilla-extract/recipes").RuntimeFn<{
     animated: {
         true: {
             animation: `${string} 0.6s infinite alternate`;
+            "@media": {
+                "(prefers-reduced-motion: reduce)": {
+                    animation: "none";
+                    transform: "none";
+                    opacity: number;
+                };
+            };
         };
     };
     size: {

package/dist/components/unread-badge/UnreadBadge.css.d.ts

@@ -0,0 +1,2 @@
+export declare const UnreadBadge: string;
+export declare const Center: string;

package/dist/components/unread-badge/UnreadBadge.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+export declare type UnreadBadgeProps = {
+    count: number;
+    /** When supplied, show mentions as a number and plain unread as a dot. */
+    mentionCount?: number;
+    highlight?: boolean;
+    /** Override for localised accessible text. */
+    label?: string;
+    /** Override visible formatting, without losing the exact accessible count. */
+    formatCount?: (count: number) => ReactNode;
+};
+export declare const UnreadBadge: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, UnreadBadgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const UnreadBadgeCenter: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/unread-badge/index.d.ts

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

package/dist/components/variant.css.d.ts

@@ -4,6 +4,8 @@ export declare const RadiiVariant: {
     "300": string;
     "400": string;
     "500": string;
+    "600": string;
+    "700": string;
     Pill: string;
 };
 export declare const CrossSizeVariant: {

package/dist/components/wavy-progress/WavyProgress.css.d.ts

@@ -0,0 +1,3 @@
+export declare const Track: string;
+export declare const Fill: string;
+export declare const Wave: string;

package/dist/components/wavy-progress/WavyProgress.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type WavyProgressProps = {
+    /** Omit for indeterminate work. Values are clamped to the range. */
+    value?: number;
+    min?: number;
+    max?: number;
+};
+export declare const WavyProgress: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, WavyProgressProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/wavy-progress/index.d.ts

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