@ag2/weave 0.10.0 → 0.12.0

package/dist/components/activity-item/ActivityHeader.css.d.ts

@@ -0,0 +1,5 @@
+export declare const ActivityHeader: string;
+export declare const TitleRow: string;
+export declare const Title: string;
+export declare const Controls: string;
+export declare const Spacer: string;

package/dist/components/activity-item/ActivityHeader.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+export declare type ActivityHeaderProps = {
+    title: string;
+    /** After the title: the ••• menu and close. */
+    actions?: ReactNode;
+    /** The filters, left: who (All · You · Agents). */
+    filters?: ReactNode;
+    /** The filters, right: Unread only. */
+    after?: ReactNode;
+};
+export declare const ActivityHeader: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, ActivityHeaderProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/activity-item/ActivityItem.css.d.ts

@@ -0,0 +1,18 @@
+export declare const ActivityItem: string;
+export declare const SelectedBar: string;
+export declare const Main: string;
+export declare const Head: string;
+export declare const Face: string;
+export declare const Name: string;
+export declare const What: string;
+export declare const Time: string;
+export declare const UnreadDot: string;
+export declare const Indented: string;
+export declare const Body: string;
+export declare const Replies: string;
+export declare const RepliesUnread: string;
+export declare const ObjectRow: string;
+export declare const Actions: string;
+export declare const Attention: string;
+export declare const AttentionBreathing: string;
+export declare const Action: string;

package/dist/components/activity-item/ActivityItem.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from "react";
+import { IconSrc } from "../icon";
+export declare type ActivityItemProps = {
+    /** The person's or agent's face, 20px. */
+    avatar: ReactNode;
+    name: string;
+    /** What happened, after the name: "mentioned you", "updated a Commons doc". */
+    what: string;
+    time: string;
+    /** The message, three lines at most. */
+    body?: ReactNode;
+    unread?: boolean;
+    /** Read items set their text in a quieter ink. */
+    read?: boolean;
+    /** Needs you: a still warm dot in the margin; "breathing" on the first one only. */
+    attention?: "still" | "breathing";
+    /** Its message is the one highlighted in the chat. */
+    selected?: boolean;
+    /** "2 replies · 1 unread": total and the unread part, which reads in the unread ink. */
+    replies?: {
+        total: string;
+        unread?: string;
+        onOpen?: () => void;
+    };
+    /** A page the action happened on (a Commons chip). */
+    object?: ReactNode;
+    /** Reply, Jump, Mark read: shown on hover and focus, or always with `actionsShown`. */
+    actions?: ReactNode;
+    actionsShown?: boolean;
+    /** Clicking the item's text: jump to the message in the chat. */
+    onOpen?: () => void;
+    /** The accessible name of the item's main target; "unread" and "needs you" are appended to it. */
+    label?: string;
+};
+export declare const ActivityItem: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, ActivityItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type ActivityItemActionProps = {
+    label: string;
+    /** Icon-only actions take a glyph; labelled ones show the label. */
+    icon?: IconSrc;
+    /** The one always-shown action on the item that needs you first. */
+    primary?: boolean;
+};
+export declare const ActivityItemAction: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, ActivityItemActionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/activity-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ActivityItem";
+export * from "./ActivityHeader";

package/dist/components/avatar/Avatar.css.d.ts

@@ -1,6 +1,41 @@
 import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Avatar: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
+        inline: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+        stack: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+        compact: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+        standard: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+        large: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+        hero: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+        profile: {
+            vars: {
+                [x: string]: string;
+            };
+        };
         "200": {
             vars: {
                 [x: string]: string;
@@ -34,3 +69,4 @@ export declare const Avatar: import("@vanilla-extract/recipes").RuntimeFn<{
 export declare type AvatarVariants = RecipeVariants<typeof Avatar>;
 export declare const AvatarImage: string;
 export declare const AvatarFallback: string;
+export declare const AvatarInitials: string;

package/dist/components/avatar/Avatar.d.ts

@@ -1,7 +1,12 @@
 import React from "react";
+export declare type AvatarKind = "person" | "agent" | "room";
+declare type AvatarContentProps = {
+    kind?: AvatarKind;
+};
 export declare const Avatar: <T extends React.ElementType<any> = "span">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    size?: "200" | "300" | "400" | "500" | undefined;
+    size?: "large" | "inline" | "compact" | "200" | "300" | "400" | "500" | "standard" | "stack" | "hero" | "profile" | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export declare const AvatarImage: <T extends React.ElementType<any> = "img">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export declare const AvatarFallback: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const AvatarImage: <T extends React.ElementType<any> = "img">(props: import("..").AsOutProps<T, AvatarContentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const AvatarFallback: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, AvatarContentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

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

@@ -1 +1,2 @@
 export * from "./Avatar";
+export * from "./tokens";

package/dist/components/avatar/tokens.d.ts

@@ -0,0 +1,24 @@
+export declare const avatarSizes: {
+    readonly inline: 16;
+    readonly stack: 20;
+    readonly compact: 24;
+    readonly standard: 32;
+    readonly large: 40;
+    readonly hero: 56;
+    readonly profile: 80;
+};
+export declare const avatarRadii: {
+    readonly person: "50%";
+    readonly agent: "50%";
+    readonly room: "20%";
+};
+/** Figma People / Fallback: unchanged identity fills in light and dark themes. */
+export declare const personAvatarTones: {
+    readonly Mint: "oklch(0.857770418 0.084263041 161.517741975)";
+    readonly Peach: "oklch(0.861424801 0.062583788 43.322761008)";
+    readonly Sky: "oklch(0.873307324 0.069002135 240.773146555)";
+    readonly Pink: "oklch(0.903800376 0.079694210 323.525249668)";
+    readonly Lemon: "oklch(0.957225457 0.076968671 109.359087060)";
+    readonly Orange: "oklch(0.787009699 0.136442307 59.826136225)";
+};
+export declare const personAvatarInk: "oklch(0.215703550 0.003145551 17.400595087)";

package/dist/components/badge/Badge.css.d.ts

@@ -3,9 +3,7 @@ import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Badge: import("@vanilla-extract/recipes").RuntimeFn<{
     kind: {
         Tag: string;
-        Count: {
-            fontVariantNumeric: "tabular-nums";
-        };
+        Count: string;
     };
     size: {
         "500": {

package/dist/components/composer/Composer.css.d.ts

@@ -0,0 +1,7 @@
+export declare const Composer: string;
+export declare const Surface: string;
+export declare const Content: string;
+export declare const Actions: string;
+export declare const ActionsBefore: string;
+export declare const ActionsAfter: string;
+export declare const Footer: string;

package/dist/components/composer/Composer.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+export declare type ComposerProps = {
+    /** Reply context and staged attachments, above the editable content. */
+    context?: ReactNode;
+    actionsBefore?: ReactNode;
+    actionsAfter?: ReactNode;
+    /** Optional formatting toolbar inside the surface. */
+    bottom?: ReactNode;
+    /** Keyboard hints or delivery feedback below the surface. */
+    footer?: ReactNode;
+};
+/** Layout only: the caller retains its editor, draft, upload and send behavior. */
+export declare const Composer: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, ComposerProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/icon/Icon.d.ts

@@ -8,5 +8,5 @@ export declare const Icon: React.ForwardRefExoticComponent<React.SVGAttributes<S
     filled?: boolean | undefined;
     src: IconSrc;
 } & {
-    size?: "small" | "compact" | "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | "standard" | undefined;
+    size?: "small" | "compact" | "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "standard" | "50" | undefined;
 } & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icon-button/IconButton.css.d.ts

@@ -23,6 +23,18 @@ export declare const IconButton: import("@vanilla-extract/recipes").RuntimeFn<{
         Soft: {
             backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        Solid: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                "&:hover, &:focus-visible": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active, &[aria-pressed=true]": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
         None: {
             backgroundColor: "transparent";
         };

package/dist/components/icon-button/IconButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export declare const IconButton: <T extends React.ElementType<any> = "button">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     size?: "compact" | "300" | "400" | "500" | "600" | "standard" | undefined;
     variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
-    fill?: "Soft" | "None" | undefined;
+    fill?: "Solid" | "Soft" | "None" | undefined;
     outlined?: boolean | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/index.d.ts

@@ -59,8 +59,10 @@ export * from "./empty-state";
 export * from "./panel-switch";
 export * from "./people-line";
 export * from "./room-header";
+export * from "./composer";
 export * from "./type-tile";
 export * from "./commons-tabs";
 export * from "./surface-toolbar";
 export * from "./dock";
 export * from "./inspector-tabs";
+export * from "./activity-item";

package/dist/components/page/Page.d.ts

@@ -12,7 +12,11 @@ export declare type RoomNavToggleOptions = {
     animate?: boolean;
 };
 export declare function useRoomNavCollapsed(): [boolean, (options?: RoomNavToggleOptions) => void];
-export declare const PageNav: ({ size, children }: ClientDrawerLayoutProps & css.PageNavVariants) => JSX.Element;
+declare type PageNavProps = ClientDrawerLayoutProps & css.PageNavVariants & {
+    /** Decorative brand mark shown in the collapsed rail until hover or keyboard focus. */
+    collapsedMark?: ReactNode;
+};
+export declare const PageNav: ({ size, children, collapsedMark }: PageNavProps) => JSX.Element;
 export declare const PageNavHeader: <T extends React.ElementType<any> = "header">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     outlined?: boolean | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -21,6 +25,36 @@ export declare const PageNavContent: ({ scrollRef, children, }: {
     scrollRef?: React.MutableRefObject<HTMLDivElement | null> | undefined;
 }) => JSX.Element;
 export declare const Page: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PageCanvas: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, Omit<any, "as"> & {
+    display?: "Flex" | "InlineFlex" | undefined;
+    direction?: "Inherit" | "Row" | "RowReverse" | "Column" | "ColumnReverse" | undefined;
+    wrap?: "Inherit" | "NoWrap" | "Wrap" | "WrapReverse" | undefined;
+    justifyContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
+    justifyItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    justifySelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    alignContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
+    alignItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    alignSelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    gap?: "0" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "Inherit" | undefined;
+    grow?: "No" | "Yes" | undefined;
+    shrink?: "No" | "Yes" | undefined;
+    basis?: "No" | "Yes" | undefined;
+} & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PagePanel: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, Omit<any, "as"> & {
+    display?: "Flex" | "InlineFlex" | undefined;
+    direction?: "Inherit" | "Row" | "RowReverse" | "Column" | "ColumnReverse" | undefined;
+    wrap?: "Inherit" | "NoWrap" | "Wrap" | "WrapReverse" | undefined;
+    justifyContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
+    justifyItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    justifySelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    alignContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
+    alignItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    alignSelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
+    gap?: "0" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "Inherit" | undefined;
+    grow?: "No" | "Yes" | undefined;
+    shrink?: "No" | "Yes" | undefined;
+    basis?: "No" | "Yes" | undefined;
+} & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export declare const PageHeader: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     compact?: boolean | undefined;
     balance?: boolean | undefined;

package/dist/components/page/style.css.d.ts

@@ -1,4 +1,7 @@
 import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const PageRoot: string;
+export declare const PageCanvas: string;
+export declare const PagePanel: string;
 export declare const PageNav: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         "400": {
@@ -51,3 +54,6 @@ export declare const PageNavRoot: string;
 export declare const PageNavViewport: string;
 export declare const PageNavDrawer: string;
 export declare const PageNavRail: string;
+export declare const PageNavRestore: string;
+export declare const PageNavBrand: string;
+export declare const PageNavRestoreIcon: string;

package/dist/components/panel-switch/PanelSwitch.d.ts

@@ -10,6 +10,8 @@ export declare type PanelSwitchProps = {
     countStyle?: "Plain" | "Pill";
     /** Keep the name visible while closed (Commons). */
     labelled?: boolean;
+    /** Never show the name, even when open: a narrow header. The pressed fill shows it is open. */
+    iconOnly?: boolean;
     /** Something in this panel needs you; shown while closed. */
     attention?: boolean;
 };

package/dist/components/sidebar/SidebarItem.d.ts

@@ -13,7 +13,7 @@ export declare const SidebarAvatar: <T extends React.ElementType<any> = "div">(p
     size?: "200" | "300" | "400" | undefined;
     outlined?: boolean | undefined;
 } & Omit<any, "as"> & {
-    size?: "200" | "300" | "400" | "500" | undefined;
+    size?: "large" | "inline" | "compact" | "200" | "300" | "400" | "500" | "standard" | "stack" | "hero" | "profile" | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 } & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export declare const SidebarFolder: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {