@usefragments/ui 1.6.0 → 2.0.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 +54 -66
- package/dist/assets/fragments-wordmark.cjs +2 -2
- package/dist/assets/fragments-wordmark.d.ts.map +1 -1
- package/dist/assets/fragments-wordmark.js +2 -2
- package/dist/assets/nav-glyph.cjs +139 -0
- package/dist/assets/nav-glyph.d.ts +28 -0
- package/dist/assets/nav-glyph.d.ts.map +1 -0
- package/dist/assets/nav-glyph.js +139 -0
- package/dist/assets/nav-glyph.module.scss.cjs +71 -0
- package/dist/assets/nav-glyph.module.scss.js +71 -0
- package/dist/assets/ui.css +6885 -6308
- package/dist/blocks/components/StatsCard.d.ts +1 -1
- package/dist/blocks/components/StatsCard.d.ts.map +1 -1
- package/dist/chart.cjs +24 -6
- package/dist/chart.js +24 -6
- package/dist/codeblock.cjs +76 -43
- package/dist/codeblock.js +71 -38
- package/dist/colorpicker.cjs +4 -1
- package/dist/colorpicker.js +4 -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 +23 -20
- package/dist/components/Alert/Alert.module.scss.js +23 -20
- package/dist/components/Alert/index.cjs +20 -8
- package/dist/components/Alert/index.d.ts +17 -11
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +20 -8
- 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 +2 -2
- package/dist/components/AppShell/index.js +2 -2
- package/dist/components/Avatar/Avatar.module.scss.cjs +14 -14
- package/dist/components/Avatar/Avatar.module.scss.js +14 -14
- package/dist/components/Badge/Badge.module.scss.cjs +33 -31
- package/dist/components/Badge/Badge.module.scss.js +33 -31
- package/dist/components/Badge/index.cjs +13 -3
- package/dist/components/Badge/index.d.ts +18 -13
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +13 -3
- 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/Box/index.cjs +64 -75
- package/dist/components/Box/index.d.ts +16 -16
- package/dist/components/Box/index.d.ts.map +1 -1
- package/dist/components/Box/index.js +64 -75
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +11 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +11 -8
- package/dist/components/Breadcrumbs/index.cjs +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/Button.module.scss.cjs +36 -27
- package/dist/components/Button/Button.module.scss.js +36 -27
- package/dist/components/Button/index.cjs +20 -4
- package/dist/components/Button/index.d.ts +18 -10
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +20 -4
- 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 +31 -26
- package/dist/components/Card/Card.module.scss.js +32 -27
- package/dist/components/Card/index.cjs +16 -3
- package/dist/components/Card/index.d.ts +23 -15
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +16 -3
- 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.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
- package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
- package/dist/components/Checkbox/index.cjs +4 -4
- package/dist/components/Checkbox/index.d.ts +4 -6
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -4
- package/dist/components/Chip/Chip.module.scss.cjs +19 -19
- package/dist/components/Chip/Chip.module.scss.js +19 -19
- package/dist/components/Chip/index.cjs +3 -3
- package/dist/components/Chip/index.d.ts +8 -3
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +3 -3
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +26 -23
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +26 -23
- package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
- package/dist/components/CodeBlock/css-variables-theme.js +98 -0
- package/dist/components/CodeBlock/index.d.ts +20 -5
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
- package/dist/components/Combobox/Combobox.module.scss.js +21 -21
- package/dist/components/Combobox/index.cjs +26 -6
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +26 -6
- package/dist/components/Command/Command.module.scss.cjs +14 -11
- package/dist/components/Command/Command.module.scss.js +14 -11
- package/dist/components/Command/index.cjs +28 -16
- package/dist/components/Command/index.d.ts +8 -3
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +28 -16
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- package/dist/components/ConversationList/index.cjs +2 -2
- package/dist/components/ConversationList/index.js +2 -2
- package/dist/components/DataTable/DataTable.icons.cjs +6 -33
- package/dist/components/DataTable/DataTable.icons.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.icons.js +6 -33
- package/dist/components/DataTable/DataTable.module.scss.cjs +31 -28
- package/dist/components/DataTable/DataTable.module.scss.js +31 -28
- package/dist/components/DataTable/DataTable.virtual.d.ts.map +1 -1
- 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/Dialog/index.cjs +13 -16
- package/dist/components/Dialog/index.d.ts +11 -10
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +13 -16
- package/dist/components/Drawer/Drawer.module.scss.cjs +39 -39
- package/dist/components/Drawer/Drawer.module.scss.js +40 -40
- package/dist/components/Drawer/index.cjs +2 -2
- package/dist/components/Drawer/index.d.ts +5 -4
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -8
- package/dist/components/EmptyState/EmptyState.module.scss.js +11 -8
- package/dist/components/EmptyState/index.cjs +13 -6
- package/dist/components/EmptyState/index.d.ts +13 -5
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +13 -6
- package/dist/components/Field/Field.module.scss.cjs +5 -5
- package/dist/components/Field/Field.module.scss.js +5 -5
- package/dist/components/Field/index.cjs +9 -1
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +9 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Grid/Grid.module.scss.cjs +54 -54
- package/dist/components/Grid/Grid.module.scss.js +54 -54
- package/dist/components/Grid/index.cjs +1 -1
- package/dist/components/Grid/index.js +1 -1
- 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 +17 -38
- package/dist/components/Header/index.d.ts +15 -11
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +17 -38
- package/dist/components/Icon/Icon.module.scss.cjs +30 -33
- package/dist/components/Icon/Icon.module.scss.js +30 -33
- package/dist/components/Icon/index.cjs +15 -14
- package/dist/components/Icon/index.d.ts +23 -12
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +15 -14
- package/dist/components/IconButton/IconButton.module.scss.cjs +12 -12
- package/dist/components/IconButton/IconButton.module.scss.js +12 -12
- package/dist/components/IconButton/index.cjs +2 -1
- package/dist/components/IconButton/index.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/IconButton/index.js +2 -1
- package/dist/components/Image/Image.module.scss.cjs +27 -27
- package/dist/components/Image/Image.module.scss.js +27 -27
- package/dist/components/Input/Input.module.scss.cjs +15 -21
- package/dist/components/Input/Input.module.scss.js +15 -21
- package/dist/components/Input/index.cjs +2 -14
- package/dist/components/Input/index.d.ts +0 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +2 -14
- package/dist/components/Link/Link.module.scss.cjs +26 -14
- package/dist/components/Link/Link.module.scss.js +26 -14
- package/dist/components/Link/index.cjs +13 -2
- package/dist/components/Link/index.d.ts +11 -4
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +13 -2
- package/dist/components/List/List.module.scss.cjs +23 -19
- package/dist/components/List/List.module.scss.js +23 -19
- package/dist/components/List/index.cjs +7 -7
- package/dist/components/List/index.d.ts +10 -7
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +7 -7
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Loading/Loading.module.scss.cjs +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- package/dist/components/Loading/index.cjs +5 -5
- package/dist/components/Loading/index.d.ts +8 -7
- package/dist/components/Loading/index.d.ts.map +1 -1
- package/dist/components/Loading/index.js +5 -5
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +20 -20
- package/dist/components/Message/Message.module.scss.js +20 -20
- package/dist/components/Message/index.cjs +1 -1
- package/dist/components/Message/index.d.ts +1 -1
- package/dist/components/Message/index.js +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +34 -31
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +34 -31
- package/dist/components/NavigationMenu/index.cjs +32 -15
- package/dist/components/NavigationMenu/index.d.ts +12 -6
- package/dist/components/NavigationMenu/index.d.ts.map +1 -1
- package/dist/components/NavigationMenu/index.js +32 -15
- package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
- package/dist/components/Pagination/Pagination.module.scss.js +10 -10
- 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 +28 -25
- package/dist/components/Progress/Progress.module.scss.js +28 -25
- package/dist/components/Progress/index.cjs +21 -12
- package/dist/components/Progress/index.d.ts +10 -6
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +21 -12
- package/dist/components/Prompt/Prompt.module.scss.cjs +30 -30
- package/dist/components/Prompt/Prompt.module.scss.js +30 -30
- package/dist/components/Prompt/index.cjs +7 -7
- package/dist/components/Prompt/index.d.ts +11 -9
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +7 -7
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +20 -17
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +20 -17
- package/dist/components/RadioGroup/index.cjs +10 -5
- package/dist/components/RadioGroup/index.d.ts +11 -7
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +10 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
- package/dist/components/ScrollArea/index.d.ts +4 -4
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/scroll-state.d.ts +5 -5
- 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 +26 -20
- package/dist/components/Select/index.d.ts +5 -5
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +26 -20
- package/dist/components/Separator/Separator.module.scss.cjs +25 -19
- package/dist/components/Separator/Separator.module.scss.js +25 -19
- package/dist/components/Separator/index.cjs +10 -8
- package/dist/components/Separator/index.d.ts +4 -2
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +10 -8
- 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 +15 -38
- package/dist/components/Sidebar/index.d.ts +19 -19
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +15 -38
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
- package/dist/components/Skeleton/index.cjs +7 -7
- package/dist/components/Skeleton/index.d.ts +8 -7
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +7 -7
- 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 -25
- package/dist/components/Stack/Stack.module.scss.js +25 -25
- package/dist/components/Stack/index.cjs +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Switch/Switch.module.scss.cjs +9 -9
- package/dist/components/Switch/Switch.module.scss.js +9 -9
- package/dist/components/Table/Table.module.scss.cjs +19 -19
- package/dist/components/Table/Table.module.scss.js +19 -19
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/TableOfContents/index.cjs +14 -10
- package/dist/components/TableOfContents/index.d.ts +5 -3
- package/dist/components/TableOfContents/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/index.js +14 -10
- package/dist/components/Tabs/Tabs.module.scss.cjs +18 -18
- package/dist/components/Tabs/Tabs.module.scss.js +18 -18
- package/dist/components/Tabs/index.cjs +30 -11
- package/dist/components/Tabs/index.d.ts +8 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +30 -11
- package/dist/components/Text/Text.module.scss.cjs +109 -97
- package/dist/components/Text/Text.module.scss.js +109 -97
- package/dist/components/Text/index.cjs +45 -41
- package/dist/components/Text/index.d.ts +24 -19
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +45 -41
- package/dist/components/Textarea/Textarea.module.scss.cjs +22 -28
- package/dist/components/Textarea/Textarea.module.scss.js +22 -28
- package/dist/components/Textarea/index.cjs +3 -10
- package/dist/components/Textarea/index.d.ts +0 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +3 -10
- package/dist/components/Theme/index.cjs +22 -5
- package/dist/components/Theme/index.d.ts +6 -12
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +22 -5
- package/dist/components/ThemeToggle/ThemeButton.cjs +51 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts +16 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts.map +1 -0
- package/dist/components/ThemeToggle/ThemeButton.js +34 -0
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +6 -6
- package/dist/components/ThemeToggle/icons.cjs +48 -0
- package/dist/components/ThemeToggle/icons.d.ts +10 -0
- package/dist/components/ThemeToggle/icons.d.ts.map +1 -0
- package/dist/components/ThemeToggle/icons.js +48 -0
- package/dist/components/ThemeToggle/index.cjs +6 -50
- package/dist/components/ThemeToggle/index.d.ts +5 -3
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +3 -47
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +18 -15
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +18 -15
- package/dist/components/ThinkingIndicator/index.cjs +7 -8
- package/dist/components/ThinkingIndicator/index.d.ts +6 -5
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
- package/dist/components/ThinkingIndicator/index.js +7 -8
- package/dist/components/Toast/Toast.module.scss.cjs +28 -29
- package/dist/components/Toast/Toast.module.scss.js +29 -30
- package/dist/components/Toast/index.cjs +28 -30
- package/dist/components/Toast/index.d.ts +9 -8
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +28 -30
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +21 -19
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +22 -20
- package/dist/components/ToggleGroup/index.cjs +4 -5
- package/dist/components/ToggleGroup/index.d.ts +7 -6
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +4 -5
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/components/Tooltip/index.cjs +24 -40
- package/dist/components/Tooltip/index.d.ts +4 -4
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +24 -40
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/components/VisuallyHidden/index.d.ts +2 -2
- package/dist/data-table-virtual.cjs +3 -2
- package/dist/data-table-virtual.js +3 -2
- package/dist/data-table.cjs +3 -2
- package/dist/data-table.js +3 -2
- package/dist/datepicker.cjs +26 -13
- package/dist/datepicker.js +26 -13
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +6 -2
- package/dist/index.d.ts +9 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -4
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +21 -29
- package/dist/measurements/generated.cjs +46 -94
- package/dist/measurements/generated.d.ts +44 -92
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +46 -94
- package/dist/measurements/index.d.ts +1 -1
- package/dist/measurements/index.d.ts.map +1 -1
- package/dist/utils/a11y.cjs +5 -2
- package/dist/utils/a11y.d.ts +5 -5
- package/dist/utils/a11y.d.ts.map +1 -1
- package/dist/utils/a11y.js +5 -2
- package/dist/utils/canonical-stamp.cjs +2 -8
- package/dist/utils/canonical-stamp.d.ts.map +1 -1
- package/dist/utils/canonical-stamp.js +1 -7
- package/dist/utils/css-warning.cjs +1 -1
- package/dist/utils/css-warning.js +1 -1
- package/dist/utils/env.cjs +17 -0
- package/dist/utils/env.d.ts +3 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/env.js +17 -0
- package/dist/utils/keyboard-shortcuts.cjs +3 -10
- package/dist/utils/keyboard-shortcuts.d.ts +4 -4
- package/dist/utils/keyboard-shortcuts.d.ts.map +1 -1
- package/dist/utils/keyboard-shortcuts.js +3 -10
- package/dist/utils/seed-derivation.cjs +10 -7
- package/dist/utils/seed-derivation.d.ts +1 -3
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +10 -7
- package/dist/utils/theme-presets.cjs +5 -10
- package/dist/utils/theme-presets.d.ts +1 -2
- package/dist/utils/theme-presets.d.ts.map +1 -1
- package/dist/utils/theme-presets.js +5 -10
- package/fragments.json +1 -1
- package/package.json +9 -10
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/assets/nav-glyph.module.scss +166 -0
- package/src/assets/nav-glyph.tsx +188 -0
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Accordion/Accordion.module.scss +5 -3
- package/src/components/Alert/Alert.contract.json +49 -65
- package/src/components/Alert/Alert.module.scss +57 -47
- package/src/components/Alert/index.tsx +72 -39
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +99 -54
- package/src/components/AppShell/index.tsx +2 -2
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +4 -2
- package/src/components/Badge/Badge.contract.json +86 -55
- package/src/components/Badge/Badge.module.scss +80 -48
- package/src/components/Badge/index.tsx +34 -17
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/BentoGrid/BentoGrid.module.scss +4 -8
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/Box.module.scss +7 -6
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +27 -12
- package/src/components/Breadcrumbs/index.tsx +5 -1
- package/src/components/Button/Button.module.scss +261 -185
- package/src/components/Button/index.tsx +41 -28
- package/src/components/ButtonGroup/ButtonGroup.contract.json +34 -49
- package/src/components/ButtonGroup/ButtonGroup.module.scss +8 -6
- package/src/components/Card/Card.consumer-fixture.module.scss +5 -2
- package/src/components/Card/Card.module.scss +97 -76
- package/src/components/Card/index.tsx +44 -20
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/Chart.module.scss +6 -5
- package/src/components/Chart/index.tsx +36 -6
- package/src/components/Checkbox/Checkbox.contract.json +28 -27
- package/src/components/Checkbox/Checkbox.module.scss +47 -54
- package/src/components/Checkbox/index.tsx +10 -10
- package/src/components/Chip/Chip.contract.json +38 -45
- package/src/components/Chip/Chip.module.scss +24 -23
- package/src/components/Chip/index.tsx +12 -7
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +75 -73
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +114 -51
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/Collapsible/Collapsible.module.scss +1 -7
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +34 -24
- package/src/components/ColorPicker/index.tsx +6 -1
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +16 -19
- package/src/components/Combobox/index.tsx +41 -6
- package/src/components/Command/Command.contract.json +28 -44
- package/src/components/Command/Command.module.scss +19 -21
- package/src/components/Command/index.tsx +64 -47
- package/src/components/ComponentDefaults/ComponentDefaults.contract.json +91 -0
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/ConversationList/ConversationList.module.scss +2 -3
- package/src/components/ConversationList/index.tsx +2 -2
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +24 -17
- package/src/components/DataTable/DataTable.virtual.tsx +3 -2
- package/src/components/DataTable/index.tsx +9 -8
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +41 -44
- package/src/components/DatePicker/index.tsx +23 -9
- package/src/components/Dialog/Dialog.module.scss +26 -32
- package/src/components/Dialog/index.tsx +51 -39
- package/src/components/Drawer/Drawer.contract.json +28 -42
- package/src/components/Drawer/Drawer.module.scss +123 -64
- package/src/components/Drawer/index.tsx +7 -5
- package/src/components/Editor/Editor.contract.json +32 -49
- package/src/components/Editor/Editor.module.scss +60 -25
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +33 -45
- package/src/components/EmptyState/EmptyState.module.scss +37 -21
- package/src/components/EmptyState/index.tsx +56 -23
- package/src/components/Field/Field.contract.json +28 -46
- package/src/components/Field/Field.module.scss +2 -1
- package/src/components/Field/index.tsx +5 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +15 -7
- package/src/components/Form/Form.contract.json +23 -23
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/Grid.module.scss +2 -2
- package/src/components/Grid/index.tsx +10 -10
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +57 -54
- package/src/components/Header/index.tsx +134 -122
- package/src/components/Icon/Icon.contract.json +37 -81
- package/src/components/Icon/Icon.module.scss +13 -12
- package/src/components/Icon/index.tsx +31 -31
- package/src/components/IconButton/IconButton.contract.json +37 -21
- package/src/components/IconButton/IconButton.module.scss +19 -11
- package/src/components/IconButton/index.tsx +6 -5
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +25 -44
- package/src/components/Input/Input.module.scss +6 -55
- package/src/components/Input/index.tsx +2 -18
- package/src/components/Link/Link.contract.json +46 -58
- package/src/components/Link/Link.module.scss +41 -10
- package/src/components/Link/index.tsx +27 -6
- package/src/components/List/List.contract.json +33 -62
- package/src/components/List/List.module.scss +10 -5
- package/src/components/List/index.tsx +17 -13
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Listbox/Listbox.module.scss +14 -20
- package/src/components/Loading/Loading.contract.json +41 -65
- package/src/components/Loading/Loading.module.scss +37 -31
- package/src/components/Loading/index.tsx +15 -14
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +45 -6
- package/src/components/Markdown/index.tsx +48 -49
- package/src/components/Menu/Menu.contract.json +30 -46
- package/src/components/Menu/Menu.module.scss +32 -16
- package/src/components/Message/Message.contract.json +31 -54
- package/src/components/Message/Message.module.scss +18 -9
- package/src/components/Message/index.tsx +2 -2
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +66 -66
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +9 -16
- package/src/components/Popover/Popover.contract.json +28 -50
- package/src/components/Popover/Popover.module.scss +30 -28
- package/src/components/Progress/Progress.contract.json +39 -35
- package/src/components/Progress/Progress.module.scss +16 -10
- package/src/components/Progress/index.tsx +34 -16
- package/src/components/Prompt/Prompt.contract.json +40 -56
- package/src/components/Prompt/Prompt.module.scss +49 -48
- package/src/components/Prompt/index.tsx +17 -15
- package/src/components/RadioGroup/RadioGroup.contract.json +29 -28
- package/src/components/RadioGroup/RadioGroup.module.scss +50 -45
- package/src/components/RadioGroup/index.tsx +23 -10
- package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
- package/src/components/ScrollArea/ScrollArea.module.scss +45 -48
- package/src/components/ScrollArea/index.tsx +16 -16
- package/src/components/ScrollArea/scroll-state.ts +24 -24
- package/src/components/Select/Select.module.scss +20 -19
- package/src/components/Select/index.tsx +26 -24
- package/src/components/Separator/Separator.contract.json +29 -53
- package/src/components/Separator/Separator.module.scss +24 -40
- package/src/components/Separator/index.tsx +16 -11
- package/src/components/Sidebar/Sidebar.contract.json +35 -67
- package/src/components/Sidebar/Sidebar.module.scss +94 -88
- package/src/components/Sidebar/index.tsx +167 -167
- package/src/components/Skeleton/Skeleton.contract.json +34 -60
- package/src/components/Skeleton/Skeleton.module.scss +50 -26
- package/src/components/Skeleton/index.tsx +16 -15
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +9 -22
- package/src/components/Stack/Stack.contract.json +30 -57
- package/src/components/Stack/Stack.module.scss +26 -24
- package/src/components/Stack/index.tsx +3 -3
- package/src/components/Switch/Switch.contract.json +33 -46
- package/src/components/Switch/Switch.module.scss +106 -59
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +24 -16
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +17 -13
- package/src/components/TableOfContents/index.tsx +27 -10
- package/src/components/Tabs/Tabs.contract.json +35 -56
- package/src/components/Tabs/Tabs.module.scss +27 -31
- package/src/components/Tabs/index.tsx +30 -15
- package/src/components/Text/Text.contract.json +52 -72
- package/src/components/Text/Text.module.scss +34 -18
- package/src/components/Text/index.tsx +123 -83
- package/src/components/Textarea/Textarea.contract.json +24 -55
- package/src/components/Textarea/Textarea.module.scss +22 -52
- package/src/components/Textarea/index.tsx +3 -14
- package/src/components/Theme/Theme.contract.json +35 -53
- package/src/components/Theme/index.tsx +41 -13
- package/src/components/ThemeToggle/ThemeButton.tsx +49 -0
- package/src/components/ThemeToggle/ThemeToggle.module.scss +20 -27
- package/src/components/ThemeToggle/icons.tsx +46 -0
- package/src/components/ThemeToggle/index.tsx +9 -55
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +34 -50
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +9 -7
- package/src/components/ThinkingIndicator/index.tsx +12 -14
- package/src/components/Toast/Toast.contract.json +55 -49
- package/src/components/Toast/Toast.module.scss +50 -105
- package/src/components/Toast/index.tsx +39 -34
- package/src/components/ToggleGroup/ToggleGroup.contract.json +39 -40
- package/src/components/ToggleGroup/ToggleGroup.module.scss +30 -27
- package/src/components/ToggleGroup/index.tsx +11 -11
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/Tooltip.module.scss +16 -10
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +4 -14
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +16 -12
- package/src/measurements/MeasurementTargets.module.scss +6 -7
- package/src/measurements/generated.ts +46 -97
- package/src/measurements/index.ts +0 -1
- package/src/measurements/measurements.json +44 -116
- package/src/recipes/_action.scss +4 -4
- package/src/recipes/_boolean-range.scss +12 -16
- package/src/recipes/_feedback.scss +17 -16
- package/src/recipes/_field.scss +28 -16
- package/src/recipes/_layout.scss +14 -7
- package/src/recipes/_navigation.scss +84 -29
- package/src/recipes/_overlay.scss +143 -43
- package/src/recipes/_popup.scss +54 -34
- package/src/recipes/_prose.scss +48 -28
- package/src/recipes/_representation.scss +10 -9
- package/src/recipes/_segmented.scss +1 -1
- package/src/recipes/_table-chrome.scss +42 -17
- package/src/recipes/_target.scss +2 -4
- package/src/recipes/_typography.scss +10 -0
- package/src/scss.d.ts +1 -1
- package/src/styles/globals.scss +31 -25
- package/src/tokens/_component-properties.scss +19 -1
- package/src/tokens/_computed.scss +32 -49
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +62 -44
- package/src/tokens/_measurements.generated.scss +119 -249
- package/src/tokens/_mixins.scss +49 -48
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_property-registrations.scss +9 -0
- package/src/tokens/_seeds.scss +20 -31
- package/src/tokens/_variables.scss +251 -94
- package/src/utils/a11y.tsx +69 -69
- package/src/utils/aria.ts +3 -3
- package/src/utils/canonical-stamp.ts +2 -12
- package/src/utils/css-warning.ts +7 -7
- package/src/utils/env.ts +25 -0
- package/src/utils/keyboard-shortcuts.ts +131 -126
- package/src/utils/seed-derivation.ts +11 -14
- package/src/utils/theme-presets.ts +5 -12
- package/dist/blocks/AccountSettings.block.d.ts +0 -3
- package/dist/blocks/AccountSettings.block.d.ts.map +0 -1
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts +0 -3
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/BlogEditor.block.d.ts +0 -3
- package/dist/blocks/BlogEditor.block.d.ts.map +0 -1
- package/dist/blocks/ChatInterface.block.d.ts +0 -3
- package/dist/blocks/ChatInterface.block.d.ts.map +0 -1
- package/dist/blocks/ChatMessages.block.d.ts +0 -3
- package/dist/blocks/ChatMessages.block.d.ts.map +0 -1
- package/dist/blocks/CheckoutForm.block.d.ts +0 -3
- package/dist/blocks/CheckoutForm.block.d.ts.map +0 -1
- package/dist/blocks/CommandPalette.block.d.ts +0 -3
- package/dist/blocks/CommandPalette.block.d.ts.map +0 -1
- package/dist/blocks/ContactForm.block.d.ts +0 -3
- package/dist/blocks/ContactForm.block.d.ts.map +0 -1
- package/dist/blocks/DashboardPage.block.d.ts +0 -3
- package/dist/blocks/DashboardPage.block.d.ts.map +0 -1
- package/dist/blocks/DashboardSkeleton.block.d.ts +0 -3
- package/dist/blocks/DashboardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/DataTable.block.d.ts +0 -3
- package/dist/blocks/DataTable.block.d.ts.map +0 -1
- package/dist/blocks/EmptyState.block.d.ts +0 -3
- package/dist/blocks/EmptyState.block.d.ts.map +0 -1
- package/dist/blocks/FAQSection.block.d.ts +0 -3
- package/dist/blocks/FAQSection.block.d.ts.map +0 -1
- package/dist/blocks/FeatureGrid.block.d.ts +0 -3
- package/dist/blocks/FeatureGrid.block.d.ts.map +0 -1
- package/dist/blocks/HeroSection.block.d.ts +0 -3
- package/dist/blocks/HeroSection.block.d.ts.map +0 -1
- package/dist/blocks/NavigationHeader.block.d.ts +0 -3
- package/dist/blocks/NavigationHeader.block.d.ts.map +0 -1
- package/dist/blocks/PaginatedTable.block.d.ts +0 -3
- package/dist/blocks/PaginatedTable.block.d.ts.map +0 -1
- package/dist/blocks/PricingComparison.block.d.ts +0 -3
- package/dist/blocks/PricingComparison.block.d.ts.map +0 -1
- package/dist/blocks/ProductCard.block.d.ts +0 -3
- package/dist/blocks/ProductCard.block.d.ts.map +0 -1
- package/dist/blocks/RegistrationForm.block.d.ts +0 -3
- package/dist/blocks/RegistrationForm.block.d.ts.map +0 -1
- package/dist/blocks/SettingsDrawer.block.d.ts +0 -3
- package/dist/blocks/SettingsDrawer.block.d.ts.map +0 -1
- package/dist/blocks/SettingsPanel.block.d.ts +0 -3
- package/dist/blocks/SettingsPanel.block.d.ts.map +0 -1
- package/dist/blocks/ShoppingCart.block.d.ts +0 -3
- package/dist/blocks/ShoppingCart.block.d.ts.map +0 -1
- package/dist/blocks/StatsCardSkeleton.block.d.ts +0 -3
- package/dist/blocks/StatsCardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/TableSkeleton.block.d.ts +0 -3
- package/dist/blocks/TableSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/ThinkingStates.block.d.ts +0 -3
- package/dist/blocks/ThinkingStates.block.d.ts.map +0 -1
- package/dist/components/Toggle/index.d.ts +0 -3
- package/dist/components/Toggle/index.d.ts.map +0 -1
- package/src/components/Button/Button.contract.json +0 -218
- package/src/components/Card/Card.contract.json +0 -175
- package/src/components/DataTable/DataTable.contract.json +0 -302
- package/src/components/Dialog/Dialog.contract.json +0 -159
- package/src/components/Select/Select.contract.json +0 -259
- package/src/components/Toggle/index.ts +0 -7
- package/src/tokens/_density.scss +0 -85
|
@@ -45,7 +45,7 @@ function renderSidebarBadge(badge) {
|
|
|
45
45
|
if (React__namespace.isValidElement(badge) && (badge.type === index$3.Badge || badge.type === index$3.Badge.Root)) {
|
|
46
46
|
return badge;
|
|
47
47
|
}
|
|
48
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index$3.Badge, {
|
|
48
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index$3.Badge, { tone: "neutral", size: "sm", children: badge });
|
|
49
49
|
}
|
|
50
50
|
function MenuIcon() {
|
|
51
51
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -206,11 +206,7 @@ function SidebarProvider({
|
|
|
206
206
|
defaultCollapsed,
|
|
207
207
|
onCollapsedChange
|
|
208
208
|
);
|
|
209
|
-
const [open, setOpen] = useControllableState(
|
|
210
|
-
controlledOpen,
|
|
211
|
-
defaultOpen,
|
|
212
|
-
onOpenChange
|
|
213
|
-
);
|
|
209
|
+
const [open, setOpen] = useControllableState(controlledOpen, defaultOpen, onOpenChange);
|
|
214
210
|
const toggleSidebar = React__namespace.useCallback(() => {
|
|
215
211
|
if (collapsible === "none") return;
|
|
216
212
|
if (isMobile) {
|
|
@@ -272,7 +268,7 @@ function SidebarRoot({
|
|
|
272
268
|
width = "240px",
|
|
273
269
|
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
274
270
|
position = "left",
|
|
275
|
-
collapsible
|
|
271
|
+
collapsible,
|
|
276
272
|
activeIndicator = "start",
|
|
277
273
|
className,
|
|
278
274
|
style: styleProp,
|
|
@@ -291,14 +287,15 @@ function SidebarRoot({
|
|
|
291
287
|
defaultOpen,
|
|
292
288
|
onOpenChange
|
|
293
289
|
);
|
|
294
|
-
const
|
|
295
|
-
const
|
|
290
|
+
const isCollapsedControlled = controlledCollapsed !== void 0;
|
|
291
|
+
const collapsed = isCollapsedControlled || !existingContext ? internalCollapsed : existingContext.collapsed;
|
|
292
|
+
const setCollapsed = isCollapsedControlled || !existingContext ? setInternalCollapsed : existingContext.setCollapsed;
|
|
296
293
|
const open = existingContext ? existingContext.open : internalOpen;
|
|
297
294
|
const setOpen = existingContext ? existingContext.setOpen : setInternalOpen;
|
|
298
295
|
const resolvedPosition = existingContext ? existingContext.position : position;
|
|
299
296
|
const resolvedWidth = existingContext ? existingContext.width : width;
|
|
300
297
|
const resolvedCollapsedWidth = existingContext ? existingContext.collapsedWidth : collapsedWidth;
|
|
301
|
-
const resolvedCollapsible = existingContext ? existingContext.collapsible :
|
|
298
|
+
const resolvedCollapsible = collapsible ?? (existingContext ? existingContext.collapsible : "icon");
|
|
302
299
|
const hasIcons = React__namespace.useMemo(() => hasSidebarItemIcons(children), [children]);
|
|
303
300
|
const shouldCollapseToZero = !isMobile && resolvedCollapsible === "icon" && collapsed && !hasIcons;
|
|
304
301
|
const isOffcanvasCollapsed = !isMobile && resolvedCollapsible === "offcanvas" && collapsed;
|
|
@@ -382,6 +379,7 @@ function SidebarRoot({
|
|
|
382
379
|
role: isMobile ? "dialog" : void 0,
|
|
383
380
|
"aria-modal": isMobile && open ? true : void 0,
|
|
384
381
|
"aria-hidden": isMobile && !open ? true : void 0,
|
|
382
|
+
inert: isMobile && !open ? true : void 0,
|
|
385
383
|
"aria-label": isMobile ? ariaLabel || "Sidebar navigation" : ariaLabel,
|
|
386
384
|
"data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
|
|
387
385
|
"data-position": resolvedPosition,
|
|
@@ -424,10 +422,7 @@ function SidebarSection({
|
|
|
424
422
|
...htmlProps
|
|
425
423
|
}) {
|
|
426
424
|
const { collapsed, isMobile } = useSidebarContext();
|
|
427
|
-
const classes = [
|
|
428
|
-
Sidebar_module.default.section,
|
|
429
|
-
className
|
|
430
|
-
].filter(Boolean).join(" ");
|
|
425
|
+
const classes = [Sidebar_module.default.section, className].filter(Boolean).join(" ");
|
|
431
426
|
const showLabel = label && (!collapsed || isMobile);
|
|
432
427
|
const showAction = action && (!collapsed || isMobile);
|
|
433
428
|
const isCollapsible = isCollapsibleProp && showLabel;
|
|
@@ -442,14 +437,7 @@ function SidebarSection({
|
|
|
442
437
|
}
|
|
443
438
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, role: "group", "aria-label": label, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Collapsible, { defaultOpen, className: Sidebar_module.default.sectionCollapsible, children: [
|
|
444
439
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Sidebar_module.default.sectionHeader, children: [
|
|
445
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
446
|
-
index$1.Collapsible.Trigger,
|
|
447
|
-
{
|
|
448
|
-
className: Sidebar_module.default.sectionTrigger,
|
|
449
|
-
chevronPosition: "end",
|
|
450
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Sidebar_module.default.sectionLabel, children: label })
|
|
451
|
-
}
|
|
452
|
-
),
|
|
440
|
+
/* @__PURE__ */ jsxRuntime.jsx(index$1.Collapsible.Trigger, { className: Sidebar_module.default.sectionTrigger, chevronPosition: "end", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Sidebar_module.default.sectionLabel, children: label }) }),
|
|
453
441
|
showAction && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module.default.sectionActionWrapper, children: action })
|
|
454
442
|
] }),
|
|
455
443
|
/* @__PURE__ */ jsxRuntime.jsx(index$1.Collapsible.Content, { className: Sidebar_module.default.sectionContent, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Sidebar_module.default.sectionList, children }) })
|
|
@@ -562,10 +550,7 @@ function SidebarItem({
|
|
|
562
550
|
itemElement = /* @__PURE__ */ jsxRuntime.jsx("button", { ...itemProps, ...rest, type: "button", children: itemContent });
|
|
563
551
|
}
|
|
564
552
|
const wrappedItem = isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(index$4.Tooltip, { content: labelText || children, side: "right", delay: 100, children: itemElement }) : itemElement;
|
|
565
|
-
const wrapperClasses = [
|
|
566
|
-
Sidebar_module.default.itemWrapper,
|
|
567
|
-
expanded && Sidebar_module.default.itemExpanded
|
|
568
|
-
].filter(Boolean).join(" ");
|
|
553
|
+
const wrapperClasses = [Sidebar_module.default.itemWrapper, expanded && Sidebar_module.default.itemExpanded].filter(Boolean).join(" ");
|
|
569
554
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { className: wrapperClasses, children: wrappedItem });
|
|
570
555
|
}
|
|
571
556
|
function SidebarSubItem({
|
|
@@ -665,11 +650,7 @@ function SidebarCollapseToggle({
|
|
|
665
650
|
return null;
|
|
666
651
|
}
|
|
667
652
|
const shouldFloat = collapsed && (collapsible === "icon" && !hasIcons || collapsible === "offcanvas");
|
|
668
|
-
const classes = [
|
|
669
|
-
Sidebar_module.default.collapseToggle,
|
|
670
|
-
shouldFloat && Sidebar_module.default.collapseToggleFloating,
|
|
671
|
-
className
|
|
672
|
-
].filter(Boolean).join(" ");
|
|
653
|
+
const classes = [Sidebar_module.default.collapseToggle, shouldFloat && Sidebar_module.default.collapseToggleFloating, className].filter(Boolean).join(" ");
|
|
673
654
|
const label = ariaLabel || (collapsed ? "Expand sidebar" : "Collapse sidebar");
|
|
674
655
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
675
656
|
"button",
|
|
@@ -694,11 +675,7 @@ function SidebarRail({
|
|
|
694
675
|
if (isMobile || collapsible === "none") {
|
|
695
676
|
return null;
|
|
696
677
|
}
|
|
697
|
-
const classes = [
|
|
698
|
-
Sidebar_module.default.rail,
|
|
699
|
-
collapsed && Sidebar_module.default.railCollapsed,
|
|
700
|
-
className
|
|
701
|
-
].filter(Boolean).join(" ");
|
|
678
|
+
const classes = [Sidebar_module.default.rail, collapsed && Sidebar_module.default.railCollapsed, className].filter(Boolean).join(" ");
|
|
702
679
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
703
680
|
"button",
|
|
704
681
|
{
|
|
@@ -722,11 +699,11 @@ function SidebarMenuSkeleton({
|
|
|
722
699
|
const classes = [Sidebar_module.default.menuSkeleton, className].filter(Boolean).join(" ");
|
|
723
700
|
const labelWidths = ["64%", "72%", "68%", "79%", "74%", "66%", "83%", "70%"];
|
|
724
701
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "aria-hidden": "true", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Sidebar_module.default.skeletonItem, children: [
|
|
725
|
-
showIcon && /* @__PURE__ */ jsxRuntime.jsx(index.Skeleton, {
|
|
702
|
+
showIcon && /* @__PURE__ */ jsxRuntime.jsx(index.Skeleton, { shape: "avatar", size: "sm" }),
|
|
726
703
|
!isCollapsed && /* @__PURE__ */ jsxRuntime.jsx(
|
|
727
704
|
index.Skeleton,
|
|
728
705
|
{
|
|
729
|
-
|
|
706
|
+
shape: "text",
|
|
730
707
|
className: Sidebar_module.default.skeletonLabel,
|
|
731
708
|
width: labelWidths[i % labelWidths.length]
|
|
732
709
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
/** Collapse behavior mode */
|
|
3
|
-
export type SidebarCollapsible =
|
|
3
|
+
export type SidebarCollapsible = "icon" | "offcanvas" | "none";
|
|
4
4
|
export interface SidebarProviderProps {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
/** Icon-only mode (desktop) - controlled */
|
|
@@ -20,7 +20,7 @@ export interface SidebarProviderProps {
|
|
|
20
20
|
/** Width when collapsed */
|
|
21
21
|
collapsedWidth?: string;
|
|
22
22
|
/** Sidebar position */
|
|
23
|
-
position?:
|
|
23
|
+
position?: "left" | "right";
|
|
24
24
|
/** Collapse behavior: 'icon' (default), 'offcanvas', or 'none' */
|
|
25
25
|
collapsible?: SidebarCollapsible;
|
|
26
26
|
/** Enable Cmd/Ctrl+B keyboard shortcut to toggle sidebar */
|
|
@@ -45,14 +45,14 @@ export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
45
45
|
/** Width when collapsed */
|
|
46
46
|
collapsedWidth?: string;
|
|
47
47
|
/** Sidebar position */
|
|
48
|
-
position?:
|
|
48
|
+
position?: "left" | "right";
|
|
49
49
|
/** Collapse behavior: 'icon' (default), 'offcanvas', or 'none' */
|
|
50
50
|
collapsible?: SidebarCollapsible;
|
|
51
51
|
/**
|
|
52
52
|
* Where the active-item affordance paints. `start` is the default rail;
|
|
53
53
|
* `end` is a trailing status dot for product shells that prefer that language.
|
|
54
54
|
*/
|
|
55
|
-
activeIndicator?:
|
|
55
|
+
activeIndicator?: "start" | "end";
|
|
56
56
|
}
|
|
57
57
|
export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
58
58
|
children: React.ReactNode;
|
|
@@ -62,7 +62,7 @@ export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
62
62
|
export interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
63
63
|
children: React.ReactNode;
|
|
64
64
|
/** Accessible label for navigation */
|
|
65
|
-
|
|
65
|
+
"aria-label"?: string;
|
|
66
66
|
}
|
|
67
67
|
export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
68
68
|
children: React.ReactNode;
|
|
@@ -75,14 +75,14 @@ export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
75
75
|
/** Default expanded state (only applies when collapsible is true) */
|
|
76
76
|
defaultOpen?: boolean;
|
|
77
77
|
}
|
|
78
|
-
export interface SidebarSectionActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
78
|
+
export interface SidebarSectionActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
|
|
79
79
|
children: React.ReactNode;
|
|
80
80
|
/** Click handler */
|
|
81
81
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
82
82
|
/** Accessible label */
|
|
83
|
-
|
|
83
|
+
"aria-label"?: string;
|
|
84
84
|
}
|
|
85
|
-
export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
85
|
+
export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
|
|
86
86
|
children: React.ReactNode;
|
|
87
87
|
/** Icon element (required for collapsed mode visibility) */
|
|
88
88
|
icon?: React.ReactNode;
|
|
@@ -115,7 +115,7 @@ export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>
|
|
|
115
115
|
*/
|
|
116
116
|
asChild?: boolean;
|
|
117
117
|
}
|
|
118
|
-
export interface SidebarSubItemProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
118
|
+
export interface SidebarSubItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
|
|
119
119
|
children: React.ReactNode;
|
|
120
120
|
/** Whether item is currently active/selected */
|
|
121
121
|
active?: boolean;
|
|
@@ -133,12 +133,12 @@ export interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButt
|
|
|
133
133
|
/** Custom trigger element (uses render prop pattern) */
|
|
134
134
|
children?: React.ReactNode;
|
|
135
135
|
/** Accessible label */
|
|
136
|
-
|
|
136
|
+
"aria-label"?: string;
|
|
137
137
|
}
|
|
138
138
|
export type SidebarOverlayProps = React.HTMLAttributes<HTMLDivElement>;
|
|
139
139
|
export interface SidebarCollapseToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
140
140
|
/** Accessible label */
|
|
141
|
-
|
|
141
|
+
"aria-label"?: string;
|
|
142
142
|
}
|
|
143
143
|
export type SidebarRailProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
144
144
|
export interface SidebarMenuSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -153,7 +153,7 @@ interface SidebarContextValue {
|
|
|
153
153
|
open: boolean;
|
|
154
154
|
setOpen: (open: boolean) => void;
|
|
155
155
|
isMobile: boolean;
|
|
156
|
-
position:
|
|
156
|
+
position: "left" | "right";
|
|
157
157
|
width: string;
|
|
158
158
|
collapsedWidth: string;
|
|
159
159
|
collapsible: SidebarCollapsible;
|
|
@@ -189,21 +189,21 @@ declare function useSidebarContext(): SidebarContextValue;
|
|
|
189
189
|
* This enables external triggers and keyboard shortcuts.
|
|
190
190
|
*/
|
|
191
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;
|
|
192
|
-
declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, activeIndicator, className, style: styleProp,
|
|
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;
|
|
193
193
|
declare function SidebarHeader({ children, collapsedContent, className, ...htmlProps }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
194
|
-
declare function SidebarNav({ children,
|
|
194
|
+
declare function SidebarNav({ children, "aria-label": ariaLabel, className, ...htmlProps }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
|
|
195
195
|
declare function SidebarSection({ children, label, action, collapsible: isCollapsibleProp, defaultOpen, className, ...htmlProps }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
196
|
-
declare function SidebarSectionAction({ children, onClick,
|
|
196
|
+
declare function SidebarSectionAction({ children, onClick, "aria-label": ariaLabel, className, ...htmlProps }: SidebarSectionActionProps): import("react/jsx-runtime").JSX.Element;
|
|
197
197
|
declare function SidebarItem({ children, icon, active, disabled, badge, href, onClick, multiline, hasSubmenu, expanded: controlledExpanded, defaultExpanded, onExpandedChange, asChild, className, ...rest }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
198
198
|
declare function SidebarSubItem({ children, active, disabled, href, onClick, className, ...rest }: SidebarSubItemProps): import("react/jsx-runtime").JSX.Element | null;
|
|
199
199
|
declare function SidebarSubmenu({ children }: {
|
|
200
200
|
children: React.ReactNode;
|
|
201
201
|
}): import("react/jsx-runtime").JSX.Element;
|
|
202
202
|
declare function SidebarFooter({ children, className, ...htmlProps }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
203
|
-
declare function SidebarTrigger({ children,
|
|
203
|
+
declare function SidebarTrigger({ children, "aria-label": ariaLabel, className, onClick, ...htmlProps }: SidebarTriggerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
204
204
|
declare function SidebarOverlay({ className, onClick, ...htmlProps }: SidebarOverlayProps): import("react/jsx-runtime").JSX.Element | null;
|
|
205
|
-
declare function SidebarCollapseToggle({
|
|
206
|
-
declare function SidebarRail({ className, onClick, title,
|
|
205
|
+
declare function SidebarCollapseToggle({ "aria-label": ariaLabel, className, onClick, ...htmlProps }: SidebarCollapseToggleProps): import("react/jsx-runtime").JSX.Element | null;
|
|
206
|
+
declare function SidebarRail({ className, onClick, title, "aria-label": ariaLabel, ...htmlProps }: SidebarRailProps): import("react/jsx-runtime").JSX.Element | null;
|
|
207
207
|
declare function SidebarMenuSkeleton({ count, showIcon, className, ...htmlProps }: SidebarMenuSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
208
208
|
export declare const Sidebar: typeof SidebarRoot & {
|
|
209
209
|
Header: typeof SidebarHeader;
|
|
@@ -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;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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ function renderSidebarBadge(badge) {
|
|
|
26
26
|
if (React.isValidElement(badge) && (badge.type === Badge || badge.type === Badge.Root)) {
|
|
27
27
|
return badge;
|
|
28
28
|
}
|
|
29
|
-
return /* @__PURE__ */ jsx(Badge, {
|
|
29
|
+
return /* @__PURE__ */ jsx(Badge, { tone: "neutral", size: "sm", children: badge });
|
|
30
30
|
}
|
|
31
31
|
function MenuIcon() {
|
|
32
32
|
return /* @__PURE__ */ jsx(
|
|
@@ -187,11 +187,7 @@ function SidebarProvider({
|
|
|
187
187
|
defaultCollapsed,
|
|
188
188
|
onCollapsedChange
|
|
189
189
|
);
|
|
190
|
-
const [open, setOpen] = useControllableState(
|
|
191
|
-
controlledOpen,
|
|
192
|
-
defaultOpen,
|
|
193
|
-
onOpenChange
|
|
194
|
-
);
|
|
190
|
+
const [open, setOpen] = useControllableState(controlledOpen, defaultOpen, onOpenChange);
|
|
195
191
|
const toggleSidebar = React.useCallback(() => {
|
|
196
192
|
if (collapsible === "none") return;
|
|
197
193
|
if (isMobile) {
|
|
@@ -253,7 +249,7 @@ function SidebarRoot({
|
|
|
253
249
|
width = "240px",
|
|
254
250
|
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
255
251
|
position = "left",
|
|
256
|
-
collapsible
|
|
252
|
+
collapsible,
|
|
257
253
|
activeIndicator = "start",
|
|
258
254
|
className,
|
|
259
255
|
style: styleProp,
|
|
@@ -272,14 +268,15 @@ function SidebarRoot({
|
|
|
272
268
|
defaultOpen,
|
|
273
269
|
onOpenChange
|
|
274
270
|
);
|
|
275
|
-
const
|
|
276
|
-
const
|
|
271
|
+
const isCollapsedControlled = controlledCollapsed !== void 0;
|
|
272
|
+
const collapsed = isCollapsedControlled || !existingContext ? internalCollapsed : existingContext.collapsed;
|
|
273
|
+
const setCollapsed = isCollapsedControlled || !existingContext ? setInternalCollapsed : existingContext.setCollapsed;
|
|
277
274
|
const open = existingContext ? existingContext.open : internalOpen;
|
|
278
275
|
const setOpen = existingContext ? existingContext.setOpen : setInternalOpen;
|
|
279
276
|
const resolvedPosition = existingContext ? existingContext.position : position;
|
|
280
277
|
const resolvedWidth = existingContext ? existingContext.width : width;
|
|
281
278
|
const resolvedCollapsedWidth = existingContext ? existingContext.collapsedWidth : collapsedWidth;
|
|
282
|
-
const resolvedCollapsible = existingContext ? existingContext.collapsible :
|
|
279
|
+
const resolvedCollapsible = collapsible ?? (existingContext ? existingContext.collapsible : "icon");
|
|
283
280
|
const hasIcons = React.useMemo(() => hasSidebarItemIcons(children), [children]);
|
|
284
281
|
const shouldCollapseToZero = !isMobile && resolvedCollapsible === "icon" && collapsed && !hasIcons;
|
|
285
282
|
const isOffcanvasCollapsed = !isMobile && resolvedCollapsible === "offcanvas" && collapsed;
|
|
@@ -363,6 +360,7 @@ function SidebarRoot({
|
|
|
363
360
|
role: isMobile ? "dialog" : void 0,
|
|
364
361
|
"aria-modal": isMobile && open ? true : void 0,
|
|
365
362
|
"aria-hidden": isMobile && !open ? true : void 0,
|
|
363
|
+
inert: isMobile && !open ? true : void 0,
|
|
366
364
|
"aria-label": isMobile ? ariaLabel || "Sidebar navigation" : ariaLabel,
|
|
367
365
|
"data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
|
|
368
366
|
"data-position": resolvedPosition,
|
|
@@ -405,10 +403,7 @@ function SidebarSection({
|
|
|
405
403
|
...htmlProps
|
|
406
404
|
}) {
|
|
407
405
|
const { collapsed, isMobile } = useSidebarContext();
|
|
408
|
-
const classes = [
|
|
409
|
-
styles.section,
|
|
410
|
-
className
|
|
411
|
-
].filter(Boolean).join(" ");
|
|
406
|
+
const classes = [styles.section, className].filter(Boolean).join(" ");
|
|
412
407
|
const showLabel = label && (!collapsed || isMobile);
|
|
413
408
|
const showAction = action && (!collapsed || isMobile);
|
|
414
409
|
const isCollapsible = isCollapsibleProp && showLabel;
|
|
@@ -423,14 +418,7 @@ function SidebarSection({
|
|
|
423
418
|
}
|
|
424
419
|
return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, role: "group", "aria-label": label, children: /* @__PURE__ */ jsxs(Collapsible, { defaultOpen, className: styles.sectionCollapsible, children: [
|
|
425
420
|
/* @__PURE__ */ jsxs("div", { className: styles.sectionHeader, children: [
|
|
426
|
-
/* @__PURE__ */ jsx(
|
|
427
|
-
Collapsible.Trigger,
|
|
428
|
-
{
|
|
429
|
-
className: styles.sectionTrigger,
|
|
430
|
-
chevronPosition: "end",
|
|
431
|
-
children: /* @__PURE__ */ jsx("span", { className: styles.sectionLabel, children: label })
|
|
432
|
-
}
|
|
433
|
-
),
|
|
421
|
+
/* @__PURE__ */ jsx(Collapsible.Trigger, { className: styles.sectionTrigger, chevronPosition: "end", children: /* @__PURE__ */ jsx("span", { className: styles.sectionLabel, children: label }) }),
|
|
434
422
|
showAction && /* @__PURE__ */ jsx("div", { className: styles.sectionActionWrapper, children: action })
|
|
435
423
|
] }),
|
|
436
424
|
/* @__PURE__ */ jsx(Collapsible.Content, { className: styles.sectionContent, children: /* @__PURE__ */ jsx("ul", { className: styles.sectionList, children }) })
|
|
@@ -543,10 +531,7 @@ function SidebarItem({
|
|
|
543
531
|
itemElement = /* @__PURE__ */ jsx("button", { ...itemProps, ...rest, type: "button", children: itemContent });
|
|
544
532
|
}
|
|
545
533
|
const wrappedItem = isCollapsed ? /* @__PURE__ */ jsx(Tooltip, { content: labelText || children, side: "right", delay: 100, children: itemElement }) : itemElement;
|
|
546
|
-
const wrapperClasses = [
|
|
547
|
-
styles.itemWrapper,
|
|
548
|
-
expanded && styles.itemExpanded
|
|
549
|
-
].filter(Boolean).join(" ");
|
|
534
|
+
const wrapperClasses = [styles.itemWrapper, expanded && styles.itemExpanded].filter(Boolean).join(" ");
|
|
550
535
|
return /* @__PURE__ */ jsx("li", { className: wrapperClasses, children: wrappedItem });
|
|
551
536
|
}
|
|
552
537
|
function SidebarSubItem({
|
|
@@ -646,11 +631,7 @@ function SidebarCollapseToggle({
|
|
|
646
631
|
return null;
|
|
647
632
|
}
|
|
648
633
|
const shouldFloat = collapsed && (collapsible === "icon" && !hasIcons || collapsible === "offcanvas");
|
|
649
|
-
const classes = [
|
|
650
|
-
styles.collapseToggle,
|
|
651
|
-
shouldFloat && styles.collapseToggleFloating,
|
|
652
|
-
className
|
|
653
|
-
].filter(Boolean).join(" ");
|
|
634
|
+
const classes = [styles.collapseToggle, shouldFloat && styles.collapseToggleFloating, className].filter(Boolean).join(" ");
|
|
654
635
|
const label = ariaLabel || (collapsed ? "Expand sidebar" : "Collapse sidebar");
|
|
655
636
|
return /* @__PURE__ */ jsx(
|
|
656
637
|
"button",
|
|
@@ -675,11 +656,7 @@ function SidebarRail({
|
|
|
675
656
|
if (isMobile || collapsible === "none") {
|
|
676
657
|
return null;
|
|
677
658
|
}
|
|
678
|
-
const classes = [
|
|
679
|
-
styles.rail,
|
|
680
|
-
collapsed && styles.railCollapsed,
|
|
681
|
-
className
|
|
682
|
-
].filter(Boolean).join(" ");
|
|
659
|
+
const classes = [styles.rail, collapsed && styles.railCollapsed, className].filter(Boolean).join(" ");
|
|
683
660
|
return /* @__PURE__ */ jsx(
|
|
684
661
|
"button",
|
|
685
662
|
{
|
|
@@ -703,11 +680,11 @@ function SidebarMenuSkeleton({
|
|
|
703
680
|
const classes = [styles.menuSkeleton, className].filter(Boolean).join(" ");
|
|
704
681
|
const labelWidths = ["64%", "72%", "68%", "79%", "74%", "66%", "83%", "70%"];
|
|
705
682
|
return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, "aria-hidden": "true", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: styles.skeletonItem, children: [
|
|
706
|
-
showIcon && /* @__PURE__ */ jsx(Skeleton, {
|
|
683
|
+
showIcon && /* @__PURE__ */ jsx(Skeleton, { shape: "avatar", size: "sm" }),
|
|
707
684
|
!isCollapsed && /* @__PURE__ */ jsx(
|
|
708
685
|
Skeleton,
|
|
709
686
|
{
|
|
710
|
-
|
|
687
|
+
shape: "text",
|
|
711
688
|
className: styles.skeletonLabel,
|
|
712
689
|
width: labelWidths[i % labelWidths.length]
|
|
713
690
|
}
|
|
@@ -1,76 +1,79 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const skeleton = "
|
|
4
|
-
const
|
|
5
|
-
const fill = "
|
|
6
|
-
const text = "
|
|
7
|
-
const heading = "
|
|
8
|
-
const avatar = "
|
|
9
|
-
const avatarSm = "_avatar-
|
|
10
|
-
const avatarMd = "_avatar-
|
|
11
|
-
const avatarLg = "_avatar-
|
|
12
|
-
const button = "
|
|
13
|
-
const buttonSm = "_button-
|
|
14
|
-
const buttonMd = "_button-
|
|
15
|
-
const buttonLg = "_button-
|
|
16
|
-
const input = "
|
|
17
|
-
const inputSm = "_input-
|
|
18
|
-
const inputMd = "_input-
|
|
19
|
-
const inputLg = "_input-
|
|
20
|
-
const radiusNone = "_radius-
|
|
21
|
-
const radiusSm = "_radius-
|
|
22
|
-
const radiusMd = "_radius-
|
|
23
|
-
const radiusLg = "_radius-
|
|
24
|
-
const radiusFull = "_radius-
|
|
25
|
-
const textContainer = "
|
|
26
|
-
const gapSm = "_gap-
|
|
27
|
-
const gapMd = "_gap-
|
|
28
|
-
const textLine = "
|
|
3
|
+
const skeleton = "_skeleton_12tch_9";
|
|
4
|
+
const skeletonShimmer = "_skeleton-shimmer_12tch_1";
|
|
5
|
+
const fill = "_fill_12tch_29";
|
|
6
|
+
const text = "_text_12tch_34";
|
|
7
|
+
const heading = "_heading_12tch_40";
|
|
8
|
+
const avatar = "_avatar_12tch_46";
|
|
9
|
+
const avatarSm = "_avatar-sm_12tch_50";
|
|
10
|
+
const avatarMd = "_avatar-md_12tch_55";
|
|
11
|
+
const avatarLg = "_avatar-lg_12tch_60";
|
|
12
|
+
const button = "_button_12tch_65";
|
|
13
|
+
const buttonSm = "_button-sm_12tch_69";
|
|
14
|
+
const buttonMd = "_button-md_12tch_73";
|
|
15
|
+
const buttonLg = "_button-lg_12tch_77";
|
|
16
|
+
const input = "_input_12tch_93";
|
|
17
|
+
const inputSm = "_input-sm_12tch_98";
|
|
18
|
+
const inputMd = "_input-md_12tch_102";
|
|
19
|
+
const inputLg = "_input-lg_12tch_106";
|
|
20
|
+
const radiusNone = "_radius-none_12tch_110";
|
|
21
|
+
const radiusSm = "_radius-sm_12tch_114";
|
|
22
|
+
const radiusMd = "_radius-md_12tch_118";
|
|
23
|
+
const radiusLg = "_radius-lg_12tch_122";
|
|
24
|
+
const radiusFull = "_radius-full_12tch_126";
|
|
25
|
+
const textContainer = "_textContainer_12tch_130";
|
|
26
|
+
const gapSm = "_gap-sm_12tch_136";
|
|
27
|
+
const gapMd = "_gap-md_12tch_140";
|
|
28
|
+
const textLine = "_textLine_12tch_144";
|
|
29
|
+
const skeletonPulse = "_skeleton-pulse_12tch_1";
|
|
29
30
|
const styles = {
|
|
30
31
|
skeleton,
|
|
31
|
-
"skeleton-
|
|
32
|
-
|
|
33
|
-
"static": "
|
|
32
|
+
"skeleton-shimmer": "_skeleton-shimmer_12tch_1",
|
|
33
|
+
skeletonShimmer,
|
|
34
|
+
"static": "_static_12tch_18",
|
|
34
35
|
fill,
|
|
35
36
|
text,
|
|
36
37
|
heading,
|
|
37
38
|
avatar,
|
|
38
|
-
"avatar-sm": "_avatar-
|
|
39
|
+
"avatar-sm": "_avatar-sm_12tch_50",
|
|
39
40
|
avatarSm,
|
|
40
|
-
"avatar-md": "_avatar-
|
|
41
|
+
"avatar-md": "_avatar-md_12tch_55",
|
|
41
42
|
avatarMd,
|
|
42
|
-
"avatar-lg": "_avatar-
|
|
43
|
+
"avatar-lg": "_avatar-lg_12tch_60",
|
|
43
44
|
avatarLg,
|
|
44
45
|
button,
|
|
45
|
-
"button-sm": "_button-
|
|
46
|
+
"button-sm": "_button-sm_12tch_69",
|
|
46
47
|
buttonSm,
|
|
47
|
-
"button-md": "_button-
|
|
48
|
+
"button-md": "_button-md_12tch_73",
|
|
48
49
|
buttonMd,
|
|
49
|
-
"button-lg": "_button-
|
|
50
|
+
"button-lg": "_button-lg_12tch_77",
|
|
50
51
|
buttonLg,
|
|
51
52
|
input,
|
|
52
|
-
"input-sm": "_input-
|
|
53
|
+
"input-sm": "_input-sm_12tch_98",
|
|
53
54
|
inputSm,
|
|
54
|
-
"input-md": "_input-
|
|
55
|
+
"input-md": "_input-md_12tch_102",
|
|
55
56
|
inputMd,
|
|
56
|
-
"input-lg": "_input-
|
|
57
|
+
"input-lg": "_input-lg_12tch_106",
|
|
57
58
|
inputLg,
|
|
58
|
-
"radius-none": "_radius-
|
|
59
|
+
"radius-none": "_radius-none_12tch_110",
|
|
59
60
|
radiusNone,
|
|
60
|
-
"radius-sm": "_radius-
|
|
61
|
+
"radius-sm": "_radius-sm_12tch_114",
|
|
61
62
|
radiusSm,
|
|
62
|
-
"radius-md": "_radius-
|
|
63
|
+
"radius-md": "_radius-md_12tch_118",
|
|
63
64
|
radiusMd,
|
|
64
|
-
"radius-lg": "_radius-
|
|
65
|
+
"radius-lg": "_radius-lg_12tch_122",
|
|
65
66
|
radiusLg,
|
|
66
|
-
"radius-full": "_radius-
|
|
67
|
+
"radius-full": "_radius-full_12tch_126",
|
|
67
68
|
radiusFull,
|
|
68
69
|
textContainer,
|
|
69
|
-
"gap-sm": "_gap-
|
|
70
|
+
"gap-sm": "_gap-sm_12tch_136",
|
|
70
71
|
gapSm,
|
|
71
|
-
"gap-md": "_gap-
|
|
72
|
+
"gap-md": "_gap-md_12tch_140",
|
|
72
73
|
gapMd,
|
|
73
|
-
textLine
|
|
74
|
+
textLine,
|
|
75
|
+
"skeleton-pulse": "_skeleton-pulse_12tch_1",
|
|
76
|
+
skeletonPulse
|
|
74
77
|
};
|
|
75
78
|
exports.avatar = avatar;
|
|
76
79
|
exports.avatarLg = avatarLg;
|
|
@@ -96,6 +99,7 @@ exports.radiusNone = radiusNone;
|
|
|
96
99
|
exports.radiusSm = radiusSm;
|
|
97
100
|
exports.skeleton = skeleton;
|
|
98
101
|
exports.skeletonPulse = skeletonPulse;
|
|
102
|
+
exports.skeletonShimmer = skeletonShimmer;
|
|
99
103
|
exports.text = text;
|
|
100
104
|
exports.textContainer = textContainer;
|
|
101
105
|
exports.textLine = textLine;
|