@moul-dev/ui 2026.8.17

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

@@ -0,0 +1,70 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly barContainer: 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 fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly barHeader: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly barLabel: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly barValue: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly barTrack: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly barTrackSm: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "4px">;
+    }>;
+    readonly barTrackMd: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "8px">;
+    }>;
+    readonly barTrackLg: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "12px">;
+    }>;
+    readonly barFill: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "width 0.3s ease-in-out">;
+    }>;
+    readonly circleContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+    }>;
+    readonly circleWrapper: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly circleValue: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly circleLabel: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+}>;

package/dist/src/components/Percentage/PercentageBar.d.ts

@@ -0,0 +1,11 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface PercentageBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    value: number;
+    label?: React.ReactNode;
+    showValueText?: boolean;
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    style?: StyleXStyles;
+}
+export declare const PercentageBar: React.ForwardRefExoticComponent<PercentageBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Percentage/PercentageCircle.d.ts

@@ -0,0 +1,12 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface PercentageCircleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    value: number;
+    label?: React.ReactNode;
+    showValueText?: boolean;
+    color?: string;
+    size?: number;
+    strokeWidth?: number;
+    style?: StyleXStyles;
+}
+export declare const PercentageCircle: React.ForwardRefExoticComponent<PercentageCircleProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+export type { PercentageBarProps } from './PercentageBar';
+export { PercentageBar } from './PercentageBar';
+export type { PercentageCircleProps } from './PercentageCircle';
+export { PercentageCircle } from './PercentageCircle';

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

@@ -0,0 +1,15 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { DialogProps as AriaDialogProps, DialogTrigger as AriaDialogTrigger, PopoverProps as AriaPopoverProps } from 'react-aria-components';
+import * as React from 'react';
+export declare const PopoverTrigger: typeof AriaDialogTrigger;
+export interface PopoverDialogProps extends Omit<AriaDialogProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const PopoverDialog: React.ForwardRefExoticComponent<PopoverDialogProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverProps extends Omit<AriaPopoverProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+    showArrow?: boolean;
+}
+export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,22 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly popover: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly dialog: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly arrow: Readonly<{
+        readonly fill: stylex.StyleXClassNameFor<"fill", string>;
+        readonly stroke: stylex.StyleXClassNameFor<"stroke", string>;
+        readonly strokeWidth: stylex.StyleXClassNameFor<"strokeWidth", "1px">;
+    }>;
+}>;

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

@@ -0,0 +1 @@
+export { Popover, PopoverDialog, type PopoverDialogProps, type PopoverProps, PopoverTrigger, } from './Popover';

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

@@ -0,0 +1,16 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { RadioGroupProps as AriaRadioGroupProps, RadioProps as AriaRadioProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface RadioProps extends Omit<AriaRadioProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLLabelElement>>;
+export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((v: ValidationResult) => string);
+}
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,75 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly groupBase: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly group: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly radioBase: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    }>;
+    readonly radioDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly radioReadOnly: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+    }>;
+    readonly indicator: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+    }>;
+    readonly indicatorHover: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly indicatorChecked: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly indicatorFocusVisible: Readonly<{
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "2px">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+    }>;
+    readonly indicatorInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly dot: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(1)">;
+    }>;
+    readonly label: Readonly<{
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { RadioGroupProps, RadioProps } from './RadioGroup';
+export { Radio, RadioGroup } from './RadioGroup';

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

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

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

@@ -0,0 +1,147 @@
+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 group: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        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 groupSm: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly groupMd: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly groupLg: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 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 groupHover: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly groupFocused: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly groupInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly groupFocusedInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly groupDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly icon: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly iconSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly iconMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly iconLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly input: Readonly<{
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly inputSm: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly inputMd: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly inputLg: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly clearButton: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.1s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly clearButtonSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly clearButtonMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly clearButtonLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly clearButtonHidden: Readonly<{
+        readonly visibility: stylex.StyleXClassNameFor<"visibility", "hidden">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,30 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ListBoxItemProps as AriaListBoxItemProps, PopoverProps as AriaPopoverProps, SectionProps as AriaSectionProps, SelectProps as AriaSelectProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export declare const SelectValue: <T>(props: import('react-aria-components').SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface SelectPopoverProps extends Omit<AriaPopoverProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const SelectPopover: React.ForwardRefExoticComponent<SelectPopoverProps & React.RefAttributes<HTMLElement>>;
+export interface SelectItemProps extends Omit<AriaListBoxItemProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectSectionProps extends Omit<AriaSectionProps<any>, 'style'> {
+    title?: string;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const SelectSection: React.ForwardRefExoticComponent<SelectSectionProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectProps extends Omit<AriaSelectProps<any>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((v: ValidationResult) => string);
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,171 @@
+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 trigger: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow, background-color">;
+        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-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly boxShadow: `0 0 0 1px ${stylex.StyleXVar<string>}`;
+        }>;
+    }>;
+    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 triggerInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly boxShadow: `0 0 0 1px ${stylex.StyleXVar<string>}`;
+        }>;
+    }>;
+    readonly triggerDisabled: 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>;
+        }>;
+    }>;
+    readonly chevron: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
+    }>;
+    readonly popover: Readonly<{
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "var(--trigger-width)">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "300px">;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+    }>;
+    readonly popoverSm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly popoverMd: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly popoverLg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly listbox: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+    }>;
+    readonly item: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.1s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly itemSm: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - ${stylex.StyleXVar<string>})`>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly itemMd: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - ${stylex.StyleXVar<string>})`>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly itemLg: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - ${stylex.StyleXVar<string>})`>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly itemHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemFocused: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly itemDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly section: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+    }>;
+    readonly sectionHeader: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.05em">;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { SelectItemProps, SelectPopoverProps, SelectProps, SelectSectionProps, } from './Select';
+export { Select, SelectItem, SelectPopover, SelectSection, SelectValue, } from './Select';

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

@@ -0,0 +1,8 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { SeparatorProps as AriaSeparatorProps } from 'react-aria-components';
+import * as React from 'react';
+export interface SeparatorProps extends Omit<AriaSeparatorProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;