@ag2/weave 0.1.0

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

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

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

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

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

@@ -0,0 +1,147 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Text: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        Inherit: {};
+        D400: {
+            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})`;
+        };
+        H1: {
+            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})`;
+        };
+        H2: {
+            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})`;
+        };
+        H3: {
+            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})`;
+        };
+        H4: {
+            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})`;
+        };
+        H5: {
+            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})`;
+        };
+        H6: {
+            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})`;
+        };
+        T500: {
+            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})`;
+        };
+        T400: {
+            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})`;
+        };
+        T300: {
+            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})`;
+        };
+        T200: {
+            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})`;
+        };
+        B500: {
+            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})`;
+        };
+        B400: {
+            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})`;
+        };
+        B300: {
+            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})`;
+        };
+        L400: {
+            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})`;
+        };
+        O400: {
+            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";
+        };
+        C400: {
+            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})`;
+            fontStyle: "italic";
+        };
+    };
+    align: {
+        Left: {
+            textAlign: "left";
+        };
+        Center: {
+            textAlign: "center";
+        };
+        Right: {
+            textAlign: "right";
+        };
+        Justify: {
+            textAlign: "justify";
+        };
+    };
+    truncate: {
+        true: {
+            overflow: "hidden";
+            whiteSpace: "nowrap";
+            textOverflow: "ellipsis";
+        };
+    };
+    priority: {
+        Inherit: {};
+        Initial: {
+            opacity: number;
+        };
+        "500": {
+            opacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "400": {
+            opacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "300": {
+            opacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare type TextVariants = RecipeVariants<typeof Text>;

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

@@ -0,0 +1,7 @@
+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" | "O400" | "C400" | "Inherit" | undefined;
+    align?: "Right" | "Left" | "Center" | "Justify" | undefined;
+    truncate?: boolean | undefined;
+    priority?: "300" | "400" | "500" | "Inherit" | "Initial" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

@@ -0,0 +1,74 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const TextArea: 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})`;
+            };
+            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: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            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: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            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: {
+        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;
+    };
+    resize: {
+        Vertical: {
+            resize: "vertical";
+        };
+        Horizontal: {
+            resize: "horizontal";
+        };
+        Both: {
+            resize: "both";
+        };
+        None: {
+            resize: "none";
+        };
+        Block: {
+            resize: "block";
+        };
+        Inline: {
+            resize: "inline";
+        };
+    };
+}>;
+export declare type TextAreaVariants = RecipeVariants<typeof TextArea>;

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

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<React.AllHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    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;
+    resize?: "None" | "Horizontal" | "Vertical" | "Both" | "Block" | "Inline" | undefined;
+} & React.RefAttributes<HTMLTextAreaElement>>;

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

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

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

@@ -0,0 +1,24 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    radii: {
+        Inherit: string;
+        "0": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        Pill: string;
+    };
+}>;
+export declare type TooltipVariants = RecipeVariants<typeof Tooltip>;
+export declare const TooltipProvider: string;

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

@@ -0,0 +1,20 @@
+import React, { ReactNode, RefCallback } from "react";
+import { Align, Position } from "../util";
+export declare const TooltipContainerProvider: React.Provider<Element | DocumentFragment | undefined>;
+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" | "Pill" | "Inherit" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+interface TooltipProviderProps {
+    position?: Position;
+    align?: Align;
+    offset?: number;
+    alignOffset?: number;
+    delay?: number;
+    tooltip: ReactNode;
+    children: (triggerRef: RefCallback<HTMLElement | SVGElement>) => ReactNode;
+    container?: Element | DocumentFragment;
+}
+export declare const TooltipProvider: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, TooltipProviderProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

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

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

package/dist/components/types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, PropsWithChildren } from "react";
+export declare type MainColor = "Primary" | "Secondary" | "Success" | "Warning" | "Critical";
+export declare type ContainerColor = "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical";
+export declare type RefOfType<E extends ElementType> = ComponentPropsWithRef<E>["ref"];
+export declare type AsProp<E extends ElementType> = {
+    as?: E;
+};
+export declare type AsInProps<E extends ElementType, ExtraProps = object> = Omit<PropsWithChildren<ComponentPropsWithoutRef<E>>, keyof ExtraProps | keyof AsProp<ElementType>> & ExtraProps & AsProp<E>;
+export declare type AsOutProps<E extends ElementType, ExtraProps = object> = Omit<PropsWithChildren<ComponentPropsWithRef<E>>, keyof ExtraProps | keyof AsProp<ElementType>> & ExtraProps & AsProp<E>;

package/dist/components/util.d.ts

@@ -0,0 +1,16 @@
+export interface PositionCSS {
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+}
+export declare type Position = "Top" | "Right" | "Bottom" | "Left";
+export declare type Align = "Start" | "Center" | "End";
+export declare type RectCords = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const getRelativeFixedPosition: (anchor: RectCords, target: RectCords, position: Position, align: Align, offset: number, alignOffset: number) => PositionCSS;
+export declare const percent: (min: number, max: number, value: number) => number;

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

@@ -0,0 +1,18 @@
+export declare const RadiiVariant: {
+    Inherit: string;
+    "0": string;
+    "300": string;
+    "400": string;
+    "500": string;
+    Pill: string;
+};
+export declare const CrossSizeVariant: {
+    Inherit: string;
+    "50": string;
+    "100": string;
+    "200": string;
+    "300": string;
+    "400": string;
+    "500": string;
+    "600": string;
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./theme";
+export * from "./components";