@ag2/weave 0.1.0

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

@@ -0,0 +1,55 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Input: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    size: {
+        "300": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: string;
+        };
+        "400": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: string;
+        };
+        "500": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: string;
+        };
+    };
+    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})`;
+        };
+    };
+    radii: {
+        Inherit: string;
+        "0": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        Pill: string;
+    };
+}>;
+export declare type InputVariants = RecipeVariants<typeof Input>;
+export declare const InputInput: string;

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.AllHTMLAttributes<HTMLInputElement>, "size"> & {
+    before?: ReactNode;
+    after?: ReactNode;
+    inputSize?: number | undefined;
+} & {
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    size?: "300" | "400" | "500" | undefined;
+    outlined?: boolean | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/line/Line.css.d.ts

@@ -0,0 +1,56 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Line: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Inherit: {
+            borderColor: "inherit";
+        };
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    direction: {
+        Horizontal: {
+            borderBottomWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: number;
+        };
+        Vertical: {
+            borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: number;
+            flexDirection: "column";
+        };
+    };
+    size: {
+        "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})`;
+            };
+        };
+        "600": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        "700": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    };
+}>;
+export declare type LineVariants = RecipeVariants<typeof Line>;

package/dist/components/line/Line.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const Line: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | "Inherit" | undefined;
+    direction?: "Horizontal" | "Vertical" | undefined;
+    size?: "300" | "400" | "500" | "600" | "700" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/menu/Menu.css.d.ts

@@ -0,0 +1,15 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Menu: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+}>;
+export declare type MenuVariants = RecipeVariants<typeof Menu>;

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const Menu: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -0,0 +1,49 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const MenuItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    fill: {
+        Soft: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        None: {
+            backgroundColor: "transparent";
+        };
+    };
+    size: {
+        "300": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            height: string;
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+        };
+        "400": {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            height: string;
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
+        };
+    };
+    radii: {
+        Inherit: string;
+        "0": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        Pill: string;
+    };
+}>;
+export declare type MenuItemVariants = RecipeVariants<typeof MenuItem>;

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

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+declare type MenuItemProps = {
+    before?: ReactNode;
+    after?: ReactNode;
+};
+export declare const MenuItem: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, MenuItemProps & {
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    fill?: "Soft" | "None" | undefined;
+    size?: "300" | "400" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

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

@@ -0,0 +1,2 @@
+export * from "./MenuItem";
+export * from "./Menu";

package/dist/components/modal/Modal.css.d.ts

@@ -0,0 +1,34 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Modal: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    size: {
+        "300": {
+            maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "400": {
+            maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "500": {
+            maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    flexHeight: {
+        true: {
+            height: "unset";
+        };
+    };
+}>;
+export declare type ModalVariants = RecipeVariants<typeof Modal>;

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const Modal: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    size?: "300" | "400" | "500" | undefined;
+    flexHeight?: boolean | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/overlay/Overlay.css.d.ts

@@ -0,0 +1,3 @@
+export declare const Overlay: string;
+export declare const OverlayBackdrop: string;
+export declare const OverlayCenter: string;

package/dist/components/overlay/Overlay.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+export declare const OverlayContainerProvider: React.Provider<Element | DocumentFragment | undefined>;
+export declare const useOverlayContainer: () => Element | DocumentFragment | undefined;
+export declare type OverlayProps = {
+    open: boolean;
+    container?: Element | DocumentFragment;
+    backdrop?: ReactNode;
+};
+export declare const Overlay: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, OverlayProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const OverlayBackdrop: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const OverlayCenter: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+import { Align, Position, RectCords } from "../util";
+export declare const PopOutContainerProvider: React.Provider<Element | DocumentFragment | undefined>;
+export declare const usePopOutContainer: () => Element | DocumentFragment | undefined;
+export interface PopOutProps {
+    anchor?: RectCords;
+    position?: Position;
+    align?: Align;
+    offset?: number;
+    alignOffset?: number;
+    content: ReactNode;
+    container?: Element | DocumentFragment;
+}
+export declare const PopOut: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, PopOutProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/components/pop-out/index.d.ts

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

package/dist/components/portal/Portal.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export declare type PortalProps = {
+    container?: Element | DocumentFragment;
+    children: ReactNode | ReactNode[];
+};
+export declare const Portal: ({ container, children }: PortalProps) => JSX.Element;

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

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

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

@@ -0,0 +1,54 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const ProgressBar: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "300": {
+            height: string;
+        };
+        "400": {
+            height: string;
+        };
+        "500": {
+            height: string;
+        };
+    };
+    variant: {
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    fill: {
+        Solid: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        Soft: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        None: {
+            backgroundColor: "inherit";
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    radii: {
+        Inherit: string;
+        "0": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        Pill: string;
+    };
+    outlined: {
+        true: {
+            borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare type ProgressBarVariant = RecipeVariants<typeof ProgressBar>;
+export declare const ProgressBarFill: string;

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

@@ -0,0 +1,14 @@
+import React from "react";
+declare type ProgressBarProps = {
+    value: number;
+    min?: number;
+    max: number;
+};
+export declare const ProgressBar: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, ProgressBarProps & {
+    size?: "300" | "400" | "500" | undefined;
+    variant?: "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    fill?: "Solid" | "Soft" | "None" | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+    outlined?: boolean | undefined;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

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

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

package/dist/components/radio-button/RadioButton.css.d.ts

@@ -0,0 +1,22 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const RadioButton: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    size: {
+        Inherit: string;
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+    };
+}>;
+export declare type RadioButtonVariants = RecipeVariants<typeof RadioButton>;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const TextReset: string;
+export declare const DefaultReset: string;

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

@@ -0,0 +1,117 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Scroll: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    visibility: {
+        Always: {
+            "@supports": {
+                "not selector(::-webkit-scrollbar)": {
+                    scrollbarColor: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                };
+            };
+            selectors: {
+                "&::-webkit-scrollbar-thumb": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&::-webkit-scrollbar-track": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        Hover: {
+            "@supports": {
+                "not selector(::-webkit-scrollbar)": {
+                    selectors: {
+                        "&:hover": {
+                            scrollbarColor: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                        };
+                    };
+                };
+            };
+            selectors: {
+                "&:hover::-webkit-scrollbar-thumb": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:hover::-webkit-scrollbar-track": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+    hideTrack: {
+        true: {
+            vars: {
+                [x: string]: string;
+            };
+        };
+    };
+    size: {
+        "0": {
+            "@supports": {
+                "not selector(::-webkit-scrollbar)": {
+                    scrollbarWidth: "none";
+                };
+            };
+            selectors: {
+                "&::-webkit-scrollbar": {
+                    display: "none";
+                };
+            };
+        };
+        "300": {
+            "@supports": {
+                "not selector(::-webkit-scrollbar)": {
+                    scrollbarWidth: "thin";
+                };
+            };
+            selectors: {
+                "&::-webkit-scrollbar": {
+                    width: string;
+                    height: string;
+                };
+                "&::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track": {
+                    border: `${string} solid transparent`;
+                    backgroundClip: "padding-box";
+                };
+            };
+        };
+        "400": {
+            "@supports": {
+                "not selector(::-webkit-scrollbar)": {
+                    scrollbarWidth: "auto";
+                };
+            };
+            selectors: {
+                "&::-webkit-scrollbar": {
+                    width: string;
+                    height: string;
+                };
+                "&::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track": {
+                    border: `${string} solid transparent`;
+                    backgroundClip: "padding-box";
+                };
+            };
+        };
+    };
+    direction: {
+        Horizontal: {
+            overflowX: "scroll";
+        };
+        Vertical: {
+            overflowY: "scroll";
+        };
+        Both: {
+            overflow: "scroll";
+        };
+    };
+}>;
+export declare type ScrollVariants = RecipeVariants<typeof Scroll>;

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

@@ -0,0 +1,8 @@
+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?: "Always" | "Hover" | undefined;
+    hideTrack?: boolean | undefined;
+    size?: "0" | "300" | "400" | undefined;
+    direction?: "Horizontal" | "Vertical" | "Both" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

@@ -0,0 +1,2 @@
+export declare const FocusOutline: string;
+export declare const Disabled: string;

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

@@ -0,0 +1,37 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Spinner: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        Inherit: string;
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+    };
+    variant: {
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    fill: {
+        Solid: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        Soft: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    };
+}>;
+export declare type SpinnerVariants = RecipeVariants<typeof Spinner>;
+export declare const SpinnerSvg: string;
+export declare const SpinnerOuter: string;
+export declare const SpinnerInner: string;

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

@@ -0,0 +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;
+    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/spinner/index.d.ts

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

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

@@ -0,0 +1,13 @@
+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;
+    };
+}>;
+export declare type SwitchVariants = RecipeVariants<typeof Switch>;
+export declare const SwitchThumb: string;