@usefragments/ui 1.5.4 → 1.7.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 +4 -4
- 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/ui.css +10468 -6909
- package/dist/chart.cjs +31 -26
- package/dist/chart.js +31 -26
- package/dist/codeblock.cjs +55 -29
- package/dist/codeblock.js +55 -29
- package/dist/colorpicker.cjs +5 -2
- package/dist/colorpicker.js +5 -2
- 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 +15 -12
- package/dist/components/Alert/Alert.module.scss.js +15 -12
- package/dist/components/Alert/index.cjs +7 -1
- package/dist/components/Alert/index.d.ts +12 -6
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +7 -1
- 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/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 +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 +30 -18
- package/dist/components/Card/Card.module.scss.js +31 -19
- package/dist/components/Card/index.cjs +8 -0
- package/dist/components/Card/index.d.ts +12 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +8 -0
- 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 +6 -8
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +6 -8
- 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 +6 -6
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Chip/index.js +4 -4
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +27 -24
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +27 -24
- 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 +17 -3
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- 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 +21 -5
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +21 -5
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/Command/index.cjs +26 -15
- package/dist/components/Command/index.d.ts +2 -2
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +26 -15
- 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.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 +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/Dialog/index.cjs +11 -14
- package/dist/components/Dialog/index.d.ts +7 -7
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +11 -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/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +15 -12
- package/dist/components/EmptyState/EmptyState.module.scss.js +15 -12
- package/dist/components/EmptyState/index.cjs +8 -6
- package/dist/components/EmptyState/index.d.ts +9 -4
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +8 -6
- 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 +18 -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 +18 -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 +18 -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 +18 -38
- 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/IconButton/index.cjs +2 -1
- 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 +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 +14 -10
- package/dist/components/Link/Link.module.scss.js +14 -10
- package/dist/components/Link/index.d.ts +1 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- 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 +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- 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/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +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 +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 +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 +6 -5
- 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 +17 -38
- package/dist/components/Sidebar/index.d.ts +23 -18
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +17 -38
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +56 -40
- package/dist/components/Skeleton/Skeleton.module.scss.js +56 -40
- 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 +21 -30
- package/dist/components/Table/Table.module.scss.js +21 -30
- 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/TableOfContents/index.cjs +13 -9
- 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 +13 -9
- 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 +28 -8
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +28 -8
- package/dist/components/Text/Text.module.scss.cjs +105 -57
- package/dist/components/Text/Text.module.scss.js +105 -57
- package/dist/components/Text/index.cjs +49 -33
- package/dist/components/Text/index.d.ts +30 -19
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +49 -33
- 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 +16 -210
- 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 +11 -205
- package/dist/components/{Theme → ThemeToggle}/ThemeToggle.module.scss.cjs +9 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +26 -0
- package/dist/components/ThemeToggle/index.cjs +140 -0
- package/dist/components/ThemeToggle/index.d.ts +26 -0
- package/dist/components/ThemeToggle/index.d.ts.map +1 -0
- package/dist/components/ThemeToggle/index.js +140 -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/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.cjs +14 -10
- package/dist/data-table.js +14 -10
- package/dist/datepicker.cjs +5 -3
- package/dist/datepicker.js +5 -3
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +101 -99
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -4
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +22 -30
- package/dist/measurements/generated.cjs +304 -0
- package/dist/measurements/generated.d.ts +268 -0
- package/dist/measurements/generated.d.ts.map +1 -0
- package/dist/measurements/generated.js +304 -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/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/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 +14 -48
- 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 +14 -48
- 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 +25 -4
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Accordion/Accordion.module.scss +31 -52
- package/src/components/Alert/Alert.contract.json +37 -53
- package/src/components/Alert/Alert.module.scss +52 -44
- package/src/components/Alert/index.tsx +55 -29
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +59 -43
- package/src/components/AppShell/index.tsx +8 -4
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +25 -60
- package/src/components/Avatar/index.tsx +152 -146
- package/src/components/Badge/Badge.contract.json +37 -42
- package/src/components/Badge/Badge.module.scss +59 -47
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/BentoGrid/BentoGrid.module.scss +11 -32
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/Box.module.scss +253 -81
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +19 -15
- package/src/components/Button/Button.module.scss +60 -64
- package/src/components/ButtonGroup/ButtonGroup.contract.json +32 -47
- 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 +284 -167
- package/src/components/Card/index.tsx +21 -2
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/Chart.module.scss +28 -29
- package/src/components/Chart/index.tsx +72 -55
- package/src/components/Checkbox/Checkbox.contract.json +24 -24
- package/src/components/Checkbox/Checkbox.module.scss +75 -87
- package/src/components/Checkbox/index.tsx +8 -11
- package/src/components/Chip/Chip.contract.json +36 -42
- package/src/components/Chip/Chip.module.scss +25 -36
- package/src/components/Chip/index.tsx +5 -5
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +129 -217
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +91 -35
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/Collapsible/Collapsible.module.scss +29 -63
- package/src/components/Collapsible/index.tsx +22 -26
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +54 -33
- package/src/components/ColorPicker/index.tsx +7 -2
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +61 -74
- package/src/components/Combobox/index.tsx +34 -6
- package/src/components/Command/Command.contract.json +21 -43
- package/src/components/Command/Command.module.scss +47 -77
- package/src/components/Command/index.tsx +58 -47
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/ConversationList/ConversationList.module.scss +20 -78
- package/src/components/ConversationList/index.tsx +55 -59
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +81 -217
- package/src/components/DataTable/index.tsx +28 -32
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +66 -38
- package/src/components/DatePicker/index.tsx +7 -3
- package/src/components/Dialog/Dialog.module.scss +45 -69
- package/src/components/Dialog/index.tsx +47 -37
- package/src/components/Drawer/Drawer.contract.json +22 -36
- package/src/components/Drawer/Drawer.module.scss +93 -99
- package/src/components/Drawer/index.tsx +1 -1
- package/src/components/Editor/Editor.contract.json +31 -48
- package/src/components/Editor/Editor.module.scss +137 -220
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +31 -43
- package/src/components/EmptyState/EmptyState.module.scss +45 -84
- package/src/components/EmptyState/index.tsx +48 -23
- package/src/components/Field/Field.contract.json +28 -45
- package/src/components/Field/Field.module.scss +9 -11
- package/src/components/Field/index.tsx +31 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +23 -8
- package/src/components/Form/Form.contract.json +27 -40
- package/src/components/Form/Form.module.scss +9 -4
- package/src/components/Form/index.tsx +22 -7
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/Grid.module.scss +159 -63
- package/src/components/Grid/index.tsx +114 -133
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +56 -48
- package/src/components/Header/index.tsx +134 -121
- package/src/components/Icon/Icon.contract.json +22 -62
- package/src/components/Icon/Icon.module.scss +16 -0
- package/src/components/Icon/index.tsx +74 -86
- package/src/components/IconButton/IconButton.contract.json +34 -18
- package/src/components/IconButton/IconButton.module.scss +15 -26
- package/src/components/IconButton/index.tsx +2 -1
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +26 -32
- package/src/components/Input/Input.module.scss +69 -56
- package/src/components/Input/index.tsx +1 -2
- package/src/components/Link/Link.contract.json +32 -52
- package/src/components/Link/Link.module.scss +29 -13
- package/src/components/Link/index.tsx +1 -1
- package/src/components/List/List.contract.json +23 -52
- package/src/components/List/List.module.scss +16 -21
- package/src/components/List/index.tsx +4 -10
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Listbox/Listbox.module.scss +26 -54
- package/src/components/Loading/Loading.contract.json +37 -61
- package/src/components/Loading/Loading.module.scss +33 -40
- package/src/components/Loading/index.tsx +68 -97
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Main/Main.module.scss +3 -5
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +72 -182
- package/src/components/Markdown/index.tsx +50 -51
- package/src/components/Menu/Menu.contract.json +25 -41
- package/src/components/Menu/Menu.module.scss +63 -133
- package/src/components/Menu/index.tsx +57 -89
- package/src/components/Message/Message.contract.json +29 -52
- package/src/components/Message/Message.module.scss +60 -143
- package/src/components/Message/index.tsx +16 -6
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +123 -71
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +34 -27
- package/src/components/Pagination/index.tsx +7 -2
- package/src/components/Popover/Popover.contract.json +24 -46
- package/src/components/Popover/Popover.module.scss +43 -78
- package/src/components/Progress/Progress.contract.json +32 -28
- package/src/components/Progress/Progress.module.scss +64 -43
- package/src/components/Progress/geometry.ts +41 -0
- package/src/components/Progress/index.tsx +44 -30
- package/src/components/Prompt/Prompt.contract.json +31 -47
- package/src/components/Prompt/Prompt.module.scss +58 -87
- package/src/components/Prompt/index.tsx +6 -5
- package/src/components/RadioGroup/RadioGroup.contract.json +23 -24
- package/src/components/RadioGroup/RadioGroup.module.scss +63 -83
- package/src/components/RadioGroup/index.tsx +7 -9
- package/src/components/ScrollArea/ScrollArea.contract.json +23 -40
- package/src/components/ScrollArea/ScrollArea.module.scss +123 -97
- package/src/components/ScrollArea/index.tsx +85 -67
- package/src/components/ScrollArea/scroll-state.ts +87 -0
- package/src/components/Select/Select.module.scss +55 -43
- package/src/components/Select/index.tsx +6 -2
- package/src/components/Separator/Separator.contract.json +24 -48
- package/src/components/Separator/Separator.module.scss +29 -19
- package/src/components/Separator/index.tsx +55 -51
- package/src/components/Sidebar/Sidebar.contract.json +42 -62
- package/src/components/Sidebar/Sidebar.module.scss +117 -106
- package/src/components/Sidebar/index.tsx +169 -162
- package/src/components/Skeleton/Skeleton.contract.json +28 -54
- package/src/components/Skeleton/Skeleton.module.scss +51 -34
- package/src/components/Skeleton/index.tsx +65 -72
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +33 -27
- package/src/components/Stack/Stack.contract.json +29 -56
- package/src/components/Stack/Stack.module.scss +110 -38
- package/src/components/Stack/index.tsx +157 -127
- package/src/components/{Toggle/Toggle.contract.json → Switch/Switch.contract.json} +34 -47
- package/src/components/Switch/Switch.module.scss +255 -0
- package/src/components/{Toggle → Switch}/index.tsx +5 -21
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +50 -129
- package/src/components/Table/index.tsx +13 -6
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +35 -182
- package/src/components/TableOfContents/index.tsx +26 -9
- package/src/components/Tabs/Tabs.contract.json +24 -45
- package/src/components/Tabs/Tabs.module.scss +28 -23
- package/src/components/Tabs/index.tsx +17 -5
- package/src/components/Text/Text.contract.json +30 -72
- package/src/components/Text/Text.module.scss +43 -7
- package/src/components/Text/index.tsx +136 -63
- package/src/components/Textarea/Textarea.contract.json +25 -43
- package/src/components/Textarea/Textarea.module.scss +58 -40
- package/src/components/Textarea/index.tsx +5 -12
- package/src/components/Theme/Theme.contract.json +32 -51
- package/src/components/Theme/context.ts +42 -0
- package/src/components/Theme/index.tsx +16 -310
- package/src/components/ThemeToggle/ThemeToggle.module.scss +89 -0
- package/src/components/ThemeToggle/index.tsx +180 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +23 -40
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +24 -19
- package/src/components/ThinkingIndicator/index.tsx +44 -54
- package/src/components/Toast/Toast.contract.json +35 -61
- package/src/components/Toast/Toast.module.scss +62 -139
- package/src/components/Toggle/index.ts +7 -0
- package/src/components/ToggleGroup/ToggleGroup.contract.json +40 -68
- package/src/components/ToggleGroup/ToggleGroup.module.scss +166 -89
- package/src/components/ToggleGroup/index.tsx +5 -3
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/Tooltip.module.scss +23 -39
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +3 -0
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +4 -3
- package/src/measurements/MeasurementTargets.module.scss +229 -0
- package/src/measurements/generated.ts +324 -0
- package/src/measurements/index.ts +8 -0
- package/src/measurements/measurements.json +368 -0
- package/src/recipes/_action.scss +138 -0
- package/src/recipes/_boolean-range.scss +116 -0
- package/src/recipes/_feedback.scss +171 -0
- package/src/recipes/_field.scss +102 -0
- package/src/recipes/_layout.scss +74 -0
- package/src/recipes/_navigation.scss +110 -0
- package/src/recipes/_overlay.scss +191 -0
- package/src/recipes/_popup.scss +102 -0
- package/src/recipes/_prose.scss +182 -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 +119 -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/scss.d.ts +1 -1
- package/src/styles/globals.scss +21 -20
- package/src/tokens/_component-properties.scss +2 -2
- package/src/tokens/_computed.scss +14 -25
- package/src/tokens/_density.scss +41 -132
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +96 -0
- package/src/tokens/_measurements.generated.scss +617 -0
- package/src/tokens/_mixins.scss +7 -284
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_property-registrations.scss +96 -92
- package/src/tokens/_radius.scss +16 -70
- package/src/tokens/_seeds.scss +24 -23
- package/src/tokens/_variables.scss +338 -178
- 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/layout-spacing.ts +31 -0
- package/src/utils/seed-derivation.ts +144 -178
- 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/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/Switch/index.ts +0 -3
- package/src/components/Theme/ThemeToggle.module.scss +0 -91
- package/src/components/Toggle/Toggle.module.scss +0 -244
|
@@ -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_17sht_1";
|
|
4
|
+
const mobile = "_mobile_17sht_51";
|
|
5
|
+
const positionRight = "_positionRight_17sht_57";
|
|
6
|
+
const collapsed = "_collapsed_17sht_62";
|
|
7
|
+
const header = "_header_17sht_65";
|
|
8
|
+
const nav = "_nav_17sht_66";
|
|
9
|
+
const footer = "_footer_17sht_67";
|
|
10
|
+
const sectionLabel = "_sectionLabel_17sht_74";
|
|
11
|
+
const itemLabel = "_itemLabel_17sht_85";
|
|
12
|
+
const itemBadge = "_itemBadge_17sht_86";
|
|
13
|
+
const itemChevron = "_itemChevron_17sht_87";
|
|
14
|
+
const item = "_item_17sht_85";
|
|
15
|
+
const itemIcon = "_itemIcon_17sht_95";
|
|
16
|
+
const collapseToggle = "_collapseToggle_17sht_98";
|
|
17
|
+
const collapsedNoIcons = "_collapsedNoIcons_17sht_102";
|
|
18
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_17sht_105";
|
|
19
|
+
const collapseToggleFloating = "_collapseToggleFloating_17sht_111";
|
|
20
|
+
const rail = "_rail_17sht_125";
|
|
21
|
+
const navScrollArea = "_navScrollArea_17sht_166";
|
|
22
|
+
const section = "_section_17sht_74";
|
|
23
|
+
const sectionHeader = "_sectionHeader_17sht_175";
|
|
24
|
+
const sectionTrigger = "_sectionTrigger_17sht_205";
|
|
25
|
+
const sectionActionWrapper = "_sectionActionWrapper_17sht_219";
|
|
26
|
+
const sectionAction = "_sectionAction_17sht_219";
|
|
27
|
+
const sectionList = "_sectionList_17sht_303";
|
|
28
|
+
const submenu = "_submenu_17sht_304";
|
|
29
|
+
const sectionCollapsible = "_sectionCollapsible_17sht_313";
|
|
30
|
+
const itemWrapper = "_itemWrapper_17sht_361";
|
|
31
|
+
const subItemWrapper = "_subItemWrapper_17sht_362";
|
|
32
|
+
const submenuWrapper = "_submenuWrapper_17sht_363";
|
|
33
|
+
const itemDisabled = "_itemDisabled_17sht_436";
|
|
34
|
+
const itemActive = "_itemActive_17sht_445";
|
|
35
|
+
const subItemDisabled = "_subItemDisabled_17sht_530";
|
|
36
|
+
const itemMultiline = "_itemMultiline_17sht_586";
|
|
37
|
+
const itemExpanded = "_itemExpanded_17sht_613";
|
|
38
|
+
const subItem = "_subItem_17sht_362";
|
|
39
|
+
const subItemActive = "_subItemActive_17sht_712";
|
|
40
|
+
const trigger = "_trigger_17sht_730";
|
|
41
|
+
const overlay = "_overlay_17sht_797";
|
|
42
|
+
const railCollapsed = "_railCollapsed_17sht_945";
|
|
43
|
+
const menuSkeleton = "_menuSkeleton_17sht_949";
|
|
44
|
+
const skeletonItem = "_skeletonItem_17sht_956";
|
|
45
|
+
const skeletonLabel = "_skeletonLabel_17sht_985";
|
|
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_17sht_1";
|
|
2
|
+
const mobile = "_mobile_17sht_51";
|
|
3
|
+
const positionRight = "_positionRight_17sht_57";
|
|
4
|
+
const collapsed = "_collapsed_17sht_62";
|
|
5
|
+
const header = "_header_17sht_65";
|
|
6
|
+
const nav = "_nav_17sht_66";
|
|
7
|
+
const footer = "_footer_17sht_67";
|
|
8
|
+
const sectionLabel = "_sectionLabel_17sht_74";
|
|
9
|
+
const itemLabel = "_itemLabel_17sht_85";
|
|
10
|
+
const itemBadge = "_itemBadge_17sht_86";
|
|
11
|
+
const itemChevron = "_itemChevron_17sht_87";
|
|
12
|
+
const item = "_item_17sht_85";
|
|
13
|
+
const itemIcon = "_itemIcon_17sht_95";
|
|
14
|
+
const collapseToggle = "_collapseToggle_17sht_98";
|
|
15
|
+
const collapsedNoIcons = "_collapsedNoIcons_17sht_102";
|
|
16
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_17sht_105";
|
|
17
|
+
const collapseToggleFloating = "_collapseToggleFloating_17sht_111";
|
|
18
|
+
const rail = "_rail_17sht_125";
|
|
19
|
+
const navScrollArea = "_navScrollArea_17sht_166";
|
|
20
|
+
const section = "_section_17sht_74";
|
|
21
|
+
const sectionHeader = "_sectionHeader_17sht_175";
|
|
22
|
+
const sectionTrigger = "_sectionTrigger_17sht_205";
|
|
23
|
+
const sectionActionWrapper = "_sectionActionWrapper_17sht_219";
|
|
24
|
+
const sectionAction = "_sectionAction_17sht_219";
|
|
25
|
+
const sectionList = "_sectionList_17sht_303";
|
|
26
|
+
const submenu = "_submenu_17sht_304";
|
|
27
|
+
const sectionCollapsible = "_sectionCollapsible_17sht_313";
|
|
28
|
+
const itemWrapper = "_itemWrapper_17sht_361";
|
|
29
|
+
const subItemWrapper = "_subItemWrapper_17sht_362";
|
|
30
|
+
const submenuWrapper = "_submenuWrapper_17sht_363";
|
|
31
|
+
const itemDisabled = "_itemDisabled_17sht_436";
|
|
32
|
+
const itemActive = "_itemActive_17sht_445";
|
|
33
|
+
const subItemDisabled = "_subItemDisabled_17sht_530";
|
|
34
|
+
const itemMultiline = "_itemMultiline_17sht_586";
|
|
35
|
+
const itemExpanded = "_itemExpanded_17sht_613";
|
|
36
|
+
const subItem = "_subItem_17sht_362";
|
|
37
|
+
const subItemActive = "_subItemActive_17sht_712";
|
|
38
|
+
const trigger = "_trigger_17sht_730";
|
|
39
|
+
const overlay = "_overlay_17sht_797";
|
|
40
|
+
const railCollapsed = "_railCollapsed_17sht_945";
|
|
41
|
+
const menuSkeleton = "_menuSkeleton_17sht_949";
|
|
42
|
+
const skeletonItem = "_skeletonItem_17sht_956";
|
|
43
|
+
const skeletonLabel = "_skeletonLabel_17sht_985";
|
|
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
|
|
@@ -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) {
|
|
@@ -270,9 +266,10 @@ function SidebarRoot({
|
|
|
270
266
|
defaultOpen = false,
|
|
271
267
|
onOpenChange,
|
|
272
268
|
width = "240px",
|
|
273
|
-
collapsedWidth = "56px",
|
|
269
|
+
collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
|
|
274
270
|
position = "left",
|
|
275
|
-
collapsible
|
|
271
|
+
collapsible,
|
|
272
|
+
activeIndicator = "start",
|
|
276
273
|
className,
|
|
277
274
|
style: styleProp,
|
|
278
275
|
"aria-label": ariaLabel,
|
|
@@ -290,14 +287,15 @@ function SidebarRoot({
|
|
|
290
287
|
defaultOpen,
|
|
291
288
|
onOpenChange
|
|
292
289
|
);
|
|
293
|
-
const
|
|
294
|
-
const
|
|
290
|
+
const isCollapsedControlled = controlledCollapsed !== void 0;
|
|
291
|
+
const collapsed = isCollapsedControlled || !existingContext ? internalCollapsed : existingContext.collapsed;
|
|
292
|
+
const setCollapsed = isCollapsedControlled || !existingContext ? setInternalCollapsed : existingContext.setCollapsed;
|
|
295
293
|
const open = existingContext ? existingContext.open : internalOpen;
|
|
296
294
|
const setOpen = existingContext ? existingContext.setOpen : setInternalOpen;
|
|
297
295
|
const resolvedPosition = existingContext ? existingContext.position : position;
|
|
298
296
|
const resolvedWidth = existingContext ? existingContext.width : width;
|
|
299
297
|
const resolvedCollapsedWidth = existingContext ? existingContext.collapsedWidth : collapsedWidth;
|
|
300
|
-
const resolvedCollapsible = existingContext ? existingContext.collapsible :
|
|
298
|
+
const resolvedCollapsible = collapsible ?? (existingContext ? existingContext.collapsible : "icon");
|
|
301
299
|
const hasIcons = React__namespace.useMemo(() => hasSidebarItemIcons(children), [children]);
|
|
302
300
|
const shouldCollapseToZero = !isMobile && resolvedCollapsible === "icon" && collapsed && !hasIcons;
|
|
303
301
|
const isOffcanvasCollapsed = !isMobile && resolvedCollapsible === "offcanvas" && collapsed;
|
|
@@ -381,10 +379,12 @@ function SidebarRoot({
|
|
|
381
379
|
role: isMobile ? "dialog" : void 0,
|
|
382
380
|
"aria-modal": isMobile && open ? true : void 0,
|
|
383
381
|
"aria-hidden": isMobile && !open ? true : void 0,
|
|
382
|
+
inert: isMobile && !open ? true : void 0,
|
|
384
383
|
"aria-label": isMobile ? ariaLabel || "Sidebar navigation" : ariaLabel,
|
|
385
384
|
"data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
|
|
386
385
|
"data-position": resolvedPosition,
|
|
387
386
|
"data-collapsible": resolvedCollapsible,
|
|
387
|
+
"data-active-indicator": activeIndicator,
|
|
388
388
|
"data-icon-collapse": resolvedCollapsible === "icon" ? hasIcons ? "icons" : "none" : void 0,
|
|
389
389
|
children
|
|
390
390
|
}
|
|
@@ -422,10 +422,7 @@ function SidebarSection({
|
|
|
422
422
|
...htmlProps
|
|
423
423
|
}) {
|
|
424
424
|
const { collapsed, isMobile } = useSidebarContext();
|
|
425
|
-
const classes = [
|
|
426
|
-
Sidebar_module.default.section,
|
|
427
|
-
className
|
|
428
|
-
].filter(Boolean).join(" ");
|
|
425
|
+
const classes = [Sidebar_module.default.section, className].filter(Boolean).join(" ");
|
|
429
426
|
const showLabel = label && (!collapsed || isMobile);
|
|
430
427
|
const showAction = action && (!collapsed || isMobile);
|
|
431
428
|
const isCollapsible = isCollapsibleProp && showLabel;
|
|
@@ -440,14 +437,7 @@ function SidebarSection({
|
|
|
440
437
|
}
|
|
441
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: [
|
|
442
439
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Sidebar_module.default.sectionHeader, children: [
|
|
443
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
444
|
-
index$1.Collapsible.Trigger,
|
|
445
|
-
{
|
|
446
|
-
className: Sidebar_module.default.sectionTrigger,
|
|
447
|
-
chevronPosition: "end",
|
|
448
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Sidebar_module.default.sectionLabel, children: label })
|
|
449
|
-
}
|
|
450
|
-
),
|
|
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 }) }),
|
|
451
441
|
showAction && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module.default.sectionActionWrapper, children: action })
|
|
452
442
|
] }),
|
|
453
443
|
/* @__PURE__ */ jsxRuntime.jsx(index$1.Collapsible.Content, { className: Sidebar_module.default.sectionContent, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Sidebar_module.default.sectionList, children }) })
|
|
@@ -560,10 +550,7 @@ function SidebarItem({
|
|
|
560
550
|
itemElement = /* @__PURE__ */ jsxRuntime.jsx("button", { ...itemProps, ...rest, type: "button", children: itemContent });
|
|
561
551
|
}
|
|
562
552
|
const wrappedItem = isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(index$4.Tooltip, { content: labelText || children, side: "right", delay: 100, children: itemElement }) : itemElement;
|
|
563
|
-
const wrapperClasses = [
|
|
564
|
-
Sidebar_module.default.itemWrapper,
|
|
565
|
-
expanded && Sidebar_module.default.itemExpanded
|
|
566
|
-
].filter(Boolean).join(" ");
|
|
553
|
+
const wrapperClasses = [Sidebar_module.default.itemWrapper, expanded && Sidebar_module.default.itemExpanded].filter(Boolean).join(" ");
|
|
567
554
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { className: wrapperClasses, children: wrappedItem });
|
|
568
555
|
}
|
|
569
556
|
function SidebarSubItem({
|
|
@@ -663,11 +650,7 @@ function SidebarCollapseToggle({
|
|
|
663
650
|
return null;
|
|
664
651
|
}
|
|
665
652
|
const shouldFloat = collapsed && (collapsible === "icon" && !hasIcons || collapsible === "offcanvas");
|
|
666
|
-
const classes = [
|
|
667
|
-
Sidebar_module.default.collapseToggle,
|
|
668
|
-
shouldFloat && Sidebar_module.default.collapseToggleFloating,
|
|
669
|
-
className
|
|
670
|
-
].filter(Boolean).join(" ");
|
|
653
|
+
const classes = [Sidebar_module.default.collapseToggle, shouldFloat && Sidebar_module.default.collapseToggleFloating, className].filter(Boolean).join(" ");
|
|
671
654
|
const label = ariaLabel || (collapsed ? "Expand sidebar" : "Collapse sidebar");
|
|
672
655
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
673
656
|
"button",
|
|
@@ -692,11 +675,7 @@ function SidebarRail({
|
|
|
692
675
|
if (isMobile || collapsible === "none") {
|
|
693
676
|
return null;
|
|
694
677
|
}
|
|
695
|
-
const classes = [
|
|
696
|
-
Sidebar_module.default.rail,
|
|
697
|
-
collapsed && Sidebar_module.default.railCollapsed,
|
|
698
|
-
className
|
|
699
|
-
].filter(Boolean).join(" ");
|
|
678
|
+
const classes = [Sidebar_module.default.rail, collapsed && Sidebar_module.default.railCollapsed, className].filter(Boolean).join(" ");
|
|
700
679
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
701
680
|
"button",
|
|
702
681
|
{
|
|
@@ -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,9 +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
|
+
/**
|
|
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;
|
|
@@ -57,7 +62,7 @@ export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
57
62
|
export interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
58
63
|
children: React.ReactNode;
|
|
59
64
|
/** Accessible label for navigation */
|
|
60
|
-
|
|
65
|
+
"aria-label"?: string;
|
|
61
66
|
}
|
|
62
67
|
export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
63
68
|
children: React.ReactNode;
|
|
@@ -70,14 +75,14 @@ export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
70
75
|
/** Default expanded state (only applies when collapsible is true) */
|
|
71
76
|
defaultOpen?: boolean;
|
|
72
77
|
}
|
|
73
|
-
export interface SidebarSectionActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
78
|
+
export interface SidebarSectionActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
|
|
74
79
|
children: React.ReactNode;
|
|
75
80
|
/** Click handler */
|
|
76
81
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
77
82
|
/** Accessible label */
|
|
78
|
-
|
|
83
|
+
"aria-label"?: string;
|
|
79
84
|
}
|
|
80
|
-
export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
85
|
+
export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
|
|
81
86
|
children: React.ReactNode;
|
|
82
87
|
/** Icon element (required for collapsed mode visibility) */
|
|
83
88
|
icon?: React.ReactNode;
|
|
@@ -110,7 +115,7 @@ export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>
|
|
|
110
115
|
*/
|
|
111
116
|
asChild?: boolean;
|
|
112
117
|
}
|
|
113
|
-
export interface SidebarSubItemProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
118
|
+
export interface SidebarSubItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
|
|
114
119
|
children: React.ReactNode;
|
|
115
120
|
/** Whether item is currently active/selected */
|
|
116
121
|
active?: boolean;
|
|
@@ -128,12 +133,12 @@ export interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButt
|
|
|
128
133
|
/** Custom trigger element (uses render prop pattern) */
|
|
129
134
|
children?: React.ReactNode;
|
|
130
135
|
/** Accessible label */
|
|
131
|
-
|
|
136
|
+
"aria-label"?: string;
|
|
132
137
|
}
|
|
133
138
|
export type SidebarOverlayProps = React.HTMLAttributes<HTMLDivElement>;
|
|
134
139
|
export interface SidebarCollapseToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
135
140
|
/** Accessible label */
|
|
136
|
-
|
|
141
|
+
"aria-label"?: string;
|
|
137
142
|
}
|
|
138
143
|
export type SidebarRailProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
139
144
|
export interface SidebarMenuSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -148,7 +153,7 @@ interface SidebarContextValue {
|
|
|
148
153
|
open: boolean;
|
|
149
154
|
setOpen: (open: boolean) => void;
|
|
150
155
|
isMobile: boolean;
|
|
151
|
-
position:
|
|
156
|
+
position: "left" | "right";
|
|
152
157
|
width: string;
|
|
153
158
|
collapsedWidth: string;
|
|
154
159
|
collapsible: SidebarCollapsible;
|
|
@@ -184,21 +189,21 @@ 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,
|
|
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
|
-
declare function SidebarNav({ children,
|
|
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;
|
|
191
|
-
declare function SidebarSectionAction({ children, onClick,
|
|
196
|
+
declare function SidebarSectionAction({ children, onClick, "aria-label": ariaLabel, className, ...htmlProps }: SidebarSectionActionProps): import("react/jsx-runtime").JSX.Element;
|
|
192
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;
|
|
193
198
|
declare function SidebarSubItem({ children, active, disabled, href, onClick, className, ...rest }: SidebarSubItemProps): import("react/jsx-runtime").JSX.Element | null;
|
|
194
199
|
declare function SidebarSubmenu({ children }: {
|
|
195
200
|
children: React.ReactNode;
|
|
196
201
|
}): import("react/jsx-runtime").JSX.Element;
|
|
197
202
|
declare function SidebarFooter({ children, className, ...htmlProps }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
198
|
-
declare function SidebarTrigger({ children,
|
|
203
|
+
declare function SidebarTrigger({ children, "aria-label": ariaLabel, className, onClick, ...htmlProps }: SidebarTriggerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
199
204
|
declare function SidebarOverlay({ className, onClick, ...htmlProps }: SidebarOverlayProps): import("react/jsx-runtime").JSX.Element | null;
|
|
200
|
-
declare function SidebarCollapseToggle({
|
|
201
|
-
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;
|
|
202
207
|
declare function SidebarMenuSkeleton({ count, showIcon, className, ...htmlProps }: SidebarMenuSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
203
208
|
export declare const Sidebar: typeof SidebarRoot & {
|
|
204
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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
|