@ag2/weave 0.8.0 → 0.10.0

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

@@ -1,41 +1,23 @@
 import { ComplexStyleRule } from "@vanilla-extract/css";
 import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Badge: import("@vanilla-extract/recipes").RuntimeFn<{
+    kind: {
+        Tag: string;
+        Count: {
+            fontVariantNumeric: "tabular-nums";
+        };
+    };
     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;
         };

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

@@ -1,5 +1,7 @@
 import React from "react";
+/** Text labels use Tag; compact numerical indicators use Count. Empty badges remain dots. */
 export declare const Badge: <T extends React.ElementType<any> = "span">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    kind?: "Tag" | "Count" | undefined;
     size?: "200" | "300" | "400" | "500" | undefined;
     variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | "Info" | undefined;
     fill?: "Solid" | "Soft" | "None" | undefined;

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

@@ -15,7 +15,7 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
         };
         "400": {
             vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                [x: string]: string;
             };
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -26,7 +26,7 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
         };
         "500": {
             vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                [x: string]: string;
             };
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/components/commons-tabs/CommonsTabs.css.d.ts

@@ -0,0 +1,10 @@
+export declare const CommonsTabStrip: string;
+export declare const CommonsTabList: string;
+export declare const CommonsTabControls: string;
+export declare const CommonsTabDivider: string;
+export declare const CommonsTab: string;
+export declare const CommonsTabButton: string;
+export declare const CommonsTabLabel: string;
+export declare const CommonsTabDrafting: string;
+export declare const CommonsTabUnseen: string;
+export declare const CommonsTabClose: string;

package/dist/components/commons-tabs/CommonsTabs.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export declare type CommonsTabStripProps = {
+    /** The panel's own controls after the tabs: Commons menu, Expand, Hide. */
+    controls?: ReactNode;
+};
+export declare const CommonsTabStrip: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, CommonsTabStripProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type CommonsTabProps = {
+    label: string;
+    /** The page's type tile, 16px. */
+    tile?: ReactNode;
+    selected?: boolean;
+    /** An agent made or changed it since you looked. */
+    unseen?: boolean;
+    /** An agent is still writing it; `draftingBy` names who, for the tooltip. */
+    drafting?: boolean;
+    draftingBy?: string;
+    onSelect?: () => void;
+    /** Shown on the open tab and on hover; omit for a tab that can't close. */
+    onClose?: () => void;
+};
+export declare const CommonsTab: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, CommonsTabProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/commons-tabs/index.d.ts

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

package/dist/components/dock/Dock.css.d.ts

@@ -0,0 +1,7 @@
+export declare const Dock: string;
+export declare const DockButton: string;
+export declare const DockCount: string;
+export declare const DockDivider: string;
+export declare const DockHint: string;
+export declare const DockChip: string;
+export declare const DockChipText: string;

package/dist/components/dock/Dock.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import { IconSrc } from "../icon";
+export declare const Dock: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type DockButtonProps = {
+    icon: IconSrc;
+    /** The tooltip and accessible name; the visible text too when `labelled`. */
+    label: string;
+    labelled?: boolean;
+    /** A mode that's on (commenting, picking an area): the button turns dark. */
+    pressed?: boolean;
+    count?: number;
+};
+export declare const DockButton: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, DockButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const DockDivider: () => JSX.Element;
+export declare const DockHint: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type DockChipProps = {
+    before?: ReactNode;
+};
+export declare const DockChip: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, DockChipProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/form/Form.css.d.ts

@@ -0,0 +1,41 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Row: string;
+export declare const Body: string;
+export declare const Label: string;
+export declare const Description: string;
+export declare const Children: string;
+export declare const Control: string;
+export declare const Field: string;
+export declare const Error: string;
+export declare const Card: string;
+export declare const CardTone: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Surface: {};
+        SurfaceVariant: {};
+        Background: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Success: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Warning: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Critical: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare type FormCardVariants = RecipeVariants<typeof CardTone>;

package/dist/components/form/Form.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from "react";
+export declare const FormRow: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & {
+    title?: ReactNode;
+    description?: ReactNode;
+    before?: ReactNode;
+    after?: ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const FormCard: <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>> & {
+    variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/form/FormContext.d.ts

@@ -0,0 +1,19 @@
+export declare const FormContext: import("react").Context<{
+    controlId?: string | undefined;
+    labelId?: string | undefined;
+    descriptionId?: string | undefined;
+    invalid?: boolean | undefined;
+    registerControlId?: ((id: string) => () => void) | undefined;
+}>;
+export declare const useFormControl: (props: {
+    id?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
+}) => {
+    id: string | undefined;
+    "aria-labelledby": string | undefined;
+    "aria-describedby": string | undefined;
+    "aria-invalid": boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+};

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

@@ -0,0 +1 @@
+export { Field, FormRow, FormCard } from "./Form";

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

@@ -153,5 +153,16 @@ export declare const Icons: {
     Question: IconSrc;
     Sigma: IconSrc;
     WordFile: IconSrc;
+    Files: IconSrc;
+    Pulse: IconSrc;
+    Doc: IconSrc;
+    Whiteboard: IconSrc;
+    Table: IconSrc;
+    Database: IconSrc;
+    Kanban: IconSrc;
+    Pdf: IconSrc;
+    FrameCorners: IconSrc;
+    Presentation: IconSrc;
+    Selection: IconSrc;
 };
 export declare type IconName = keyof typeof Icons;

package/dist/components/index.d.ts

@@ -15,6 +15,8 @@ export * from "./header";
 export * from "./icon";
 export * from "./icon-button";
 export * from "./input";
+export * from "./form";
+export * from "./select";
 export * from "./line";
 export * from "./menu";
 export * from "./modal";
@@ -54,3 +56,11 @@ export * from "./tab";
 export * from "./toggle-chip";
 export * from "./segmented-control";
 export * from "./empty-state";
+export * from "./panel-switch";
+export * from "./people-line";
+export * from "./room-header";
+export * from "./type-tile";
+export * from "./commons-tabs";
+export * from "./surface-toolbar";
+export * from "./dock";
+export * from "./inspector-tabs";

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

@@ -48,7 +48,7 @@ export declare const Input: 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})`;
+            boxShadow: `inset 0 0 0 1px var(--${string}), inset 0 1px 2px color-mix(in srgb, var(--${string}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}), inset 0 1px 2px color-mix(in srgb, var(--${string}, ${string}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}), inset 0 1px 2px color-mix(in srgb, var(--${string}, ${number}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}, ${string}), inset 0 1px 2px color-mix(in srgb, var(--${string}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}, ${string}), inset 0 1px 2px color-mix(in srgb, var(--${string}, ${string}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}, ${string}), inset 0 1px 2px color-mix(in srgb, var(--${string}, ${number}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}, ${number}), inset 0 1px 2px color-mix(in srgb, var(--${string}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}, ${number}), inset 0 1px 2px color-mix(in srgb, var(--${string}, ${string}) 3%, transparent)` | `inset 0 0 0 1px var(--${string}, ${number}), inset 0 1px 2px color-mix(in srgb, var(--${string}, ${number}) 3%, transparent)`;
         };
     };
     radii: {

package/dist/components/inspector-tabs/InspectorTabs.css.d.ts

@@ -0,0 +1,4 @@
+export declare const InspectorHeader: string;
+export declare const InspectorTabs: string;
+export declare const InspectorTab: string;
+export declare const InspectorHeaderSpacer: string;

package/dist/components/inspector-tabs/InspectorTabs.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+export declare type InspectorHeaderProps = {
+    /** After the tabs, at the far end: Close. */
+    after?: ReactNode;
+    label?: string;
+};
+export declare const InspectorHeader: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, InspectorHeaderProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type InspectorTabProps = {
+    /** The tab's glyph, standard size. */
+    icon: ReactNode;
+    label: string;
+    selected?: boolean;
+    onSelect?: () => void;
+};
+export declare const InspectorTab: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, InspectorTabProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/inspector-tabs/index.d.ts

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

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

@@ -0,0 +1,8 @@
+export declare const PanelSwitchGroup: string;
+export declare const PanelSwitch: string;
+export declare const Glyph: string;
+export declare const Attention: string;
+export declare const Count: string;
+export declare const CountPill: string;
+export declare const Label: string;
+export declare const Folds: string;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { IconSrc } from "../icon";
+export declare type PanelSwitchProps = {
+    icon: IconSrc;
+    label: string;
+    /** The panel is open: the pill expands into the dark state with its name. */
+    selected?: boolean;
+    count?: number;
+    /** Activity shows its count in a pill; Commons shows it as plain text. */
+    countStyle?: "Plain" | "Pill";
+    /** Keep the name visible while closed (Commons). */
+    labelled?: boolean;
+    /** Something in this panel needs you; shown while closed. */
+    attention?: boolean;
+};
+export declare const PanelSwitchGroup: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PanelSwitch: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, PanelSwitchProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/people-line/PeopleLine.css.d.ts

@@ -0,0 +1,6 @@
+export declare const PeopleLine: string;
+export declare const Faces: string;
+export declare const Face: string;
+export declare const Live: string;
+export declare const Summary: string;
+export declare const Working: string;

package/dist/components/people-line/PeopleLine.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+export declare type PeopleLineProps = {
+    /** PeopleLineFace elements: who's here, or the agent that's working. */
+    faces?: ReactNode;
+    /** Live state: an agent working runs the grey sweep; a call shows green. */
+    status?: "Default" | "Working" | "Call";
+};
+export declare const PeopleLineFace: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, {
+    size?: "small" | "large" | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PeopleLine: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, PeopleLineProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/people-line/index.d.ts

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

package/dist/components/radio-button/RadioGroup.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import * as Primitive from "@radix-ui/react-radio-group";
+export declare const RadioGroup: React.ForwardRefExoticComponent<Pick<Primitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "children" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "loop" | "disabled" | "value" | "required" | "asChild" | "onValueChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<Pick<Primitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "children" | "className" | "color" | "id" | "lang" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "checked" | "required" | "asChild"> & {
+    variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | undefined;
+    size?: "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/radio-button/index.d.ts

@@ -1 +1,2 @@
 export * from "./RadioButton";
+export * from "./RadioGroup";

package/dist/components/room-header/RoomHeader.css.d.ts

@@ -0,0 +1,8 @@
+export declare const RoomHeader: string;
+export declare const Row: string;
+export declare const Mark: string;
+export declare const Identity: string;
+export declare const Name: string;
+export declare const Spacer: string;
+export declare const Controls: string;
+export declare const Divider: string;

package/dist/components/room-header/RoomHeader.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export declare type RoomHeaderProps = {
+    /** Room tile, or the faces themselves for a DM or small group. */
+    mark: ReactNode;
+    name: ReactNode;
+    /** Heading element for the room name; h1 when the header leads the page. */
+    nameAs?: "h1" | "h2" | "h3" | "span";
+    /** The people line under the name. */
+    people?: ReactNode;
+    /**
+     * Call, search, bell and the ⋯ menu. Children marked data-optional hide in a
+     * very narrow header, so the caller should also offer them from the ⋯ menu.
+     */
+    controls?: ReactNode;
+    /** The Threads · Activity · Commons switcher. */
+    panels?: ReactNode;
+};
+export declare const RoomHeaderMark: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, {
+    faces?: boolean | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const RoomHeader: <T extends React.ElementType<any> = "header">(props: import("..").AsOutProps<T, RoomHeaderProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/select/Select.css.d.ts

@@ -0,0 +1,11 @@
+export declare const Root: string;
+export declare const Select: string;
+export declare const Chevron: string;
+export declare const Content: string;
+export declare const Viewport: string;
+export declare const Item: string;
+export declare const Indicator: string;
+export declare const ScrollButton: string;
+export declare const Label: string;
+export declare const Value: string;
+export declare const Description: string;

package/dist/components/select/Select.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import * as Primitive from "@radix-ui/react-select";
+export declare const Select: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "dir" | "value"> & Pick<Primitive.SelectProps, "form" | "name" | "defaultValue" | "dir" | "value" | "autoComplete" | "required" | "onValueChange"> & {
+    placeholder?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<Primitive.SelectItemProps & {
+    description?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: React.ForwardRefExoticComponent<Primitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<Primitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export { Select, SelectItem, SelectGroup, SelectLabel } from "./Select";

package/dist/components/setting-tile/SettingTile.d.ts

@@ -1,10 +1 @@
-import { ReactNode } from "react";
-declare type SettingTileProps = {
-    title?: ReactNode;
-    description?: ReactNode;
-    before?: ReactNode;
-    after?: ReactNode;
-    children?: ReactNode;
-};
-export declare const SettingTile: ({ title, description, before, after, children }: SettingTileProps) => JSX.Element;
-export {};
+export { FormRow as SettingTile } from "../form";

package/dist/components/surface-toolbar/SurfaceToolbar.css.d.ts

@@ -0,0 +1,11 @@
+export declare const SurfaceToolbar: string;
+export declare const SurfaceToolbarTitle: string;
+export declare const SurfaceToolbarTitleText: string;
+export declare const SurfaceToolbarMeta: string;
+export declare const SurfaceToolbarTools: string;
+export declare const SurfaceToolbarSpacer: string;
+export declare const SurfaceToolbarDivider: string;
+export declare const SummonPill: string;
+export declare const SummonPillHere: string;
+export declare const SummonPillFaces: string;
+export declare const SummonPillGlyph: string;

package/dist/components/surface-toolbar/SurfaceToolbar.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+export declare const SurfaceToolbar: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type SurfaceToolbarTitleProps = {
+    /** The page's type tile, 20px. */
+    tile?: ReactNode;
+    /** After the title, quieter: "· Page 1 of 3". */
+    meta?: ReactNode;
+};
+export declare const SurfaceToolbarTitle: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, SurfaceToolbarTitleProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const SurfaceToolbarTools: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const SurfaceToolbarSpacer: () => JSX.Element;
+export declare const SurfaceToolbarDivider: () => JSX.Element;
+export declare type SummonPillProps = {
+    /** Faces of who's on this page now, overlapping; omit when nobody else is here. */
+    faces?: ReactNode;
+    label?: string;
+};
+export declare const SummonPill: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, SummonPillProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/surface-toolbar/index.d.ts

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

package/dist/components/switch/Switch.css.d.ts

@@ -1,13 +1,58 @@
-import { ComplexStyleRule } from "@vanilla-extract/css";
 import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const Switch: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        Primary: ComplexStyleRule;
-        Secondary: ComplexStyleRule;
-        Success: ComplexStyleRule;
-        Warning: ComplexStyleRule;
-        Critical: ComplexStyleRule;
+        Primary: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            selectors: {
+                "&[data-state=checked]": {
+                    color: string;
+                };
+            };
+        };
+        Secondary: {
+            vars: {
+                [x: string]: string;
+            };
+            selectors: {
+                "&[data-state=checked]": {
+                    color: string;
+                };
+            };
+        };
+        Success: {
+            vars: {
+                [x: string]: string;
+            };
+            selectors: {
+                "&[data-state=checked]": {
+                    color: string;
+                };
+            };
+        };
+        Warning: {
+            vars: {
+                [x: string]: string;
+            };
+            selectors: {
+                "&[data-state=checked]": {
+                    color: string;
+                };
+            };
+        };
+        Critical: {
+            vars: {
+                [x: string]: string;
+            };
+            selectors: {
+                "&[data-state=checked]": {
+                    color: string;
+                };
+            };
+        };
     };
 }>;
 export declare type SwitchVariants = RecipeVariants<typeof Switch>;
+export declare const SwitchFill: string;
 export declare const SwitchThumb: string;

package/dist/components/switch/Switch.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-export declare const Switch: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "role" | "onChange" | "onClick" | "value"> & {
+export declare const Switch: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "role" | "onChange" | "defaultValue" | "value"> & {
     value?: boolean | undefined;
+    defaultValue?: boolean | undefined;
     onChange?: ((on: boolean) => void) | undefined;
 } & {
     variant?: "Success" | "Warning" | "Critical" | "Primary" | "Secondary" | undefined;

package/dist/components/tabFocusKeyboard.d.ts

@@ -0,0 +1,4 @@
+import { FocusEvent, KeyboardEvent } from "react";
+export declare const tabFocusRoving: (event: FocusEvent<HTMLElement>) => void;
+export declare const tabBlurRoving: (event: FocusEvent<HTMLElement>) => void;
+export declare const tabFocusKeyboard: (event: KeyboardEvent<HTMLElement>) => void;

package/dist/components/type-tile/TypeTile.css.d.ts

@@ -0,0 +1,4 @@
+export declare const TypeTile: string;
+export declare const TypeTileSize: Record<"200" | "300" | "500", string>;
+export declare const TypeTileGlyph: Record<"200" | "300" | "500", string>;
+export declare const TypeTileKind: Record<"Media" | "Doc" | "Html" | "Whiteboard" | "Sheet" | "Database" | "Pdf" | "Analysis" | "Figma" | "Presentation" | "Apps" | "Kanban", string>;