@moul-dev/ui 2026.8.21 → 2026.8.25

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

@@ -1,9 +1,19 @@
 import { StyleXStyles } from '@stylexjs/stylex';
 import * as React from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+export type AvatarStatusPosition = 'bottom-right' | 'top-right';
 export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
     src?: string;
     alt?: string;
     initials?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    status?: AvatarStatus;
+    statusPosition?: AvatarStatusPosition;
+    statusAriaLabel?: string;
+    fallback?: React.ReactNode;
     style?: StyleXStyles;
     className?: string;
 }

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

@@ -2,20 +2,85 @@ import * as stylex from '@stylexjs/stylex';
 export declare const styles: Readonly<{
     readonly base: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: stylex.StyleXClassNameFor<"width", string>;
-        readonly height: stylex.StyleXClassNameFor<"height", string>;
-        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly color: stylex.StyleXClassNameFor<"color", string>;
-        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
         readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
-        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
         readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly verticalAlign: stylex.StyleXClassNameFor<"verticalAlign", "middle">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly innerWrapper: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "inherit">;
+    }>;
+    readonly xs: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "24px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "24px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "10px">;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "12px">;
+    }>;
+    readonly sm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "40px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "40px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "48px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "48px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly xl: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "56px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "56px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly '2xl': Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "64px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "64px">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly circle: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square_xs: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square_sm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square_md: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square_lg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square_xl: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly square_2xl: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
     }>;
     readonly image: Readonly<{
         readonly width: stylex.StyleXClassNameFor<"width", "100%">;
@@ -27,5 +92,112 @@ export declare const styles: Readonly<{
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
         readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.02em">;
+    }>;
+    readonly fallbackIcon: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "55%">;
+        readonly height: stylex.StyleXClassNameFor<"height", "55%">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly statusDot: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 2>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "content-box">;
+    }>;
+    readonly status_bottomRight: Readonly<{
+        readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", 0>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
+        readonly transform: stylex.StyleXClassNameFor<"transform", "translate(10%, 10%)">;
+    }>;
+    readonly status_topRight: Readonly<{
+        readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
+        readonly transform: stylex.StyleXClassNameFor<"transform", "translate(10%, -10%)">;
+    }>;
+    readonly status_online: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly status_offline: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly status_busy: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly status_away: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly statusSize_xs: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "6px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "6px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1.5px">;
+    }>;
+    readonly statusSize_sm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "8px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "8px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2px">;
+    }>;
+    readonly statusSize_md: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "10px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "10px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2px">;
+    }>;
+    readonly statusSize_lg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "12px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "12px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2.5px">;
+    }>;
+    readonly statusSize_xl: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "14px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "14px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2.5px">;
+    }>;
+    readonly statusSize_2xl: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "16px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "16px">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "3px">;
+    }>;
+    readonly group: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+    }>;
+    readonly groupItem: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "transform 0.15s ease, z-index 0.15s ease">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly zIndex: 10;
+        }>;
+    }>;
+    readonly groupItemRing: Readonly<{
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 2px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly groupOverlap_xs: Readonly<{
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-6px">;
+    }>;
+    readonly groupOverlap_sm: Readonly<{
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-8px">;
+    }>;
+    readonly groupOverlap_md: Readonly<{
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-10px">;
+    }>;
+    readonly groupOverlap_lg: Readonly<{
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-12px">;
+    }>;
+    readonly groupOverlap_xl: Readonly<{
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-14px">;
+    }>;
+    readonly groupOverlap_2xl: Readonly<{
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "-16px">;
+    }>;
+    readonly excess: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
     }>;
 }>;

package/dist/src/components/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,18 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { AvatarShape, AvatarSize } from './Avatar';
+import * as React from 'react';
+export interface AvatarGroupContextValue {
+    size?: AvatarSize;
+    shape?: AvatarShape;
+}
+export declare const AvatarGroupContext: React.Context<AvatarGroupContextValue>;
+export interface AvatarGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    max?: number;
+    excessCount?: number;
+    renderExcess?: (count: number) => React.ReactNode;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,4 @@
-export type { AvatarProps } from './Avatar';
+export type { AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, } from './Avatar';
 export { Avatar } from './Avatar';
+export type { AvatarGroupContextValue, AvatarGroupProps, } from './AvatarGroup';
+export { AvatarGroup, AvatarGroupContext } from './AvatarGroup';

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

@@ -1,8 +1,11 @@
 import { StyleXStyles } from '@stylexjs/stylex';
 import * as React from 'react';
-export type BadgeVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'error';
+export type BadgeVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'dot';
+export type BadgeSize = 'sm' | 'md' | 'lg';
 export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'style'> {
     variant?: BadgeVariant;
+    size?: BadgeSize;
+    dot?: boolean;
     style?: StyleXStyles;
     className?: string;
 }

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

@@ -4,13 +4,27 @@ export declare const styles: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly sm: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 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 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 fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
-        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
     }>;
     readonly neutral: Readonly<{
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
@@ -32,4 +46,46 @@ export declare const styles: Readonly<{
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly color: stylex.StyleXClassNameFor<"color", string>;
     }>;
+    readonly dot: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly hasDot: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly dotIndicator: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-block">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly dot_sm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly dot_md: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly dot_lg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly dot_neutral: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly dot_primary: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly dot_success: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly dot_warning: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly dot_error: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
 }>;

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

@@ -1,2 +1,2 @@
-export type { BadgeProps, BadgeVariant } from './Badge';
+export type { BadgeProps, BadgeSize, BadgeVariant } from './Badge';
 export { Badge } from './Badge';

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

@@ -0,0 +1,24 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { CalendarCellProps as AriaCalendarCellProps, CalendarProps as AriaCalendarProps, RangeCalendarProps as AriaRangeCalendarProps, DateValue } from 'react-aria-components';
+import * as React from 'react';
+export interface CalendarCellProps extends Omit<AriaCalendarCellProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const CalendarCell: React.ForwardRefExoticComponent<CalendarCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface CalendarGridProps {
+    style?: StyleXStyles;
+    className?: string;
+    children?: (date: any) => React.ReactElement;
+}
+export declare function CalendarGrid({ style, className, children, }: CalendarGridProps): React.JSX.Element;
+export interface CalendarProps<T extends DateValue = DateValue> extends Omit<AriaCalendarProps<T>, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps<any> & React.RefAttributes<HTMLDivElement>>;
+export interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<AriaRangeCalendarProps<T>, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps<any> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,161 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly calendar: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly header: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly heading: Readonly<{
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+    }>;
+    readonly navButton: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", 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 backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.15s ease, border-color 0.15s ease">;
+    }>;
+    readonly navButtonHover: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly navButtonPressed: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly navButtonDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly navButtonFocused: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 2px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly navIcon: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "16px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "16px">;
+    }>;
+    readonly grid: Readonly<{
+        readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly gridHeaderCell: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "36px">;
+    }>;
+    readonly gridBody: Readonly<{}>;
+    readonly gridRow: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "table-row">;
+    }>;
+    readonly cellContainer: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "2px">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly cell: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "34px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "34px">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.12s ease, color 0.12s ease">;
+    }>;
+    readonly cellHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly cellFocused: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 2px ${stylex.StyleXVar<string>}`>;
+    }>;
+    readonly cellSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly cellSelectionStart: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", string>;
+        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", string>;
+        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", 0>;
+        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", 0>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly cellSelectionEnd: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", string>;
+        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", string>;
+        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", 0>;
+        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", 0>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly cellRangeSelection: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+    }>;
+    readonly cellToday: Readonly<{
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly cellOutsideMonth: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
+    }>;
+    readonly cellDisabled: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+    }>;
+    readonly cellUnavailable: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "line-through">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly cellInvalid: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { CalendarCellProps, CalendarGridProps, CalendarProps, RangeCalendarProps, } from './Calendar';
+export { Calendar, CalendarCell, CalendarGrid, RangeCalendar, } from './Calendar';

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

@@ -0,0 +1,81 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface UseCommandPaletteOptions {
+    shortcut?: string | string[];
+    defaultOpen?: boolean;
+}
+export declare function useCommandPalette(options?: UseCommandPaletteOptions): {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export interface CommandPaletteItemData {
+    id: string;
+    onAction?: () => void;
+    getElement?: () => HTMLElement | null;
+}
+interface CommandPaletteContextValue {
+    search: string;
+    setSearch: (value: string) => void;
+    activeId: string | null;
+    setActiveId: (id: string | null) => void;
+    registerItem: (item: CommandPaletteItemData) => () => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+    selectActive: () => void;
+    close: () => void;
+    matchCount: number;
+}
+export declare function useCommandPaletteContext(): CommandPaletteContextValue;
+export interface CommandPaletteProps {
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    shortcut?: string | string[];
+    size?: 'sm' | 'md' | 'lg';
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const CommandPalette: React.ForwardRefExoticComponent<CommandPaletteProps & React.RefAttributes<HTMLDivElement>>;
+export interface CommandPaletteInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    showKbd?: boolean;
+}
+export declare const CommandPaletteInput: React.ForwardRefExoticComponent<CommandPaletteInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface CommandPaletteListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const CommandPaletteList: React.ForwardRefExoticComponent<CommandPaletteListProps & React.RefAttributes<HTMLDivElement>>;
+export interface CommandPaletteSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    heading?: string;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const CommandPaletteSection: React.ForwardRefExoticComponent<CommandPaletteSectionProps & React.RefAttributes<HTMLDivElement>>;
+export interface CommandPaletteItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style' | 'onSelect'> {
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    shortcut?: string | string[];
+    badge?: React.ReactNode;
+    keywords?: string[];
+    onAction?: () => void;
+    isDisabled?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const CommandPaletteItem: React.ForwardRefExoticComponent<CommandPaletteItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface CommandPaletteEmptyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const CommandPaletteEmpty: React.ForwardRefExoticComponent<CommandPaletteEmptyProps & React.RefAttributes<HTMLDivElement>>;
+export interface CommandPaletteFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const CommandPaletteFooter: React.ForwardRefExoticComponent<CommandPaletteFooterProps & React.RefAttributes<HTMLDivElement>>;
+export {};