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

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

@@ -48,8 +48,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

@@ -7,5 +7,5 @@ export declare const Input: React.ForwardRefExoticComponent<Omit<React.AllHTMLAt
     variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | 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/menu/MenuItem.css.d.ts

@@ -43,8 +43,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

@@ -7,6 +7,6 @@ export declare const MenuItem: <T extends React.ElementType<any> = "button">(pro
     variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | 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/page/Page.d.ts

@@ -32,13 +32,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})`;
         };
     };
 }>;

package/dist/components/pop-out/PopOut.css.d.ts

@@ -1,3 +1,2 @@
 export declare const PopOut: string;
 export declare const PopOutContainer: string;
-export declare const PopOutContent: string;

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

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

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

@@ -8,7 +8,7 @@ export declare const ProgressBar: <T extends React.ElementType<any> = "span">(pr
     size?: "300" | "400" | "500" | undefined;
     variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
     fill?: "Solid" | "Soft" | "None" | undefined;
-    radii?: "0" | "300" | "400" | "500" | "600" | "700" | "Pill" | "Inherit" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
     outlined?: boolean | undefined;
 }>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export {};

package/dist/components/scroll/Scroll.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export declare const Scroll: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
-    visibility?: "Hover" | "Always" | undefined;
+    visibility?: "Always" | "Hover" | undefined;
     hideTrack?: boolean | undefined;
     size?: "0" | "300" | "400" | undefined;
     direction?: "Horizontal" | "Vertical" | "Both" | undefined;

package/dist/components/segmented-control/SegmentedControl.css.d.ts

@@ -0,0 +1,2 @@
+export declare const SegmentedControl: string;
+export declare const Option: string;

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+export declare type SegmentedControlProps = {
+    options: {
+        value: string;
+        label: string;
+        after?: ReactNode;
+    }[];
+    value: string;
+    onChange: (value: string) => void;
+};
+export declare const SegmentedControl: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, SegmentedControlProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/segmented-control/index.d.ts

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

package/dist/components/selectionKeyboard.d.ts

@@ -0,0 +1,2 @@
+import { KeyboardEvent } from "react";
+export declare const selectionKeyboard: (event: KeyboardEvent<HTMLElement>, role: "tab" | "radio") => void;

package/dist/components/sequence-card/SequenceCard.d.ts

@@ -3,20 +3,20 @@ export declare const SequenceCard: <T extends React.ElementType<any> = "div">(pr
     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;
 } & import("..").AsProp<React.ElementType<any>> & {
     variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
 } & {
-    radii?: "0" | "300" | "400" | "500" | "600" | "700" | undefined;
+    radii?: "0" | "300" | "400" | "500" | undefined;
     outlined?: boolean | undefined;
     mergeBorder?: boolean | undefined;
 }>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/sequence-card/style.css.d.ts

@@ -21,16 +21,6 @@ export declare const SequenceCard: import("@vanilla-extract/recipes").RuntimeFn<
                 [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             };
         };
-        "600": {
-            vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-        };
-        "700": {
-            vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-        };
     };
     outlined: {
         true: {
@@ -41,16 +31,10 @@ export declare const SequenceCard: import("@vanilla-extract/recipes").RuntimeFn<
     };
     mergeBorder: {
         true: {
-            marginBottom: `calc(-1 * var(--${string}))` | `calc(-1 * var(--${string}, ${string}))` | `calc(-1 * var(--${string}, ${number}))`;
+            borderBottomWidth: number;
             selectors: {
                 "&:last-child, &:not(:has(+&))": {
-                    marginBottom: number;
-                };
-                '&[data-last-child="false"]': {
-                    marginBottom: `calc(-1 * var(--${string}))` | `calc(-1 * var(--${string}, ${string}))` | `calc(-1 * var(--${string}, ${number}))`;
-                };
-                '&[data-last-child="true"]': {
-                    marginBottom: number;
+                    borderBottomWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };

package/dist/components/sidebar/Sidebar.css.d.ts

@@ -51,7 +51,7 @@ export declare const SidebarAvatar: 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})`;
         };
     };
 }>;
@@ -59,7 +59,7 @@ export declare type SidebarAvatarVariants = RecipeVariants<typeof SidebarAvatar>
 export declare const SidebarFolder: import("@vanilla-extract/recipes").RuntimeFn<{
     state: {
         Close: {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: string;
             borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         Open: {

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

@@ -14,8 +14,7 @@ export declare const SidebarAvatar: <T extends React.ElementType<any> = "div">(p
     outlined?: boolean | undefined;
 } & Omit<any, "as"> & {
     size?: "200" | "300" | "400" | "500" | undefined;
-    radii?: "0" | "300" | "400" | "500" | "600" | "700" | "Pill" | "Inherit" | undefined;
-    activity?: "Idle" | "Busy" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
 } & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export declare const SidebarFolder: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     state?: "Close" | "Open" | undefined;

package/dist/components/spinner/Spinner.css.d.ts

@@ -11,10 +11,6 @@ export declare const Spinner: import("@vanilla-extract/recipes").RuntimeFn<{
         "500": string;
         "600": string;
     };
-    shape: {
-        Ring: {};
-        Morph: {};
-    };
     variant: {
         Primary: ComplexStyleRule;
         Secondary: ComplexStyleRule;
@@ -39,4 +35,3 @@ export declare type SpinnerVariants = RecipeVariants<typeof Spinner>;
 export declare const SpinnerSvg: string;
 export declare const SpinnerOuter: string;
 export declare const SpinnerInner: string;
-export declare const SpinnerMorph: string;

package/dist/components/spinner/Spinner.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 export declare const Spinner: <T extends React.ElementType<any> = "span">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
     size?: "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | undefined;
-    shape?: "Ring" | "Morph" | undefined;
     variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
     fill?: "Solid" | "Soft" | undefined;
 } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/tab/Tab.css.d.ts

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

package/dist/components/tab/Tab.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+export declare type TabProps = {
+    selected?: boolean;
+    onSelect?: () => void;
+    after?: ReactNode;
+};
+export declare const Tab: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, TabProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/tab-bar/TabBar.css.d.ts

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

package/dist/components/tab-bar/TabBar.d.ts

@@ -1,12 +1,7 @@
+import React from "react";
 export declare type TabBarProps = {
-    tabs: string[];
-    /** The selected tab; compared to each entry by value. */
-    active: string;
+    tabs?: string[];
+    active?: string;
     onSelect?: (tab: string) => void;
 };
-/**
- * A row of tab chips — the settings tab strip, the explore filters, the
- * console sections. A tablist, so the selected chip carries aria-selected;
- * for a pressed-state toggle that is not a tab, use Pill.
- */
-export declare const TabBar: ({ tabs, active, onSelect }: TabBarProps) => JSX.Element;
+export declare const TabBar: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, TabBarProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/tab-bar/TabBarContext.d.ts

@@ -0,0 +1 @@
+export declare const TabStopContext: import("react").Context<boolean>;

package/dist/components/text/Text.css.d.ts

@@ -92,21 +92,6 @@ export declare const Text: import("@vanilla-extract/recipes").RuntimeFn<{
             letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        Metadata: {
-            fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            letterSpacing: "0";
-        };
-        LabelMono: {
-            fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textTransform: "uppercase";
-        };
         O400: {
             fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/components/text/Text.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const Text: <T extends React.ElementType<any> = "p">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
-    size?: "D400" | "H1" | "H2" | "H3" | "H4" | "H5" | "H6" | "T500" | "T400" | "T300" | "T200" | "B500" | "B400" | "B300" | "L400" | "LabelMono" | "O400" | "C400" | "Inherit" | "Metadata" | undefined;
+    size?: "D400" | "H1" | "H2" | "H3" | "H4" | "H5" | "H6" | "T500" | "T400" | "T300" | "T200" | "B500" | "B400" | "B300" | "L400" | "O400" | "C400" | "Inherit" | undefined;
     align?: "Right" | "Left" | "Center" | "Justify" | undefined;
     truncate?: boolean | undefined;
     priority?: "300" | "400" | "500" | "Inherit" | "Initial" | undefined;

package/dist/components/text-area/TextArea.css.d.ts

@@ -18,6 +18,7 @@ export declare const TextArea: import("@vanilla-extract/recipes").RuntimeFn<{
             };
             minHeight: string;
             padding: `calc((${string} - var(--${string})) / 2) var(--${string})` | `calc((${string} - var(--${string})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string})) / 2) var(--${string}, ${number})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string}, ${number})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string}, ${number})`;
+            paddingRight: number;
         };
         "400": {
             vars: {
@@ -25,6 +26,7 @@ export declare const TextArea: import("@vanilla-extract/recipes").RuntimeFn<{
             };
             minHeight: string;
             padding: `calc((${string} - var(--${string})) / 2) var(--${string})` | `calc((${string} - var(--${string})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string})) / 2) var(--${string}, ${number})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string}, ${number})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string}, ${number})`;
+            paddingRight: number;
         };
         "500": {
             vars: {
@@ -32,6 +34,7 @@ export declare const TextArea: import("@vanilla-extract/recipes").RuntimeFn<{
             };
             minHeight: string;
             padding: `calc((${string} - var(--${string})) / 2) var(--${string})` | `calc((${string} - var(--${string})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string})) / 2) var(--${string}, ${number})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string}, ${string})) / 2) var(--${string}, ${number})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string}, ${string})` | `calc((${string} - var(--${string}, ${number})) / 2) var(--${string}, ${number})`;
+            paddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     outlined: {
@@ -45,8 +48,6 @@ export declare const TextArea: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
     resize: {

package/dist/components/text-area/TextArea.d.ts

@@ -3,6 +3,6 @@ export declare const TextArea: React.ForwardRefExoticComponent<Omit<React.AllHTM
     variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | 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;
     resize?: "None" | "Horizontal" | "Vertical" | "Both" | "Block" | "Inline" | undefined;
 } & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/toggle-chip/ToggleChip.css.d.ts

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

package/dist/components/toggle-chip/ToggleChip.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+export declare type ToggleChipProps = {
+    pressed: boolean;
+    onToggle: (pressed: boolean) => void;
+    before?: ReactNode;
+    after?: ReactNode;
+};
+export declare const ToggleChip: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, ToggleChipProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/toggle-chip/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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