@ag2/weave 0.6.0-direction-d.2 → 0.7.0

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: {
@@ -39,7 +46,7 @@ export declare const Chip: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     outlined: {
         true: {
-            boxShadow: `inset 0 0 0 var(--${string}) var(--${string})` | `inset 0 0 0 var(--${string}) var(--${string}, ${string})` | `inset 0 0 0 var(--${string}) var(--${string}, ${number})` | `inset 0 0 0 var(--${string}, ${string}) var(--${string})` | `inset 0 0 0 var(--${string}, ${string}) var(--${string}, ${string})` | `inset 0 0 0 var(--${string}, ${string}) var(--${string}, ${number})` | `inset 0 0 0 var(--${string}, ${number}) var(--${string})` | `inset 0 0 0 var(--${string}, ${number}) var(--${string}, ${string})` | `inset 0 0 0 var(--${string}, ${number}) var(--${string}, ${number})`;
+            border: `var(--${string}) solid var(--${string})` | `var(--${string}) solid var(--${string}, ${string})` | `var(--${string}) solid var(--${string}, ${number})` | `var(--${string}, ${string}) solid var(--${string})` | `var(--${string}, ${string}) solid var(--${string}, ${string})` | `var(--${string}, ${string}) solid var(--${string}, ${number})` | `var(--${string}, ${number}) solid var(--${string})` | `var(--${string}, ${number}) solid var(--${string}, ${string})` | `var(--${string}, ${number}) solid var(--${string}, ${number})`;
         };
     };
     radii: {
@@ -48,8 +55,6 @@ export declare const Chip: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
 }>;

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

@@ -4,10 +4,10 @@ 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;
-    radii?: "0" | "300" | "400" | "500" | "600" | "700" | "Pill" | "Inherit" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 }>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export {};

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/day-header/DayHeader.css.d.ts

@@ -0,0 +1 @@
+export declare const DayHeader: string;

package/dist/components/day-header/DayHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DayHeader: <T extends React.ElementType<any> = "h2">(props: import("..").AsOutProps<T, {
+    label: string;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/day-header/index.d.ts

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

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/empty-state/EmptyState.css.d.ts

@@ -0,0 +1 @@
+export declare const EmptyState: string;

package/dist/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export declare type EmptyStateProps = {
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: string;
+    action?: ReactNode;
+    subTitle?: ReactNode;
+    compact?: boolean;
+};
+export declare const EmptyState: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, EmptyStateProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/empty-state/index.d.ts

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

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" | "Agent" | "People" | "PullRequest" | "Smartphone" | "Unavailable" | "Admin" | "Board" | "App" | "Expand" | "Collapse";
-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;
@@ -44,8 +38,6 @@ export declare const IconButton: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
 }>;

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

@@ -1,8 +1,8 @@
 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" | "600" | "700" | "Pill" | "Inherit" | 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

@@ -45,35 +45,12 @@ export * from "./splash-screen";
 export * from "./starfield";
 export * from "./page";
 export * from "./review-card";
-export * from "./dialog-frame";
-export * from "./menu-button";
-export * from "./tab-bar";
-export * from "./pill";
-export * from "./page-state";
-export * from "./person-avatar";
-export * from "./select";
-export * from "./button-group";
-export * from "./split-button";
-export * from "./wavy-progress";
-export * from "./floating-toolbar";
-export * from "./motion";
-export * from "./settings-shell";
-export * from "./card";
-export * from "./list-row";
-export * from "./nav";
 export * from "./unread-badge";
-export * from "./password-input";
-export * from "./presence";
-export * from "./timeline";
-export * from "./file-attachment";
-export * from "./dock";
-export * from "./skeleton";
-export * from "./activity-card";
-export * from "./composer";
-export * from "./call";
-export * from "./identity";
-export * from "./content-card";
-export * from "./power";
-export * from "./date-time";
-export * from "./banner";
-export * from "./folder-field";
+export * from "./activity-row";
+export * from "./activity-group";
+export * from "./day-header";
+export * from "./tab-bar";
+export * from "./tab";
+export * from "./toggle-chip";
+export * from "./segmented-control";
+export * from "./empty-state";

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: {
@@ -48,8 +57,6 @@ export declare const Input: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
 }>;

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

@@ -4,8 +4,8 @@ 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" | "600" | "700" | "Pill" | "Inherit" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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: {
@@ -43,8 +49,6 @@ export declare const MenuItem: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
 }>;

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

@@ -4,9 +4,9 @@ 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" | "600" | "700" | "Pill" | "Inherit" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 }>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export {};

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;
@@ -32,13 +35,13 @@ export declare const PageHeroSection: <T extends React.ElementType<any> = "div">
     display?: "Flex" | "InlineFlex" | undefined;
     direction?: "Inherit" | "Row" | "RowReverse" | "Column" | "ColumnReverse" | undefined;
     wrap?: "Inherit" | "NoWrap" | "Wrap" | "WrapReverse" | undefined;
-    justifyContent?: "Start" | "Center" | "End" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
-    justifyItems?: "Start" | "Center" | "End" | "Inherit" | "Stretch" | "Baseline" | undefined;
-    justifySelf?: "Start" | "Center" | "End" | "Inherit" | "Stretch" | "Baseline" | undefined;
-    alignContent?: "Start" | "Center" | "End" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
-    alignItems?: "Start" | "Center" | "End" | "Inherit" | "Stretch" | "Baseline" | undefined;
-    alignSelf?: "Start" | "Center" | "End" | "Inherit" | "Stretch" | "Baseline" | undefined;
-    gap?: "0" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "Inherit" | "50" | "250" | 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;

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

@@ -17,7 +17,7 @@ export declare const PageNavResizeHandle: string;
 export declare const PageNavHeader: import("@vanilla-extract/recipes").RuntimeFn<{
     outlined: {
         true: {
-            boxShadow: `inset 0 -1px var(--${string})` | `inset 0 -1px var(--${string}, ${string})` | `inset 0 -1px var(--${string}, ${number})`;
+            borderBottomWidth: number;
         };
     };
 }>;
@@ -36,7 +36,7 @@ export declare const PageHeader: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     outlined: {
         true: {
-            boxShadow: `inset 0 -1px var(--${string})` | `inset 0 -1px var(--${string}, ${string})` | `inset 0 -1px var(--${string}, ${number})`;
+            borderBottomWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
@@ -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;