@ag2/weave 0.1.0 → 0.3.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [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

package/README.md

@@ -1,5 +1,7 @@
 # Weave
 
+**Storybook:** https://ag2-space.github.io/weave/ — every branch gets its own at `https://ag2-space.github.io/weave/<branch>/`.
+
 The AG2 Space design system. Forked from [folds](https://github.com/cinnyapp/folds) 2.6.2 (Apache-2.0); `@ag2/weave@0.1.0` is folds@2.6.2 under the new name.
 
 <!-- original folds README follows -->

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

@@ -0,0 +1,13 @@
+/**
+ * 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, }: {
+    size?: number | undefined;
+    strokeWidth?: number | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,22 @@
+/**
+ * Agent visual identity (step 3 of the room-nav UX plan).
+ *
+ * Two marks, both driven by `isAgentMxid` (local part ends `.agent` or starts
+ * `sutando-`) — the same predicate the room agent-policy + profile use:
+ *  - `AgentMark`, rendered INSIDE the avatar's presence badge (see PresenceBadge
+ *    `glyph` prop) so "this is an agent" and the agent's presence colour are one
+ *    combined mark instead of two competing corner badges, and
+ *  - `AgentNameTag`, the neutral "Agent" pill shown after the display name.
+ *
+ * The mark was a bot glyph, then an "S" the owner asked for (2026-07-05), and is
+ * a bot glyph again. `isAgentMxid` says an account is an agent; it cannot say
+ * *which* agent, and since a BYO owner's Claude Code answers behind exactly the
+ * same kind of identity, a Sutando initial on it was branding a guess. Neutral
+ * for all agents (byo-agent spec, US37) — the shared AgentGlyph, so the badge,
+ * the rail tab and the default avatar are one mark rather than three.
+ */
+export declare const AgentMark: ({ size }: {
+    size?: number | undefined;
+}) => JSX.Element;
+/** Small, quiet "Agent" pill shown right after an agent's display name. */
+export declare const AgentNameTag: () => JSX.Element;

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

@@ -0,0 +1,10 @@
+/**
+ * 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, }: {
+    size?: number | undefined;
+    strokeWidth?: number | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,10 @@
+/**
+ * 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, }: {
+    size?: number | undefined;
+    strokeWidth?: number | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from "./AgentTag";
+export * from "./AgentGlyph";
+export * from "./PeopleGlyph";
+export * from "./SkillGlyph";

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

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

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

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

package/dist/components/cutout-card/CutoutCard.css.d.ts

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

package/dist/components/cutout-card/CutoutCard.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ContainerColor as TContainerColor } from "../types";
+export declare const CutoutCard: <T extends React.ElementType<any> = "div">(props: import("../types").AsOutProps<T, {
+    variant?: TContainerColor | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/cutout-card/index.d.ts

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

package/dist/components/index.d.ts

@@ -29,3 +29,19 @@ export * from "./switch";
 export * from "./text";
 export * from "./text-area";
 export * from "./tooltip";
+export * from "./sequence-card";
+export * from "./setting-tile";
+export * from "./cutout-card";
+export * from "./info-card";
+export * from "./sidebar";
+export * from "./agent-tag";
+export * from "./typing-indicator";
+export * from "./robot-icon";
+export * from "./window-title";
+export * from "./server-badge";
+export * from "./stacked-avatar";
+export * from "./compose-icon";
+export * from "./splash-screen";
+export * from "./starfield";
+export * from "./page";
+export * from "./review-card";

package/dist/components/info-card/InfoCard.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { ContainerColor } from "../types";
+declare type InfoCardProps = {
+    variant?: ContainerColor;
+    title?: ReactNode;
+    description?: ReactNode;
+    before?: ReactNode;
+    after?: ReactNode;
+    children?: ReactNode;
+};
+export declare const InfoCard: ({ variant, title, description, before, after, children, }: InfoCardProps) => JSX.Element;
+export {};

package/dist/components/info-card/index.d.ts

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

package/dist/components/info-card/styles.css.d.ts

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

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

@@ -0,0 +1 @@
+export declare const NavCollapseRow: () => JSX.Element;

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

@@ -0,0 +1,53 @@
+import React, { MutableRefObject, ReactNode } from "react";
+import * as css from "./style.css";
+declare type PageRootProps = {
+    nav: ReactNode;
+    children: ReactNode;
+};
+export declare const PageRoot: ({ nav, children }: PageRootProps) => JSX.Element;
+declare type ClientDrawerLayoutProps = {
+    children: ReactNode;
+};
+export declare function useRoomNavCollapsed(): [boolean, () => void];
+export declare const PageNav: ({ size, children }: ClientDrawerLayoutProps & css.PageNavVariants) => JSX.Element;
+export declare const PageNavHeader: <T extends React.ElementType<any> = "header">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    outlined?: boolean | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PageNavContent: ({ scrollRef, children, }: {
+    children: ReactNode;
+    scrollRef?: React.MutableRefObject<HTMLDivElement | null> | undefined;
+}) => JSX.Element;
+export declare const Page: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PageHeader: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    compact?: boolean | undefined;
+    balance?: boolean | undefined;
+    outlined?: boolean | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PageContent: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PageHeroEmpty: ({ children, compact, }: {
+    children: ReactNode;
+    compact?: boolean | undefined;
+}) => JSX.Element;
+export declare const PageHeroSection: <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?: "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" | "Inherit" | undefined;
+    grow?: "No" | "Yes" | undefined;
+    shrink?: "No" | "Yes" | undefined;
+    basis?: "No" | "Yes" | undefined;
+} & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const PageHero: ({ icon, title, subTitle, children, }: {
+    icon: ReactNode;
+    title: ReactNode;
+    subTitle: ReactNode;
+    children?: ReactNode;
+}) => JSX.Element;
+export declare const PageContentCenter: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

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

@@ -0,0 +1,2 @@
+export * from "./Page";
+export * from "./NavCollapseRow";

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

@@ -0,0 +1,48 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const PageNav: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "400": {
+            width: string;
+        };
+        "300": {
+            width: string;
+        };
+        "200": {
+            width: string;
+        };
+    };
+}>;
+export declare type PageNavVariants = RecipeVariants<typeof PageNav>;
+export declare const PageNavResizeHandle: string;
+export declare const PageNavHeader: import("@vanilla-extract/recipes").RuntimeFn<{
+    outlined: {
+        true: {
+            borderBottomWidth: number;
+        };
+    };
+}>;
+export declare type PageNavHeaderVariants = RecipeVariants<typeof PageNavHeader>;
+export declare const PageNavContent: string;
+export declare const PageHeader: import("@vanilla-extract/recipes").RuntimeFn<{
+    compact: {
+        true: {
+            height: string;
+        };
+    };
+    balance: {
+        true: {
+            paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    outlined: {
+        true: {
+            borderBottomWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare type PageHeaderVariants = RecipeVariants<typeof PageHeader>;
+export declare const PageContent: string;
+export declare const PageHeroEmpty: string;
+export declare const PageHeroEmptyCompact: string;
+export declare const PageHeroSection: string;
+export declare const PageContentCenter: string;

package/dist/components/review-card/CurrentReviewCard.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import { ReviewCardData } from "./types";
+export declare type ReviewMember = {
+    id: string;
+    name: string;
+    isSelf?: boolean;
+};
+/** Presentation only: actions and identity resolution stay with the room adapter. */
+export declare function CurrentReviewCard({ authorLogin, owned, review, actions, members, }: {
+    authorLogin?: string;
+    owned?: boolean;
+    review: ReviewCardData;
+    actions?: ReactNode;
+    members?: ReviewMember[];
+}): JSX.Element;

package/dist/components/review-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CurrentReviewCard";
+export * from "./types";

package/dist/components/review-card/types.d.ts

@@ -0,0 +1,24 @@
+export declare type ReviewFinding = {
+    id: string;
+    severity: "high" | "medium" | "low" | "info";
+    title: string;
+    description: string;
+    location?: {
+        path: string;
+        line: number;
+    } | null;
+    requested_change?: string | null;
+};
+export declare type ReviewCardData = {
+    pr_author?: string;
+    repo: string;
+    number: number;
+    title?: string;
+    url?: string;
+    publisher: string;
+    reviewed_commit: string;
+    freshness: "current" | "outdated" | "unknown";
+    verdict: "approve" | "request_changes" | "comment";
+    summary: string;
+    findings: ReviewFinding[];
+};

package/dist/components/robot-icon/RobotIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const RobotIcon: ({ filled }: {
+    filled?: boolean | undefined;
+}) => JSX.Element;

package/dist/components/robot-icon/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import React from "react";
+export declare const SequenceCard: <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?: "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" | "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" | undefined;
+    outlined?: boolean | undefined;
+    mergeBorder?: boolean | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

@@ -0,0 +1,43 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const SequenceCard: import("@vanilla-extract/recipes").RuntimeFn<{
+    radii: {
+        "0": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        "300": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        "400": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        "500": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    };
+    outlined: {
+        true: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    };
+    mergeBorder: {
+        true: {
+            borderBottomWidth: number;
+            selectors: {
+                "&:last-child, &:not(:has(+&))": {
+                    borderBottomWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare type SequenceCardVariants = RecipeVariants<typeof SequenceCard>;

package/dist/components/server-badge/ServerBadge.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const ServerBadge: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, {
+    server: string;
+    fill?: "Solid" | "None" | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/server-badge/index.d.ts

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

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

@@ -0,0 +1,10 @@
+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 {};

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

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

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

@@ -0,0 +1,86 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Sidebar: string;
+export declare const SidebarStack: string;
+export declare const DropTarget: string;
+export declare const SidebarItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            selectors: {
+                "&::before": {
+                    display: "block";
+                    height: string;
+                };
+                "&:hover::before": {
+                    width: string;
+                };
+            };
+        };
+    };
+}>;
+export declare type SidebarItemVariants = RecipeVariants<typeof SidebarItem>;
+export declare const SidebarItemBadge: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasCount: {
+        true: {
+            top: string;
+            left: string;
+        };
+        false: {
+            top: string;
+            left: string;
+        };
+    };
+}>;
+export declare type SidebarItemBadgeVariants = RecipeVariants<typeof SidebarItemBadge>;
+export declare const SidebarAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "200": {
+            width: string;
+            height: string;
+            fontSize: string;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "300": {
+            width: string;
+            height: string;
+        };
+        "400": {
+            width: string;
+            height: string;
+        };
+    };
+    outlined: {
+        true: {
+            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})`;
+        };
+    };
+}>;
+export declare type SidebarAvatarVariants = RecipeVariants<typeof SidebarAvatar>;
+export declare const SidebarFolder: import("@vanilla-extract/recipes").RuntimeFn<{
+    state: {
+        Close: {
+            gap: string;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Open: {
+            paddingLeft: number;
+            paddingRight: number;
+            flexDirection: "column";
+            alignItems: "center";
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare type SidebarFolderVariants = RecipeVariants<typeof SidebarFolder>;
+export declare const SidebarFolderDropTarget: import("@vanilla-extract/recipes").RuntimeFn<{
+    position: {
+        Top: {
+            top: string;
+        };
+        Bottom: {
+            bottom: string;
+        };
+    };
+}>;
+export declare type SidebarFolderDropTargetVariants = RecipeVariants<typeof SidebarFolderDropTarget>;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Sidebar: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+declare type SidebarContentProps = {
+    scrollable: ReactNode;
+    sticky: ReactNode;
+};
+export declare const SidebarContent: ({ scrollable, sticky }: SidebarContentProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import React, { ReactNode, RefCallback } from "react";
+export declare const SidebarItem: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    active?: boolean | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const SidebarItemBadge: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    hasCount?: boolean | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const SidebarItemTooltip: ({ tooltip, children, }: {
+    tooltip?: ReactNode | string;
+    children: (triggerRef: RefCallback<HTMLElement | SVGElement>) => ReactNode;
+}) => string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+export declare const SidebarAvatar: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, {
+    size?: "200" | "300" | "400" | undefined;
+    outlined?: boolean | undefined;
+} & Omit<any, "as"> & {
+    size?: "200" | "300" | "400" | "500" | 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;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const SidebarFolderDropTarget: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    position?: "Top" | "Bottom" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SidebarStack: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -0,0 +1 @@
+export declare const SidebarStackSeparator: () => JSX.Element;

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

@@ -0,0 +1,5 @@
+export * from "./Sidebar";
+export * from "./SidebarItem";
+export * from "./SidebarContent";
+export * from "./SidebarStack";
+export * from "./SidebarStackSeparator";

package/dist/components/splash-screen/SplashScreen.css.d.ts

@@ -0,0 +1,2 @@
+export declare const SplashScreen: string;
+export declare const SplashScreenFooter: string;

package/dist/components/splash-screen/SplashScreen.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare type SplashScreenProps = {
+    children: ReactNode;
+};
+export declare const SplashScreen: ({ children }: SplashScreenProps) => JSX.Element;
+export {};

package/dist/components/splash-screen/index.d.ts

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

package/dist/components/stacked-avatar/StackedAvatar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare type StackedAvatarProps = {
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+};
+export declare const StackedAvatar: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, {
+    size?: "200" | "300" | "400" | "500" | undefined;
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+} & StackedAvatarProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

package/dist/components/stacked-avatar/index.d.ts

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

package/dist/components/stacked-avatar/styles.css.d.ts

@@ -0,0 +1,33 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const StackedAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "200": {
+            marginLeft: string;
+            outlineWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "300": {
+            marginLeft: string;
+            outlineWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "400": {
+            marginLeft: string;
+            outlineWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "500": {
+            marginLeft: string;
+            outlineWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+}>;
+export declare type StackedAvatarVariants = RecipeVariants<typeof StackedAvatar>;

package/dist/components/starfield/Starfield.css.d.ts

@@ -0,0 +1,2 @@
+export declare const StarfieldHost: string;
+export declare const Starfield: string;