@moul-dev/ui 2026.8.26 → 2026.8.27

package/dist/src/App.d.ts

@@ -1,2 +1,2 @@
-declare function App(): import("react").JSX.Element;
+export declare function App(): import("react").JSX.Element;
 export default App;

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

@@ -60,23 +60,10 @@ export declare const styles: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", string>;
         readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
     }>;
-    readonly closeButton: Readonly<{
-        readonly background: stylex.StyleXClassNameFor<"background", "transparent">;
-        readonly border: stylex.StyleXClassNameFor<"border", "none">;
-        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+    readonly closeButton_info: Readonly<{
         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 padding: stylex.StyleXClassNameFor<"padding", string>;
-        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
-        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.15s, color 0.15s">;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
             readonly color: stylex.StyleXVar<string>;
-        }>;
-    }>;
-    readonly closeButton_info: Readonly<{
-        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -84,7 +71,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_loading: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -92,7 +81,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_accent: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -100,7 +91,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_success: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -108,7 +101,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_warning: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -116,7 +111,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_error: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {

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

@@ -33,6 +33,18 @@ export interface SidebarHeaderProps {
     children?: React.ReactNode;
 }
 export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarBrandProps {
+    logo?: React.ReactNode;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    dense?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+    onClick?: () => void;
+    onPress?: () => void;
+    children?: React.ReactNode;
+}
+export declare const SidebarBrand: React.ForwardRefExoticComponent<SidebarBrandProps & React.RefAttributes<HTMLDivElement>>;
 export interface SidebarGroupProps {
     title?: string;
     collapsible?: boolean;
@@ -63,6 +75,19 @@ export interface SidebarFooterProps {
     children?: React.ReactNode;
 }
 export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarUserProps {
+    avatar?: React.ReactNode;
+    name?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    dense?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+    onClick?: () => void;
+    onPress?: () => void;
+    children?: React.ReactNode;
+}
+export declare const SidebarUser: React.ForwardRefExoticComponent<SidebarUserProps & React.RefAttributes<HTMLDivElement>>;
 export interface SidebarDividerProps {
     dense?: boolean;
     style?: StyleXStyles;

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

@@ -58,6 +58,7 @@ export declare const styles: Readonly<{
     readonly headerCollapsed: Readonly<{
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
         readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
     }>;
     readonly headerContent: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -74,6 +75,8 @@ export declare const styles: Readonly<{
     }>;
     readonly headerContentCollapsed: Readonly<{
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
     }>;
     readonly footer: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -100,6 +103,7 @@ export declare const styles: Readonly<{
     readonly footerCollapsed: Readonly<{
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
         readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
     }>;
     readonly footerContent: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -116,6 +120,147 @@ export declare const styles: Readonly<{
     }>;
     readonly footerContentCollapsed: Readonly<{
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly user: 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 minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly userInteractive: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", `calc(-1 * ${stylex.StyleXVar<string>})`>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly transform: "scale(0.98)";
+        }>;
+    }>;
+    readonly userCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", 0>;
+    }>;
+    readonly userDense: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly userAvatarWrapper: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly userInfo: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly userName: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly userDescription: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "2px">;
+    }>;
+    readonly userAction: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly brand: 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 minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly brandInteractive: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", `calc(-1 * ${stylex.StyleXVar<string>})`>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, transform">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+        }>;
+        readonly ':active': stylex.StyleXClassNameFor<":active", {
+            readonly transform: "scale(0.98)";
+        }>;
+    }>;
+    readonly brandCollapsed: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", 0>;
+    }>;
+    readonly brandDense: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly brandLogoWrapper: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly brandInfo: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly brandTitle: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly brandSubtitle: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "2px">;
     }>;
     readonly group: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -346,7 +491,8 @@ export declare const styles: Readonly<{
         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 marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
+        readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", string>;
     }>;
     readonly layout: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;

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

@@ -1,2 +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';
+export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, SidebarUserProps, } from './Sidebar';
+export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './Sidebar';

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

@@ -1,2 +1,2 @@
-export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './Table';
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, TableSkeletonProps, } from './Table';
 export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, } from './Table';

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "2026.08.26";
+export declare const version = "2026.08.27";
 export { Alert } from './components/Alert';
 export type { AlertProps, AlertVariant } from './components/Alert/Alert';
 export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
@@ -23,6 +23,8 @@ export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CardVa
 export { Card, CardBody, CardFooter, CardHeader } from './components/Card';
 export type { ChartContainerProps, LegendItem, } from './components/ChartContainer';
 export { ChartContainer } from './components/ChartContainer';
+export type { CustomTooltipProps } from './components/ChartTooltip';
+export { ChartTooltip } from './components/ChartTooltip';
 export { Checkbox } from './components/Checkbox';
 export type { CheckboxProps } from './components/Checkbox/Checkbox';
 export { CheckboxGroup } from './components/CheckboxGroup';
@@ -81,8 +83,8 @@ export { Select, SelectItem, SelectPopover, SelectSection, SelectValue, } from '
 export type { SelectItemProps, SelectPopoverProps, SelectProps, SelectSectionProps, } from './components/Select/Select';
 export { Separator } from './components/Separator';
 export type { SeparatorProps } from './components/Separator/Separator';
-export type { SidebarAsideProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, } from './components/Sidebar';
-export { Sidebar, SidebarAside, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, } from './components/Sidebar';
+export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, SidebarUserProps, } from './components/Sidebar';
+export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './components/Sidebar';
 export { Skeleton } from './components/Skeleton';
 export type { SkeletonProps, SkeletonShape, SkeletonVariant, } from './components/Skeleton/Skeleton';
 export { Slider, SliderThumb, SliderTrack } from './components/Slider';
@@ -93,7 +95,7 @@ export type { StatProps } from './components/Stat';
 export { Stat } from './components/Stat';
 export { Switch } from './components/Switch';
 export type { SwitchProps } from './components/Switch/Switch';
-export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
 export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, } from './components/Table';
 export type { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, } from './components/Tabs';
 export { Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs';

package/dist/src/sandbox/icons.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export declare const HomeIcon: React.FC;
+export declare const RadioIcon: React.FC;
+export declare const ArtistIcon: React.FC;
+export declare const AlbumIcon: React.FC;
+export declare const FolderIcon: React.FC;
+export declare const SongIcon: React.FC;
+export declare const StoreIcon: React.FC;
+export declare const DeviceIcon: React.FC;
+export declare const PlaylistIcon: React.FC;
+export declare const SettingsIcon: React.FC;
+export declare const SunIcon: React.FC;
+export declare const MoonIcon: React.FC;

package/dist/src/sandbox/sections/ActionsSection.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ActionsSection: React.FC;

package/dist/src/sandbox/sections/BlocksSection.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface BlocksSectionProps {
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+    isSidebarDense: boolean;
+    onToggleDense: () => void;
+    sidebarVariant: 'solid' | 'glass';
+    onToggleVariant: () => void;
+    showToggle: boolean;
+    onToggleShowToggle: () => void;
+    activeTab: string;
+}
+export declare const BlocksSection: React.FC<BlocksSectionProps>;
+export {};

package/dist/src/sandbox/sections/ChartsSection.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChartsSection: React.FC;

package/dist/src/sandbox/sections/FeedbackSection.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const FeedbackSection: React.FC;

package/dist/src/sandbox/sections/FormsSection.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const FormsSection: React.FC;

package/dist/src/sandbox/sections/LayoutSection.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const LayoutSection: React.FC;

package/dist/src/sandbox/sections/NavigationSection.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const NavigationSection: React.FC;

package/dist/src/sandbox/sections/OverlaysSection.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface OverlaysSectionProps {
+    onOpenCommandPalette?: () => void;
+}
+export declare const OverlaysSection: React.FC<OverlaysSectionProps>;
+export {};

package/dist/src/sandbox/types.d.ts

@@ -0,0 +1,7 @@
+export type SandboxCategoryId = 'all' | 'actions' | 'forms' | 'overlays' | 'feedback' | 'navigation' | 'layout' | 'charts' | 'blocks';
+export interface SandboxCategory {
+    id: SandboxCategoryId;
+    label: string;
+    count: number;
+    description: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moul-dev/ui",
-  "version": "2026.08.26",
+  "version": "2026.08.27",
   "description": "Accessible, zero-runtime React component library built on React Aria and StyleX",
   "license": "MIT",
   "type": "module",
@@ -60,7 +60,9 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "build:watch": "vite build --watch",
-    "lint": "eslint .",
+    "lint": "biome check",
+    "format": "biome format --write",
+    "gen:component": "bun ../scripts/gen-component.ts",
     "preview": "vite preview",
     "test": "vitest run"
   },
@@ -77,7 +79,7 @@
     "recharts": "^3.9.2"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
+    "@biomejs/biome": "^2.5.0",
     "@stylexjs/unplugin": "^0.19.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -85,17 +87,12 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "eslint": "^10.3.0",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
     "fast-check": "^3.23.2",
     "glob": "^11.0.0",
-    "globals": "^17.6.0",
     "jsdom": "^25.0.1",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "typescript": "~6.0.2",
-    "typescript-eslint": "^8.59.2",
     "vite": "^8.0.12",
     "vite-plugin-dts": "^5.0.2",
     "vitest": "^2.1.8"