@ag2/weave 0.1.0

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

@@ -0,0 +1,234 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Box: import("@vanilla-extract/recipes").RuntimeFn<{
+    display: {
+        Flex: {
+            display: "flex";
+        };
+        InlineFlex: {
+            display: "inline-flex";
+        };
+    };
+    direction: {
+        Inherit: {
+            flexDirection: "inherit";
+        };
+        Row: {
+            flexDirection: "row";
+        };
+        RowReverse: {
+            flexDirection: "row-reverse";
+        };
+        Column: {
+            flexDirection: "column";
+        };
+        ColumnReverse: {
+            flexDirection: "column-reverse";
+        };
+    };
+    wrap: {
+        Inherit: {
+            flexWrap: "inherit";
+        };
+        NoWrap: {
+            flexWrap: "nowrap";
+        };
+        Wrap: {
+            flexWrap: "wrap";
+        };
+        WrapReverse: {
+            flexWrap: "wrap-reverse";
+        };
+    };
+    justifyContent: {
+        Inherit: {
+            [x: string]: string;
+        };
+        Start: {
+            [x: string]: string;
+        };
+        End: {
+            [x: string]: string;
+        };
+        Stretch: {
+            [x: string]: string;
+        };
+        Center: {
+            [x: string]: string;
+        };
+        Baseline: {
+            [x: string]: string;
+        };
+        SpaceBetween: {
+            [x: string]: string;
+        };
+        SpaceAround: {
+            [x: string]: string;
+        };
+        SpaceEvenly: {
+            [x: string]: string;
+        };
+    };
+    justifyItems: {
+        Inherit: {
+            [x: string]: string;
+        };
+        Start: {
+            [x: string]: string;
+        };
+        End: {
+            [x: string]: string;
+        };
+        Stretch: {
+            [x: string]: string;
+        };
+        Center: {
+            [x: string]: string;
+        };
+        Baseline: {
+            [x: string]: string;
+        };
+    };
+    justifySelf: {
+        Inherit: {
+            [x: string]: string;
+        };
+        Start: {
+            [x: string]: string;
+        };
+        End: {
+            [x: string]: string;
+        };
+        Stretch: {
+            [x: string]: string;
+        };
+        Center: {
+            [x: string]: string;
+        };
+        Baseline: {
+            [x: string]: string;
+        };
+    };
+    alignContent: {
+        Inherit: {
+            [x: string]: string;
+        };
+        Start: {
+            [x: string]: string;
+        };
+        End: {
+            [x: string]: string;
+        };
+        Stretch: {
+            [x: string]: string;
+        };
+        Center: {
+            [x: string]: string;
+        };
+        Baseline: {
+            [x: string]: string;
+        };
+        SpaceBetween: {
+            [x: string]: string;
+        };
+        SpaceAround: {
+            [x: string]: string;
+        };
+        SpaceEvenly: {
+            [x: string]: string;
+        };
+    };
+    alignItems: {
+        Inherit: {
+            [x: string]: string;
+        };
+        Start: {
+            [x: string]: string;
+        };
+        End: {
+            [x: string]: string;
+        };
+        Stretch: {
+            [x: string]: string;
+        };
+        Center: {
+            [x: string]: string;
+        };
+        Baseline: {
+            [x: string]: string;
+        };
+    };
+    alignSelf: {
+        Inherit: {
+            [x: string]: string;
+        };
+        Start: {
+            [x: string]: string;
+        };
+        End: {
+            [x: string]: string;
+        };
+        Stretch: {
+            [x: string]: string;
+        };
+        Center: {
+            [x: string]: string;
+        };
+        Baseline: {
+            [x: string]: string;
+        };
+    };
+    gap: {
+        Inherit: {
+            gap: "inherit";
+        };
+        "0": {
+            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})`;
+        };
+        "300": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "400": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "500": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "600": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "700": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    grow: {
+        No: {
+            flexGrow: number;
+        };
+        Yes: {
+            flexGrow: number;
+        };
+    };
+    shrink: {
+        No: {
+            flexShrink: number;
+        };
+        Yes: {
+            flexShrink: number;
+        };
+    };
+    basis: {
+        No: {
+            flexBasis: number;
+        };
+        Yes: {
+            flexBasis: "auto";
+        };
+    };
+}>;
+export declare type BoxVariants = RecipeVariants<typeof Box>;

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

@@ -0,0 +1,16 @@
+import React from "react";
+export declare const Box: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "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<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

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

@@ -0,0 +1,77 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Button: import("@vanilla-extract/recipes").RuntimeFn<{
+    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})`;
+        };
+        "500": {
+            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})`;
+        };
+    };
+    variant: {
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    fill: {
+        Solid: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            backgroundColor: `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})`;
+        };
+        Soft: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            backgroundColor: `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})`;
+        };
+        None: {
+            vars: {
+                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            backgroundColor: "inherit";
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    outlined: {
+        true: {
+            borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    radii: {
+        Inherit: string;
+        "0": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        Pill: string;
+    };
+}>;
+export declare type ButtonVariants = RecipeVariants<typeof Button>;

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare type ButtonProps = {
+    before?: ReactNode;
+    after?: ReactNode;
+};
+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;
+    fill?: "Solid" | "Soft" | "None" | undefined;
+    outlined?: boolean | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+} & ButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export {};

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

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

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

@@ -0,0 +1,24 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Checkbox: 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;
+    };
+}>;
+export declare type CheckboxVariants = RecipeVariants<typeof Checkbox>;
+export declare const CheckboxInput: string;
+export declare const CheckboxIcon: string;

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

@@ -0,0 +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;
+} & {
+    defaultChecked?: boolean | undefined;
+    checked?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/chip/Chip.css.d.ts

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

package/dist/components/chip/Chip.d.ts

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

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

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

package/dist/components/dialog/Dialog.css.d.ts

@@ -0,0 +1,15 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Dialog: 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 DialogVariants = RecipeVariants<typeof Dialog>;

package/dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const Dialog: <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/dialog/index.d.ts

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

package/dist/components/header/Header.css.d.ts

@@ -0,0 +1,32 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Header: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Background: ComplexStyleRule;
+        Surface: ComplexStyleRule;
+        SurfaceVariant: ComplexStyleRule;
+        Primary: ComplexStyleRule;
+        Secondary: ComplexStyleRule;
+        Success: ComplexStyleRule;
+        Warning: ComplexStyleRule;
+        Critical: ComplexStyleRule;
+    };
+    size: {
+        "300": {
+            height: string;
+        };
+        "400": {
+            height: string;
+        };
+        "500": {
+            height: string;
+        };
+        "600": {
+            height: string;
+        };
+        "700": {
+            height: string;
+        };
+    };
+}>;
+export declare type HeaderVariants = RecipeVariants<typeof Header>;

package/dist/components/header/Header.d.ts

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

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

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

package/dist/components/icon/Icon.css.d.ts

@@ -0,0 +1,14 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const Icon: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        Inherit: string;
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+    };
+}>;
+export declare type IconVariants = RecipeVariants<typeof Icon>;

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,12 @@
+import React, { SVGAttributes } from "react";
+import { IconSrc } from "./Icons";
+export declare type IconProps = SVGAttributes<SVGElement> & {
+    filled?: boolean;
+    src: IconSrc;
+};
+export declare const Icon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    filled?: boolean | undefined;
+    src: IconSrc;
+} & {
+    size?: "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | undefined;
+} & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icon/Icons.d.ts

@@ -0,0 +1,3 @@
+export declare type IconSrc = (filled?: boolean) => JSX.Element;
+export declare type IconName = "Home" | "User" | "UserPlus" | "Mail" | "MailPlus" | "Star" | "PlusCircle" | "Explore" | "Smile" | "SmilePlus" | "Leaf" | "Sticker" | "Delete" | "Phone" | "PhoneDown" | "Headphone" | "HeadphoneMute" | "Send" | "Bell" | "BellRing" | "BellPing" | "BellMute" | "Message" | "MessageUnread" | "Setting" | "Search" | "Heart" | "Play" | "Pause" | "Sun" | "Photo" | "Lock" | "Vlc" | "Flag" | "Ball" | "Bulb" | "Terminal" | "Pencil" | "Info" | "Shield" | "ShieldLock" | "ShieldUser" | "Cup" | "Pin" | "VolumeHigh" | "VolumeHighLock" | "VolumeHighGlobe" | "VolumeMute" | "File" | "Category" | "Peace" | "Eye" | "EyeBlind" | "Warning" | "Funnel" | "Bookmark" | "Inbox" | "Thread" | "ThreadPlus" | "ThreadUnread" | "ThreadReply" | "Monitor" | "ScreenShare" | "Server" | "Prohibited" | "NoEntry" | "Mic" | "MicMute" | "VideoCamera" | "VideoCameraMute" | "Hash" | "HashLock" | "HashGlobe" | "HashSearch" | "HashPlus" | "Space" | "SpaceLock" | "SpaceGlobe" | "SpaceSearch" | "SpacePlus" | "ChevronRight" | "ChevronLeft" | "ChevronTop" | "ChevronBottom" | "Plus" | "Minus" | "Cross" | "VerticalDots" | "HorizontalDots" | "Check" | "CheckTwice" | "Download" | "External" | "Clock" | "RecentClock" | "Power" | "ReplyArrow" | "ArrowGoRight" | "ArrowGoRightPlus" | "ArrowGoRightCross" | "ArrowGoLeft" | "Markdown" | "Attachment" | "Alphabet" | "AlphabetUnderline" | "Text" | "Heading1" | "Heading2" | "Heading3" | "Bold" | "Italic" | "Underline" | "Strike" | "Link" | "Code" | "BlockCode" | "BlockQuote" | "OrderList" | "UnorderList" | "Mention" | "Filter" | "Sort" | "ArrowUpDown" | "ArrowRight" | "ArrowLeft" | "ArrowTop" | "ArrowBottom" | "ArrowDropRight" | "ArrowDropLeft" | "ArrowDropTop" | "ArrowDropBottom" | "Reload" | "Globe";
+export declare const Icons: Record<IconName, IconSrc>;

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

@@ -0,0 +1,2 @@
+export * from "./Icon";
+export * from "./Icons";

package/dist/components/icon-button/IconButton.css.d.ts

@@ -0,0 +1,50 @@
+import { ComplexStyleRule } from "@vanilla-extract/css";
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const IconButton: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "600": {
+            padding: string;
+        };
+        "500": {
+            padding: string;
+        };
+        "400": {
+            padding: string;
+        };
+        "300": {
+            padding: string;
+        };
+    };
+    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";
+        };
+    };
+    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 IconButtonVariants = RecipeVariants<typeof IconButton>;

package/dist/components/icon-button/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const IconButton: <T extends React.ElementType<any> = "button">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
+    size?: "300" | "400" | "500" | "600" | undefined;
+    variant?: "Background" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | "Success" | "Warning" | "Critical" | undefined;
+    fill?: "Soft" | "None" | undefined;
+    outlined?: boolean | undefined;
+    radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
+} & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,31 @@
+export * from "./types";
+export * from "./util";
+export * from "./as";
+export * from "./reset.css";
+export * from "./selectorPreset.css";
+export * from "./variant.css";
+export * from "./avatar";
+export * from "./badge";
+export * from "./box";
+export * from "./button";
+export * from "./checkbox";
+export * from "./chip";
+export * from "./dialog";
+export * from "./header";
+export * from "./icon";
+export * from "./icon-button";
+export * from "./input";
+export * from "./line";
+export * from "./menu";
+export * from "./modal";
+export * from "./overlay";
+export * from "./pop-out";
+export * from "./portal";
+export * from "./progress-bar";
+export * from "./radio-button";
+export * from "./scroll";
+export * from "./spinner";
+export * from "./switch";
+export * from "./text";
+export * from "./text-area";
+export * from "./tooltip";