@dxos/react-ui 0.8.4-main.ef1bc66f44 → 0.8.4-main.f466a3d56e
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-EJYV4HAH.mjs → chunk-LY5XDQR5.mjs} +189 -117
- package/dist/lib/browser/chunk-LY5XDQR5.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +3257 -2048
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +70 -41
- 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-YTLZCZ2M.mjs → chunk-NGKLIKP3.mjs} +189 -117
- 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 +3257 -2048
- 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 +70 -41
- 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 +124 -0
- package/dist/types/src/components/Card/Card.d.ts.map +1 -0
- package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
- package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/types/src/components/Card/index.d.ts +2 -0
- package/dist/types/src/components/Card/index.d.ts.map +1 -0
- package/dist/types/src/components/Carousel/Carousel.d.ts +90 -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 +43 -23
- 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 +48 -30
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +6 -8
- 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 +11 -0
- package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
- package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +19 -0
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
- package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
- package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
- package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
- 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 +15 -0
- package/dist/types/src/components/Image/Image.d.ts.map +1 -0
- package/dist/types/src/components/Image/Image.stories.d.ts +34 -0
- package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
- package/dist/types/src/components/Image/index.d.ts +2 -0
- package/dist/types/src/components/Image/index.d.ts.map +1 -0
- package/dist/types/src/components/Input/Input.d.ts +16 -22
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +6 -6
- package/dist/types/src/components/Input/Input.stories.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 +11 -7
- package/dist/types/src/components/Main/Main.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
- 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 +4 -5
- package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +39 -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 +9 -5
- 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 +23 -15
- 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 +4 -2
- package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
- 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 +12 -0
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
- 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 +32 -15
- 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 +9 -4
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/exemplars/generics.stories.d.ts +8 -6
- 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 +11 -0
- package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
- 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 +33 -0
- package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
- package/dist/types/src/primitives/Column/Column.stories.d.ts +25 -0
- package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Column/index.d.ts +2 -0
- package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Container/Container.d.ts +6 -22
- package/dist/types/src/primitives/Container/Container.d.ts.map +1 -1
- package/dist/types/src/primitives/Container/Container.stories.d.ts +2 -7
- package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Container/index.d.ts +0 -1
- package/dist/types/src/primitives/Container/index.d.ts.map +1 -1
- 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 +8 -0
- package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Grid/Grid.d.ts +10 -0
- package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
- package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
- package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Grid/index.d.ts +2 -0
- package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
- package/dist/types/src/primitives/Panel/Panel.d.ts +35 -0
- package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
- package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
- package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
- package/dist/types/src/primitives/Panel/index.d.ts +2 -0
- package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
- package/dist/types/src/primitives/index.d.ts +3 -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 +1 -1
- 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 +16 -0
- package/dist/types/src/translations.d.ts.map +1 -0
- package/dist/types/src/util/usePx.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +34 -27
- package/src/components/Avatars/Avatar.stories.tsx +5 -7
- package/src/components/Avatars/Avatar.tsx +6 -14
- package/src/components/Avatars/AvatarGroup.stories.tsx +0 -1
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +1 -2
- package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
- package/src/components/Button/Button.stories.tsx +1 -2
- package/src/components/Button/Button.tsx +11 -25
- 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 +151 -0
- package/src/components/Card/Card.tsx +514 -0
- package/src/components/Card/index.ts +5 -0
- package/src/components/Carousel/Carousel.tsx +337 -0
- package/src/components/Carousel/index.ts +5 -0
- package/src/components/Clipboard/CopyButton.tsx +6 -7
- package/src/components/Dialog/AlertDialog.stories.tsx +14 -15
- package/src/components/Dialog/AlertDialog.tsx +123 -82
- package/src/components/Dialog/Dialog.stories.tsx +90 -14
- package/src/components/Dialog/Dialog.tsx +98 -113
- package/src/components/ErrorFallback/ErrorFallback.stories.tsx +45 -0
- package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
- package/src/components/ErrorFallback/ErrorStack.tsx +114 -0
- package/src/components/ErrorFallback/ThrowError.tsx +37 -0
- package/src/components/ErrorFallback/index.ts +9 -0
- 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 +86 -0
- package/src/components/Image/Image.tsx +246 -0
- package/src/components/Image/index.ts +5 -0
- package/src/components/Input/Input.stories.tsx +17 -38
- package/src/components/Input/Input.tsx +27 -71
- package/src/components/Link/Link.stories.tsx +0 -1
- package/src/components/Link/Link.tsx +2 -2
- package/src/components/List/List.stories.tsx +14 -22
- package/src/components/List/List.tsx +16 -20
- package/src/components/List/ListDropIndicator.tsx +7 -8
- package/src/components/List/Tree.stories.tsx +4 -5
- package/src/components/List/Tree.tsx +0 -1
- package/src/components/List/TreeDropIndicator.tsx +6 -6
- package/src/components/List/Treegrid.stories.tsx +27 -28
- package/src/components/List/Treegrid.tsx +22 -27
- package/src/components/Main/Main.stories.tsx +3 -7
- package/src/components/Main/Main.tsx +57 -48
- 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/ContextMenu.tsx +9 -33
- package/src/components/Menu/DropdownMenu.stories.tsx +0 -1
- package/src/components/Menu/DropdownMenu.tsx +58 -52
- package/src/components/Message/Message.stories.tsx +25 -11
- package/src/components/Message/Message.tsx +30 -29
- package/src/components/Popover/Popover.stories.tsx +5 -6
- package/src/components/Popover/Popover.tsx +62 -59
- package/src/components/ScrollArea/ScrollArea.stories.tsx +98 -39
- package/src/components/ScrollArea/ScrollArea.tsx +45 -33
- package/src/components/ScrollContainer/ScrollContainer.stories.tsx +46 -25
- package/src/components/ScrollContainer/ScrollContainer.tsx +199 -92
- package/src/components/Select/Select.stories.tsx +5 -6
- package/src/components/Select/Select.tsx +11 -27
- package/src/components/Separator/Separator.tsx +5 -8
- package/src/components/Skeleton/Skeleton.stories.tsx +12 -13
- package/src/components/Skeleton/Skeleton.tsx +1 -1
- package/src/components/Splitter/Splitter.stories.tsx +47 -37
- package/src/components/Splitter/Splitter.tsx +44 -40
- package/src/components/Status/Status.stories.tsx +19 -16
- package/src/components/Status/Status.tsx +10 -7
- package/src/components/Tag/Tag.stories.tsx +3 -9
- package/src/components/Tag/Tag.tsx +2 -7
- package/src/components/ThemeProvider/ThemeProvider.stories.tsx +31 -0
- package/src/components/ThemeProvider/ThemeProvider.tsx +8 -7
- package/src/components/ThemeProvider/index.ts +1 -1
- package/src/components/Toast/Toast.stories.tsx +0 -1
- package/src/components/Toast/Toast.tsx +22 -41
- package/src/components/Toolbar/Toolbar.stories.tsx +0 -1
- package/src/components/Toolbar/Toolbar.tsx +175 -30
- package/src/components/Tooltip/Tooltip.stories.tsx +18 -17
- package/src/components/Tooltip/Tooltip.tsx +32 -31
- package/src/components/index.ts +10 -5
- package/src/exemplars/generics.stories.tsx +12 -15
- package/src/exemplars/slot.stories.tsx +68 -61
- package/src/exemplars/tabster.stories.tsx +5 -5
- package/src/exemplars/virtualizer.stories.tsx +136 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useDensityContext.ts +2 -2
- package/src/playground/Controls.stories.tsx +0 -6
- package/src/playground/Custom.stories.tsx +13 -16
- package/src/playground/Typography.stories.tsx +1 -1
- package/src/primitives/Column/AUDIT.md +148 -0
- package/src/primitives/Column/Column.stories.tsx +181 -0
- package/src/primitives/Column/Column.tsx +165 -0
- package/src/primitives/Column/index.ts +5 -0
- package/src/primitives/Container/Container.stories.tsx +13 -51
- package/src/primitives/Container/Container.tsx +14 -77
- package/src/primitives/Container/index.ts +0 -1
- package/src/primitives/Flex/Flex.stories.tsx +57 -0
- package/src/primitives/Flex/Flex.tsx +20 -19
- package/src/primitives/Grid/Grid.stories.tsx +56 -0
- package/src/primitives/Grid/Grid.tsx +30 -0
- package/src/primitives/Grid/index.ts +5 -0
- package/src/primitives/Panel/Panel.stories.tsx +68 -0
- package/src/primitives/Panel/Panel.tsx +120 -0
- package/src/primitives/Panel/index.ts +5 -0
- package/src/primitives/index.ts +3 -0
- package/src/testing/Loading.tsx +47 -0
- package/src/testing/decorators/withLayout.tsx +15 -11
- package/src/testing/decorators/withLayoutVariants.tsx +18 -21
- package/src/testing/decorators/withTheme.tsx +10 -7
- package/src/testing/index.ts +2 -0
- package/src/translations.ts +24 -0
- package/src/util/usePx.ts +1 -0
- package/dist/lib/browser/chunk-EJYV4HAH.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-YTLZCZ2M.mjs.map +0 -7
- package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -22
- package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
- package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
- package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
- package/dist/types/src/primitives/Container/Layout.d.ts +0 -18
- package/dist/types/src/primitives/Container/Layout.d.ts.map +0 -1
- package/dist/types/src/primitives/Container/Layout.stories.d.ts +0 -10
- package/dist/types/src/primitives/Container/Layout.stories.d.ts.map +0 -1
- package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -67
- package/src/components/AnchoredOverflow/index.ts +0 -5
- package/src/primitives/Container/Layout.stories.tsx +0 -57
- package/src/primitives/Container/Layout.tsx +0 -61
|
@@ -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,12 +9,10 @@ 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
|
-
|
|
16
|
-
disableSnapshot: boolean;
|
|
17
|
-
};
|
|
15
|
+
layout: string;
|
|
18
16
|
};
|
|
19
17
|
argTypes: {
|
|
20
18
|
valence: {
|
|
@@ -26,4 +24,5 @@ declare const meta: {
|
|
|
26
24
|
export default meta;
|
|
27
25
|
type Story = StoryObj<typeof meta>;
|
|
28
26
|
export declare const Default: Story;
|
|
27
|
+
export declare const Error: Story;
|
|
29
28
|
//# sourceMappingURL=Message.stories.d.ts.map
|
|
@@ -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;
|
|
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,31 +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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
type PopoverTriggerProps = PrimitiveButtonProps & {
|
|
25
|
+
asChild?: boolean;
|
|
26
|
+
};
|
|
27
|
+
type PopoverVirtualTriggerProps = {
|
|
28
28
|
virtualRef: RefObject<PopoverTriggerElement | null>;
|
|
29
|
+
};
|
|
30
|
+
declare function PopoverVirtualTrigger(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
|
|
31
|
+
declare namespace PopoverVirtualTrigger {
|
|
32
|
+
var displayName: string;
|
|
29
33
|
}
|
|
30
34
|
type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
|
|
31
|
-
|
|
35
|
+
type PopoverPortalProps = {
|
|
32
36
|
children?: ReactNode;
|
|
33
37
|
/**
|
|
34
38
|
* Specify a container element to portal the content into.
|
|
@@ -39,6 +43,10 @@ interface PopoverPortalProps {
|
|
|
39
43
|
* controlling animation with React animation libraries.
|
|
40
44
|
*/
|
|
41
45
|
forceMount?: true;
|
|
46
|
+
};
|
|
47
|
+
declare function PopoverPortal(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
|
|
48
|
+
declare namespace PopoverPortal {
|
|
49
|
+
var displayName: string;
|
|
42
50
|
}
|
|
43
51
|
type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
|
|
44
52
|
/**
|
|
@@ -52,7 +60,7 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
|
|
|
52
60
|
type FocusScopeProps = ComponentPropsWithoutRef<typeof FocusScope>;
|
|
53
61
|
type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
|
|
54
62
|
type PopperContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Content>>;
|
|
55
|
-
|
|
63
|
+
type PopoverContentImplProps = Omit<PopperContentProps, 'onPlaced'> & Omit<DismissableLayerProps, 'onDismiss'> & {
|
|
56
64
|
/**
|
|
57
65
|
* Whether focus should be trapped within the `Popover`
|
|
58
66
|
* (default: false)
|
|
@@ -68,12 +76,10 @@ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>,
|
|
|
68
76
|
* Can be prevented.
|
|
69
77
|
*/
|
|
70
78
|
onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
}
|
|
79
|
+
};
|
|
80
|
+
type PopoverCloseProps = PrimitiveButtonProps;
|
|
74
81
|
type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
|
|
75
|
-
|
|
76
|
-
}
|
|
82
|
+
type PopoverArrowProps = PopperArrowProps;
|
|
77
83
|
type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
|
|
78
84
|
asChild?: boolean;
|
|
79
85
|
constrainInline?: boolean;
|
|
@@ -81,14 +87,21 @@ type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primiti
|
|
|
81
87
|
};
|
|
82
88
|
type PopoverContentInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps['onInteractOutside']>>[0];
|
|
83
89
|
export declare const Popover: {
|
|
84
|
-
Root:
|
|
85
|
-
Anchor: React.ForwardRefExoticComponent<
|
|
86
|
-
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>>;
|
|
87
97
|
VirtualTrigger: {
|
|
88
98
|
(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
|
|
89
99
|
displayName: string;
|
|
90
100
|
};
|
|
91
|
-
Portal:
|
|
101
|
+
Portal: {
|
|
102
|
+
(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
|
|
103
|
+
displayName: string;
|
|
104
|
+
};
|
|
92
105
|
Content: React.ForwardRefExoticComponent<Omit<PopoverContentTypeProps, "className"> & {
|
|
93
106
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
94
107
|
} & {
|
|
@@ -98,8 +111,12 @@ export declare const Popover: {
|
|
|
98
111
|
*/
|
|
99
112
|
forceMount?: boolean;
|
|
100
113
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
101
|
-
Close: React.ForwardRefExoticComponent<
|
|
102
|
-
|
|
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>>;
|
|
103
120
|
Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
104
121
|
};
|
|
105
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,EAC7B,KAAK,
|
|
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":"
|
|
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"}
|