@ag2/weave 0.6.0 → 0.7.0

package/dist/components/agent-tag/AgentGlyph.d.ts

@@ -1,13 +1,4 @@
-/**
- * The shared robot glyph that marks an AI agent across the app — the rail's
- * Agents tab and the default avatar for agent accounts that have no picture.
- * Stroke-based so it inherits its color from `currentColor` (e.g. the light
- * text color inside a colored avatar fallback).
- *
- * Single source of truth: previously the rail (AgentsTab) carried its own copy
- * of this SVG. Keep new agent-glyph usages pointed here so they never drift.
- */
-export declare const AgentGlyph: ({ size, strokeWidth, }: {
+export declare const AgentGlyph: ({ size }: {
     size?: number | undefined;
     strokeWidth?: number | undefined;
 }) => JSX.Element;

package/dist/components/agent-tag/PeopleGlyph.d.ts

@@ -1,10 +1,4 @@
-/**
- * Two-person "members" glyph (lucide users outline) — the Buzz-style header
- * icon the owner picked for the web members toggle (2026-07-26). folds ships
- * only a single-person Icons.User; stroke-based like AgentGlyph so it
- * inherits `currentColor`.
- */
-export declare const PeopleGlyph: ({ size, strokeWidth, }: {
+export declare const PeopleGlyph: ({ size }: {
     size?: number | undefined;
     strokeWidth?: number | undefined;
 }) => JSX.Element;

package/dist/components/agent-tag/SkillGlyph.d.ts

@@ -1,10 +1,4 @@
-/**
- * Scroll "skill" glyph (lucide scroll-text) — the Skills header button.
- * Owner 2026-07-26 (second pass): match the marketplace nav's scroll icon
- * for Skills, replacing the interim lightning bolt. Stroke-based like its
- * siblings.
- */
-export declare const SkillGlyph: ({ size, strokeWidth, }: {
+export declare const SkillGlyph: ({ size }: {
     size?: number | undefined;
     strokeWidth?: number | undefined;
 }) => JSX.Element;

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

@@ -3,15 +3,39 @@ import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Badge: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         "500": {
+            selectors: {
+                [x: string]: {
+                    height: "auto";
+                    minHeight: string;
+                    minWidth: `max(${string}, calc(var(--${string}) + 4px))` | `max(${string}, calc(var(--${string}, ${string}) + 4px))` | `max(${string}, calc(var(--${string}, ${number}) + 4px))`;
+                    paddingBlock: "2px";
+                };
+            };
             height: string;
             minWidth: string;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
         };
         "400": {
+            selectors: {
+                [x: string]: {
+                    height: "auto";
+                    minHeight: string;
+                    minWidth: `max(${string}, calc(var(--${string}) + 4px))` | `max(${string}, calc(var(--${string}, ${string}) + 4px))` | `max(${string}, calc(var(--${string}, ${number}) + 4px))`;
+                    paddingBlock: "2px";
+                };
+            };
             height: string;
             minWidth: string;
         };
         "300": {
+            selectors: {
+                [x: string]: {
+                    height: "auto";
+                    minHeight: string;
+                    minWidth: `max(${string}, calc(var(--${string}) + 4px))` | `max(${string}, calc(var(--${string}, ${string}) + 4px))` | `max(${string}, calc(var(--${string}, ${number}) + 4px))`;
+                    paddingBlock: "2px";
+                };
+            };
             height: string;
             minWidth: string;
         };
@@ -23,6 +47,7 @@ export declare const Badge: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         Primary: ComplexStyleRule;
         Secondary: ComplexStyleRule;
+        Info: ComplexStyleRule;
         Success: ComplexStyleRule;
         Warning: ComplexStyleRule;
         Critical: ComplexStyleRule;

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

@@ -1,7 +1,7 @@
 import React from "react";
 export declare const Badge: <T extends React.ElementType<any> = "span">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     size?: "200" | "300" | "400" | "500" | undefined;
-    variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | "Info" | undefined;
     fill?: "Solid" | "Soft" | "None" | undefined;
     outlined?: boolean | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;

package/dist/components/button/Button.css.d.ts

@@ -9,6 +9,9 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "400": {
             vars: {
@@ -17,6 +20,9 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "500": {
             vars: {
@@ -25,6 +31,9 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
     };
     variant: {
@@ -56,6 +65,11 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
                 [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             };
             backgroundColor: "inherit";
+            selectors: {
+                "&:hover, &:focus-visible, &:active, &[aria-pressed=true]": {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };

package/dist/components/button/Button.d.ts

@@ -5,7 +5,7 @@ declare type ButtonProps = {
 };
 export declare const Button: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, {
     size?: "300" | "400" | "500" | undefined;
-    variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | undefined;
     fill?: "Solid" | "Soft" | "None" | undefined;
     outlined?: boolean | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.AllHTMLAttributes<HTMLInputElement>, "children" | "type" | "onChange" | "size"> & {
     size?: "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | undefined;
-    variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | undefined;
 } & {
     defaultChecked?: boolean | undefined;
     checked?: boolean | undefined;

package/dist/components/chip/Chip.css.d.ts

@@ -7,6 +7,7 @@ export declare const Chip: import("@vanilla-extract/recipes").RuntimeFn<{
         SurfaceVariant: ComplexStyleRule;
         Primary: ComplexStyleRule;
         Secondary: ComplexStyleRule;
+        Info: ComplexStyleRule;
         Success: ComplexStyleRule;
         Warning: ComplexStyleRule;
         Critical: ComplexStyleRule;
@@ -19,6 +20,9 @@ export declare const Chip: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "500": {
             vars: {
@@ -27,6 +31,9 @@ export declare const Chip: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
     };
     fill: {

package/dist/components/chip/Chip.d.ts

@@ -4,7 +4,7 @@ declare type ChipProps = {
     after?: ReactNode;
 };
 export declare const Chip: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, ChipProps & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Info" | undefined;
     size?: "400" | "500" | undefined;
     fill?: "Soft" | "None" | undefined;
     outlined?: boolean | undefined;

package/dist/components/compose-icon/ComposeIcon.d.ts

@@ -1,2 +1 @@
-import { IconSrc } from "../icon/Icons";
-export declare const ComposeIcon: IconSrc;
+export declare const ComposeIcon: import("../icon/Icons").IconSrc;

package/dist/components/dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 export declare const Dialog: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/header/Header.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export declare const Header: <T extends React.ElementType<any> = "header">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
     size?: "300" | "400" | "500" | "600" | "700" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -1,14 +1,50 @@
 import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Icon: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
-        Inherit: string;
-        "50": string;
-        "100": string;
-        "200": string;
-        "300": string;
-        "400": string;
-        "500": string;
-        "600": string;
+        small: {
+            width: string;
+            height: string;
+        };
+        compact: {
+            width: string;
+            height: string;
+        };
+        standard: {
+            width: string;
+            height: string;
+        };
+        Inherit: {
+            width: string;
+            height: string;
+        };
+        "50": {
+            width: string;
+            height: string;
+        };
+        "100": {
+            width: string;
+            height: string;
+        };
+        "200": {
+            width: string;
+            height: string;
+        };
+        "300": {
+            width: string;
+            height: string;
+        };
+        "400": {
+            width: string;
+            height: string;
+        };
+        "500": {
+            width: string;
+            height: string;
+        };
+        "600": {
+            width: string;
+            height: string;
+        };
     };
 }>;
 export declare type IconVariants = RecipeVariants<typeof Icon>;

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?: "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | undefined;
+    size?: "small" | "compact" | "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | "standard" | undefined;
 } & React.RefAttributes<SVGSVGElement>>;

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

@@ -1,3 +1,157 @@
-export declare type IconSrc = (filled?: boolean) => JSX.Element;
-export declare type IconName = "Home" | "User" | "UserPlus" | "Mail" | "MailPlus" | "Star" | "PlusCircle" | "Explore" | "Smile" | "SmilePlus" | "Leaf" | "Sticker" | "Delete" | "Phone" | "PhoneDown" | "Headphone" | "HeadphoneMute" | "Send" | "Bell" | "BellRing" | "BellPing" | "BellMute" | "Message" | "MessageUnread" | "Setting" | "Search" | "Heart" | "Play" | "Pause" | "Sun" | "Photo" | "Lock" | "Vlc" | "Flag" | "Ball" | "Bulb" | "Terminal" | "Pencil" | "Info" | "Shield" | "ShieldLock" | "ShieldUser" | "Cup" | "Pin" | "VolumeHigh" | "VolumeHighLock" | "VolumeHighGlobe" | "VolumeMute" | "File" | "Category" | "Peace" | "Eye" | "EyeBlind" | "Warning" | "Funnel" | "Bookmark" | "Inbox" | "Thread" | "ThreadPlus" | "ThreadUnread" | "ThreadReply" | "Monitor" | "ScreenShare" | "Server" | "Prohibited" | "NoEntry" | "Mic" | "MicMute" | "VideoCamera" | "VideoCameraMute" | "Hash" | "HashLock" | "HashGlobe" | "HashSearch" | "HashPlus" | "Space" | "SpaceLock" | "SpaceGlobe" | "SpaceSearch" | "SpacePlus" | "ChevronRight" | "ChevronLeft" | "ChevronTop" | "ChevronBottom" | "Plus" | "Minus" | "Cross" | "VerticalDots" | "HorizontalDots" | "Check" | "CheckTwice" | "Download" | "External" | "Clock" | "RecentClock" | "Power" | "ReplyArrow" | "ArrowGoRight" | "ArrowGoRightPlus" | "ArrowGoRightCross" | "ArrowGoLeft" | "Markdown" | "Attachment" | "Alphabet" | "AlphabetUnderline" | "Text" | "Heading1" | "Heading2" | "Heading3" | "Bold" | "Italic" | "Underline" | "Strike" | "Link" | "Code" | "BlockCode" | "BlockQuote" | "OrderList" | "UnorderList" | "Mention" | "Filter" | "Sort" | "ArrowUpDown" | "ArrowRight" | "ArrowLeft" | "ArrowTop" | "ArrowBottom" | "ArrowDropRight" | "ArrowDropLeft" | "ArrowDropTop" | "ArrowDropBottom" | "Reload" | "Globe";
-export declare const Icons: Record<IconName, IconSrc>;
+import type { Icon as PhosphorIcon } from "@phosphor-icons/react";
+/** Legacy source calls remain supported; shared Icon renders the underlying Phosphor component directly. */
+export declare type IconSrc = ((filled?: boolean) => JSX.Element) & {
+    glyph?: PhosphorIcon;
+};
+export declare const Icons: {
+    Bug: IconSrc;
+    GameController: IconSrc;
+    Plug: IconSrc;
+    Home: IconSrc;
+    User: IconSrc;
+    UserPlus: IconSrc;
+    Mail: IconSrc;
+    MailPlus: IconSrc;
+    Star: IconSrc;
+    PlusCircle: IconSrc;
+    Explore: IconSrc;
+    Smile: IconSrc;
+    SmilePlus: IconSrc;
+    Leaf: IconSrc;
+    Sticker: IconSrc;
+    Delete: IconSrc;
+    Phone: IconSrc;
+    PhoneDown: IconSrc;
+    Headphone: IconSrc;
+    HeadphoneMute: IconSrc;
+    Send: IconSrc;
+    Bell: IconSrc;
+    BellRing: IconSrc;
+    BellPing: IconSrc;
+    BellMute: IconSrc;
+    Message: IconSrc;
+    MessageUnread: IconSrc;
+    Setting: IconSrc;
+    Search: IconSrc;
+    Heart: IconSrc;
+    Play: IconSrc;
+    Pause: IconSrc;
+    Sun: IconSrc;
+    Photo: IconSrc;
+    Lock: IconSrc;
+    Vlc: IconSrc;
+    Flag: IconSrc;
+    Ball: IconSrc;
+    Bulb: IconSrc;
+    Terminal: IconSrc;
+    Pencil: IconSrc;
+    Info: IconSrc;
+    Shield: IconSrc;
+    ShieldLock: IconSrc;
+    ShieldUser: IconSrc;
+    Cup: IconSrc;
+    Pin: IconSrc;
+    VolumeHigh: IconSrc;
+    VolumeHighLock: IconSrc;
+    VolumeHighGlobe: IconSrc;
+    VolumeMute: IconSrc;
+    File: IconSrc;
+    Category: IconSrc;
+    Peace: IconSrc;
+    Eye: IconSrc;
+    EyeBlind: IconSrc;
+    Warning: IconSrc;
+    Funnel: IconSrc;
+    Bookmark: IconSrc;
+    Inbox: IconSrc;
+    Thread: IconSrc;
+    ThreadPlus: IconSrc;
+    ThreadUnread: IconSrc;
+    ThreadReply: IconSrc;
+    Monitor: IconSrc;
+    ScreenShare: IconSrc;
+    Server: IconSrc;
+    Prohibited: IconSrc;
+    NoEntry: IconSrc;
+    Mic: IconSrc;
+    MicMute: IconSrc;
+    VideoCamera: IconSrc;
+    VideoCameraMute: IconSrc;
+    Hash: IconSrc;
+    HashLock: IconSrc;
+    HashGlobe: IconSrc;
+    HashSearch: IconSrc;
+    HashPlus: IconSrc;
+    Space: IconSrc;
+    SpaceLock: IconSrc;
+    SpaceGlobe: IconSrc;
+    SpaceSearch: IconSrc;
+    SpacePlus: IconSrc;
+    ChevronRight: IconSrc;
+    ChevronLeft: IconSrc;
+    ChevronTop: IconSrc;
+    ChevronBottom: IconSrc;
+    Plus: IconSrc;
+    Minus: IconSrc;
+    Cross: IconSrc;
+    VerticalDots: IconSrc;
+    HorizontalDots: IconSrc;
+    Check: IconSrc;
+    CheckTwice: IconSrc;
+    Download: IconSrc;
+    External: IconSrc;
+    Clock: IconSrc;
+    RecentClock: IconSrc;
+    Power: IconSrc;
+    ReplyArrow: IconSrc;
+    ArrowGoRight: IconSrc;
+    ArrowGoRightPlus: IconSrc;
+    ArrowGoRightCross: IconSrc;
+    ArrowGoLeft: IconSrc;
+    Markdown: IconSrc;
+    Attachment: IconSrc;
+    Alphabet: IconSrc;
+    AlphabetUnderline: IconSrc;
+    Text: IconSrc;
+    Heading1: IconSrc;
+    Heading2: IconSrc;
+    Heading3: IconSrc;
+    Bold: IconSrc;
+    Italic: IconSrc;
+    Underline: IconSrc;
+    Strike: IconSrc;
+    Link: IconSrc;
+    Code: IconSrc;
+    BlockCode: IconSrc;
+    BlockQuote: IconSrc;
+    OrderList: IconSrc;
+    UnorderList: IconSrc;
+    Mention: IconSrc;
+    Filter: IconSrc;
+    Sort: IconSrc;
+    ArrowUpDown: IconSrc;
+    ArrowRight: IconSrc;
+    ArrowLeft: IconSrc;
+    ArrowTop: IconSrc;
+    ArrowBottom: IconSrc;
+    ArrowDropRight: IconSrc;
+    ArrowDropLeft: IconSrc;
+    ArrowDropTop: IconSrc;
+    ArrowDropBottom: IconSrc;
+    Reload: IconSrc;
+    Globe: IconSrc;
+    Robot: IconSrc;
+    People: IconSrc;
+    Skill: IconSrc;
+    Compose: IconSrc;
+    Copy: IconSrc;
+    Sidebar: IconSrc;
+    Broadcast: IconSrc;
+    Vault: IconSrc;
+    Sliders: IconSrc;
+    Stop: IconSrc;
+    Question: IconSrc;
+    Sigma: IconSrc;
+    WordFile: IconSrc;
+};
+export declare type IconName = keyof typeof Icons;

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

@@ -0,0 +1 @@
+export declare const normalizeIconSize: (size: number) => 16 | 20;

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

@@ -1,19 +1,13 @@
-import { ComplexStyleRule } from "@vanilla-extract/css";
+import { ComplexStyleRule, StyleRule } from "@vanilla-extract/css";
 import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const IconButton: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
-        "600": {
-            padding: string;
-        };
-        "500": {
-            padding: string;
-        };
-        "400": {
-            padding: string;
-        };
-        "300": {
-            padding: string;
-        };
+        compact: StyleRule;
+        standard: StyleRule;
+        "300": StyleRule;
+        "400": StyleRule;
+        "500": StyleRule;
+        "600": StyleRule;
     };
     variant: {
         Background: ComplexStyleRule;

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

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

package/dist/components/input/Input.css.d.ts

@@ -19,6 +19,9 @@ export declare const Input: import("@vanilla-extract/recipes").RuntimeFn<{
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             height: string;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "400": {
             vars: {
@@ -27,6 +30,9 @@ export declare const Input: import("@vanilla-extract/recipes").RuntimeFn<{
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             height: string;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "500": {
             vars: {
@@ -35,6 +41,9 @@ export declare const Input: import("@vanilla-extract/recipes").RuntimeFn<{
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             height: string;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
     };
     outlined: {

package/dist/components/input/Input.d.ts

@@ -4,7 +4,7 @@ export declare const Input: React.ForwardRefExoticComponent<Omit<React.AllHTMLAt
     after?: ReactNode;
     inputSize?: number | undefined;
 } & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
     size?: "300" | "400" | "500" | undefined;
     outlined?: boolean | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;

package/dist/components/line/Line.css.d.ts

@@ -2,6 +2,9 @@ import { ComplexStyleRule } from "@vanilla-extract/css";
 import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Line: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
+        Subtle: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
         Inherit: {
             borderColor: "inherit";
         };

package/dist/components/line/Line.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const Line: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | "Inherit" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Subtle" | "Inherit" | undefined;
     direction?: "Horizontal" | "Vertical" | undefined;
     size?: "300" | "400" | "500" | "600" | "700" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/menu/Menu.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 export declare const Menu: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/menu/MenuItem.css.d.ts

@@ -27,6 +27,9 @@ export declare const MenuItem: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "400": {
             vars: {
@@ -35,6 +38,9 @@ export declare const MenuItem: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
     };
     radii: {

package/dist/components/menu/MenuItem.d.ts

@@ -4,7 +4,7 @@ declare type MenuItemProps = {
     after?: ReactNode;
 };
 export declare const MenuItem: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, MenuItemProps & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
     fill?: "Soft" | "None" | undefined;
     size?: "300" | "400" | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;

package/dist/components/modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const Modal: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
     size?: "300" | "400" | "500" | undefined;
     flexHeight?: boolean | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -8,7 +8,10 @@ export declare const PageRoot: ({ nav, children }: PageRootProps) => JSX.Element
 declare type ClientDrawerLayoutProps = {
     children: ReactNode;
 };
-export declare function useRoomNavCollapsed(): [boolean, () => void];
+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;
 export declare const PageNavHeader: <T extends React.ElementType<any> = "header">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     outlined?: boolean | undefined;

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

@@ -46,3 +46,8 @@ export declare const PageHeroEmpty: string;
 export declare const PageHeroEmptyCompact: string;
 export declare const PageHeroSection: string;
 export declare const PageContentCenter: string;
+export declare const PageHeroTitle: string;
+export declare const PageNavRoot: string;
+export declare const PageNavViewport: string;
+export declare const PageNavDrawer: string;
+export declare const PageNavRail: string;

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -6,7 +6,7 @@ declare type ProgressBarProps = {
 };
 export declare const ProgressBar: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, ProgressBarProps & {
     size?: "300" | "400" | "500" | undefined;
-    variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | undefined;
     fill?: "Solid" | "Soft" | "None" | undefined;
     radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
     outlined?: boolean | undefined;