@moul-dev/ui 2026.8.17

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

@@ -0,0 +1,113 @@
+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 otpContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    }>;
+    readonly group: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly slot: 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 fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        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 userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly sm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly slotActive: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 2px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly slotInvalid: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly slotDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
+        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 caretContainer: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly top: stylex.StyleXClassNameFor<"top", 0>;
+        readonly bottom: stylex.StyleXClassNameFor<"bottom", 0>;
+        readonly insetInline: stylex.StyleXClassNameFor<"insetInline", 0>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly caret: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "2px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "40%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1s">;
+        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "step-end">;
+    }>;
+    readonly separator: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly separatorDot: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "6px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "6px">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+}>;

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

@@ -0,0 +1,3 @@
+export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
+export type { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps, } from './InputOTP';
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from './InputOTP';

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

@@ -0,0 +1,7 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface KbdProps extends Omit<React.HTMLAttributes<HTMLElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,20 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 1px 0 var(--colorShadow)">;
+    }>;
+}>;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", 0>;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,15 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    data: any[];
+    indexKey: string;
+    categories: string[];
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    height?: number | string;
+    gridLines?: boolean;
+    style?: StyleXStyles;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+}
+export declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly wrapper: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,9 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { LinkProps as AriaLinkProps } from 'react-aria-components';
+import * as React from 'react';
+export interface LinkProps extends Omit<AriaLinkProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'ghost' | 'danger' | 'danger-soft';
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,92 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly textDecoration: "underline";
+        }>;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "solid";
+            readonly outlineWidth: "2px";
+            readonly outlineOffset: "2px";
+            readonly outlineColor: stylex.StyleXVar<string>;
+        }>;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly primary: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly secondary: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly tertiary: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly outline: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "underline">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly ghost: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly danger: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly 'danger-soft': Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly isDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,34 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { DialogProps as AriaDialogProps, ModalOverlayProps as AriaModalOverlayProps } from 'react-aria-components';
+import * as React from 'react';
+export interface ModalOverlayProps extends Omit<AriaModalOverlayProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ModalOverlay: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export interface ModalProps extends Omit<AriaModalOverlayProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'fullscreen';
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export interface ModalDialogProps extends Omit<AriaDialogProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ModalDialog: React.ForwardRefExoticComponent<ModalDialogProps & React.RefAttributes<HTMLDivElement>>;
+export interface ModalHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface ModalBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface ModalFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,91 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly overlay: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
+        readonly inset: stylex.StyleXClassNameFor<"inset", 0>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center" | "flex-end">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.4s">;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.16, 1, 0.3, 1)">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+            readonly animationDuration: "0s";
+        }>;
+    }>;
+    readonly modal: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", string>;
+        readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", string>;
+        readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", string | 0>;
+        readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", string | 0>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.4s">;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.16, 1, 0.3, 1)">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+            readonly animationDuration: "0s";
+        }>;
+    }>;
+    readonly sm: Readonly<{
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%" | "400px">;
+    }>;
+    readonly md: Readonly<{
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%" | "500px">;
+    }>;
+    readonly lg: Readonly<{
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%" | "640px">;
+    }>;
+    readonly fullscreen: Readonly<{
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100vw">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100vw">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100vh">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "100vh">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly dialog: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly header: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+    }>;
+    readonly body: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+    }>;
+    readonly footer: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+    }>;
+}>;

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

@@ -0,0 +1 @@
+export { Modal, ModalBody, type ModalBodyProps, ModalDialog, type ModalDialogProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, type ModalProps, } from './Modal';

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

@@ -0,0 +1,14 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { NumberFieldProps as AriaNumberFieldProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface NumberFieldProps extends Omit<AriaNumberFieldProps, '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 NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/NumberField/NumberField.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", "stretch">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        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 groupMd: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly groupLg: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 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 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 paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly inputMd: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly inputLg: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly stepperContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly borderInlineStartWidth: stylex.StyleXClassNameFor<"borderInlineStartWidth", "1px">;
+        readonly borderInlineStartStyle: stylex.StyleXClassNameFor<"borderInlineStartStyle", "solid">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly stepperContainerSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+    }>;
+    readonly stepperContainerMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+    }>;
+    readonly stepperContainerLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+    }>;
+    readonly stepperContainerPrimary: Readonly<{
+        readonly borderInlineStartColor: stylex.StyleXClassNameFor<"borderInlineStartColor", string>;
+    }>;
+    readonly stepperContainerSecondary: Readonly<{
+        readonly borderInlineStartColor: stylex.StyleXClassNameFor<"borderInlineStartColor", string>;
+    }>;
+    readonly stepperButton: Readonly<{
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly height: stylex.StyleXClassNameFor<"height", "50%">;
+        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 fontSize: stylex.StyleXClassNameFor<"fontSize", "0.625rem">;
+        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 ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly stepperButtonDisabled: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: "transparent";
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+}>;

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

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