@moul-dev/ui 2026.8.17

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

@@ -0,0 +1,20 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly horizontal: Readonly<{
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly vertical: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "stretch">;
+        readonly borderInlineStartColor: stylex.StyleXClassNameFor<"borderInlineStartColor", string>;
+        readonly borderInlineStartStyle: stylex.StyleXClassNameFor<"borderInlineStartStyle", "solid">;
+        readonly borderInlineStartWidth: stylex.StyleXClassNameFor<"borderInlineStartWidth", "1px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,77 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { LinkProps as AriaLinkProps } from 'react-aria-components';
+import * as React from 'react';
+interface SidebarContextValue {
+    isCollapsed: boolean;
+    selectedKey?: string;
+    onSelectionChange?: (key: string) => void;
+    variant: 'solid' | 'glass';
+    onCollapseToggle: () => void;
+}
+export declare function useSidebar(): SidebarContextValue;
+export interface SidebarProps {
+    isCollapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapseChange?: (collapsed: boolean) => void;
+    selectedKey?: string;
+    defaultSelectedKey?: string;
+    onSelectionChange?: (key: string) => void;
+    variant?: 'solid' | 'glass';
+    showCollapseToggle?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarHeaderProps {
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarGroupProps {
+    title?: string;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    isExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const SidebarGroup: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarItemProps extends Omit<AriaLinkProps, 'style' | 'className' | 'children'> {
+    id?: string;
+    icon?: React.ReactNode;
+    isSelected?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export interface SidebarFooterProps {
+    showBorder?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarDividerProps {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const SidebarDivider: React.ForwardRefExoticComponent<SidebarDividerProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarAsideProps {
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+    showCollapseToggle?: boolean;
+}
+export declare const SidebarAside: React.ForwardRefExoticComponent<SidebarAsideProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarMainProps {
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const SidebarMain: React.ForwardRefExoticComponent<SidebarMainProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,326 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly sidebar: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly height: stylex.StyleXClassNameFor<"height", `calc(100% - ${stylex.StyleXVar<string>} * 2)`>;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
+        readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", 0>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "width, background-color, border-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.25s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.4, 0, 0.2, 1)">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+    }>;
+    readonly expanded: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "var(--sidebar-width, 260px)">;
+    }>;
+    readonly collapsed: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "var(--sidebar-collapsed-width, 72px)">;
+    }>;
+    readonly solid: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly glass: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backdropFilter: stylex.StyleXClassNameFor<"backdropFilter", "blur(20px)">;
+        readonly WebkitBackdropFilter: stylex.StyleXClassNameFor<"WebkitBackdropFilter", "blur(20px)">;
+    }>;
+    readonly header: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "64px">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly headerCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly headerContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+    }>;
+    readonly headerContentCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly footer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", "transparent">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "auto">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "64px">;
+    }>;
+    readonly footerBorder: Readonly<{
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+    }>;
+    readonly footerCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly footerContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+    }>;
+    readonly footerContentCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly group: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly groupCollapsed: Readonly<{
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    }>;
+    readonly groupHeader: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.05em">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly groupHeaderCollapsible: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly groupTitle: Readonly<{
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly groupHeaderCollapsed: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "none">;
+    }>;
+    readonly groupChevron: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly fill: stylex.StyleXClassNameFor<"fill", "currentColor">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease">;
+    }>;
+    readonly groupChevronExpanded: Readonly<{
+        readonly transform: stylex.StyleXClassNameFor<"transform", "rotate(90deg)">;
+    }>;
+    readonly groupItems: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "grid-template-rows, opacity">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.25s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.4, 0, 0.2, 1)">;
+        readonly display: stylex.StyleXClassNameFor<"display", "grid">;
+    }>;
+    readonly groupItemsExpanded: Readonly<{
+        readonly gridTemplateRows: stylex.StyleXClassNameFor<"gridTemplateRows", "1fr">;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
+    }>;
+    readonly groupItemsCollapsed: Readonly<{
+        readonly gridTemplateRows: stylex.StyleXClassNameFor<"gridTemplateRows", "0fr">;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly groupItemsInner: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 0>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly item: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        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 fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly height: stylex.StyleXClassNameFor<"height", "36px">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly isolation: stylex.StyleXClassNameFor<"isolation", "isolate">;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly transform: "scale(0.98)";
+        }>;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "solid";
+            readonly outlineWidth: "2px";
+            readonly outlineColor: stylex.StyleXVar<string>;
+            readonly outlineOffset: "2px";
+        }>;
+    }>;
+    readonly itemHover: Readonly<{
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly itemSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly itemCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "36px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "36px">;
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center">;
+    }>;
+    readonly itemIcon: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+    }>;
+    readonly itemIconSelected: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly itemLabel: Readonly<{
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+    }>;
+    readonly itemLabelCollapsed: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+        readonly transform: stylex.StyleXClassNameFor<"transform", "translateX(-10px)">;
+        readonly width: stylex.StyleXClassNameFor<"width", 0>;
+        readonly display: stylex.StyleXClassNameFor<"display", "none">;
+    }>;
+    readonly divider: Readonly<{
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", "1px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+    }>;
+    readonly dividerCollapsed: Readonly<{
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", string>;
+    }>;
+    readonly toggleButton: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", string>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", string>;
+        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 borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "transform, background-color, color, border-color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly color: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly transform: "scale(0.95)";
+        }>;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "solid";
+            readonly outlineWidth: "2px";
+            readonly outlineColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly toggleButtonCollapsed: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", "auto">;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "auto">;
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center">;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
+    }>;
+    readonly layout: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100vh">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "100vh">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100vw">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly mainContent: Readonly<{
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { SidebarAsideProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, } from './Sidebar';
+export { Sidebar, SidebarAside, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, } from './Sidebar';

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

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

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

@@ -0,0 +1,17 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+        }>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1.5s">;
+        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.4, 0, 0.6, 1)">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,21 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { SliderProps as AriaSliderProps, SliderThumbProps as AriaSliderThumbProps, SliderTrackProps as AriaSliderTrackProps } from 'react-aria-components';
+import * as React from 'react';
+export interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const SliderThumb: React.ForwardRefExoticComponent<SliderThumbProps & React.RefAttributes<HTMLDivElement>>;
+export interface SliderTrackProps extends Omit<AriaSliderTrackProps, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const SliderTrack: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<HTMLDivElement>>;
+export interface SliderProps extends Omit<AriaSliderProps<any>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    label?: string;
+    getValueLabel?: (value: number[]) => string;
+    name?: string;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,78 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    }>;
+    readonly header: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "baseline">;
+    }>;
+    readonly output: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+    }>;
+    readonly track: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
+    }>;
+    readonly trackDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+    }>;
+    readonly fill: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly top: stylex.StyleXClassNameFor<"top", 0>;
+    }>;
+    readonly thumb: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
+        readonly transform: stylex.StyleXClassNameFor<"transform", "translate(-50%, -50%)">;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, transform, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.1s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly transform: "translate(-50%, -50%) scale(1.1)";
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly transform: "translate(-50%, -50%) scale(0.95)";
+        }>;
+    }>;
+    readonly thumbFocusVisible: Readonly<{
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "2px">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+    }>;
+    readonly thumbDisabled: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly transform: "translate(-50%, -50%)";
+        }>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export type { SliderProps, SliderThumbProps, SliderTrackProps } from './Slider';
+export { Slider, SliderThumb, SliderTrack } from './Slider';

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

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

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

@@ -0,0 +1,20 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly animationPlayState: "paused";
+        }>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", string>;
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.8s">;
+        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "linear">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-block">;
+        readonly height: stylex.StyleXClassNameFor<"height", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", string>;
+    }>;
+}>;

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

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

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

@@ -0,0 +1,15 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    variant?: 'default' | 'flat' | 'glass' | 'elevated';
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    trend?: string | number;
+    trendDirection?: 'up' | 'down' | 'neutral';
+    trendLabel?: React.ReactNode;
+    children?: React.ReactNode;
+    style?: StyleXStyles;
+}
+export declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;