@dxos/react-ui 0.8.4-main.c85a9c8dae → 0.8.4-main.d05539e30a
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/LICENSE +102 -5
- package/README.md +1 -1
- package/dist/lib/browser/chunk-A5QCIG5R.mjs +24 -0
- package/dist/lib/browser/chunk-A5QCIG5R.mjs.map +7 -0
- package/dist/lib/browser/{chunk-2FKSMWNY.mjs → chunk-LY5XDQR5.mjs} +84 -12
- package/dist/lib/browser/chunk-LY5XDQR5.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +1559 -1062
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +44 -20
- package/dist/lib/browser/testing/index.mjs.map +4 -4
- package/dist/lib/browser/translations.mjs +9 -0
- package/dist/lib/browser/translations.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-ZNBLTSHI.mjs → chunk-NGKLIKP3.mjs} +84 -12
- package/dist/lib/node-esm/chunk-NGKLIKP3.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-XCFLA74M.mjs +26 -0
- package/dist/lib/node-esm/chunk-XCFLA74M.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +1559 -1062
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +44 -20
- package/dist/lib/node-esm/testing/index.mjs.map +4 -4
- package/dist/lib/node-esm/translations.mjs +10 -0
- package/dist/lib/node-esm/translations.mjs.map +7 -0
- package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
- package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
- package/dist/types/src/components/Button/Button.d.ts +2 -2
- package/dist/types/src/components/Button/Button.d.ts.map +1 -1
- package/dist/types/src/components/Button/Button.stories.d.ts +1 -1
- package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -1
- package/dist/types/src/components/Button/IconButton.d.ts +1 -0
- package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
- package/dist/types/src/components/Button/IconButton.stories.d.ts +3 -0
- package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -1
- package/dist/types/src/components/Button/Toggle.d.ts +2 -2
- package/dist/types/src/components/Button/Toggle.d.ts.map +1 -1
- package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -1
- package/dist/types/src/components/Button/ToggleGroup.d.ts +6 -6
- package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -1
- package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +2 -2
- package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -1
- package/dist/types/src/components/Card/Card.d.ts +68 -65
- package/dist/types/src/components/Card/Card.d.ts.map +1 -1
- package/dist/types/src/components/Card/Card.stories.d.ts +2 -2
- package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -1
- package/dist/types/src/components/Carousel/Carousel.d.ts +106 -0
- package/dist/types/src/components/Carousel/Carousel.d.ts.map +1 -0
- package/dist/types/src/components/Carousel/index.d.ts +2 -0
- package/dist/types/src/components/Carousel/index.d.ts.map +1 -0
- package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
- package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
- package/dist/types/src/components/Clipboard/index.d.ts +10 -1
- package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
- package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/AlertDialog.d.ts +42 -31
- package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/Dialog.d.ts +47 -30
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +3 -2
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +14 -3
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -1
- package/dist/types/src/components/Focus/Focus.d.ts +36 -0
- package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
- package/dist/types/src/components/Focus/Focus.stories.d.ts +9 -0
- package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
- package/dist/types/src/components/Focus/index.d.ts +2 -0
- package/dist/types/src/components/Focus/index.d.ts.map +1 -0
- package/dist/types/src/components/Icon/Icon.d.ts +4 -0
- package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/src/components/Icon/Icon.stories.d.ts +11 -3
- package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -1
- package/dist/types/src/components/Image/Image.d.ts +2 -1
- package/dist/types/src/components/Image/Image.d.ts.map +1 -1
- package/dist/types/src/components/Image/Image.stories.d.ts +3 -2
- package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.d.ts +14 -17
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +3 -3
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/Link/Link.d.ts.map +1 -1
- package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
- package/dist/types/src/components/List/List.d.ts +5 -3
- package/dist/types/src/components/List/List.d.ts.map +1 -1
- package/dist/types/src/components/List/List.stories.d.ts +3 -1
- package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
- package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -1
- package/dist/types/src/components/List/Tree.d.ts +2 -2
- package/dist/types/src/components/List/Tree.d.ts.map +1 -1
- package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -1
- package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -1
- package/dist/types/src/components/List/Treegrid.d.ts +5 -9
- package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
- package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.d.ts +7 -3
- package/dist/types/src/components/Main/Main.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
- package/dist/types/src/components/Main/useSwipeToDismiss.d.ts.map +1 -1
- package/dist/types/src/components/MediaPlayer/MediaPlayer.d.ts +46 -0
- package/dist/types/src/components/MediaPlayer/MediaPlayer.d.ts.map +1 -0
- package/dist/types/src/components/MediaPlayer/MediaPlayer.stories.d.ts +16 -0
- package/dist/types/src/components/MediaPlayer/MediaPlayer.stories.d.ts.map +1 -0
- package/dist/types/src/components/MediaPlayer/index.d.ts +2 -0
- package/dist/types/src/components/MediaPlayer/index.d.ts.map +1 -0
- package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -1
- package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -1
- package/dist/types/src/components/Menu/DropdownMenu.d.ts +58 -49
- package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -1
- package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +14 -1
- package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -1
- package/dist/types/src/components/Message/Message.d.ts +1 -1
- package/dist/types/src/components/Message/Message.d.ts.map +1 -1
- package/dist/types/src/components/Message/Message.stories.d.ts +2 -2
- package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +38 -22
- package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +12 -11
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +21 -10
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +42 -13
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +5 -6
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
- package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/types/src/components/Separator/Separator.d.ts +3 -3
- package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
- package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -1
- package/dist/types/src/components/Splitter/Splitter.d.ts +19 -21
- package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -1
- package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -1
- package/dist/types/src/components/Status/Status.d.ts +3 -4
- package/dist/types/src/components/Status/Status.d.ts.map +1 -1
- package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +54 -55
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/index.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.d.ts +16 -16
- package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.d.ts +10 -20
- package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.d.ts +16 -16
- package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +3 -0
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/exemplars/generics.stories.d.ts +6 -5
- package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -1
- package/dist/types/src/exemplars/slot.stories.d.ts +1 -0
- package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -1
- package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -1
- package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -1
- package/dist/types/src/hooks/index.d.ts +1 -0
- package/dist/types/src/hooks/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useDensityContext.d.ts +1 -1
- package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
- package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
- package/dist/types/src/hooks/useIconHref.d.ts.map +1 -1
- package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
- package/dist/types/src/hooks/useSafeCollisionPadding.d.ts.map +1 -1
- package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
- package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
- package/dist/types/src/playground/Custom.stories.d.ts +1 -1
- package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
- package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Column/Column.d.ts +20 -19
- package/dist/types/src/primitives/Column/Column.d.ts.map +1 -1
- package/dist/types/src/primitives/Column/Column.stories.d.ts +19 -0
- package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Container/Container.d.ts +7 -0
- package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
- package/dist/types/src/primitives/Container/Container.stories.d.ts +6 -0
- package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Container/index.d.ts +2 -0
- package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Flex/Flex.d.ts +8 -5
- package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -1
- package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Grid/Grid.d.ts +6 -5
- package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -1
- package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Panel/Panel.d.ts +23 -22
- package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -1
- package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/index.d.ts +1 -0
- package/dist/types/src/primitives/index.d.ts.map +1 -1
- package/dist/types/src/testing/Loading.d.ts +9 -0
- package/dist/types/src/testing/Loading.d.ts.map +1 -0
- package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withTheme.d.ts +1 -1
- package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
- package/dist/types/src/testing/index.d.ts +1 -0
- package/dist/types/src/testing/index.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +8 -3
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/util/usePx.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +29 -26
- package/src/components/Avatars/Avatar.stories.tsx +2 -3
- package/src/components/Avatars/Avatar.tsx +1 -2
- package/src/components/Avatars/AvatarGroup.stories.tsx +0 -1
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +1 -2
- package/src/components/Button/Button.stories.tsx +0 -1
- package/src/components/Button/Button.tsx +5 -13
- package/src/components/Button/IconButton.stories.tsx +6 -4
- package/src/components/Button/IconButton.tsx +3 -4
- package/src/components/Button/Toggle.stories.tsx +0 -1
- package/src/components/Button/Toggle.tsx +4 -4
- package/src/components/Button/ToggleGroup.stories.tsx +0 -1
- package/src/components/Button/ToggleGroup.tsx +12 -16
- package/src/components/Card/Card.stories.tsx +15 -15
- package/src/components/Card/Card.tsx +294 -132
- package/src/components/Carousel/Carousel.tsx +379 -0
- package/src/components/Carousel/index.ts +5 -0
- package/src/components/Clipboard/CopyButton.tsx +5 -6
- package/src/components/Dialog/AlertDialog.stories.tsx +5 -6
- package/src/components/Dialog/AlertDialog.tsx +67 -126
- package/src/components/Dialog/Dialog.stories.tsx +64 -9
- package/src/components/Dialog/Dialog.tsx +84 -88
- package/src/components/ErrorFallback/ErrorFallback.stories.tsx +3 -8
- package/src/components/ErrorFallback/ErrorStack.tsx +36 -2
- package/src/components/Focus/AUDIT.md +43 -0
- package/src/components/Focus/Focus.stories.tsx +230 -0
- package/src/components/Focus/Focus.tsx +201 -0
- package/src/components/Focus/index.ts +5 -0
- package/src/components/Icon/Icon.stories.tsx +43 -13
- package/src/components/Icon/Icon.tsx +14 -3
- package/src/components/Image/Image.stories.tsx +3 -3
- package/src/components/Image/Image.tsx +31 -8
- package/src/components/Input/Input.stories.tsx +3 -4
- package/src/components/Input/Input.tsx +7 -7
- package/src/components/Link/Link.stories.tsx +0 -1
- package/src/components/Link/Link.tsx +10 -2
- package/src/components/List/List.stories.tsx +3 -4
- package/src/components/List/List.tsx +7 -6
- package/src/components/List/ListDropIndicator.tsx +0 -1
- package/src/components/List/Tree.stories.tsx +2 -3
- package/src/components/List/Tree.tsx +0 -1
- package/src/components/List/TreeDropIndicator.tsx +1 -1
- package/src/components/List/Treegrid.stories.tsx +26 -27
- package/src/components/List/Treegrid.tsx +14 -14
- package/src/components/Main/Main.stories.tsx +0 -1
- package/src/components/Main/Main.tsx +1 -2
- package/src/components/MediaPlayer/MediaPlayer.stories.tsx +50 -0
- package/src/components/MediaPlayer/MediaPlayer.tsx +153 -0
- package/src/components/MediaPlayer/index.ts +5 -0
- package/src/components/Menu/ContextMenu.stories.tsx +0 -1
- package/src/components/Menu/DropdownMenu.stories.tsx +0 -1
- package/src/components/Menu/DropdownMenu.tsx +48 -42
- package/src/components/Message/Message.stories.tsx +7 -8
- package/src/components/Message/Message.tsx +23 -10
- package/src/components/Popover/Popover.stories.tsx +4 -5
- package/src/components/Popover/Popover.tsx +42 -42
- package/src/components/ScrollArea/ScrollArea.stories.tsx +89 -30
- package/src/components/ScrollArea/ScrollArea.tsx +41 -25
- package/src/components/ScrollContainer/ScrollContainer.stories.tsx +20 -18
- package/src/components/ScrollContainer/ScrollContainer.tsx +199 -92
- package/src/components/Select/Select.stories.tsx +5 -6
- package/src/components/Separator/Separator.tsx +4 -7
- package/src/components/Skeleton/Skeleton.stories.tsx +0 -1
- package/src/components/Splitter/Splitter.stories.tsx +29 -29
- package/src/components/Splitter/Splitter.tsx +35 -46
- package/src/components/Status/Status.stories.tsx +0 -1
- package/src/components/Status/Status.tsx +8 -5
- package/src/components/Tag/Tag.stories.tsx +0 -1
- package/src/components/ThemeProvider/ThemeProvider.stories.tsx +0 -1
- package/src/components/ThemeProvider/ThemeProvider.tsx +5 -4
- package/src/components/ThemeProvider/index.ts +1 -1
- package/src/components/Toast/Toast.stories.tsx +0 -1
- package/src/components/Toast/Toast.tsx +16 -31
- package/src/components/Toolbar/Toolbar.stories.tsx +0 -1
- package/src/components/Toolbar/Toolbar.tsx +36 -48
- package/src/components/Tooltip/Tooltip.stories.tsx +7 -8
- package/src/components/Tooltip/Tooltip.tsx +29 -29
- package/src/components/index.ts +3 -0
- package/src/exemplars/generics.stories.tsx +7 -15
- package/src/exemplars/slot.stories.tsx +64 -68
- package/src/exemplars/tabster.stories.tsx +1 -1
- package/src/exemplars/virtualizer.stories.tsx +4 -5
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useDensityContext.ts +2 -2
- package/src/playground/Custom.stories.tsx +6 -9
- package/src/primitives/Column/AUDIT.md +148 -0
- package/src/primitives/Column/Column.stories.tsx +128 -19
- package/src/primitives/Column/Column.tsx +89 -80
- package/src/primitives/Container/Container.stories.tsx +29 -0
- package/src/primitives/Container/Container.tsx +19 -0
- package/src/primitives/Container/index.ts +5 -0
- package/src/primitives/Flex/Flex.stories.tsx +0 -1
- package/src/primitives/Flex/Flex.tsx +20 -20
- package/src/primitives/Grid/Grid.stories.tsx +0 -1
- package/src/primitives/Grid/Grid.tsx +23 -36
- package/src/primitives/Panel/Panel.stories.tsx +9 -8
- package/src/primitives/Panel/Panel.tsx +43 -60
- package/src/primitives/index.ts +1 -0
- package/src/testing/Loading.tsx +47 -0
- package/src/testing/decorators/withLayout.tsx +7 -17
- package/src/testing/decorators/withTheme.tsx +10 -7
- package/src/testing/index.ts +2 -0
- package/src/translations.ts +8 -3
- package/src/util/usePx.ts +1 -0
- package/dist/lib/browser/chunk-2FKSMWNY.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ZNBLTSHI.mjs.map +0 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Scope } from '@radix-ui/react-context';
|
|
2
2
|
import * as MenuPrimitive from '@radix-ui/react-menu';
|
|
3
3
|
import { Primitive } from '@radix-ui/react-primitive';
|
|
4
|
-
import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type
|
|
4
|
+
import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type FC, PropsWithChildren, type ReactNode, type RefObject } from 'react';
|
|
5
5
|
import { type ThemedClassName } from '../../util';
|
|
6
6
|
type Direction = 'ltr' | 'rtl';
|
|
7
7
|
type ScopedProps<P> = P & {
|
|
@@ -10,7 +10,7 @@ type ScopedProps<P> = P & {
|
|
|
10
10
|
declare const createDropdownMenuScope: import("@radix-ui/react-context").CreateScope;
|
|
11
11
|
type DropdownMenuContextValue = {
|
|
12
12
|
triggerId: string;
|
|
13
|
-
triggerRef:
|
|
13
|
+
triggerRef: RefObject<HTMLButtonElement | null>;
|
|
14
14
|
contentId: string;
|
|
15
15
|
open: boolean;
|
|
16
16
|
onOpenChange(open: boolean): void;
|
|
@@ -18,92 +18,101 @@ type DropdownMenuContextValue = {
|
|
|
18
18
|
modal: boolean;
|
|
19
19
|
};
|
|
20
20
|
declare const useDropdownMenuContext: (consumerName: string, scope: Scope<DropdownMenuContextValue | undefined>) => DropdownMenuContextValue;
|
|
21
|
-
|
|
22
|
-
children?: ReactNode;
|
|
21
|
+
type DropdownMenuRootProps = PropsWithChildren<{
|
|
23
22
|
dir?: Direction;
|
|
23
|
+
modal?: boolean;
|
|
24
24
|
open?: boolean;
|
|
25
25
|
defaultOpen?: boolean;
|
|
26
26
|
onOpenChange?(open: boolean): void;
|
|
27
|
-
|
|
27
|
+
}>;
|
|
28
|
+
declare function DropdownMenuRoot({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange }: ScopedProps<DropdownMenuRootProps>): React.JSX.Element;
|
|
29
|
+
declare namespace DropdownMenuRoot {
|
|
30
|
+
var displayName: string;
|
|
28
31
|
}
|
|
29
|
-
type DropdownMenuTriggerElement =
|
|
32
|
+
type DropdownMenuTriggerElement = ComponentRef<typeof Primitive.button>;
|
|
30
33
|
type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
interface DropdownMenuVirtualTriggerProps {
|
|
34
|
+
type DropdownMenuTriggerProps = PrimitiveButtonProps;
|
|
35
|
+
type DropdownMenuVirtualTriggerProps = {
|
|
34
36
|
virtualRef: RefObject<DropdownMenuTriggerElement | null>;
|
|
37
|
+
};
|
|
38
|
+
declare function DropdownMenuVirtualTrigger(props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
|
|
39
|
+
declare namespace DropdownMenuVirtualTrigger {
|
|
40
|
+
var displayName: string;
|
|
35
41
|
}
|
|
36
42
|
type MenuPortalProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
37
|
-
|
|
38
|
-
}
|
|
43
|
+
type DropdownMenuPortalProps = MenuPortalProps;
|
|
39
44
|
type DropdownMenuViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
|
|
40
45
|
asChild?: boolean;
|
|
41
46
|
};
|
|
42
47
|
type MenuContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Content>>;
|
|
43
|
-
|
|
44
|
-
}
|
|
48
|
+
type DropdownMenuContentProps = Omit<MenuContentProps, 'onEntryFocus'>;
|
|
45
49
|
type MenuGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Group>;
|
|
46
|
-
|
|
47
|
-
}
|
|
50
|
+
type DropdownMenuGroupProps = MenuGroupProps;
|
|
48
51
|
type MenuLabelProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Label>>;
|
|
49
|
-
|
|
50
|
-
}
|
|
52
|
+
type DropdownMenuLabelProps = MenuLabelProps;
|
|
51
53
|
type MenuItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Item>>;
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
+
type DropdownMenuItemProps = MenuItemProps;
|
|
54
55
|
type MenuCheckboxItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>>;
|
|
55
|
-
|
|
56
|
-
}
|
|
56
|
+
type DropdownMenuCheckboxItemProps = MenuCheckboxItemProps;
|
|
57
57
|
type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>;
|
|
58
|
-
|
|
59
|
-
}
|
|
58
|
+
type DropdownMenuRadioGroupProps = MenuRadioGroupProps;
|
|
60
59
|
type MenuRadioItemProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>;
|
|
61
60
|
type DropdownMenuRadioItemProps = ThemedClassName<MenuRadioItemProps>;
|
|
62
61
|
type MenuItemIndicatorProps = ComponentPropsWithoutRef<typeof MenuPrimitive.ItemIndicator>;
|
|
63
|
-
|
|
64
|
-
}
|
|
62
|
+
type DropdownMenuItemIndicatorProps = MenuItemIndicatorProps;
|
|
65
63
|
type MenuSeparatorProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>>;
|
|
66
|
-
|
|
67
|
-
}
|
|
64
|
+
type DropdownMenuSeparatorProps = MenuSeparatorProps;
|
|
68
65
|
type MenuArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>>;
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
interface DropdownMenuSubProps {
|
|
66
|
+
type DropdownMenuArrowProps = MenuArrowProps;
|
|
67
|
+
type DropdownMenuSubProps = {
|
|
72
68
|
children?: ReactNode;
|
|
73
69
|
open?: boolean;
|
|
74
70
|
defaultOpen?: boolean;
|
|
75
71
|
onOpenChange?(open: boolean): void;
|
|
76
|
-
}
|
|
72
|
+
};
|
|
77
73
|
type MenuSubTriggerProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
|
|
78
|
-
|
|
79
|
-
}
|
|
74
|
+
type DropdownMenuSubTriggerProps = MenuSubTriggerProps;
|
|
80
75
|
type MenuSubContentProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubContent>;
|
|
81
|
-
|
|
82
|
-
}
|
|
76
|
+
type DropdownMenuSubContentProps = MenuSubContentProps;
|
|
83
77
|
export declare const DropdownMenu: {
|
|
84
|
-
Root:
|
|
85
|
-
|
|
78
|
+
Root: {
|
|
79
|
+
({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange, }: ScopedProps<DropdownMenuRootProps>): React.JSX.Element;
|
|
80
|
+
displayName: string;
|
|
81
|
+
};
|
|
82
|
+
Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
83
|
+
asChild?: boolean;
|
|
84
|
+
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
86
85
|
VirtualTrigger: {
|
|
87
86
|
(props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
|
|
88
87
|
displayName: string;
|
|
89
88
|
};
|
|
90
|
-
Portal:
|
|
89
|
+
Portal: FC<MenuPrimitive.MenuPortalProps>;
|
|
91
90
|
Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
92
91
|
Viewport: React.ForwardRefExoticComponent<Omit<DropdownMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
93
|
-
Group: React.ForwardRefExoticComponent<
|
|
94
|
-
GroupLabel: React.ForwardRefExoticComponent<
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
92
|
+
Group: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
93
|
+
GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
|
|
94
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
95
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
96
|
+
Item: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
|
|
97
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
98
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
|
|
100
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
101
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
102
|
+
RadioGroup: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
98
103
|
RadioItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
|
|
99
104
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
100
105
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
101
|
-
ItemIndicator: React.ForwardRefExoticComponent<
|
|
102
|
-
Separator: React.ForwardRefExoticComponent<
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
106
|
+
ItemIndicator: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
107
|
+
Separator: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
|
|
108
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
109
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
110
|
+
Arrow: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
|
|
111
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
112
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
113
|
+
Sub: FC<DropdownMenuSubProps>;
|
|
114
|
+
SubTrigger: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
115
|
+
SubContent: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
107
116
|
};
|
|
108
117
|
type DropdownMenuScope = Scope;
|
|
109
118
|
declare const useDropdownMenuMenuScope: (scope?: DropdownMenuScope) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,20 @@ import { type StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: {
|
|
6
|
+
({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange, }: {
|
|
7
|
+
dir?: "ltr" | "rtl";
|
|
8
|
+
modal?: boolean;
|
|
9
|
+
open?: boolean;
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
onOpenChange?(open: boolean): void;
|
|
12
|
+
} & {
|
|
13
|
+
children?: React.ReactNode | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
__scopeDropdownMenu?: import("@radix-ui/react-context").Scope;
|
|
16
|
+
}): React.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
6
19
|
render: () => React.JSX.Element;
|
|
7
20
|
decorators: import("@storybook/react").Decorator[];
|
|
8
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAuFhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAK2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAoCP,CAAC"}
|
|
@@ -11,8 +11,8 @@ type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.d
|
|
|
11
11
|
descriptionId?: string;
|
|
12
12
|
};
|
|
13
13
|
type MessageTitleProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
|
|
14
|
-
asChild?: boolean;
|
|
15
14
|
icon?: string;
|
|
15
|
+
onClose?: () => void;
|
|
16
16
|
};
|
|
17
17
|
type MessageContentProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
|
|
18
18
|
asChild?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAIlD,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAuDF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAsCF,KAAK,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAuBF,eAAO,MAAM,OAAO;IAClB,IAAI;IACJ,KAAK;IACL,OAAO;CACR,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAAU,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type MessageValence } from '@dxos/ui-types';
|
|
4
|
-
type
|
|
4
|
+
type DefaultStoryProps = {
|
|
5
5
|
valence: MessageValence;
|
|
6
6
|
title: string;
|
|
7
7
|
body: string;
|
|
@@ -9,7 +9,7 @@ type StoryProps = {
|
|
|
9
9
|
declare const meta: {
|
|
10
10
|
title: string;
|
|
11
11
|
component: any;
|
|
12
|
-
render: ({ valence, title, body }:
|
|
12
|
+
render: ({ valence, title, body }: DefaultStoryProps) => React.JSX.Element;
|
|
13
13
|
decorators: import("@storybook/react").Decorator[];
|
|
14
14
|
parameters: {
|
|
15
15
|
layout: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOrD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAWF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCAXgB,iBAAiB;;;QAe7D,MAAM;;;;;;;;CAQ2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
|
|
@@ -4,32 +4,35 @@ import { FocusScope } from '@radix-ui/react-focus-scope';
|
|
|
4
4
|
import * as PopperPrimitive from '@radix-ui/react-popper';
|
|
5
5
|
import { Portal as PortalPrimitive } from '@radix-ui/react-portal';
|
|
6
6
|
import { Primitive } from '@radix-ui/react-primitive';
|
|
7
|
-
import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type
|
|
7
|
+
import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type FC, type ReactNode, type RefObject } from 'react';
|
|
8
8
|
import { type ThemedClassName } from '../../util';
|
|
9
9
|
type ScopedProps<P> = P & {
|
|
10
10
|
__scopePopover?: Scope;
|
|
11
11
|
};
|
|
12
12
|
declare const createPopoverScope: import("@radix-ui/react-context").CreateScope;
|
|
13
|
-
|
|
13
|
+
type PopoverRootProps = {
|
|
14
14
|
children?: ReactNode;
|
|
15
15
|
open?: boolean;
|
|
16
16
|
defaultOpen?: boolean;
|
|
17
17
|
onOpenChange?: (open: boolean) => void;
|
|
18
18
|
modal?: boolean;
|
|
19
|
-
}
|
|
19
|
+
};
|
|
20
20
|
type PopperAnchorProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
type PopoverTriggerElement = ElementRef<typeof Primitive.button>;
|
|
21
|
+
type PopoverAnchorProps = PopperAnchorProps;
|
|
22
|
+
type PopoverTriggerElement = ComponentRef<typeof Primitive.button>;
|
|
24
23
|
type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
25
|
-
|
|
24
|
+
type PopoverTriggerProps = PrimitiveButtonProps & {
|
|
26
25
|
asChild?: boolean;
|
|
27
|
-
}
|
|
28
|
-
|
|
26
|
+
};
|
|
27
|
+
type PopoverVirtualTriggerProps = {
|
|
29
28
|
virtualRef: RefObject<PopoverTriggerElement | null>;
|
|
29
|
+
};
|
|
30
|
+
declare function PopoverVirtualTrigger(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
|
|
31
|
+
declare namespace PopoverVirtualTrigger {
|
|
32
|
+
var displayName: string;
|
|
30
33
|
}
|
|
31
34
|
type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
|
|
32
|
-
|
|
35
|
+
type PopoverPortalProps = {
|
|
33
36
|
children?: ReactNode;
|
|
34
37
|
/**
|
|
35
38
|
* Specify a container element to portal the content into.
|
|
@@ -40,6 +43,10 @@ interface PopoverPortalProps {
|
|
|
40
43
|
* controlling animation with React animation libraries.
|
|
41
44
|
*/
|
|
42
45
|
forceMount?: true;
|
|
46
|
+
};
|
|
47
|
+
declare function PopoverPortal(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
|
|
48
|
+
declare namespace PopoverPortal {
|
|
49
|
+
var displayName: string;
|
|
43
50
|
}
|
|
44
51
|
type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
|
|
45
52
|
/**
|
|
@@ -53,7 +60,7 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
|
|
|
53
60
|
type FocusScopeProps = ComponentPropsWithoutRef<typeof FocusScope>;
|
|
54
61
|
type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
|
|
55
62
|
type PopperContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Content>>;
|
|
56
|
-
|
|
63
|
+
type PopoverContentImplProps = Omit<PopperContentProps, 'onPlaced'> & Omit<DismissableLayerProps, 'onDismiss'> & {
|
|
57
64
|
/**
|
|
58
65
|
* Whether focus should be trapped within the `Popover`
|
|
59
66
|
* (default: false)
|
|
@@ -69,12 +76,10 @@ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>,
|
|
|
69
76
|
* Can be prevented.
|
|
70
77
|
*/
|
|
71
78
|
onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
}
|
|
79
|
+
};
|
|
80
|
+
type PopoverCloseProps = PrimitiveButtonProps;
|
|
75
81
|
type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
|
|
76
|
-
|
|
77
|
-
}
|
|
82
|
+
type PopoverArrowProps = PopperArrowProps;
|
|
78
83
|
type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
|
|
79
84
|
asChild?: boolean;
|
|
80
85
|
constrainInline?: boolean;
|
|
@@ -82,14 +87,21 @@ type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primiti
|
|
|
82
87
|
};
|
|
83
88
|
type PopoverContentInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps['onInteractOutside']>>[0];
|
|
84
89
|
export declare const Popover: {
|
|
85
|
-
Root:
|
|
86
|
-
Anchor: React.ForwardRefExoticComponent<
|
|
87
|
-
Trigger: React.ForwardRefExoticComponent<
|
|
90
|
+
Root: FC<PopoverRootProps>;
|
|
91
|
+
Anchor: React.ForwardRefExoticComponent<Omit<PopperPrimitive.PopperAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
92
|
+
Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
93
|
+
asChild?: boolean;
|
|
94
|
+
}, "ref"> & {
|
|
95
|
+
asChild?: boolean;
|
|
96
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
88
97
|
VirtualTrigger: {
|
|
89
98
|
(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
|
|
90
99
|
displayName: string;
|
|
91
100
|
};
|
|
92
|
-
Portal:
|
|
101
|
+
Portal: {
|
|
102
|
+
(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
|
|
103
|
+
displayName: string;
|
|
104
|
+
};
|
|
93
105
|
Content: React.ForwardRefExoticComponent<Omit<PopoverContentTypeProps, "className"> & {
|
|
94
106
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
95
107
|
} & {
|
|
@@ -99,8 +111,12 @@ export declare const Popover: {
|
|
|
99
111
|
*/
|
|
100
112
|
forceMount?: boolean;
|
|
101
113
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
102
|
-
Close: React.ForwardRefExoticComponent<
|
|
103
|
-
|
|
114
|
+
Close: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
115
|
+
asChild?: boolean;
|
|
116
|
+
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
117
|
+
Arrow: React.ForwardRefExoticComponent<Omit<Omit<PopperPrimitive.PopperArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
|
|
118
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
119
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
104
120
|
Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
105
121
|
};
|
|
106
122
|
export { createPopoverScope };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAwBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAoBP,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { type AllowedAxis, type SlottableProps
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type AllowedAxis, type SlottableProps } from '@dxos/ui-types';
|
|
3
3
|
type ScrollAreaContextType = {
|
|
4
4
|
/** Orientation of scrollbars. */
|
|
5
5
|
orientation: AllowedAxis;
|
|
6
6
|
/** Hide scrollbars when not scrolling. */
|
|
7
7
|
autoHide: boolean;
|
|
8
8
|
/** Apply padding to opposite side of scrollbar. */
|
|
9
|
-
|
|
9
|
+
centered?: boolean;
|
|
10
10
|
/** Apply padding. */
|
|
11
11
|
padding: boolean;
|
|
12
12
|
/** Use thin scrollbars. */
|
|
@@ -14,18 +14,19 @@ type ScrollAreaContextType = {
|
|
|
14
14
|
/** Enable snap scrolling. */
|
|
15
15
|
snap: boolean;
|
|
16
16
|
};
|
|
17
|
-
type ScrollAreaRootProps =
|
|
18
|
-
type ScrollAreaViewportProps =
|
|
17
|
+
type ScrollAreaRootProps = Partial<ScrollAreaContextType>;
|
|
18
|
+
type ScrollAreaViewportProps = SlottableProps;
|
|
19
19
|
export declare const ScrollArea: {
|
|
20
|
-
Root: React.ForwardRefExoticComponent<
|
|
20
|
+
Root: React.ForwardRefExoticComponent<Omit<Partial<ScrollAreaContextType> & {
|
|
21
21
|
asChild?: boolean;
|
|
22
|
-
} & {
|
|
23
|
-
className?: string;
|
|
22
|
+
}, "className"> & {
|
|
24
23
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
25
|
-
} &
|
|
26
|
-
Viewport: React.ForwardRefExoticComponent<Omit<
|
|
24
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
Viewport: React.ForwardRefExoticComponent<Omit<{
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
}, "className"> & {
|
|
27
28
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
28
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
30
|
};
|
|
30
31
|
export type { ScrollAreaRootProps, ScrollAreaViewportProps };
|
|
31
32
|
//# sourceMappingURL=ScrollArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUvE,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAUF,KAAK,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AA8C1D,KAAK,uBAAuB,GAAG,cAAc,CAAC;AAkC9C,eAAO,MAAM,UAAU;IACrB,IAAI;;;;;IACJ,QAAQ;;;;;CACT,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -2,22 +2,23 @@ import React from 'react';
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: {
|
|
5
|
-
Root: React.ForwardRefExoticComponent<
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
} & {
|
|
8
|
-
className?: string;
|
|
9
|
-
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
10
|
-
} & Partial<{
|
|
5
|
+
Root: React.ForwardRefExoticComponent<Omit<Partial<{
|
|
11
6
|
orientation: import("@dxos/ui-types").AllowedAxis;
|
|
12
7
|
autoHide: boolean;
|
|
13
|
-
|
|
8
|
+
centered?: boolean;
|
|
14
9
|
padding: boolean;
|
|
15
10
|
thin: boolean;
|
|
16
11
|
snap: boolean;
|
|
17
|
-
}> &
|
|
18
|
-
|
|
12
|
+
}> & {
|
|
13
|
+
asChild?: boolean;
|
|
14
|
+
}, "className"> & {
|
|
19
15
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
20
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Viewport: React.ForwardRefExoticComponent<Omit<{
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
}, "className"> & {
|
|
20
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
21
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
21
22
|
};
|
|
22
23
|
decorators: import("@storybook/react").Decorator[];
|
|
23
24
|
parameters: {
|
|
@@ -31,6 +32,12 @@ export declare const Vertical: {
|
|
|
31
32
|
export declare const VerticalThin: {
|
|
32
33
|
render: () => React.JSX.Element;
|
|
33
34
|
};
|
|
35
|
+
export declare const VerticalPadded: {
|
|
36
|
+
render: () => React.JSX.Element;
|
|
37
|
+
};
|
|
38
|
+
export declare const VerticalColumn: {
|
|
39
|
+
render: () => React.JSX.Element;
|
|
40
|
+
};
|
|
34
41
|
export declare const Horizontal: {
|
|
35
42
|
render: () => React.JSX.Element;
|
|
36
43
|
};
|
|
@@ -40,6 +47,10 @@ export declare const HorizontalThin: {
|
|
|
40
47
|
export declare const Both: {
|
|
41
48
|
render: () => React.JSX.Element;
|
|
42
49
|
};
|
|
50
|
+
export declare const Fullscreen: {
|
|
51
|
+
decorators: import("@storybook/react").Decorator[];
|
|
52
|
+
render: () => React.JSX.Element;
|
|
53
|
+
};
|
|
43
54
|
export declare const NestedScrollAreas: {
|
|
44
55
|
decorators: import("@storybook/react").Decorator[];
|
|
45
56
|
render: () => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;;IAcxD,KAAK;IACL,SAAS;;;;;;;;;;;;;;;;;;;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AA+BV,eAAO,MAAM,QAAQ;IACnB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAcP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAsBP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,UAAU;IACV,MAAM;CAoBP,CAAC;AAEF,eAAO,MAAM,iBAAiB;IAC5B,UAAU;IACV,MAAM;CAmCP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CAgBP,CAAC"}
|
|
@@ -1,39 +1,68 @@
|
|
|
1
|
-
import React, { type
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import { type SlottableProps } from '@dxos/ui-types';
|
|
2
3
|
import { type ThemedClassName } from '../../util';
|
|
4
|
+
import { type ScrollAreaRootProps } from '../ScrollArea';
|
|
3
5
|
export interface ScrollController {
|
|
4
6
|
viewport: HTMLDivElement | null;
|
|
5
7
|
scrollToTop: (behavior?: ScrollBehavior) => void;
|
|
6
8
|
scrollToBottom: (behavior?: ScrollBehavior) => void;
|
|
7
9
|
}
|
|
8
10
|
type ScrollContainerContextValue = {
|
|
9
|
-
scrollToBottom: (behavior?: ScrollBehavior) => void;
|
|
10
11
|
controller?: ScrollController;
|
|
11
12
|
pinned?: boolean;
|
|
13
|
+
overflow?: boolean;
|
|
14
|
+
/** Called by Viewport to register/unregister the scroll element. */
|
|
15
|
+
setViewport: (el: HTMLDivElement | null) => void;
|
|
16
|
+
/** Called by Viewport on wheel events to update pinned state. */
|
|
17
|
+
setPinned: (value: boolean) => void;
|
|
18
|
+
/** Called by Viewport on scroll events to update overflow state. */
|
|
19
|
+
setOverflow: (value: boolean) => void;
|
|
12
20
|
};
|
|
13
21
|
declare const useScrollContainerContext: (consumerName: string) => ScrollContainerContextValue;
|
|
14
|
-
type RootProps =
|
|
22
|
+
type RootProps = PropsWithChildren<{
|
|
15
23
|
pin?: boolean;
|
|
16
|
-
fade?: boolean;
|
|
17
24
|
behavior?: ScrollBehavior;
|
|
18
|
-
}
|
|
19
|
-
type
|
|
25
|
+
}>;
|
|
26
|
+
type ContentProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
|
|
27
|
+
type ViewportProps = SlottableProps;
|
|
28
|
+
type FadeProps = {};
|
|
29
|
+
declare function Fade(): React.JSX.Element;
|
|
30
|
+
declare namespace Fade {
|
|
31
|
+
var displayName: string;
|
|
32
|
+
}
|
|
20
33
|
type ScrollDownButtonProps = ThemedClassName;
|
|
34
|
+
declare function ScrollDownButton({ classNames }: ScrollDownButtonProps): React.JSX.Element;
|
|
35
|
+
declare namespace ScrollDownButton {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
21
38
|
export { useScrollContainerContext };
|
|
22
39
|
export declare const ScrollContainer: {
|
|
23
|
-
Root: React.ForwardRefExoticComponent<
|
|
40
|
+
Root: React.ForwardRefExoticComponent<{
|
|
24
41
|
pin?: boolean;
|
|
25
|
-
fade?: boolean;
|
|
26
42
|
behavior?: ScrollBehavior;
|
|
27
|
-
}
|
|
28
|
-
|
|
43
|
+
} & {
|
|
44
|
+
children?: React.ReactNode | undefined;
|
|
29
45
|
} & React.RefAttributes<ScrollController>>;
|
|
30
|
-
|
|
46
|
+
Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
|
|
31
47
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
32
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
Viewport: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
50
|
+
asChild?: boolean;
|
|
51
|
+
}, "className"> & {
|
|
52
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
53
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & {
|
|
54
|
+
asChild?: boolean;
|
|
55
|
+
}, "className"> & {
|
|
56
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
57
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
Fade: {
|
|
59
|
+
(): React.JSX.Element;
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
33
62
|
ScrollDownButton: {
|
|
34
63
|
({ classNames }: ScrollDownButtonProps): React.JSX.Element;
|
|
35
64
|
displayName: string;
|
|
36
65
|
};
|
|
37
66
|
};
|
|
38
|
-
export type { RootProps as ScrollContainerRootProps, ViewportProps as ScrollContainerViewportProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
|
|
67
|
+
export type { RootProps as ScrollContainerRootProps, ContentProps as ScrollContainerContentProps, ViewportProps as ScrollContainerViewportProps, FadeProps as ScrollContainerFadeProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
|
|
39
68
|
//# sourceMappingURL=ScrollContainer.d.ts.map
|