@moul-dev/ui 2026.8.26 → 2026.9.2-3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/assets/stylex.css +322 -28
  2. package/dist/moul-ui.js +11066 -3933
  3. package/dist/src/App.d.ts +1 -1
  4. package/dist/src/components/Alert/Alert.styles.d.ts +11 -14
  5. package/dist/src/components/Autocomplete/Autocomplete.d.ts +92 -0
  6. package/dist/src/components/Autocomplete/Autocomplete.styles.d.ts +200 -0
  7. package/dist/src/components/Autocomplete/index.d.ts +2 -0
  8. package/dist/src/components/ComboBox/ComboBox.d.ts +15 -4
  9. package/dist/src/components/ComboBox/ComboBox.styles.d.ts +3 -3
  10. package/dist/src/components/Drawer/Drawer.d.ts +36 -0
  11. package/dist/src/components/Drawer/Drawer.styles.d.ts +46 -5
  12. package/dist/src/components/Drawer/index.d.ts +2 -2
  13. package/dist/src/components/ListBox/ListBox.d.ts +44 -0
  14. package/dist/src/components/ListBox/ListBox.styles.d.ts +260 -0
  15. package/dist/src/components/ListBox/index.d.ts +2 -0
  16. package/dist/src/components/NumberField/NumberField.styles.d.ts +3 -3
  17. package/dist/src/components/SearchField/SearchField.styles.d.ts +4 -3
  18. package/dist/src/components/Sidebar/Sidebar.d.ts +41 -0
  19. package/dist/src/components/Sidebar/Sidebar.styles.d.ts +457 -10
  20. package/dist/src/components/Sidebar/index.d.ts +2 -2
  21. package/dist/src/components/Table/index.d.ts +1 -1
  22. package/dist/src/components/Tabs/Tabs.styles.d.ts +40 -3
  23. package/dist/src/index.d.ts +12 -6
  24. package/dist/src/sandbox/icons.d.ts +13 -0
  25. package/dist/src/sandbox/sections/ActionsSection.d.ts +2 -0
  26. package/dist/src/sandbox/sections/BlocksSection.d.ts +14 -0
  27. package/dist/src/sandbox/sections/ChartsSection.d.ts +2 -0
  28. package/dist/src/sandbox/sections/FeedbackSection.d.ts +2 -0
  29. package/dist/src/sandbox/sections/FormsSection.d.ts +2 -0
  30. package/dist/src/sandbox/sections/LayoutSection.d.ts +2 -0
  31. package/dist/src/sandbox/sections/NavigationSection.d.ts +2 -0
  32. package/dist/src/sandbox/sections/OverlaysSection.d.ts +6 -0
  33. package/dist/src/sandbox/types.d.ts +7 -0
  34. package/package.json +6 -8
@@ -1,10 +1,12 @@
1
- export declare const version = "2026.08.26";
1
+ export declare const version = "2026.09.23.1";
2
2
  export { Alert } from './components/Alert';
3
3
  export type { AlertProps, AlertVariant } from './components/Alert/Alert';
4
4
  export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
5
5
  export type { AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, } from './components/AlertDialog/AlertDialog';
6
6
  export type { AreaChartProps } from './components/AreaChart';
7
7
  export { AreaChart } from './components/AreaChart';
8
+ export type { AutocompleteEmptyStateProps, AutocompleteItemProps, AutocompleteListProps, AutocompleteMode, AutocompletePopoverProps, AutocompleteProps, AutocompleteSectionProps, AutocompleteSize, Filter, } from './components/Autocomplete';
9
+ export { Autocomplete, AutocompleteContext, AutocompleteEmptyState, AutocompleteItem, AutocompleteList, AutocompletePopover, AutocompleteSection, AutocompleteStateContext, useAutocompleteInnerContext, useFilter, } from './components/Autocomplete';
8
10
  export type { AvatarGroupContextValue, AvatarGroupProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, } from './components/Avatar';
9
11
  export { Avatar, AvatarGroup, AvatarGroupContext } from './components/Avatar';
10
12
  export { Badge } from './components/Badge';
@@ -23,6 +25,8 @@ export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CardVa
23
25
  export { Card, CardBody, CardFooter, CardHeader } from './components/Card';
24
26
  export type { ChartContainerProps, LegendItem, } from './components/ChartContainer';
25
27
  export { ChartContainer } from './components/ChartContainer';
28
+ export type { CustomTooltipProps } from './components/ChartTooltip';
29
+ export { ChartTooltip } from './components/ChartTooltip';
26
30
  export { Checkbox } from './components/Checkbox';
27
31
  export type { CheckboxProps } from './components/Checkbox/Checkbox';
28
32
  export { CheckboxGroup } from './components/CheckboxGroup';
@@ -39,8 +43,8 @@ export { Description } from './components/Description';
39
43
  export type { DescriptionProps } from './components/Description/Description';
40
44
  export type { DoughnutChartProps } from './components/DoughnutChart';
41
45
  export { DoughnutChart } from './components/DoughnutChart';
42
- export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './components/Drawer';
43
- export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, } from './components/Drawer';
46
+ export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHandleProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './components/Drawer';
47
+ export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerGrabHandle, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerTitle, useDrawer, } from './components/Drawer';
44
48
  export type { EmptyStateActionsProps, EmptyStateAlign, EmptyStateDescriptionProps, EmptyStateIconProps, EmptyStateProps, EmptyStateSize, EmptyStateTitleProps, EmptyStateVariant, } from './components/EmptyState';
45
49
  export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, } from './components/EmptyState';
46
50
  export { ErrorMessage } from './components/ErrorMessage';
@@ -59,6 +63,8 @@ export type { LineChartProps } from './components/LineChart';
59
63
  export { LineChart } from './components/LineChart';
60
64
  export { Link } from './components/Link';
61
65
  export type { LinkProps } from './components/Link/Link';
66
+ export type { DropIndicatorProps, ListBoxItemProps, ListBoxLayout, ListBoxLoadMoreItemProps, ListBoxOrientation, ListBoxProps, ListBoxSectionProps, ListBoxSize, ListBoxVariant, } from './components/ListBox';
67
+ export { DropIndicator, Header, ListBox, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection, Text, } from './components/ListBox';
62
68
  export type { HighlightTextProps, LogAttributeChipProps, LogFilterLevel, LogItem, LogLevel, LogLevelBadgeProps, LogsProps, LogsViewerProps, } from './components/LogsViewer';
63
69
  export { HighlightText, LogAttributeChip, LogLevelBadge, Logs, LogsViewer, normalizeLogLevel, parseAttributes, parseLogLine, parseLogs, SERVER_LOG_RAW, SERVER_LOGS, stripAttributes, } from './components/LogsViewer';
64
70
  export { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader, ModalOverlay, } from './components/Modal';
@@ -81,8 +87,8 @@ export { Select, SelectItem, SelectPopover, SelectSection, SelectValue, } from '
81
87
  export type { SelectItemProps, SelectPopoverProps, SelectProps, SelectSectionProps, } from './components/Select/Select';
82
88
  export { Separator } from './components/Separator';
83
89
  export type { SeparatorProps } from './components/Separator/Separator';
84
- export type { SidebarAsideProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, } from './components/Sidebar';
85
- export { Sidebar, SidebarAside, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, } from './components/Sidebar';
90
+ export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarLayout, SidebarMainProps, SidebarProps, SidebarUserProps, } from './components/Sidebar';
91
+ export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './components/Sidebar';
86
92
  export { Skeleton } from './components/Skeleton';
87
93
  export type { SkeletonProps, SkeletonShape, SkeletonVariant, } from './components/Skeleton/Skeleton';
88
94
  export { Slider, SliderThumb, SliderTrack } from './components/Slider';
@@ -93,7 +99,7 @@ export type { StatProps } from './components/Stat';
93
99
  export { Stat } from './components/Stat';
94
100
  export { Switch } from './components/Switch';
95
101
  export type { SwitchProps } from './components/Switch/Switch';
96
- export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
102
+ export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
97
103
  export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, } from './components/Table';
98
104
  export type { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, } from './components/Tabs';
99
105
  export { Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs';
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export declare const HomeIcon: React.FC;
3
+ export declare const RadioIcon: React.FC;
4
+ export declare const ArtistIcon: React.FC;
5
+ export declare const AlbumIcon: React.FC;
6
+ export declare const FolderIcon: React.FC;
7
+ export declare const SongIcon: React.FC;
8
+ export declare const StoreIcon: React.FC;
9
+ export declare const DeviceIcon: React.FC;
10
+ export declare const PlaylistIcon: React.FC;
11
+ export declare const SettingsIcon: React.FC;
12
+ export declare const SunIcon: React.FC;
13
+ export declare const MoonIcon: React.FC;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const ActionsSection: React.FC;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ interface BlocksSectionProps {
3
+ isCollapsed: boolean;
4
+ onToggleCollapse: () => void;
5
+ isSidebarDense: boolean;
6
+ onToggleDense: () => void;
7
+ sidebarVariant: 'solid' | 'glass';
8
+ onToggleVariant: () => void;
9
+ showToggle: boolean;
10
+ onToggleShowToggle: () => void;
11
+ activeTab: string;
12
+ }
13
+ export declare const BlocksSection: React.FC<BlocksSectionProps>;
14
+ export {};
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const ChartsSection: React.FC;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const FeedbackSection: React.FC;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const FormsSection: React.FC;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const LayoutSection: React.FC;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const NavigationSection: React.FC;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ interface OverlaysSectionProps {
3
+ onOpenCommandPalette?: () => void;
4
+ }
5
+ export declare const OverlaysSection: React.FC<OverlaysSectionProps>;
6
+ export {};
@@ -0,0 +1,7 @@
1
+ export type SandboxCategoryId = 'all' | 'actions' | 'forms' | 'overlays' | 'feedback' | 'navigation' | 'layout' | 'charts' | 'blocks';
2
+ export interface SandboxCategory {
3
+ id: SandboxCategoryId;
4
+ label: string;
5
+ count: number;
6
+ description: string;
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moul-dev/ui",
3
- "version": "2026.08.26",
3
+ "version": "2026.09.23.1",
4
4
  "description": "Accessible, zero-runtime React component library built on React Aria and StyleX",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -60,7 +60,9 @@
60
60
  "dev": "vite",
61
61
  "build": "tsc -b && vite build",
62
62
  "build:watch": "vite build --watch",
63
- "lint": "eslint .",
63
+ "lint": "biome check",
64
+ "format": "biome format --write",
65
+ "gen:component": "bun ../scripts/gen-component.ts",
64
66
  "preview": "vite preview",
65
67
  "test": "vitest run"
66
68
  },
@@ -72,12 +74,13 @@
72
74
  "@phosphor-icons/react": "^2.1.10",
73
75
  "@stylexjs/stylex": "^0.19.0",
74
76
  "input-otp": "^1.4.2",
77
+ "motion": "^13.4.1",
75
78
  "react-aria": "^3.50.0",
76
79
  "react-aria-components": "^1.19.0",
77
80
  "recharts": "^3.9.2"
78
81
  },
79
82
  "devDependencies": {
80
- "@eslint/js": "^10.0.1",
83
+ "@biomejs/biome": "^2.5.0",
81
84
  "@stylexjs/unplugin": "^0.19.0",
82
85
  "@testing-library/jest-dom": "^6.6.3",
83
86
  "@testing-library/react": "^16.1.0",
@@ -85,17 +88,12 @@
85
88
  "@types/react": "^19.2.14",
86
89
  "@types/react-dom": "^19.2.3",
87
90
  "@vitejs/plugin-react": "^6.0.1",
88
- "eslint": "^10.3.0",
89
- "eslint-plugin-react-hooks": "^7.1.1",
90
- "eslint-plugin-react-refresh": "^0.5.2",
91
91
  "fast-check": "^3.23.2",
92
92
  "glob": "^11.0.0",
93
- "globals": "^17.6.0",
94
93
  "jsdom": "^25.0.1",
95
94
  "react": "^19.2.6",
96
95
  "react-dom": "^19.2.6",
97
96
  "typescript": "~6.0.2",
98
- "typescript-eslint": "^8.59.2",
99
97
  "vite": "^8.0.12",
100
98
  "vite-plugin-dts": "^5.0.2",
101
99
  "vitest": "^2.1.8"