@moul-dev/ui 2026.8.20 → 2026.8.22

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

@@ -0,0 +1,134 @@
+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 alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+    }>;
+    readonly alignStart: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-start">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+    }>;
+    readonly alignCenter: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly sizeSm: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", `${stylex.StyleXVar<string>} ${stylex.StyleXVar<string>}`>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly sizeMd: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", `${stylex.StyleXVar<string>} ${stylex.StyleXVar<string>}`>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly sizeLg: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", `${stylex.StyleXVar<string>} ${stylex.StyleXVar<string>}`>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly variantDefault: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+    }>;
+    readonly variantDashed: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "dashed">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly variantCard: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly iconWrapper: 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 backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly iconPrimary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly iconSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "36px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "36px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "18px">;
+    }>;
+    readonly iconMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "48px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "48px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "24px">;
+    }>;
+    readonly iconLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "64px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "64px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "32px">;
+    }>;
+    readonly content: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "inherit">;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "440px">;
+    }>;
+    readonly title: Readonly<{
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly titleSm: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly titleMd: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly titleLg: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly description: Readonly<{
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly descriptionSm: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly descriptionMd: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly descriptionLg: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly actions: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
+    }>;
+    readonly actionsStart: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
+    }>;
+    readonly actionsCenter: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { EmptyStateActionsProps, EmptyStateAlign, EmptyStateDescriptionProps, EmptyStateIconProps, EmptyStateProps, EmptyStateSize, EmptyStateTitleProps, EmptyStateVariant, } from './EmptyState';
+export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, } from './EmptyState';

package/dist/src/components/LogsViewer/Logs.styles.d.ts

@@ -70,6 +70,10 @@ export declare const styles: Readonly<{
         readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
         readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly scrollBehavior: stylex.StyleXClassNameFor<"scrollBehavior", "smooth">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly scrollBehavior: "auto";
+        }>;
     }>;
     readonly table: Readonly<{
         readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;

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

@@ -11,12 +11,20 @@ export declare const styles: Readonly<{
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
         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 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 ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
     }>;
     readonly groupSm: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;

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

@@ -0,0 +1,105 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import * as React from 'react';
+export type PaginationVariant = 'primary' | 'outline' | 'ghost' | 'subtle';
+export type PaginationSize = 'sm' | 'md' | 'lg';
+export type PaginationShape = 'rounded' | 'circle' | 'square';
+export declare function generatePagination({ page, totalPages, siblingCount, }: {
+    page: number;
+    totalPages: number;
+    siblingCount?: number;
+}): (number | 'ellipsis-start' | 'ellipsis-end')[];
+export interface PaginationContentProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const PaginationContent: React.ForwardRefExoticComponent<PaginationContentProps & React.RefAttributes<HTMLUListElement>>;
+export interface PaginationItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const PaginationItem: React.ForwardRefExoticComponent<PaginationItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface PaginationLinkProps extends Omit<AriaButtonProps, 'style' | 'children'> {
+    page?: number;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+    shape?: PaginationShape;
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationPreviousProps extends PaginationLinkProps {
+    showText?: boolean;
+}
+export declare const PaginationPrevious: React.ForwardRefExoticComponent<PaginationPreviousProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationNextProps extends PaginationLinkProps {
+    showText?: boolean;
+}
+export declare const PaginationNext: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationFirst: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationLast: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationEllipsisProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const PaginationEllipsis: React.ForwardRefExoticComponent<PaginationEllipsisProps & React.RefAttributes<HTMLSpanElement>>;
+export interface PaginationSummaryProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'style' | 'children'> {
+    total?: number;
+    page?: number;
+    pageSize?: number;
+    totalPages?: number;
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode | ((info: {
+        start: number;
+        end: number;
+        total: number;
+        page: number;
+        totalPages: number;
+    }) => React.ReactNode);
+}
+export declare const PaginationSummary: React.ForwardRefExoticComponent<PaginationSummaryProps & React.RefAttributes<HTMLSpanElement>>;
+export interface PaginationPageSizeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style' | 'onChange'> {
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onChange?: (pageSize: number) => void;
+    label?: string;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const PaginationPageSize: React.ForwardRefExoticComponent<PaginationPageSizeProps & React.RefAttributes<HTMLDivElement>>;
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'style' | 'onChange'> {
+    page?: number;
+    defaultPage?: number;
+    totalPages?: number;
+    total?: number;
+    pageSize?: number;
+    defaultPageSize?: number;
+    pageSizeOptions?: number[];
+    siblingCount?: number;
+    showPageSize?: boolean;
+    showSummary?: boolean;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    showNavText?: boolean;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+    shape?: PaginationShape;
+    onChange?: (page: number) => void;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    summary?: React.ReactNode | ((info: {
+        start: number;
+        end: number;
+        total: number;
+        page: number;
+        totalPages: number;
+    }) => React.ReactNode);
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,152 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly root: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly content: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly listStyle: stylex.StyleXClassNameFor<"listStyle", "none">;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+    }>;
+    readonly item: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+    }>;
+    readonly link: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-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 cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        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 borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+    }>;
+    readonly linkHover: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly linkFocus: Readonly<{
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 2px ${stylex.StyleXVar<string>}, 0 0 0 4px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly linkDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.35>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly linkSm: Readonly<{
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "28px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "28px">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly linkMd: Readonly<{
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "36px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "36px">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly linkLg: Readonly<{
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "44px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "44px">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly shapeRounded: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly shapeCircle: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly shapeSquare: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly variantGhost: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+    }>;
+    readonly variantOutline: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly variantSubtle: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+    }>;
+    readonly linkActive: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly linkActiveOutline: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly ellipsis: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "28px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "28px">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    }>;
+    readonly navButtonText: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly summary: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly pageSizeContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly pageSizeSelect: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 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 borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { PaginationContentProps, PaginationEllipsisProps, PaginationItemProps, PaginationLinkProps, PaginationNextProps, PaginationPageSizeProps, PaginationPreviousProps, PaginationProps, PaginationShape, PaginationSize, PaginationSummaryProps, PaginationVariant, } from './Pagination';
+export { generatePagination, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPageSize, PaginationPrevious, PaginationSummary, } from './Pagination';

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

@@ -0,0 +1,22 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ProgressBarProps as AriaProgressBarProps } from 'react-aria-components';
+import * as React from 'react';
+export type ProgressBarVariant = 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'neutral';
+export type ProgressBarSize = 'sm' | 'md' | 'lg';
+export type ProgressBarShape = 'pill' | 'square';
+export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'style' | 'children'> {
+    label?: React.ReactNode;
+    showValueText?: boolean;
+    variant?: ProgressBarVariant;
+    size?: ProgressBarSize;
+    shape?: ProgressBarShape;
+    color?: string;
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode | ((values: {
+        percentage?: number;
+        valueText?: string;
+        isIndeterminate: boolean;
+    }) => React.ReactNode);
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,83 @@
+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 fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly header: 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 label: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly value: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontVariantNumeric: stylex.StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
+    }>;
+    readonly track: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+    }>;
+    readonly trackSm: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "4px">;
+    }>;
+    readonly trackMd: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "8px">;
+    }>;
+    readonly trackLg: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "12px">;
+    }>;
+    readonly shapePill: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly shapeSquare: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly fill: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "width 0.3s cubic-bezier(0.4, 0, 0.2, 1)">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "inherit">;
+    }>;
+    readonly fillIndeterminate: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly transformOrigin: stylex.StyleXClassNameFor<"transformOrigin", "left center">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1.5s">;
+        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "easeInOut">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+        }>;
+    }>;
+    readonly primary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly accent: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly success: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly warning: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly error: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly neutral: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { ProgressBarProps, ProgressBarShape, ProgressBarSize, ProgressBarVariant, } from './ProgressBar';
+export { ProgressBar } from './ProgressBar';

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

@@ -11,11 +11,19 @@ export declare const styles: Readonly<{
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
         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 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 ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
     }>;
     readonly groupSm: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
@@ -87,6 +95,21 @@ export declare const styles: Readonly<{
         readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
         readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly '::-webkit-search-cancel-button': stylex.StyleXClassNameFor<"::-webkit-search-cancel-button", {
+            readonly display: "none";
+            readonly WebkitAppearance: "none";
+        }>;
+        readonly '::-webkit-search-decoration': stylex.StyleXClassNameFor<"::-webkit-search-decoration", {
+            readonly display: "none";
+            readonly WebkitAppearance: "none";
+        }>;
+        readonly '::-webkit-search-results-button': stylex.StyleXClassNameFor<"::-webkit-search-results-button", {
+            readonly display: "none";
+        }>;
+        readonly '::-webkit-search-results-decoration': stylex.StyleXClassNameFor<"::-webkit-search-results-decoration", {
+            readonly display: "none";
+        }>;
     }>;
     readonly inputSm: Readonly<{
         readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;

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

@@ -1,6 +1,11 @@
 import { StyleXStyles } from '@stylexjs/stylex';
 import * as React from 'react';
+export type SkeletonVariant = 'block' | 'text' | 'circle';
+export type SkeletonShape = SkeletonVariant;
 export interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    variant?: SkeletonVariant;
+    shape?: SkeletonShape;
+    count?: number;
     style?: StyleXStyles;
     className?: string;
 }

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

@@ -4,14 +4,35 @@ export declare const styles: Readonly<{
         readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
             readonly animationPlayState: "paused";
         }>;
-        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
         readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1.5s">;
         readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
         readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
         readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.4, 0, 0.6, 1)">;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly block: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
         readonly display: stylex.StyleXClassNameFor<"display", "block">;
         readonly height: stylex.StyleXClassNameFor<"height", string>;
         readonly width: stylex.StyleXClassNameFor<"width", "100%">;
     }>;
+    readonly text: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly circle: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-block">;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    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%">;
+    }>;
 }>;