@usefragments/ui 1.5.3 → 1.6.0
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.
- package/README.md +1 -1
- package/dist/assets/ui.css +8808 -5810
- package/dist/chart.cjs +7 -20
- package/dist/chart.js +7 -20
- package/dist/colorpicker.cjs +2 -1
- package/dist/colorpicker.js +2 -1
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +12 -12
- package/dist/components/Alert/Alert.module.scss.js +12 -12
- package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
- package/dist/components/AppShell/AppShell.module.scss.js +14 -14
- package/dist/components/AppShell/index.cjs +5 -3
- package/dist/components/AppShell/index.d.ts +4 -2
- package/dist/components/AppShell/index.d.ts.map +1 -1
- package/dist/components/AppShell/index.js +5 -3
- package/dist/components/Avatar/Avatar.module.scss.cjs +17 -14
- package/dist/components/Avatar/Avatar.module.scss.js +17 -14
- package/dist/components/Avatar/index.cjs +100 -118
- package/dist/components/Avatar/index.d.ts +7 -5
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.js +100 -118
- package/dist/components/Badge/Badge.module.scss.cjs +19 -19
- package/dist/components/Badge/Badge.module.scss.js +19 -19
- package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
- package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
- package/dist/components/Box/Box.module.scss.cjs +152 -152
- package/dist/components/Box/Box.module.scss.js +152 -152
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
- package/dist/components/Button/Button.module.scss.cjs +14 -14
- package/dist/components/Button/Button.module.scss.js +14 -14
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +15 -15
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +15 -15
- package/dist/components/Card/Card.module.scss.cjs +18 -18
- package/dist/components/Card/Card.module.scss.js +18 -18
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- package/dist/components/Chart/index.d.ts +7 -7
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +9 -15
- package/dist/components/Checkbox/Checkbox.module.scss.js +9 -15
- package/dist/components/Checkbox/index.cjs +4 -6
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -6
- package/dist/components/Chip/Chip.module.scss.cjs +15 -15
- package/dist/components/Chip/Chip.module.scss.js +15 -15
- package/dist/components/Chip/index.cjs +4 -5
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +2 -3
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +22 -22
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +22 -22
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -12
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -12
- package/dist/components/Collapsible/index.cjs +3 -2
- package/dist/components/Collapsible/index.d.ts +3 -3
- package/dist/components/Collapsible/index.d.ts.map +1 -1
- package/dist/components/Collapsible/index.js +3 -2
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +16 -16
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +16 -16
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -27
- package/dist/components/Combobox/Combobox.module.scss.js +21 -27
- package/dist/components/Combobox/index.cjs +4 -4
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +4 -4
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +11 -14
- package/dist/components/ConversationList/ConversationList.module.scss.js +11 -14
- package/dist/components/ConversationList/index.cjs +40 -44
- package/dist/components/ConversationList/index.d.ts +3 -3
- package/dist/components/ConversationList/index.d.ts.map +1 -1
- package/dist/components/ConversationList/index.js +40 -44
- package/dist/components/DataTable/DataTable.module.scss.cjs +32 -56
- package/dist/components/DataTable/DataTable.module.scss.js +32 -56
- package/dist/components/DataTable/index.d.ts +5 -4
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
- package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
- package/dist/components/Dialog/Dialog.module.scss.js +14 -14
- package/dist/components/Drawer/Drawer.module.scss.cjs +31 -28
- package/dist/components/Drawer/Drawer.module.scss.js +31 -28
- package/dist/components/Drawer/index.cjs +1 -1
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/Editor/Editor.module.scss.cjs +23 -23
- package/dist/components/Editor/Editor.module.scss.js +23 -23
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +12 -12
- package/dist/components/EmptyState/EmptyState.module.scss.js +12 -12
- package/dist/components/Field/Field.module.scss.cjs +8 -5
- package/dist/components/Field/Field.module.scss.js +8 -5
- package/dist/components/Field/index.cjs +10 -1
- package/dist/components/Field/index.d.ts +9 -2
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +10 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Form/Form.module.scss.cjs +5 -2
- package/dist/components/Form/Form.module.scss.js +5 -2
- package/dist/components/Form/index.cjs +6 -1
- package/dist/components/Form/index.d.ts +8 -3
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +6 -1
- package/dist/components/Grid/Grid.module.scss.cjs +54 -72
- package/dist/components/Grid/Grid.module.scss.js +54 -72
- package/dist/components/Grid/index.cjs +57 -77
- package/dist/components/Grid/index.d.ts +11 -11
- package/dist/components/Grid/index.d.ts.map +1 -1
- package/dist/components/Grid/index.js +57 -77
- package/dist/components/Header/Header.module.scss.cjs +33 -33
- package/dist/components/Header/Header.module.scss.js +33 -33
- package/dist/components/Header/index.cjs +2 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +2 -1
- package/dist/components/Icon/Icon.module.scss.cjs +29 -8
- package/dist/components/Icon/Icon.module.scss.js +30 -9
- package/dist/components/Icon/index.cjs +30 -48
- package/dist/components/Icon/index.d.ts +6 -6
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +30 -48
- package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
- package/dist/components/IconButton/IconButton.module.scss.js +8 -8
- package/dist/components/Input/Input.module.scss.cjs +19 -25
- package/dist/components/Input/Input.module.scss.js +19 -25
- package/dist/components/Input/index.cjs +1 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +1 -2
- package/dist/components/Link/Link.module.scss.cjs +10 -10
- package/dist/components/Link/Link.module.scss.js +10 -10
- package/dist/components/List/List.module.scss.cjs +19 -19
- package/dist/components/List/List.module.scss.js +19 -19
- package/dist/components/List/index.cjs +4 -7
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +4 -7
- package/dist/components/Listbox/Listbox.module.scss.cjs +9 -9
- package/dist/components/Listbox/Listbox.module.scss.js +9 -9
- package/dist/components/Loading/Loading.module.scss.cjs +30 -30
- package/dist/components/Loading/Loading.module.scss.js +30 -30
- package/dist/components/Loading/index.cjs +39 -67
- package/dist/components/Loading/index.d.ts +6 -6
- package/dist/components/Loading/index.d.ts.map +1 -1
- package/dist/components/Loading/index.js +39 -67
- package/dist/components/Main/Main.module.scss.cjs +7 -7
- package/dist/components/Main/Main.module.scss.js +7 -7
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +16 -16
- package/dist/components/Menu/Menu.module.scss.js +16 -16
- package/dist/components/Menu/index.cjs +19 -61
- package/dist/components/Menu/index.d.ts +10 -10
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +19 -61
- package/dist/components/Message/Message.module.scss.cjs +18 -21
- package/dist/components/Message/Message.module.scss.js +18 -21
- package/dist/components/Message/index.cjs +15 -2
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +15 -2
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
- package/dist/components/Pagination/Pagination.module.scss.cjs +18 -9
- package/dist/components/Pagination/Pagination.module.scss.js +19 -10
- package/dist/components/Pagination/index.cjs +5 -2
- package/dist/components/Pagination/index.d.ts +3 -1
- package/dist/components/Pagination/index.d.ts.map +1 -1
- package/dist/components/Pagination/index.js +5 -2
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Progress/Progress.module.scss.cjs +29 -32
- package/dist/components/Progress/Progress.module.scss.js +29 -32
- package/dist/components/Progress/geometry.cjs +30 -0
- package/dist/components/Progress/geometry.d.ts +8 -0
- package/dist/components/Progress/geometry.d.ts.map +1 -0
- package/dist/components/Progress/geometry.js +30 -0
- package/dist/components/Progress/index.cjs +40 -29
- package/dist/components/Progress/index.d.ts +4 -3
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +40 -29
- package/dist/components/Prompt/Prompt.module.scss.cjs +29 -29
- package/dist/components/Prompt/Prompt.module.scss.js +29 -29
- package/dist/components/Prompt/index.cjs +5 -4
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +5 -4
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +15 -21
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +15 -21
- package/dist/components/RadioGroup/index.cjs +7 -6
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +7 -6
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +7 -22
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +7 -22
- package/dist/components/ScrollArea/index.cjs +66 -42
- package/dist/components/ScrollArea/index.d.ts +3 -2
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/index.js +66 -42
- package/dist/components/ScrollArea/scroll-state.cjs +58 -0
- package/dist/components/ScrollArea/scroll-state.d.ts +16 -0
- package/dist/components/ScrollArea/scroll-state.d.ts.map +1 -0
- package/dist/components/ScrollArea/scroll-state.js +58 -0
- package/dist/components/Select/Select.module.scss.cjs +21 -21
- package/dist/components/Select/Select.module.scss.js +21 -21
- package/dist/components/Select/index.cjs +3 -2
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +3 -2
- package/dist/components/Separator/Separator.module.scss.cjs +13 -10
- package/dist/components/Separator/Separator.module.scss.js +13 -10
- package/dist/components/Separator/index.cjs +37 -38
- package/dist/components/Separator/index.d.ts +4 -4
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +37 -38
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
- package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
- package/dist/components/Sidebar/index.cjs +5 -3
- package/dist/components/Sidebar/index.d.ts +6 -1
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +5 -3
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -38
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -38
- package/dist/components/Skeleton/index.cjs +41 -55
- package/dist/components/Skeleton/index.d.ts +7 -7
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +41 -55
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Stack/Stack.module.scss.cjs +25 -45
- package/dist/components/Stack/Stack.module.scss.js +25 -45
- package/dist/components/Stack/index.cjs +106 -101
- package/dist/components/Stack/index.d.ts +7 -7
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.js +106 -101
- package/dist/components/Switch/Switch.module.scss.cjs +32 -0
- package/dist/components/Switch/Switch.module.scss.js +32 -0
- package/dist/components/{Toggle → Switch}/index.cjs +9 -14
- package/dist/components/Switch/index.d.ts +37 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/{Toggle → Switch}/index.js +5 -10
- package/dist/components/Table/Table.module.scss.cjs +18 -27
- package/dist/components/Table/Table.module.scss.js +18 -27
- package/dist/components/Table/index.d.ts +6 -5
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
- package/dist/components/Tabs/Tabs.module.scss.js +12 -12
- package/dist/components/Tabs/index.cjs +2 -2
- package/dist/components/Tabs/index.js +2 -2
- package/dist/components/Text/Text.module.scss.cjs +93 -57
- package/dist/components/Text/Text.module.scss.js +93 -57
- package/dist/components/Text/index.cjs +14 -6
- package/dist/components/Text/index.d.ts +25 -15
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +14 -6
- package/dist/components/Textarea/Textarea.module.scss.cjs +26 -23
- package/dist/components/Textarea/Textarea.module.scss.js +26 -23
- package/dist/components/Textarea/index.cjs +5 -10
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +5 -10
- package/dist/components/Theme/context.cjs +39 -0
- package/dist/components/Theme/context.d.ts +21 -0
- package/dist/components/Theme/context.d.ts.map +1 -0
- package/dist/components/Theme/context.js +22 -0
- package/dist/components/Theme/index.cjs +14 -209
- package/dist/components/Theme/index.d.ts +4 -37
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +9 -204
- package/dist/components/{Theme → ThemeToggle}/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +23 -0
- package/dist/components/ThemeToggle/index.cjs +115 -0
- package/dist/components/ThemeToggle/index.d.ts +21 -0
- package/dist/components/ThemeToggle/index.d.ts.map +1 -0
- package/dist/components/ThemeToggle/index.js +115 -0
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
- package/dist/components/ThinkingIndicator/index.cjs +34 -41
- package/dist/components/ThinkingIndicator/index.d.ts +4 -4
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
- package/dist/components/ThinkingIndicator/index.js +34 -41
- package/dist/components/Toast/Toast.module.scss.cjs +20 -20
- package/dist/components/Toast/Toast.module.scss.js +20 -20
- package/dist/components/Toggle/index.d.ts +2 -42
- package/dist/components/Toggle/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +20 -20
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +20 -20
- package/dist/components/ToggleGroup/index.cjs +3 -2
- package/dist/components/ToggleGroup/index.d.ts +2 -1
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +3 -2
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/data-table.cjs +12 -9
- package/dist/data-table.js +12 -9
- package/dist/datepicker.cjs +2 -1
- package/dist/datepicker.js +2 -1
- package/dist/index.cjs +100 -98
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/markdown.cjs +1 -1
- package/dist/markdown.js +2 -2
- package/dist/measurements/generated.cjs +296 -0
- package/dist/measurements/generated.d.ts +261 -0
- package/dist/measurements/generated.d.ts.map +1 -0
- package/dist/measurements/generated.js +296 -0
- package/dist/measurements/index.d.ts +2 -0
- package/dist/measurements/index.d.ts.map +1 -0
- package/dist/measurements.cjs +6 -0
- package/dist/measurements.js +6 -0
- package/dist/recipes/popup.cjs +14 -0
- package/dist/recipes/popup.d.ts +4 -0
- package/dist/recipes/popup.d.ts.map +1 -0
- package/dist/recipes/popup.js +14 -0
- package/dist/recipes/table-chrome.cjs +18 -0
- package/dist/recipes/table-chrome.d.ts +10 -0
- package/dist/recipes/table-chrome.d.ts.map +1 -0
- package/dist/recipes/table-chrome.js +18 -0
- package/dist/table.cjs +5 -2
- package/dist/table.js +5 -2
- package/dist/utils/layout-spacing.cjs +27 -0
- package/dist/utils/layout-spacing.d.ts +5 -0
- package/dist/utils/layout-spacing.d.ts.map +1 -0
- package/dist/utils/layout-spacing.js +27 -0
- package/dist/utils/seed-derivation.cjs +4 -42
- package/dist/utils/seed-derivation.d.ts +4 -3
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +4 -42
- package/dist/utils/theme-presets.cjs +1 -0
- package/dist/utils/theme-presets.d.ts +3 -2
- package/dist/utils/theme-presets.d.ts.map +1 -1
- package/dist/utils/theme-presets.js +1 -0
- package/fragments.json +1 -1
- package/package.json +23 -4
- package/src/components/Accordion/Accordion.module.scss +31 -52
- package/src/components/Alert/Alert.module.scss +28 -44
- package/src/components/AppShell/AppShell.module.scss +6 -3
- package/src/components/AppShell/index.tsx +8 -4
- package/src/components/Avatar/Avatar.module.scss +22 -60
- package/src/components/Avatar/index.tsx +152 -146
- package/src/components/Badge/Badge.module.scss +51 -46
- package/src/components/BentoGrid/BentoGrid.module.scss +11 -32
- package/src/components/Box/Box.module.scss +253 -81
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +10 -11
- package/src/components/Button/Button.module.scss +52 -57
- package/src/components/ButtonGroup/ButtonGroup.module.scss +5 -5
- package/src/components/Card/Card.consumer-fixture.module.scss +8 -0
- package/src/components/Card/Card.module.scss +211 -175
- package/src/components/Chart/Chart.module.scss +28 -29
- package/src/components/Chart/index.tsx +40 -53
- package/src/components/Checkbox/Checkbox.module.scss +43 -64
- package/src/components/Checkbox/index.tsx +4 -9
- package/src/components/Chip/Chip.contract.json +4 -3
- package/src/components/Chip/Chip.module.scss +23 -34
- package/src/components/Chip/index.tsx +3 -4
- package/src/components/CodeBlock/CodeBlock.module.scss +102 -215
- package/src/components/Collapsible/Collapsible.module.scss +29 -63
- package/src/components/Collapsible/index.tsx +22 -26
- package/src/components/ColorPicker/ColorPicker.module.scss +42 -24
- package/src/components/ColorPicker/index.tsx +2 -1
- package/src/components/Combobox/Combobox.module.scss +60 -73
- package/src/components/Combobox/index.tsx +7 -5
- package/src/components/Command/Command.module.scss +47 -77
- package/src/components/ConversationList/ConversationList.module.scss +20 -78
- package/src/components/ConversationList/index.tsx +55 -59
- package/src/components/DataTable/DataTable.module.scss +76 -216
- package/src/components/DataTable/index.tsx +20 -25
- package/src/components/DatePicker/DatePicker.module.scss +54 -33
- package/src/components/DatePicker/index.tsx +2 -1
- package/src/components/Dialog/Dialog.module.scss +42 -66
- package/src/components/Drawer/Drawer.module.scss +93 -99
- package/src/components/Drawer/index.tsx +1 -1
- package/src/components/Editor/Editor.module.scss +115 -220
- package/src/components/EmptyState/EmptyState.module.scss +38 -85
- package/src/components/Field/Field.contract.json +2 -1
- package/src/components/Field/Field.module.scss +9 -11
- package/src/components/Field/index.tsx +27 -1
- package/src/components/Fieldset/Fieldset.module.scss +14 -6
- package/src/components/Form/Form.contract.json +10 -23
- package/src/components/Form/Form.module.scss +9 -4
- package/src/components/Form/index.tsx +22 -7
- package/src/components/Grid/Grid.module.scss +159 -63
- package/src/components/Grid/index.tsx +107 -126
- package/src/components/Header/Header.module.scss +25 -32
- package/src/components/Header/index.tsx +2 -1
- package/src/components/Icon/Icon.module.scss +16 -0
- package/src/components/Icon/index.tsx +74 -86
- package/src/components/IconButton/IconButton.module.scss +11 -21
- package/src/components/Input/Input.module.scss +67 -55
- package/src/components/Input/index.tsx +1 -2
- package/src/components/Link/Link.module.scss +8 -9
- package/src/components/List/List.module.scss +16 -21
- package/src/components/List/index.tsx +4 -10
- package/src/components/Listbox/Listbox.module.scss +26 -54
- package/src/components/Loading/Loading.module.scss +23 -33
- package/src/components/Loading/index.tsx +68 -97
- package/src/components/Main/Main.module.scss +3 -5
- package/src/components/Markdown/Markdown.module.scss +36 -184
- package/src/components/Markdown/index.tsx +2 -2
- package/src/components/Menu/Menu.module.scss +48 -133
- package/src/components/Menu/index.tsx +57 -89
- package/src/components/Message/Message.module.scss +52 -142
- package/src/components/Message/index.tsx +16 -6
- package/src/components/NavigationMenu/NavigationMenu.module.scss +59 -52
- package/src/components/Pagination/Pagination.module.scss +32 -25
- package/src/components/Pagination/index.tsx +7 -2
- package/src/components/Popover/Popover.module.scss +37 -73
- package/src/components/Progress/Progress.module.scss +61 -41
- package/src/components/Progress/geometry.ts +41 -0
- package/src/components/Progress/index.tsx +44 -30
- package/src/components/Prompt/Prompt.module.scss +45 -82
- package/src/components/Prompt/index.tsx +6 -5
- package/src/components/RadioGroup/RadioGroup.module.scss +50 -69
- package/src/components/RadioGroup/index.tsx +7 -9
- package/src/components/ScrollArea/ScrollArea.contract.json +8 -24
- package/src/components/ScrollArea/ScrollArea.module.scss +122 -96
- package/src/components/ScrollArea/index.tsx +78 -60
- package/src/components/ScrollArea/scroll-state.ts +87 -0
- package/src/components/Select/Select.module.scss +53 -41
- package/src/components/Select/index.tsx +6 -2
- package/src/components/Separator/Separator.module.scss +29 -19
- package/src/components/Separator/index.tsx +55 -51
- package/src/components/Sidebar/Sidebar.contract.json +12 -0
- package/src/components/Sidebar/Sidebar.module.scss +101 -99
- package/src/components/Sidebar/index.tsx +10 -3
- package/src/components/Skeleton/Skeleton.module.scss +26 -26
- package/src/components/Skeleton/index.tsx +65 -72
- package/src/components/Slider/Slider.module.scss +31 -25
- package/src/components/Stack/Stack.module.scss +101 -30
- package/src/components/Stack/index.tsx +157 -127
- package/src/components/{Toggle/Toggle.contract.json → Switch/Switch.contract.json} +1 -1
- package/src/components/{Toggle/Toggle.module.scss → Switch/Switch.module.scss} +55 -82
- package/src/components/{Toggle → Switch}/index.tsx +5 -21
- package/src/components/Table/Table.module.scss +38 -129
- package/src/components/Table/index.tsx +13 -6
- package/src/components/TableOfContents/TableOfContents.module.scss +20 -177
- package/src/components/Tabs/Tabs.module.scss +27 -22
- package/src/components/Tabs/index.tsx +2 -2
- package/src/components/Text/Text.module.scss +22 -3
- package/src/components/Text/index.tsx +56 -21
- package/src/components/Textarea/Textarea.module.scss +59 -39
- package/src/components/Textarea/index.tsx +5 -12
- package/src/components/Theme/context.ts +42 -0
- package/src/components/Theme/index.tsx +14 -309
- package/src/components/ThemeToggle/ThemeToggle.module.scss +73 -0
- package/src/components/ThemeToggle/index.tsx +144 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +24 -19
- package/src/components/ThinkingIndicator/index.tsx +44 -54
- package/src/components/Toast/Toast.contract.json +5 -21
- package/src/components/Toast/Toast.module.scss +61 -138
- package/src/components/Toggle/index.ts +7 -0
- package/src/components/ToggleGroup/ToggleGroup.contract.json +12 -39
- package/src/components/ToggleGroup/ToggleGroup.module.scss +132 -88
- package/src/components/ToggleGroup/index.tsx +5 -3
- package/src/components/Tooltip/Tooltip.module.scss +23 -39
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +3 -0
- package/src/index.ts +2 -1
- package/src/measurements/MeasurementTargets.module.scss +229 -0
- package/src/measurements/generated.ts +317 -0
- package/src/measurements/index.ts +8 -0
- package/src/measurements/measurements.json +361 -0
- package/src/recipes/_action.scss +138 -0
- package/src/recipes/_boolean-range.scss +124 -0
- package/src/recipes/_feedback.scss +171 -0
- package/src/recipes/_field.scss +98 -0
- package/src/recipes/_layout.scss +67 -0
- package/src/recipes/_navigation.scss +110 -0
- package/src/recipes/_overlay.scss +191 -0
- package/src/recipes/_popup.scss +92 -0
- package/src/recipes/_prose.scss +174 -0
- package/src/recipes/_representation.scss +193 -0
- package/src/recipes/_segmented.scss +26 -0
- package/src/recipes/_surface.scss +13 -0
- package/src/recipes/_table-chrome.scss +105 -0
- package/src/recipes/_target.scss +31 -0
- package/src/recipes/_typography.scss +38 -0
- package/src/recipes/popup.ts +12 -0
- package/src/recipes/table-chrome.ts +30 -0
- package/src/styles/globals.scss +2 -2
- package/src/tokens/_component-properties.scss +2 -2
- package/src/tokens/_computed.scss +9 -9
- package/src/tokens/_density.scss +41 -132
- package/src/tokens/_measurements.catalog.generated.css +91 -0
- package/src/tokens/_measurements.generated.scss +604 -0
- package/src/tokens/_mixins.scss +0 -276
- package/src/tokens/_property-registrations.scss +96 -92
- package/src/tokens/_radius.scss +16 -70
- package/src/tokens/_seeds.scss +8 -7
- package/src/tokens/_variables.scss +163 -148
- package/src/utils/layout-spacing.ts +31 -0
- package/src/utils/seed-derivation.ts +134 -172
- package/src/utils/theme-presets.ts +58 -30
- package/dist/components/Theme/ThemeToggle.module.scss.js +0 -23
- package/dist/components/Toggle/Toggle.module.scss.cjs +0 -44
- package/dist/components/Toggle/Toggle.module.scss.js +0 -44
- package/src/components/Switch/index.ts +0 -3
- package/src/components/Theme/ThemeToggle.module.scss +0 -91
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
const separator = "
|
|
2
|
-
const horizontal = "
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
1
|
+
const separator = "_separator_1g93x_1";
|
|
2
|
+
const horizontal = "_horizontal_1g93x_6";
|
|
3
|
+
const line = "_line_1g93x_9";
|
|
4
|
+
const vertical = "_vertical_1g93x_16";
|
|
5
|
+
const withLabel = "_withLabel_1g93x_27";
|
|
6
|
+
const label = "_label_1g93x_40";
|
|
7
|
+
const spacingNone = "_spacingNone_1g93x_51";
|
|
8
|
+
const spacingSm = "_spacingSm_1g93x_55";
|
|
9
|
+
const spacingMd = "_spacingMd_1g93x_62";
|
|
10
|
+
const spacingLg = "_spacingLg_1g93x_69";
|
|
11
|
+
const soft = "_soft_1g93x_76";
|
|
11
12
|
const styles = {
|
|
12
13
|
separator,
|
|
13
14
|
horizontal,
|
|
15
|
+
line,
|
|
14
16
|
vertical,
|
|
15
17
|
withLabel,
|
|
16
18
|
label,
|
|
@@ -24,6 +26,7 @@ export {
|
|
|
24
26
|
styles as default,
|
|
25
27
|
horizontal,
|
|
26
28
|
label,
|
|
29
|
+
line,
|
|
27
30
|
separator,
|
|
28
31
|
soft,
|
|
29
32
|
spacingLg,
|
|
@@ -28,56 +28,55 @@ const spacingClasses = {
|
|
|
28
28
|
md: Separator_module.default.spacingMd,
|
|
29
29
|
lg: Separator_module.default.spacingLg
|
|
30
30
|
};
|
|
31
|
-
const SeparatorRoot = React__namespace.forwardRef(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const classes2 = [
|
|
43
|
-
Separator_module.default.separator,
|
|
44
|
-
Separator_module.default.withLabel,
|
|
45
|
-
spacingClasses[spacing],
|
|
46
|
-
soft && Separator_module.default.soft,
|
|
47
|
-
className
|
|
48
|
-
].filter(Boolean).join(" ");
|
|
49
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
-
"div",
|
|
51
|
-
{
|
|
52
|
-
ref,
|
|
53
|
-
role: "separator",
|
|
54
|
-
"aria-orientation": "horizontal",
|
|
55
|
-
className: classes2,
|
|
56
|
-
style,
|
|
57
|
-
...htmlProps,
|
|
58
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Separator_module.default.label, children: label })
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
const classes = [
|
|
31
|
+
const SeparatorRoot = React__namespace.forwardRef(function Separator2({
|
|
32
|
+
orientation = "horizontal",
|
|
33
|
+
spacing = "none",
|
|
34
|
+
soft = false,
|
|
35
|
+
label,
|
|
36
|
+
className,
|
|
37
|
+
style,
|
|
38
|
+
...htmlProps
|
|
39
|
+
}, ref) {
|
|
40
|
+
if (label && orientation === "horizontal") {
|
|
41
|
+
const classes2 = [
|
|
63
42
|
Separator_module.default.separator,
|
|
64
|
-
|
|
43
|
+
Separator_module.default.withLabel,
|
|
65
44
|
spacingClasses[spacing],
|
|
66
45
|
soft && Separator_module.default.soft,
|
|
67
46
|
className
|
|
68
47
|
].filter(Boolean).join(" ");
|
|
69
48
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
70
|
-
|
|
49
|
+
"div",
|
|
71
50
|
{
|
|
72
51
|
ref,
|
|
73
|
-
|
|
74
|
-
|
|
52
|
+
role: "separator",
|
|
53
|
+
"aria-orientation": "horizontal",
|
|
54
|
+
className: classes2,
|
|
75
55
|
style,
|
|
76
|
-
...htmlProps
|
|
56
|
+
...htmlProps,
|
|
57
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Separator_module.default.label, children: label })
|
|
77
58
|
}
|
|
78
59
|
);
|
|
79
60
|
}
|
|
80
|
-
|
|
61
|
+
const classes = [
|
|
62
|
+
Separator_module.default.separator,
|
|
63
|
+
orientation === "horizontal" ? Separator_module.default.horizontal : Separator_module.default.vertical,
|
|
64
|
+
spacingClasses[spacing],
|
|
65
|
+
soft && Separator_module.default.soft,
|
|
66
|
+
className
|
|
67
|
+
].filter(Boolean).join(" ");
|
|
68
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
69
|
+
separator.Separator,
|
|
70
|
+
{
|
|
71
|
+
ref,
|
|
72
|
+
orientation,
|
|
73
|
+
className: classes,
|
|
74
|
+
style,
|
|
75
|
+
...htmlProps,
|
|
76
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Separator_module.default.line, "aria-hidden": "true" })
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
});
|
|
81
80
|
const Separator = Object.assign(SeparatorRoot, {
|
|
82
81
|
Root: SeparatorRoot
|
|
83
82
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
export interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
3
3
|
/** Orientation of the separator */
|
|
4
|
-
orientation?:
|
|
4
|
+
orientation?: "horizontal" | "vertical";
|
|
5
5
|
/** Spacing around the separator */
|
|
6
|
-
spacing?:
|
|
6
|
+
spacing?: "none" | "sm" | "md" | "lg";
|
|
7
7
|
/** Softer visual appearance */
|
|
8
8
|
soft?: boolean;
|
|
9
9
|
/** Optional label text (creates a labeled divider) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+ED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}
|
|
@@ -9,56 +9,55 @@ const spacingClasses = {
|
|
|
9
9
|
md: styles.spacingMd,
|
|
10
10
|
lg: styles.spacingLg
|
|
11
11
|
};
|
|
12
|
-
const SeparatorRoot = React.forwardRef(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const classes2 = [
|
|
24
|
-
styles.separator,
|
|
25
|
-
styles.withLabel,
|
|
26
|
-
spacingClasses[spacing],
|
|
27
|
-
soft && styles.soft,
|
|
28
|
-
className
|
|
29
|
-
].filter(Boolean).join(" ");
|
|
30
|
-
return /* @__PURE__ */ jsx(
|
|
31
|
-
"div",
|
|
32
|
-
{
|
|
33
|
-
ref,
|
|
34
|
-
role: "separator",
|
|
35
|
-
"aria-orientation": "horizontal",
|
|
36
|
-
className: classes2,
|
|
37
|
-
style,
|
|
38
|
-
...htmlProps,
|
|
39
|
-
children: /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
|
|
40
|
-
}
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
const classes = [
|
|
12
|
+
const SeparatorRoot = React.forwardRef(function Separator2({
|
|
13
|
+
orientation = "horizontal",
|
|
14
|
+
spacing = "none",
|
|
15
|
+
soft = false,
|
|
16
|
+
label,
|
|
17
|
+
className,
|
|
18
|
+
style,
|
|
19
|
+
...htmlProps
|
|
20
|
+
}, ref) {
|
|
21
|
+
if (label && orientation === "horizontal") {
|
|
22
|
+
const classes2 = [
|
|
44
23
|
styles.separator,
|
|
45
|
-
|
|
24
|
+
styles.withLabel,
|
|
46
25
|
spacingClasses[spacing],
|
|
47
26
|
soft && styles.soft,
|
|
48
27
|
className
|
|
49
28
|
].filter(Boolean).join(" ");
|
|
50
29
|
return /* @__PURE__ */ jsx(
|
|
51
|
-
|
|
30
|
+
"div",
|
|
52
31
|
{
|
|
53
32
|
ref,
|
|
54
|
-
|
|
55
|
-
|
|
33
|
+
role: "separator",
|
|
34
|
+
"aria-orientation": "horizontal",
|
|
35
|
+
className: classes2,
|
|
56
36
|
style,
|
|
57
|
-
...htmlProps
|
|
37
|
+
...htmlProps,
|
|
38
|
+
children: /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
|
|
58
39
|
}
|
|
59
40
|
);
|
|
60
41
|
}
|
|
61
|
-
|
|
42
|
+
const classes = [
|
|
43
|
+
styles.separator,
|
|
44
|
+
orientation === "horizontal" ? styles.horizontal : styles.vertical,
|
|
45
|
+
spacingClasses[spacing],
|
|
46
|
+
soft && styles.soft,
|
|
47
|
+
className
|
|
48
|
+
].filter(Boolean).join(" ");
|
|
49
|
+
return /* @__PURE__ */ jsx(
|
|
50
|
+
Separator$1,
|
|
51
|
+
{
|
|
52
|
+
ref,
|
|
53
|
+
orientation,
|
|
54
|
+
className: classes,
|
|
55
|
+
style,
|
|
56
|
+
...htmlProps,
|
|
57
|
+
children: /* @__PURE__ */ jsx("span", { className: styles.line, "aria-hidden": "true" })
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
});
|
|
62
61
|
const Separator = Object.assign(SeparatorRoot, {
|
|
63
62
|
Root: SeparatorRoot
|
|
64
63
|
});
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const mobile = "
|
|
5
|
-
const positionRight = "
|
|
6
|
-
const collapsed = "
|
|
7
|
-
const header = "
|
|
8
|
-
const nav = "
|
|
9
|
-
const footer = "
|
|
10
|
-
const sectionLabel = "
|
|
11
|
-
const itemLabel = "
|
|
12
|
-
const itemBadge = "
|
|
13
|
-
const itemChevron = "
|
|
14
|
-
const item = "
|
|
15
|
-
const itemIcon = "
|
|
16
|
-
const collapseToggle = "
|
|
17
|
-
const collapsedNoIcons = "
|
|
18
|
-
const offcanvasCollapsed = "
|
|
19
|
-
const collapseToggleFloating = "
|
|
20
|
-
const rail = "
|
|
21
|
-
const navScrollArea = "
|
|
22
|
-
const section = "
|
|
23
|
-
const sectionHeader = "
|
|
24
|
-
const sectionTrigger = "
|
|
25
|
-
const sectionActionWrapper = "
|
|
26
|
-
const sectionAction = "
|
|
27
|
-
const sectionList = "
|
|
28
|
-
const submenu = "
|
|
29
|
-
const sectionCollapsible = "
|
|
30
|
-
const itemWrapper = "
|
|
31
|
-
const subItemWrapper = "
|
|
32
|
-
const submenuWrapper = "
|
|
33
|
-
const itemDisabled = "
|
|
34
|
-
const itemActive = "
|
|
35
|
-
const subItemDisabled = "
|
|
36
|
-
const itemMultiline = "
|
|
37
|
-
const itemExpanded = "
|
|
38
|
-
const subItem = "
|
|
39
|
-
const subItemActive = "
|
|
40
|
-
const trigger = "
|
|
41
|
-
const overlay = "
|
|
42
|
-
const railCollapsed = "
|
|
43
|
-
const menuSkeleton = "
|
|
44
|
-
const skeletonItem = "
|
|
45
|
-
const skeletonLabel = "
|
|
3
|
+
const root = "_root_1cdtb_1";
|
|
4
|
+
const mobile = "_mobile_1cdtb_52";
|
|
5
|
+
const positionRight = "_positionRight_1cdtb_58";
|
|
6
|
+
const collapsed = "_collapsed_1cdtb_63";
|
|
7
|
+
const header = "_header_1cdtb_66";
|
|
8
|
+
const nav = "_nav_1cdtb_67";
|
|
9
|
+
const footer = "_footer_1cdtb_68";
|
|
10
|
+
const sectionLabel = "_sectionLabel_1cdtb_75";
|
|
11
|
+
const itemLabel = "_itemLabel_1cdtb_86";
|
|
12
|
+
const itemBadge = "_itemBadge_1cdtb_87";
|
|
13
|
+
const itemChevron = "_itemChevron_1cdtb_88";
|
|
14
|
+
const item = "_item_1cdtb_86";
|
|
15
|
+
const itemIcon = "_itemIcon_1cdtb_96";
|
|
16
|
+
const collapseToggle = "_collapseToggle_1cdtb_99";
|
|
17
|
+
const collapsedNoIcons = "_collapsedNoIcons_1cdtb_103";
|
|
18
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_1cdtb_106";
|
|
19
|
+
const collapseToggleFloating = "_collapseToggleFloating_1cdtb_112";
|
|
20
|
+
const rail = "_rail_1cdtb_126";
|
|
21
|
+
const navScrollArea = "_navScrollArea_1cdtb_167";
|
|
22
|
+
const section = "_section_1cdtb_75";
|
|
23
|
+
const sectionHeader = "_sectionHeader_1cdtb_176";
|
|
24
|
+
const sectionTrigger = "_sectionTrigger_1cdtb_206";
|
|
25
|
+
const sectionActionWrapper = "_sectionActionWrapper_1cdtb_217";
|
|
26
|
+
const sectionAction = "_sectionAction_1cdtb_217";
|
|
27
|
+
const sectionList = "_sectionList_1cdtb_299";
|
|
28
|
+
const submenu = "_submenu_1cdtb_300";
|
|
29
|
+
const sectionCollapsible = "_sectionCollapsible_1cdtb_309";
|
|
30
|
+
const itemWrapper = "_itemWrapper_1cdtb_357";
|
|
31
|
+
const subItemWrapper = "_subItemWrapper_1cdtb_358";
|
|
32
|
+
const submenuWrapper = "_submenuWrapper_1cdtb_359";
|
|
33
|
+
const itemDisabled = "_itemDisabled_1cdtb_428";
|
|
34
|
+
const itemActive = "_itemActive_1cdtb_437";
|
|
35
|
+
const subItemDisabled = "_subItemDisabled_1cdtb_522";
|
|
36
|
+
const itemMultiline = "_itemMultiline_1cdtb_578";
|
|
37
|
+
const itemExpanded = "_itemExpanded_1cdtb_605";
|
|
38
|
+
const subItem = "_subItem_1cdtb_358";
|
|
39
|
+
const subItemActive = "_subItemActive_1cdtb_702";
|
|
40
|
+
const trigger = "_trigger_1cdtb_720";
|
|
41
|
+
const overlay = "_overlay_1cdtb_785";
|
|
42
|
+
const railCollapsed = "_railCollapsed_1cdtb_929";
|
|
43
|
+
const menuSkeleton = "_menuSkeleton_1cdtb_933";
|
|
44
|
+
const skeletonItem = "_skeletonItem_1cdtb_940";
|
|
45
|
+
const skeletonLabel = "_skeletonLabel_1cdtb_969";
|
|
46
46
|
const styles = {
|
|
47
47
|
root,
|
|
48
48
|
mobile,
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const mobile = "
|
|
3
|
-
const positionRight = "
|
|
4
|
-
const collapsed = "
|
|
5
|
-
const header = "
|
|
6
|
-
const nav = "
|
|
7
|
-
const footer = "
|
|
8
|
-
const sectionLabel = "
|
|
9
|
-
const itemLabel = "
|
|
10
|
-
const itemBadge = "
|
|
11
|
-
const itemChevron = "
|
|
12
|
-
const item = "
|
|
13
|
-
const itemIcon = "
|
|
14
|
-
const collapseToggle = "
|
|
15
|
-
const collapsedNoIcons = "
|
|
16
|
-
const offcanvasCollapsed = "
|
|
17
|
-
const collapseToggleFloating = "
|
|
18
|
-
const rail = "
|
|
19
|
-
const navScrollArea = "
|
|
20
|
-
const section = "
|
|
21
|
-
const sectionHeader = "
|
|
22
|
-
const sectionTrigger = "
|
|
23
|
-
const sectionActionWrapper = "
|
|
24
|
-
const sectionAction = "
|
|
25
|
-
const sectionList = "
|
|
26
|
-
const submenu = "
|
|
27
|
-
const sectionCollapsible = "
|
|
28
|
-
const itemWrapper = "
|
|
29
|
-
const subItemWrapper = "
|
|
30
|
-
const submenuWrapper = "
|
|
31
|
-
const itemDisabled = "
|
|
32
|
-
const itemActive = "
|
|
33
|
-
const subItemDisabled = "
|
|
34
|
-
const itemMultiline = "
|
|
35
|
-
const itemExpanded = "
|
|
36
|
-
const subItem = "
|
|
37
|
-
const subItemActive = "
|
|
38
|
-
const trigger = "
|
|
39
|
-
const overlay = "
|
|
40
|
-
const railCollapsed = "
|
|
41
|
-
const menuSkeleton = "
|
|
42
|
-
const skeletonItem = "
|
|
43
|
-
const skeletonLabel = "
|
|
1
|
+
const root = "_root_1cdtb_1";
|
|
2
|
+
const mobile = "_mobile_1cdtb_52";
|
|
3
|
+
const positionRight = "_positionRight_1cdtb_58";
|
|
4
|
+
const collapsed = "_collapsed_1cdtb_63";
|
|
5
|
+
const header = "_header_1cdtb_66";
|
|
6
|
+
const nav = "_nav_1cdtb_67";
|
|
7
|
+
const footer = "_footer_1cdtb_68";
|
|
8
|
+
const sectionLabel = "_sectionLabel_1cdtb_75";
|
|
9
|
+
const itemLabel = "_itemLabel_1cdtb_86";
|
|
10
|
+
const itemBadge = "_itemBadge_1cdtb_87";
|
|
11
|
+
const itemChevron = "_itemChevron_1cdtb_88";
|
|
12
|
+
const item = "_item_1cdtb_86";
|
|
13
|
+
const itemIcon = "_itemIcon_1cdtb_96";
|
|
14
|
+
const collapseToggle = "_collapseToggle_1cdtb_99";
|
|
15
|
+
const collapsedNoIcons = "_collapsedNoIcons_1cdtb_103";
|
|
16
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_1cdtb_106";
|
|
17
|
+
const collapseToggleFloating = "_collapseToggleFloating_1cdtb_112";
|
|
18
|
+
const rail = "_rail_1cdtb_126";
|
|
19
|
+
const navScrollArea = "_navScrollArea_1cdtb_167";
|
|
20
|
+
const section = "_section_1cdtb_75";
|
|
21
|
+
const sectionHeader = "_sectionHeader_1cdtb_176";
|
|
22
|
+
const sectionTrigger = "_sectionTrigger_1cdtb_206";
|
|
23
|
+
const sectionActionWrapper = "_sectionActionWrapper_1cdtb_217";
|
|
24
|
+
const sectionAction = "_sectionAction_1cdtb_217";
|
|
25
|
+
const sectionList = "_sectionList_1cdtb_299";
|
|
26
|
+
const submenu = "_submenu_1cdtb_300";
|
|
27
|
+
const sectionCollapsible = "_sectionCollapsible_1cdtb_309";
|
|
28
|
+
const itemWrapper = "_itemWrapper_1cdtb_357";
|
|
29
|
+
const subItemWrapper = "_subItemWrapper_1cdtb_358";
|
|
30
|
+
const submenuWrapper = "_submenuWrapper_1cdtb_359";
|
|
31
|
+
const itemDisabled = "_itemDisabled_1cdtb_428";
|
|
32
|
+
const itemActive = "_itemActive_1cdtb_437";
|
|
33
|
+
const subItemDisabled = "_subItemDisabled_1cdtb_522";
|
|
34
|
+
const itemMultiline = "_itemMultiline_1cdtb_578";
|
|
35
|
+
const itemExpanded = "_itemExpanded_1cdtb_605";
|
|
36
|
+
const subItem = "_subItem_1cdtb_358";
|
|
37
|
+
const subItemActive = "_subItemActive_1cdtb_702";
|
|
38
|
+
const trigger = "_trigger_1cdtb_720";
|
|
39
|
+
const overlay = "_overlay_1cdtb_785";
|
|
40
|
+
const railCollapsed = "_railCollapsed_1cdtb_929";
|
|
41
|
+
const menuSkeleton = "_menuSkeleton_1cdtb_933";
|
|
42
|
+
const skeletonItem = "_skeletonItem_1cdtb_940";
|
|
43
|
+
const skeletonLabel = "_skeletonLabel_1cdtb_969";
|
|
44
44
|
const styles = {
|
|
45
45
|
root,
|
|
46
46
|
mobile,
|
|
@@ -117,7 +117,7 @@ function useSidebar() {
|
|
|
117
117
|
isMobile: false,
|
|
118
118
|
position: "left",
|
|
119
119
|
width: "240px",
|
|
120
|
-
collapsedWidth: "56px",
|
|
120
|
+
collapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
121
121
|
collapsible: "icon",
|
|
122
122
|
hasIcons: true,
|
|
123
123
|
toggleSidebar: () => {
|
|
@@ -194,7 +194,7 @@ function SidebarProvider({
|
|
|
194
194
|
defaultOpen = false,
|
|
195
195
|
onOpenChange,
|
|
196
196
|
width = "240px",
|
|
197
|
-
collapsedWidth = "56px",
|
|
197
|
+
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
198
198
|
position = "left",
|
|
199
199
|
collapsible = "icon",
|
|
200
200
|
enableKeyboardShortcut = true
|
|
@@ -270,9 +270,10 @@ function SidebarRoot({
|
|
|
270
270
|
defaultOpen = false,
|
|
271
271
|
onOpenChange,
|
|
272
272
|
width = "240px",
|
|
273
|
-
collapsedWidth = "56px",
|
|
273
|
+
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
274
274
|
position = "left",
|
|
275
275
|
collapsible = "icon",
|
|
276
|
+
activeIndicator = "start",
|
|
276
277
|
className,
|
|
277
278
|
style: styleProp,
|
|
278
279
|
"aria-label": ariaLabel,
|
|
@@ -385,6 +386,7 @@ function SidebarRoot({
|
|
|
385
386
|
"data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
|
|
386
387
|
"data-position": resolvedPosition,
|
|
387
388
|
"data-collapsible": resolvedCollapsible,
|
|
389
|
+
"data-active-indicator": activeIndicator,
|
|
388
390
|
"data-icon-collapse": resolvedCollapsible === "icon" ? hasIcons ? "icons" : "none" : void 0,
|
|
389
391
|
children
|
|
390
392
|
}
|
|
@@ -48,6 +48,11 @@ export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
48
48
|
position?: 'left' | 'right';
|
|
49
49
|
/** Collapse behavior: 'icon' (default), 'offcanvas', or 'none' */
|
|
50
50
|
collapsible?: SidebarCollapsible;
|
|
51
|
+
/**
|
|
52
|
+
* Where the active-item affordance paints. `start` is the default rail;
|
|
53
|
+
* `end` is a trailing status dot for product shells that prefer that language.
|
|
54
|
+
*/
|
|
55
|
+
activeIndicator?: 'start' | 'end';
|
|
51
56
|
}
|
|
52
57
|
export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
53
58
|
children: React.ReactNode;
|
|
@@ -184,7 +189,7 @@ declare function useSidebarContext(): SidebarContextValue;
|
|
|
184
189
|
* This enables external triggers and keyboard shortcuts.
|
|
185
190
|
*/
|
|
186
191
|
declare function SidebarProvider({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, enableKeyboardShortcut, }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
187
|
-
declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, className, style: styleProp, 'aria-label': ariaLabel, ...htmlProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
192
|
+
declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, activeIndicator, className, style: styleProp, 'aria-label': ariaLabel, ...htmlProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
188
193
|
declare function SidebarHeader({ children, collapsedContent, className, ...htmlProps }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
189
194
|
declare function SidebarNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
|
|
190
195
|
declare function SidebarSection({ children, label, action, collapsible: isCollapsibleProp, defaultOpen, className, ...htmlProps }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6C/B,6BAA6B;AAC7B,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,kEAAkE;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,4DAA4D;IAC5D,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,kEAAkE;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6C/B,6BAA6B;AAC7B,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,kEAAkE;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,4DAA4D;IAC5D,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,kEAAkE;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACnC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC/G,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAC7F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/F,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE7E,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAID;;;GAGG;AACH,iBAAS,UAAU;;eApBN,OAAO;kBACJ,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;UACpC,OAAO;aACJ,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;cACtB,OAAO;cACP,MAAM,GAAG,OAAO;WACnB,MAAM;oBACG,MAAM;iBACT,kBAAkB;cACrB,OAAO;mBACF,MAAM,IAAI;eACd,MAAM;EAmClB;AAED;;GAEG;AACH,iBAAS,iBAAiB,wBAMzB;AAwED;;;GAGG;AACH,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EAAE,mBAAmB,EAC9B,gBAAwB,EACxB,iBAAiB,EACjB,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,KAAe,EACf,cAAsE,EACtE,QAAiB,EACjB,WAAoB,EACpB,sBAA6B,GAC9B,EAAE,oBAAoB,2CAiFtB;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,SAAS,EAAE,mBAAmB,EAC9B,gBAAwB,EACxB,iBAAiB,EACjB,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,KAAe,EACf,cAAsE,EACtE,QAAiB,EACjB,WAAoB,EACpB,eAAyB,EACzB,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACb,EAAE,YAAY,2CA2Id;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CASpB;AAED,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,YAAY,EAAE,SAA6B,EAC3C,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CASjB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EAAE,iBAAyB,EACtC,WAAkB,EAClB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAkDrB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,yBAAyB,2CAc3B;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,MAAc,EACd,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,eAAuB,EACvB,gBAAgB,EAChB,OAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA0HlB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,MAAc,EACd,QAAgB,EAChB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,kDA0CrB;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAQlE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAG/E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,YAAY,EAAE,SAA+B,EAC7C,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,mBAAmB,kDAuBrB;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,kDAmBhF;AAED,iBAAS,qBAAqB,CAAC,EAC7B,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,0BAA0B,kDA8B5B;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACb,EAAE,gBAAgB,kDAwBlB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,KAAS,EACT,QAAe,EACf,SAAS,EACT,GAAG,SAAS,EACb,EAAE,wBAAwB,2CAuB1B;AAMD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAclB,CAAC;AAGH,OAAO,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,mBAAmB,GACpB,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC;AAGtB,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -98,7 +98,7 @@ function useSidebar() {
|
|
|
98
98
|
isMobile: false,
|
|
99
99
|
position: "left",
|
|
100
100
|
width: "240px",
|
|
101
|
-
collapsedWidth: "56px",
|
|
101
|
+
collapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
102
102
|
collapsible: "icon",
|
|
103
103
|
hasIcons: true,
|
|
104
104
|
toggleSidebar: () => {
|
|
@@ -175,7 +175,7 @@ function SidebarProvider({
|
|
|
175
175
|
defaultOpen = false,
|
|
176
176
|
onOpenChange,
|
|
177
177
|
width = "240px",
|
|
178
|
-
collapsedWidth = "56px",
|
|
178
|
+
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
179
179
|
position = "left",
|
|
180
180
|
collapsible = "icon",
|
|
181
181
|
enableKeyboardShortcut = true
|
|
@@ -251,9 +251,10 @@ function SidebarRoot({
|
|
|
251
251
|
defaultOpen = false,
|
|
252
252
|
onOpenChange,
|
|
253
253
|
width = "240px",
|
|
254
|
-
collapsedWidth = "56px",
|
|
254
|
+
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
255
255
|
position = "left",
|
|
256
256
|
collapsible = "icon",
|
|
257
|
+
activeIndicator = "start",
|
|
257
258
|
className,
|
|
258
259
|
style: styleProp,
|
|
259
260
|
"aria-label": ariaLabel,
|
|
@@ -366,6 +367,7 @@ function SidebarRoot({
|
|
|
366
367
|
"data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
|
|
367
368
|
"data-position": resolvedPosition,
|
|
368
369
|
"data-collapsible": resolvedCollapsible,
|
|
370
|
+
"data-active-indicator": activeIndicator,
|
|
369
371
|
"data-icon-collapse": resolvedCollapsible === "icon" ? hasIcons ? "icons" : "none" : void 0,
|
|
370
372
|
children
|
|
371
373
|
}
|