@moul-dev/ui 2026.8.17

package/dist/src/components/TagGroup/TagGroup.styles.d.ts

@@ -0,0 +1,199 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly list: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly tag: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+    }>;
+    readonly tagLink: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+    }>;
+    readonly tagFocused: Readonly<{}>;
+    readonly tagFocusVisible: Readonly<{
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "1px">;
+    }>;
+    readonly tagPressed: Readonly<{
+        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(0.96)">;
+    }>;
+    readonly tagDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly sm: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "2px">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly tagWithRemoveSm: Readonly<{
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "2px">;
+    }>;
+    readonly tagWithRemoveMd: Readonly<{
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", string>;
+    }>;
+    readonly tagWithRemoveLg: Readonly<{
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", string>;
+    }>;
+    readonly variantPrimary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantPrimaryHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantPrimarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantPrimarySelectedHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantSecondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantSecondaryHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantSecondarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantSecondarySelectedHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantTertiary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantTertiaryHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantTertiarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly variantTertiarySelectedHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly removeButton: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.15s ease">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", 1>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly removeButtonSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "14px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "14px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "8px">;
+    }>;
+    readonly removeButtonMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "18px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "18px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "9px">;
+    }>;
+    readonly removeButtonLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "22px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "22px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly removeButtonHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeHoverPrimary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeHoverSecondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeHoverTertiary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeHoverPrimarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeHoverSecondarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeHoverTertiarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removeButtonPressed: Readonly<{
+        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(0.85)">;
+    }>;
+    readonly removeButtonFocused: Readonly<{
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "1px">;
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+    }>;
+    readonly errorMessage: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
+    }>;
+}>;

package/dist/src/components/TagGroup/index.d.ts

@@ -0,0 +1,2 @@
+export type { TagGroupProps, TagProps, TagSize, TagVariant } from './TagGroup';
+export { Tag, TagGroup } from './TagGroup';

package/dist/src/components/TextArea/TextArea.d.ts

@@ -0,0 +1,14 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { TextFieldProps as AriaTextFieldProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface TextAreaProps extends Omit<AriaTextFieldProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((v: ValidationResult) => string);
+    placeholder?: string;
+    rows?: number;
+    variant?: 'primary' | 'secondary';
+}
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/TextArea/TextArea.styles.d.ts

@@ -0,0 +1,63 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly textarea: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", `calc(${stylex.StyleXVar<string>} * 2)`>;
+        readonly resize: stylex.StyleXClassNameFor<"resize", "vertical">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly boxShadow: `0 0 0 1px ${stylex.StyleXVar<string>}`;
+        }>;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly primary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly secondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly textareaInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly boxShadow: `0 0 0 1px ${stylex.StyleXVar<string>}`;
+        }>;
+    }>;
+    readonly textareaDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+}>;

package/dist/src/components/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextAreaProps } from './TextArea';
+export { TextArea } from './TextArea';

package/dist/src/components/TextField/TextField.d.ts

@@ -0,0 +1,15 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { TextFieldProps as AriaTextFieldProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface TextFieldProps extends Omit<AriaTextFieldProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((v: ValidationResult) => string);
+    placeholder?: string;
+    type?: string;
+    variant?: 'primary' | 'secondary';
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/TextField/TextField.styles.d.ts

@@ -0,0 +1,80 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly input: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly boxShadow: `0 0 0 1px ${stylex.StyleXVar<string>}`;
+        }>;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly sm: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly primary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly secondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly inputInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly boxShadow: `0 0 0 1px ${stylex.StyleXVar<string>}`;
+        }>;
+    }>;
+    readonly inputDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+}>;

package/dist/src/components/TextField/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextFieldProps } from './TextField';
+export { TextField } from './TextField';

package/dist/src/components/Toast/Toast.d.ts

@@ -0,0 +1,28 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ToastProps as AriaToastProps, UNSTABLE_ToastQueue as AriaToastQueue, ToastRegionProps as AriaToastRegionProps } from 'react-aria-components';
+import * as React from 'react';
+export interface ToastContent {
+    title: string;
+    description?: string;
+    variant?: 'info' | 'error' | 'success' | 'warning';
+}
+export declare const toastQueue: AriaToastQueue<ToastContent>;
+export declare function useToast(): {
+    show: (title: string, options?: {
+        description?: string;
+        variant?: "info" | "error" | "success" | "warning";
+        timeout?: number;
+    }) => string;
+    close: (key: any) => void;
+};
+export interface ToastProps extends Omit<AriaToastProps<ToastContent>, 'style' | 'className' | 'children'> {
+    toast: any;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export interface ToastContainerProps extends Omit<AriaToastRegionProps<ToastContent>, 'style' | 'className' | 'children' | 'queue'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Toast/Toast.styles.d.ts

@@ -0,0 +1,29 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly region: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
+        readonly bottom: stylex.StyleXClassNameFor<"bottom", string>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly list: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly toast: Readonly<{
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "auto">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "250px">;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "400px">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.2s">;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "ease-out">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+            readonly animationDuration: "0s";
+        }>;
+    }>;
+}>;

package/dist/src/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export { Toast, ToastContainer, type ToastContainerProps, type ToastContent, type ToastProps, toastQueue, useToast, } from './Toast';

package/dist/src/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,11 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+import * as React from 'react';
+export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary';
+    isSquare?: boolean;
+}
+export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;