@moul-dev/ui 2026.8.17

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

@@ -0,0 +1,223 @@
+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 justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, color, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly transform: {
+                readonly default: "scale(0.98)";
+                readonly '@media (prefers-reduced-motion: reduce)': "none";
+            };
+        }>;
+        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 sm: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly primary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly primarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly secondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly secondarySelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly isDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly groupItem: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
+    }>;
+    readonly groupItemActive: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 2>;
+    }>;
+    readonly groupItemDisabled: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 0>;
+    }>;
+    readonly groupHorizontal: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-1px">;
+        readonly ':first-child': stylex.StyleXClassNameFor<":first-child", {
+            readonly borderTopLeftRadius: stylex.StyleXVar<string>;
+            readonly borderBottomLeftRadius: stylex.StyleXVar<string>;
+            readonly marginInlineStart: 0;
+        }>;
+        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
+            readonly borderTopRightRadius: stylex.StyleXVar<string>;
+            readonly borderBottomRightRadius: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly groupVertical: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+        readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", "-1px">;
+        readonly ':first-child': stylex.StyleXClassNameFor<":first-child", {
+            readonly borderTopLeftRadius: stylex.StyleXVar<string>;
+            readonly borderTopRightRadius: stylex.StyleXVar<string>;
+            readonly marginBlockStart: 0;
+        }>;
+        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
+            readonly borderBottomLeftRadius: stylex.StyleXVar<string>;
+            readonly borderBottomRightRadius: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly animatedItem: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "color">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: "transparent";
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly transform: "none";
+        }>;
+    }>;
+    readonly animatedItemSm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - 3px)`>;
+    }>;
+    readonly animatedItemMd: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - 3px)`>;
+    }>;
+    readonly animatedItemLg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - 3px)`>;
+    }>;
+    readonly animatedItemSelectedPrimary: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: "transparent";
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly animatedItemSelectedSecondary: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: "transparent";
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly selectionIndicator: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly inset: stylex.StyleXClassNameFor<"inset", 0>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", -1>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "translate, width, height">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly selectionIndicatorSm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - 3px)`>;
+    }>;
+    readonly selectionIndicatorMd: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - 3px)`>;
+    }>;
+    readonly selectionIndicatorLg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", `calc(${stylex.StyleXVar<string>} - 3px)`>;
+    }>;
+    readonly selectionIndicatorPrimary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly selectionIndicatorSecondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly squareSm: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly aspectRatio: stylex.StyleXClassNameFor<"aspectRatio", "1/1">;
+    }>;
+    readonly squareMd: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly aspectRatio: stylex.StyleXClassNameFor<"aspectRatio", "1/1">;
+    }>;
+    readonly squareLg: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly aspectRatio: stylex.StyleXClassNameFor<"aspectRatio", "1/1">;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,10 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ToggleButtonGroupProps as AriaToggleButtonGroupProps } from 'react-aria-components';
+import * as React from 'react';
+export interface ToggleButtonGroupProps extends Omit<AriaToggleButtonGroupProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    animated?: boolean;
+}
+export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<ToggleButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,36 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly vertical: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+    readonly animatedTrack: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", "2px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+    }>;
+    readonly trackSm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly trackMd: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly trackLg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly animatedTrackHorizontal: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+    }>;
+    readonly animatedTrackVertical: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+}>;

package/dist/src/components/ToggleButtonGroup/context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface ToggleButtonGroupContextValue {
+    isInGroup: boolean;
+    orientation: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md' | 'lg';
+    animated: boolean;
+}
+export declare const ToggleButtonGroupContext: React.Context<ToggleButtonGroupContextValue | null>;

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

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

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

@@ -0,0 +1,19 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { TooltipProps as AriaTooltipProps, TooltipTrigger as AriaTooltipTrigger } from 'react-aria-components';
+import * as React from 'react';
+export declare const TooltipTrigger: typeof AriaTooltipTrigger;
+export interface TooltipProps extends Omit<AriaTooltipProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+    /**
+     * The distance between the tooltip and the trigger button.
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * The offset along the cross axis.
+     * @default 0
+     */
+    crossOffset?: number;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,26 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly tooltip: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.15s">;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "ease-out">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+            readonly animationDuration: "0s";
+        }>;
+    }>;
+}>;

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

@@ -0,0 +1 @@
+export { Tooltip, type TooltipProps, TooltipTrigger } from './Tooltip';

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

@@ -0,0 +1,17 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface TopListItem {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface TopListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    data: TopListItem[];
+    maxValue?: number;
+    colors?: string[];
+    barColor?: string;
+    multiColor?: boolean;
+    valueFormatter?: (value: number) => string;
+    style?: StyleXStyles;
+}
+export declare const TopList: React.ForwardRefExoticComponent<TopListProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,43 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly row: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "grid">;
+        readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "minmax(100px, 1.5fr) 2fr minmax(60px, auto)">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        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 overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly track: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "6px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly bar: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "width 0.3s ease-in-out">;
+    }>;
+    readonly value: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { TopListItem, TopListProps } from './TopList';
+export { TopList } from './TopList';

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

@@ -0,0 +1,26 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export type TypographyTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'style'> {
+    as?: TypographyTag;
+    style?: StyleXStyles;
+    className?: string;
+}
+export interface HeadingProps extends Omit<TypographyProps, 'as'> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export type ParagraphProps = Omit<TypographyProps, 'as'>;
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+export type SpanProps = Omit<TypographyProps, 'as'>;
+declare const Span: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;
+export type TypographyLabelProps = Omit<TypographyProps, 'as'>;
+declare const Label: React.ForwardRefExoticComponent<TypographyLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export interface TypographyComponent extends React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>> {
+    Heading: typeof Heading;
+    Paragraph: typeof Paragraph;
+    Span: typeof Span;
+    Label: typeof Label;
+}
+export declare const Typography: TypographyComponent;
+export { Heading as TypographyHeading, Label as TypographyLabel, Paragraph as TypographyParagraph, Span as TypographySpan, };

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

@@ -0,0 +1,53 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly h1: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly h2: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly h3: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly h4: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly h5: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly h6: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly p: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly span: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly label: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { HeadingProps, ParagraphProps, SpanProps, TypographyLabelProps, TypographyProps, TypographyTag, } from './Typography';
+export { Typography, TypographyHeading, TypographyLabel, TypographyParagraph, TypographySpan, } from './Typography';

package/dist/src/index.d.ts

@@ -0,0 +1,102 @@
+export declare const version = "2026.08.17";
+export { Alert } from './components/Alert';
+export type { AlertProps, AlertVariant } from './components/Alert/Alert';
+export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
+export type { AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, } from './components/AlertDialog/AlertDialog';
+export type { AreaChartProps } from './components/AreaChart';
+export { AreaChart } from './components/AreaChart';
+export { Avatar } from './components/Avatar';
+export type { AvatarProps } from './components/Avatar/Avatar';
+export { Badge } from './components/Badge';
+export type { BadgeProps, BadgeVariant } from './components/Badge/Badge';
+export type { BarChartProps } from './components/BarChart';
+export { BarChart } from './components/BarChart';
+export type { BreadcrumbItemProps, BreadcrumbsProps, } from './components/Breadcrumbs';
+export { BreadcrumbItem, Breadcrumbs } from './components/Breadcrumbs';
+export { Button } from './components/Button';
+export type { ButtonProps } from './components/Button/Button';
+export { ButtonGroup } from './components/ButtonGroup';
+export type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';
+export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, } from './components/Card';
+export { Card, CardBody, CardFooter, CardHeader } from './components/Card';
+export type { ChartContainerProps, LegendItem, } from './components/ChartContainer';
+export { ChartContainer } from './components/ChartContainer';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps } from './components/Checkbox/Checkbox';
+export { CheckboxGroup } from './components/CheckboxGroup';
+export type { CheckboxGroupProps } from './components/CheckboxGroup/CheckboxGroup';
+export { ComboBox, ComboBoxItem, ComboBoxSection } from './components/ComboBox';
+export type { ComboBoxItemProps, ComboBoxProps, ComboBoxSectionProps, } from './components/ComboBox/ComboBox';
+export { Description } from './components/Description';
+export type { DescriptionProps } from './components/Description/Description';
+export type { DoughnutChartProps } from './components/DoughnutChart';
+export { DoughnutChart } from './components/DoughnutChart';
+export { ErrorMessage } from './components/ErrorMessage';
+export type { ErrorMessageProps } from './components/ErrorMessage/ErrorMessage';
+export { FieldError } from './components/FieldError';
+export type { FieldErrorProps } from './components/FieldError/FieldError';
+export { Form } from './components/Form';
+export type { FormProps } from './components/Form/Form';
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, } from './components/InputOTP';
+export type { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps, } from './components/InputOTP/InputOTP';
+export { Kbd } from './components/Kbd';
+export type { KbdProps } from './components/Kbd/Kbd';
+export { Label } from './components/Label';
+export type { LabelProps } from './components/Label/Label';
+export type { LineChartProps } from './components/LineChart';
+export { LineChart } from './components/LineChart';
+export { Link } from './components/Link';
+export type { LinkProps } from './components/Link/Link';
+export { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader, ModalOverlay, } from './components/Modal';
+export type { ModalBodyProps, ModalDialogProps, ModalFooterProps, ModalHeaderProps, ModalOverlayProps, ModalProps, } from './components/Modal/Modal';
+export { NumberField } from './components/NumberField';
+export type { NumberFieldProps } from './components/NumberField/NumberField';
+export type { PercentageBarProps, PercentageCircleProps, } from './components/Percentage';
+export { PercentageBar, PercentageCircle } from './components/Percentage';
+export { Popover, PopoverDialog, PopoverTrigger } from './components/Popover';
+export type { PopoverDialogProps, PopoverProps, } from './components/Popover/Popover';
+export { Radio, RadioGroup } from './components/RadioGroup';
+export type { RadioGroupProps, RadioProps, } from './components/RadioGroup/RadioGroup';
+export { SearchField } from './components/SearchField';
+export type { SearchFieldProps } from './components/SearchField/SearchField';
+export { Select, SelectItem, SelectPopover, SelectSection, SelectValue, } from './components/Select';
+export type { SelectItemProps, SelectPopoverProps, SelectProps, SelectSectionProps, } from './components/Select/Select';
+export { Separator } from './components/Separator';
+export type { SeparatorProps } from './components/Separator/Separator';
+export type { SidebarAsideProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, } from './components/Sidebar';
+export { Sidebar, SidebarAside, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, } from './components/Sidebar';
+export { Skeleton } from './components/Skeleton';
+export type { SkeletonProps } from './components/Skeleton/Skeleton';
+export { Slider, SliderThumb, SliderTrack } from './components/Slider';
+export type { SliderProps, SliderThumbProps, SliderTrackProps, } from './components/Slider/Slider';
+export { Spinner } from './components/Spinner';
+export type { SpinnerProps } from './components/Spinner/Spinner';
+export type { StatProps } from './components/Stat';
+export { Stat } from './components/Stat';
+export { Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch/Switch';
+export type { CellProps, ColumnProps, RowProps, TableBodyProps, TableHeaderProps, TableProps, } from './components/Table';
+export { Cell, Column, Row, Table, TableBody, TableHeader, } from './components/Table';
+export type { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, } from './components/Tabs';
+export { Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs';
+export { Tag, TagGroup } from './components/TagGroup';
+export type { TagGroupProps, TagProps, TagSize, TagVariant, } from './components/TagGroup/TagGroup';
+export { TextArea } from './components/TextArea';
+export type { TextAreaProps } from './components/TextArea/TextArea';
+export { TextField } from './components/TextField';
+export type { TextFieldProps } from './components/TextField/TextField';
+export { Toast, ToastContainer, toastQueue, useToast } from './components/Toast';
+export type { ToastContainerProps, ToastContent, ToastProps, } from './components/Toast/Toast';
+export { ToggleButton } from './components/ToggleButton';
+export type { ToggleButtonProps } from './components/ToggleButton/ToggleButton';
+export { ToggleButtonGroup } from './components/ToggleButtonGroup';
+export type { ToggleButtonGroupProps } from './components/ToggleButtonGroup/ToggleButtonGroup';
+export { Tooltip, TooltipTrigger } from './components/Tooltip';
+export type { TooltipProps } from './components/Tooltip/Tooltip';
+export type { TopListItem, TopListProps } from './components/TopList';
+export { TopList } from './components/TopList';
+export { Typography, TypographyHeading, TypographyLabel, TypographyParagraph, TypographySpan, } from './components/Typography';
+export type { HeadingProps, ParagraphProps, SpanProps, TypographyLabelProps, TypographyProps, TypographyTag, } from './components/Typography/Typography';
+export type { ThemeProviderProps } from './theme/ThemeProvider';
+export { ThemeProvider } from './theme/ThemeProvider';
+export { tokens } from './tokens/tokens.stylex';

package/dist/src/theme/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+import * as stylex from '@stylexjs/stylex';
+import * as React from 'react';
+type ColorScheme = 'light' | 'dark' | 'light dark';
+export interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Controls which side of every light-dark() token is resolved.
+     * 'light dark' = follow system preference (default).
+     */
+    colorScheme?: ColorScheme;
+    /**
+     * Optional full token override for brand customisation.
+     */
+    theme?: ReturnType<typeof stylex.createTheme>;
+    children?: React.ReactNode;
+}
+export declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;
+export {};