@moul-dev/ui 2026.8.17

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

@@ -0,0 +1,115 @@
+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 justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "160px">;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+    }>;
+    readonly variantDefault: Readonly<{
+        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 variantFlat: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+    }>;
+    readonly variantGlass: Readonly<{
+        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 backdropFilter: stylex.StyleXClassNameFor<"backdropFilter", "blur(24px)">;
+        readonly WebkitBackdropFilter: stylex.StyleXClassNameFor<"WebkitBackdropFilter", "blur(24px)">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly variantElevated: Readonly<{
+        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 header: 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 label: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.02em">;
+    }>;
+    readonly icon: 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 flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly body: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+    }>;
+    readonly value: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly description: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly footer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly trendBadge: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "2px">;
+        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 trendUp: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly trendDown: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly trendNeutral: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly trendText: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+}>;

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

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

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

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

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

@@ -0,0 +1,66 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: 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 isDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly isReadOnly: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+    }>;
+    readonly track: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", "2px">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly trackChecked: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly trackHover: Readonly<{
+        readonly filter: stylex.StyleXClassNameFor<"filter", "brightness(0.95)">;
+    }>;
+    readonly trackFocusVisible: 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 thumb: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly aspectRatio: stylex.StyleXClassNameFor<"aspectRatio", "1 / 1">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly transform: stylex.StyleXClassNameFor<"transform", "translateX(0)">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly thumbChecked: Readonly<{
+        readonly transform: stylex.StyleXClassNameFor<"transform", `translateX(calc(${stylex.StyleXVar<string>} - ${stylex.StyleXVar<string>}))`>;
+    }>;
+    readonly label: Readonly<{
+        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", string>;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,33 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { CellProps as AriaCellProps, ColumnProps as AriaColumnProps, RowProps as AriaRowProps, TableBodyProps as AriaTableBodyProps, TableHeaderProps as AriaTableHeaderProps, TableProps as AriaTableProps } from 'react-aria-components';
+import * as React from 'react';
+export interface TableProps extends Omit<AriaTableProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export interface TableHeaderProps<T> extends Omit<AriaTableHeaderProps<T>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps<any> & React.RefAttributes<HTMLTableSectionElement>>;
+export interface ColumnProps extends Omit<AriaColumnProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
+export interface TableBodyProps<T> extends Omit<AriaTableBodyProps<T>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps<any> & React.RefAttributes<HTMLTableSectionElement>>;
+export interface RowProps<T> extends Omit<AriaRowProps<T>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Row: React.ForwardRefExoticComponent<RowProps<any> & React.RefAttributes<HTMLTableRowElement>>;
+export interface CellProps extends Omit<AriaCellProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLTableCellElement>>;

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

@@ -0,0 +1,77 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly table: Readonly<{
+        readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly header: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "2px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+    }>;
+    readonly column: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "solid";
+            readonly outlineWidth: "2px";
+            readonly outlineOffset: "-2px";
+            readonly outlineColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly body: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly row: Readonly<{
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly rowHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly rowSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly rowFocused: 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 cell: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "solid";
+            readonly outlineWidth: "2px";
+            readonly outlineOffset: "-2px";
+            readonly outlineColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { CellProps, ColumnProps, RowProps, TableBodyProps, TableHeaderProps, TableProps, } from './Table';
+export { Cell, Column, Row, Table, TableBody, TableHeader } from './Table';

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

@@ -0,0 +1,29 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { TabListProps as AriaTabListProps, TabPanelProps as AriaTabPanelProps, TabPanelsProps as AriaTabPanelsProps, TabProps as AriaTabProps, TabsProps as AriaTabsProps } from 'react-aria-components';
+import * as React from 'react';
+export interface TabsProps extends Omit<AriaTabsProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    variant?: 'primary' | 'secondary' | 'tertiary';
+}
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export interface TabListProps<T> extends Omit<AriaTabListProps<T>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const TabList: React.ForwardRefExoticComponent<TabListProps<any> & React.RefAttributes<HTMLDivElement>>;
+export interface TabProps extends Omit<AriaTabProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;
+export interface TabPanelsProps<T> extends Omit<AriaTabPanelsProps<T>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps<any> & React.RefAttributes<HTMLDivElement>>;
+export interface TabPanelProps extends Omit<AriaTabPanelProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,186 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
+    }>;
+    readonly containerHorizontal: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+    readonly containerVertical: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly tabList: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly listStyleType: stylex.StyleXClassNameFor<"listStyleType", "none">;
+    }>;
+    readonly tabListHorizontal: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+        readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "clip">;
+        readonly scrollbarWidth: stylex.StyleXClassNameFor<"scrollbarWidth", "none">;
+        readonly '::-webkit-scrollbar': stylex.StyleXClassNameFor<"::-webkit-scrollbar", {
+            readonly display: "none";
+        }>;
+    }>;
+    readonly tabListVertical: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
+        readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "solid">;
+        readonly borderInlineEndColor: stylex.StyleXClassNameFor<"borderInlineEndColor", string>;
+    }>;
+    readonly tabListTertiary: Readonly<{
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "none">;
+        readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "none">;
+    }>;
+    readonly tab: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly isolation: stylex.StyleXClassNameFor<"isolation", "isolate">;
+        readonly WebkitTapHighlightColor: stylex.StyleXClassNameFor<"WebkitTapHighlightColor", "transparent">;
+        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 tabPrimary: Readonly<{
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly tabSecondary: Readonly<{
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly tabTertiary: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly tabPrimarySelected: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly tabSecondarySelected: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly tabTertiarySelected: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly tabDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly selectionIndicator: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "translate, width, height">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly selectionIndicatorHorizontal: Readonly<{
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
+        readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly height: stylex.StyleXClassNameFor<"height", "3px">;
+    }>;
+    readonly selectionIndicatorVertical: Readonly<{
+        readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly width: stylex.StyleXClassNameFor<"width", "3px">;
+    }>;
+    readonly selectionIndicatorPrimary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly selectionIndicatorSecondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly selectionIndicatorTertiary: Readonly<{
+        readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", -1>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "translate, width, height">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.25s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+    }>;
+    readonly tabPanels: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "clip">;
+    }>;
+    readonly tabPanelsFlex: Readonly<{
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+    }>;
+    readonly tabPanel: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        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 tabPanelEntering: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+    }>;
+    readonly tabPanelExiting: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, } from './Tabs';
+export { Tab, TabList, TabPanel, TabPanels, Tabs } from './Tabs';

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

@@ -0,0 +1,27 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { TagGroupProps as AriaTagGroupProps, TagProps as AriaTagProps, TagListProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export type TagSize = 'sm' | 'md' | 'lg';
+export type TagVariant = 'primary' | 'secondary' | 'tertiary';
+export interface TagGroupProps<T> extends Omit<AriaTagGroupProps, 'style' | 'children'> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((v: ValidationResult) => string);
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    size?: TagSize;
+    variant?: TagVariant;
+    style?: StyleXStyles;
+    className?: string;
+    items?: Iterable<T>;
+    renderEmptyState?: TagListProps<T>['renderEmptyState'];
+    children?: TagListProps<T>['children'];
+}
+export declare function TagGroup<T>({ label, description, errorMessage, isInvalid, isDisabled, size, variant, items, children, renderEmptyState, style, className, ...props }: TagGroupProps<T>): React.JSX.Element;
+export interface TagProps extends Omit<AriaTagProps, 'style'> {
+    size?: TagSize;
+    variant?: TagVariant;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;