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

package/CHANGELOG.md

@@ -0,0 +1,239 @@
+> From 0.4.0 on, release notes live on GitHub Releases: https://github.com/ag2-space/weave/releases
+> This file is frozen at 0.3.0 (the release job no longer commits to main).
+
+# [0.3.0](https://github.com/ag2-space/weave/compare/v0.2.0...v0.3.0) (2026-09-14)
+
+### Features
+
+- **current:** the Current design-system layer and CurrentReviewCard, ported from the web client ([231ce4c](https://github.com/ag2-space/weave/commit/231ce4c6d471c12ea1045d1f2cd27795263c63c4))
+
+# [0.2.0](https://github.com/ag2-space/weave/compare/v0.1.0...v0.2.0) (2026-09-13)
+
+### Features
+
+- **components:** port 14 actively-used components from cinny-webclient ([448f1dc](https://github.com/ag2-space/weave/commit/448f1dc137554b25024b8bec54c222859e55ac45))
+- **components:** port page and its hook chain from cinny-webclient ([ca9a5b3](https://github.com/ag2-space/weave/commit/ca9a5b370cdd01bd947a47fc2226d449fffbae3c))
+
+# [0.1.0](https://github.com/ag2-space/weave/compare/v0.0.0...v0.1.0) (2026-09-13)
+
+### Features
+
+- publish folds@2.6.2 as @ag2/weave ([3555914](https://github.com/ag2-space/weave/commit/35559141bb02fe693d5907c41fdfb0cef1a1605d))
+
+## [2.6.2](https://github.com/cinnyapp/folds/compare/v2.6.1...v2.6.2) (2026-03-10)
+
+### Bug Fixes
+
+- programmatic focus makes tooltip appear ([#128](https://github.com/cinnyapp/folds/issues/128)) ([602244f](https://github.com/cinnyapp/folds/commit/602244f2c87bc119424e7bb2344ccb6c443e8cab))
+
+## [2.6.1](https://github.com/cinnyapp/folds/compare/v2.6.0...v2.6.1) (2026-02-22)
+
+### Bug Fixes
+
+- broken scrollbar color in safari ([#111](https://github.com/cinnyapp/folds/issues/111)) ([31ffd17](https://github.com/cinnyapp/folds/commit/31ffd17d751c78d8399f53039dae6386f9bae992))
+
+# [2.6.0](https://github.com/cinnyapp/folds/compare/v2.5.0...v2.6.0) (2026-02-16)
+
+### Features
+
+- volume high lock and globe icon ([#108](https://github.com/cinnyapp/folds/issues/108)) ([13b509c](https://github.com/cinnyapp/folds/commit/13b509c9ad2fddd5cdf300aa42e66f9287738c71))
+
+# [2.5.0](https://github.com/cinnyapp/folds/compare/v2.4.0...v2.5.0) (2025-10-24)
+
+### Features
+
+- phone down, headphone mute, globe, screen share icons and fix mic and phone icons ([#98](https://github.com/cinnyapp/folds/issues/98)) ([7f5c22f](https://github.com/cinnyapp/folds/commit/7f5c22f5a8b576ff4b2b4b29484bdac17e32f58d))
+
+# [2.4.0](https://github.com/cinnyapp/folds/compare/v2.3.0...v2.4.0) (2025-10-09)
+
+### Bug Fixes
+
+- broken thin scrollbar color in browser without scrollbar-color support ([#95](https://github.com/cinnyapp/folds/issues/95)) ([6fcdcec](https://github.com/cinnyapp/folds/commit/6fcdcece814e848bed9d24e2f0be67d4eff83709))
+
+### Features
+
+- clock icon ([#96](https://github.com/cinnyapp/folds/issues/96)) ([bdb19b1](https://github.com/cinnyapp/folds/commit/bdb19b1f05cc91e5f5b29e7411d234bcdd27da1c))
+
+# [2.3.0](https://github.com/cinnyapp/folds/compare/v2.2.0...v2.3.0) (2025-09-11)
+
+### Bug Fixes
+
+- remove background color from header ([#93](https://github.com/cinnyapp/folds/issues/93)) ([e9674b3](https://github.com/cinnyapp/folds/commit/e9674b3df35b69fc7dc1d35d18a3732d4c51de4a))
+
+### Features
+
+- container context for tooltip, popout and overlay component ([#92](https://github.com/cinnyapp/folds/issues/92)) ([da1adb5](https://github.com/cinnyapp/folds/commit/da1adb52fcc1027e9a39059022f6ba5d3e607a11))
+
+# [2.2.0](https://github.com/cinnyapp/folds/compare/v2.1.0...v2.2.0) (2025-05-26)
+
+### Bug Fixes
+
+- textarea size prop ([#84](https://github.com/cinnyapp/folds/issues/84)) ([05eb8e6](https://github.com/cinnyapp/folds/commit/05eb8e6a491cba84f126a259061f8d7c7faa878f))
+
+### Features
+
+- icons for thread, monitor, server, mic, video camera, prohibited and no entry ([#83](https://github.com/cinnyapp/folds/issues/83)) ([0c2e0fa](https://github.com/cinnyapp/folds/commit/0c2e0fa077bcfe831ea97a8f1fc740d897d644d5))
+
+# [2.1.0](https://github.com/cinnyapp/folds/compare/v2.0.0...v2.1.0) (2024-12-21)
+
+### Features
+
+- text area component ([#61](https://github.com/cinnyapp/folds/issues/61)) ([3adf384](https://github.com/cinnyapp/folds/commit/3adf384038d7b87d99fcabae38bf86cde7818875))
+
+# [2.0.0](https://github.com/cinnyapp/folds/compare/v1.7.0...v2.0.0) (2024-04-14)
+
+### Bug Fixes
+
+- types and api of tooltip provide and popout component ([#36](https://github.com/cinnyapp/folds/issues/36)) ([637f9be](https://github.com/cinnyapp/folds/commit/637f9beefa9529b2fb8a279a35806436b99050dc))
+
+### Features
+
+- open popout with anchor coordinates ([#40](https://github.com/cinnyapp/folds/issues/40)) ([86b66d9](https://github.com/cinnyapp/folds/commit/86b66d96d7a7632c1efddd56d8070ce667311eed))
+
+### BREAKING CHANGES
+
+- popout children forward ref and open prop is now removed with anchor prop
+
+# [1.7.0](https://github.com/cinnyapp/folds/compare/v1.6.0...v1.7.0) (2024-04-08)
+
+### Features
+
+- fill variant in icon button, chip and menu item components ([#35](https://github.com/cinnyapp/folds/issues/35)) ([b074d42](https://github.com/cinnyapp/folds/commit/b074d421b66eb4d8b600dfa55b967e6c4f783044))
+
+# [1.6.0](https://github.com/cinnyapp/folds/compare/v1.5.2...v1.6.0) (2024-03-25)
+
+### Bug Fixes
+
+- modal and button component uncertain styles ([#33](https://github.com/cinnyapp/folds/issues/33)) ([62417b9](https://github.com/cinnyapp/folds/commit/62417b981b5e8ee024f0f34167f32ca298a3737f))
+
+### Features
+
+- bookmark, inbox and reload icon ([#34](https://github.com/cinnyapp/folds/issues/34)) ([355a236](https://github.com/cinnyapp/folds/commit/355a236aa30b30dc62265628333c008f3ab76bcf))
+
+## [1.5.2](https://github.com/cinnyapp/folds/compare/v1.5.1...v1.5.2) (2024-02-04)
+
+### Bug Fixes
+
+- badge outline style ([#32](https://github.com/cinnyapp/folds/issues/32)) ([86d9b0f](https://github.com/cinnyapp/folds/commit/86d9b0f4237511f22de088bf0c681eeb1546eb12))
+
+## [1.5.1](https://github.com/cinnyapp/folds/compare/v1.5.0...v1.5.1) (2023-12-28)
+
+### Bug Fixes
+
+- component props bug ([#29](https://github.com/cinnyapp/folds/issues/29)) ([5990788](https://github.com/cinnyapp/folds/commit/5990788b2811e8a9bbf2271813336c84f85f8791))
+
+# [1.5.0](https://github.com/cinnyapp/folds/compare/v1.4.1...v1.5.0) (2023-09-28)
+
+### Bug Fixes
+
+- adaptive popout & tooltip position ([#28](https://github.com/cinnyapp/folds/issues/28)) ([3c30e66](https://github.com/cinnyapp/folds/commit/3c30e66c55fe53bf3c34720b3617492a9b7a3ea3))
+
+### Features
+
+- size prop in menu item ([#27](https://github.com/cinnyapp/folds/issues/27)) ([020afd7](https://github.com/cinnyapp/folds/commit/020afd7844b262c16164ba94bfeb92eb5b268e83))
+
+## [1.4.1](https://github.com/cinnyapp/folds/compare/v1.4.0...v1.4.1) (2023-09-07)
+
+### Bug Fixes
+
+- fix scroll corner color ([#26](https://github.com/cinnyapp/folds/issues/26)) ([fa6ce32](https://github.com/cinnyapp/folds/commit/fa6ce329fd3e08e13070234feebc3258308c6ee0))
+
+# [1.4.0](https://github.com/cinnyapp/folds/compare/v1.3.0...v1.4.0) (2023-08-16)
+
+### Features
+
+- inherit cross size variant option ([#25](https://github.com/cinnyapp/folds/issues/25)) ([b896348](https://github.com/cinnyapp/folds/commit/b896348cc515e148717c1cc35379f659ba0d9704))
+
+# [1.3.0](https://github.com/cinnyapp/folds/compare/v1.2.1...v1.3.0) (2023-06-24)
+
+### Features
+
+- more icons ([#23](https://github.com/cinnyapp/folds/issues/23)) ([4f5edef](https://github.com/cinnyapp/folds/commit/4f5edefe43b86658e5614695f1edcdd343a519f7))
+
+## [1.2.1](https://github.com/cinnyapp/folds/compare/v1.2.0...v1.2.1) (2023-06-09)
+
+### Bug Fixes
+
+- theme ([#22](https://github.com/cinnyapp/folds/issues/22)) ([d7de8f4](https://github.com/cinnyapp/folds/commit/d7de8f4d1435611b5ac3519ae137c45ac4a3270a))
+
+# [1.2.0](https://github.com/cinnyapp/folds/compare/v1.1.3...v1.2.0) (2023-05-27)
+
+### Features
+
+- progressbar component ([#20](https://github.com/cinnyapp/folds/issues/20)) ([9a48fea](https://github.com/cinnyapp/folds/commit/9a48feacd6a9d45407f2a0e87172f270f057190b))
+
+## [1.1.3](https://github.com/cinnyapp/folds/compare/v1.1.2...v1.1.3) (2023-05-13)
+
+### Bug Fixes
+
+- as types ([#19](https://github.com/cinnyapp/folds/issues/19)) ([0fc2b04](https://github.com/cinnyapp/folds/commit/0fc2b04fa77bae4e1dc0e61a01b0a331416c80a6))
+
+## [1.1.2](https://github.com/cinnyapp/folds/compare/v1.1.1...v1.1.2) (2023-05-11)
+
+### Bug Fixes
+
+- tooltip and popout ([#18](https://github.com/cinnyapp/folds/issues/18)) ([2665446](https://github.com/cinnyapp/folds/commit/26654463f827b22566f741965eeeec16059d1c08))
+
+## [1.1.1](https://github.com/cinnyapp/folds/compare/v1.1.0...v1.1.1) (2023-05-07)
+
+### Bug Fixes
+
+- missing fill option in badge component ([#17](https://github.com/cinnyapp/folds/issues/17)) ([e021107](https://github.com/cinnyapp/folds/commit/e021107ca8a7c8a41022071d0d9c908d52dd0374))
+
+# [1.1.0](https://github.com/cinnyapp/folds/compare/v1.0.7...v1.1.0) (2023-04-22)
+
+### Bug Fixes
+
+- text variant ([#15](https://github.com/cinnyapp/folds/issues/15)) ([d228fe6](https://github.com/cinnyapp/folds/commit/d228fe6e0a048c4b150afd00d40f3b89c5e761ea))
+
+### Features
+
+- export utils ([#16](https://github.com/cinnyapp/folds/issues/16)) ([3cbca38](https://github.com/cinnyapp/folds/commit/3cbca3850a1b68f729815ba27f7d27ecd3172928))
+
+## [1.0.7](https://github.com/cinnyapp/folds/compare/v1.0.6...v1.0.7) (2023-04-12)
+
+### Bug Fixes
+
+- tooltip shows on item click ([#14](https://github.com/cinnyapp/folds/issues/14)) ([270f6de](https://github.com/cinnyapp/folds/commit/270f6de776daa07d0999d7e7880e3bff13cd8d0d))
+
+## [1.0.6](https://github.com/cinnyapp/folds/compare/v1.0.5...v1.0.6) (2023-03-08)
+
+### Bug Fixes
+
+- zIndex of various overlay components ([#13](https://github.com/cinnyapp/folds/issues/13)) ([f196871](https://github.com/cinnyapp/folds/commit/f1968710ee1e4fdb83c5b2db055cc109de3cac99))
+
+## [1.0.5](https://github.com/cinnyapp/folds/compare/v1.0.4...v1.0.5) (2023-02-19)
+
+### Bug Fixes
+
+- icons name type ([#12](https://github.com/cinnyapp/folds/issues/12)) ([7742a89](https://github.com/cinnyapp/folds/commit/7742a891d63e57e34fc27a891beaa1694e675152))
+
+## [1.0.4](https://github.com/cinnyapp/folds/compare/v1.0.3...v1.0.4) (2023-02-04)
+
+### Bug Fixes
+
+- various style components ([#11](https://github.com/cinnyapp/folds/issues/11)) ([e94f686](https://github.com/cinnyapp/folds/commit/e94f686c4797b652f6e705a2a5f6959b12660c65))
+
+## [1.0.3](https://github.com/cinnyapp/folds/compare/v1.0.2...v1.0.3) (2023-01-31)
+
+### Bug Fixes
+
+- replace stitches with vanilla-extract ([#10](https://github.com/cinnyapp/folds/issues/10)) ([c11b9a4](https://github.com/cinnyapp/folds/commit/c11b9a409c92bf072fb8ee2a94d52eadef3d8c6f))
+
+## [1.0.2](https://github.com/cinnyapp/folds/compare/v1.0.1...v1.0.2) (2022-12-21)
+
+### Bug Fixes
+
+- typescript config ([8044c40](https://github.com/cinnyapp/folds/commit/8044c40ff1a8ff4ba8da312a209f7f15dbc1ed4b))
+
+## [1.0.1](https://github.com/cinnyapp/folds/compare/v1.0.0...v1.0.1) (2022-12-13)
+
+### Bug Fixes
+
+- fix shieldsio badge ([b27dda1](https://github.com/cinnyapp/folds/commit/b27dda1550364288899b3d15c4de0df3c0dea5cc))
+
+## 1.0.0 (2022-12-13)
+
+### Bug Fixes
+
+- **icon.tsx:** fix type error ([20ecb30](https://github.com/cinnyapp/folds/commit/20ecb30f6b23434ff5650cb010ecb4dd9e8589fc))

package/dist/components/activity-group/ActivityGroup.css.d.ts

@@ -0,0 +1,2 @@
+export declare const ActivityGroup: string;
+export declare const Label: string;

package/dist/components/activity-group/ActivityGroup.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare type ActivityGroupProps = {
+    label: string;
+    count?: number;
+};
+export declare const ActivityGroup: <T extends React.ElementType<any> = "section">(props: import("..").AsOutProps<T, ActivityGroupProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/activity-row/ActivityRow.css.d.ts

@@ -0,0 +1,47 @@
+export declare const ActivityRow: import("@vanilla-extract/recipes").RuntimeFn<{
+    layout: {
+        panel: {};
+        card: {
+            padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    unread: {
+        true: {
+            backgroundColor: `color-mix(in srgb, var(--${string}) 45%, var(--${string}))` | `color-mix(in srgb, var(--${string}) 45%, var(--${string}, ${string}))` | `color-mix(in srgb, var(--${string}) 45%, var(--${string}, ${number}))` | `color-mix(in srgb, var(--${string}, ${string}) 45%, var(--${string}))` | `color-mix(in srgb, var(--${string}, ${string}) 45%, var(--${string}, ${string}))` | `color-mix(in srgb, var(--${string}, ${string}) 45%, var(--${string}, ${number}))` | `color-mix(in srgb, var(--${string}, ${number}) 45%, var(--${string}))` | `color-mix(in srgb, var(--${string}, ${number}) 45%, var(--${string}, ${string}))` | `color-mix(in srgb, var(--${string}, ${number}) 45%, var(--${string}, ${number}))`;
+        };
+    };
+    read: {
+        true: {
+            opacity: number;
+        };
+    };
+    selected: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const Avatar: string;
+export declare const Body: string;
+export declare const Header: string;
+export declare const Reason: import("@vanilla-extract/recipes").RuntimeFn<{
+    tone: {
+        you: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        agent: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        participant: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const Where: string;
+export declare const Time: string;
+export declare const Title: string;
+export declare const Preview: string;
+export declare const Footer: string;
+export declare const Meta: string;

package/dist/components/activity-row/ActivityRow.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+export declare type ActivityRowProps = {
+    avatar: ReactNode;
+    reason: string;
+    reasonTone: "you" | "agent" | "participant";
+    where: string;
+    time: string;
+    preview: ReactNode;
+    count: number;
+    unread: number;
+    meta?: string;
+    read?: boolean;
+    selected?: boolean;
+    layout?: "panel" | "card";
+    title?: string;
+    unreadLabel?: string;
+};
+export declare const ActivityRow: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, ActivityRowProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

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

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

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

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

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

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

@@ -28,33 +28,8 @@ export declare const Avatar: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
-    activity: {
-        Idle: {};
-        Busy: {
-            "::after": {
-                content: "\"\"";
-                position: "absolute";
-                inset: number;
-                borderRadius: "inherit";
-                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})`;
-                pointerEvents: "none";
-                zIndex: number;
-                animation: `${string} var(--${string}) var(--${string}) infinite` | `${string} var(--${string}) var(--${string}, ${string}) infinite` | `${string} var(--${string}) var(--${string}, ${number}) infinite` | `${string} var(--${string}, ${string}) var(--${string}) infinite` | `${string} var(--${string}, ${string}) var(--${string}, ${string}) infinite` | `${string} var(--${string}, ${string}) var(--${string}, ${number}) infinite` | `${string} var(--${string}, ${number}) var(--${string}) infinite` | `${string} var(--${string}, ${number}) var(--${string}, ${string}) infinite` | `${string} var(--${string}, ${number}) var(--${string}, ${number}) infinite`;
-            };
-            "@media": {
-                "(prefers-reduced-motion: reduce)": {
-                    "::after": {
-                        animation: "none";
-                        opacity: number;
-                    };
-                };
-            };
-        };
-    };
 }>;
 export declare type AvatarVariants = RecipeVariants<typeof Avatar>;
 export declare const AvatarImage: string;

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

@@ -1,8 +1,7 @@
 import React from "react";
 export declare const Avatar: <T extends React.ElementType<any> = "span">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "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<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export declare const AvatarImage: <T extends React.ElementType<any> = "img">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export declare const AvatarFallback: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

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

@@ -184,18 +184,12 @@ export declare const Box: import("@vanilla-extract/recipes").RuntimeFn<{
         "0": {
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        "50": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
         "100": {
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         "200": {
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        "250": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
         "300": {
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
@@ -211,9 +205,6 @@ export declare const Box: import("@vanilla-extract/recipes").RuntimeFn<{
         "700": {
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        "800": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
     };
     grow: {
         No: {

package/dist/components/box/Box.d.ts

@@ -3,13 +3,13 @@ export declare const Box: <T extends React.ElementType<any> = "div">(props: Omit
     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/button/Button.css.d.ts

@@ -9,6 +9,9 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "400": {
             vars: {
@@ -17,6 +20,9 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
         "500": {
             vars: {
@@ -25,6 +31,9 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: string;
             gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: import("@vanilla-extract/css").StyleRule;
+            };
         };
     };
     variant: {
@@ -56,13 +65,18 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
                 [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             };
             backgroundColor: "inherit";
+            selectors: {
+                "&:hover, &:focus-visible, &:active, &[aria-pressed=true]": {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     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})`;
+            borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     radii: {
@@ -71,8 +85,6 @@ export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
         "300": string;
         "400": string;
         "500": string;
-        "600": string;
-        "700": string;
         Pill: string;
     };
 }>;

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

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

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

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