@moul-dev/ui 2026.8.17

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

@@ -0,0 +1,148 @@
+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, box-shadow, 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 height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly primary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly secondary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly tertiary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly outline: 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 ghost: 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 danger: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly 'danger-soft': Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly isPending: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.7>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly isDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+    }>;
+}>;

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

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

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

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

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

@@ -0,0 +1,9 @@
+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", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,19 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export type Elevation = 0 | 1 | 2 | 3 | 'none' | 'sm' | 'md' | 'lg';
+export type CardVariant = 'default' | 'flat' | 'glass';
+export type CardSize = 'sm' | 'md' | 'lg';
+export interface CardContextValue {
+    divided?: boolean;
+    size?: CardSize;
+}
+export declare const CardContext: React.Context<CardContextValue>;
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    elevation?: Elevation;
+    variant?: CardVariant;
+    divided?: boolean;
+    size?: CardSize;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,185 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly root: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly el0: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+    }>;
+    readonly el1: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly el2: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly el3: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly default: Readonly<{}>;
+    readonly flat: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+    }>;
+    readonly glass: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backdropFilter: stylex.StyleXClassNameFor<"backdropFilter", "blur(24px)">;
+        readonly WebkitBackdropFilter: stylex.StyleXClassNameFor<"WebkitBackdropFilter", "blur(24px)">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly header: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly headerDivided: Readonly<{
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+    }>;
+    readonly body: Readonly<{
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly footer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly footerDivided: Readonly<{
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+    }>;
+    readonly header_sm: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly header_sm_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly header_md: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly header_md_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly header_lg: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly header_lg_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly body_sm: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly ':first-child': stylex.StyleXClassNameFor<":first-child", {
+            readonly paddingBlockStart: stylex.StyleXVar<string>;
+        }>;
+        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
+            readonly paddingBlockEnd: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly body_sm_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly body_md: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly ':first-child': stylex.StyleXClassNameFor<":first-child", {
+            readonly paddingBlockStart: stylex.StyleXVar<string>;
+        }>;
+        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
+            readonly paddingBlockEnd: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly body_md_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly body_lg: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly ':first-child': stylex.StyleXClassNameFor<":first-child", {
+            readonly paddingBlockStart: stylex.StyleXVar<string>;
+        }>;
+        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
+            readonly paddingBlockEnd: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly body_lg_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly footer_sm: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly footer_sm_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly footer_md: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly footer_md_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly footer_lg: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly footer_lg_divided: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+}>;

package/dist/src/components/Card/CardBody.d.ts

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

package/dist/src/components/Card/CardFooter.d.ts

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

package/dist/src/components/Card/CardHeader.d.ts

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

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

@@ -0,0 +1,8 @@
+export type { CardProps } from './Card';
+export { Card } from './Card';
+export type { CardBodyProps } from './CardBody';
+export { CardBody } from './CardBody';
+export type { CardFooterProps } from './CardFooter';
+export { CardFooter } from './CardFooter';
+export type { CardHeaderProps } from './CardHeader';
+export { CardHeader } from './CardHeader';

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

@@ -0,0 +1 @@
+export declare const CHART_COLORS: import('@stylexjs/stylex').StyleXVar<string>[];

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

@@ -0,0 +1,21 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface LegendItem {
+    name: string;
+    value?: string | number;
+    color?: string;
+}
+export interface ChartContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style' | 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    legend?: LegendItem[];
+    legendLimit?: number;
+    loading?: boolean;
+    empty?: boolean;
+    emptyMessage?: string;
+    style?: StyleXStyles;
+    edgeToEdge?: boolean;
+    showHeaderDivider?: boolean;
+}
+export declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,124 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly card: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", 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 padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        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 position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly cardEdgeToEdge: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+    }>;
+    readonly header: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", "transparent">;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+    }>;
+    readonly headerEdgeToEdge: Readonly<{
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly headerDivider: Readonly<{
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+    }>;
+    readonly title: 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 margin: stylex.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly description: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
+    }>;
+    readonly actions: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly legend: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly legendItem: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly legendDot: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "10px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "10px">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-block">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly legendName: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly legendValue: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
+    }>;
+    readonly legendMore: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly body: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "260px">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    }>;
+    readonly bodyEdgeToEdge: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "auto">;
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+    }>;
+    readonly loadingContainer: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly inset: stylex.StyleXClassNameFor<"inset", 0>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
+    }>;
+    readonly emptyContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        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 paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { ChartContainerProps, LegendItem } from './ChartContainer';
+export { ChartContainer } from './ChartContainer';

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

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+export interface CustomTooltipProps {
+    active?: boolean;
+    payload?: any[];
+    label?: any;
+    valueFormatter?: (value: any) => string;
+}
+export declare const ChartTooltip: React.FC<CustomTooltipProps>;