@dxos/react-ui 0.8.4-main.f9ba587 → 0.8.4-main.fcc0d83b33
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/dist/lib/browser/chunk-BDBC6H6V.mjs +848 -0
- package/dist/lib/browser/chunk-BDBC6H6V.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +4102 -61
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +112 -61
- package/dist/lib/browser/testing/index.mjs.map +4 -4
- package/dist/lib/browser/translations.mjs +18 -0
- package/dist/lib/browser/translations.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-3JSJK2ZY.mjs +850 -0
- package/dist/lib/node-esm/chunk-3JSJK2ZY.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +4102 -61
- 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 +112 -61
- package/dist/lib/node-esm/testing/index.mjs.map +4 -4
- package/dist/lib/node-esm/translations.mjs +20 -0
- package/dist/lib/node-esm/translations.mjs.map +7 -0
- package/dist/types/src/components/Avatars/Avatar.d.ts +2 -2
- package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/Avatar.stories.d.ts +5 -31
- package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts +5 -11
- package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -20
- package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
- package/dist/types/src/components/{Buttons → Button}/Button.d.ts +4 -4
- package/dist/types/src/components/Button/Button.d.ts.map +1 -0
- package/dist/types/src/components/Button/Button.stories.d.ts +17 -0
- package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/types/src/components/{Buttons → Button}/IconButton.d.ts +5 -4
- package/dist/types/src/components/Button/IconButton.d.ts.map +1 -0
- package/dist/types/src/components/Button/IconButton.stories.d.ts +16 -0
- package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -0
- package/dist/types/src/components/{Buttons → Button}/Toggle.d.ts +2 -2
- package/dist/types/src/components/Button/Toggle.d.ts.map +1 -0
- package/dist/types/src/components/Button/Toggle.stories.d.ts +16 -0
- package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -0
- package/dist/types/src/components/Button/ToggleGroup.d.ts +27 -0
- package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -0
- package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +27 -0
- package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -0
- package/dist/types/src/components/Button/index.d.ts.map +1 -0
- package/dist/types/src/components/Card/Card.d.ts +127 -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/Clipboard/ClipboardProvider.d.ts.map +1 -1
- package/dist/types/src/components/Clipboard/CopyButton.d.ts +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 +1 -1
- package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/AlertDialog.d.ts +51 -0
- package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts +11 -0
- package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/Dialog.d.ts +64 -0
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +25 -0
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -0
- package/dist/types/src/components/Dialog/index.d.ts.map +1 -0
- package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts +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 +5 -2
- package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/src/components/Icon/Icon.stories.d.ts +25 -0
- package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -0
- 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 +19 -24
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +17 -18
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/Link/Link.stories.d.ts +8 -8
- package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
- package/dist/types/src/components/{Lists → List}/List.d.ts +8 -6
- package/dist/types/src/components/List/List.d.ts.map +1 -0
- package/dist/types/src/components/List/List.stories.d.ts +16 -0
- package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -0
- package/dist/types/src/components/{Lists → List}/Tree.d.ts +3 -3
- package/dist/types/src/components/List/Tree.d.ts.map +1 -0
- package/dist/types/src/components/List/Tree.stories.d.ts +15 -0
- package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -0
- package/dist/types/src/components/{Lists → List}/Treegrid.d.ts +6 -10
- package/dist/types/src/components/List/Treegrid.d.ts.map +1 -0
- package/dist/types/src/components/List/Treegrid.stories.d.ts +12 -0
- package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/index.d.ts.map +1 -0
- package/dist/types/src/components/Main/Main.d.ts +25 -31
- package/dist/types/src/components/Main/Main.d.ts.map +1 -1
- package/dist/types/src/components/Main/Main.stories.d.ts +6 -10
- 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/{Menus → Menu}/ContextMenu.d.ts +6 -6
- package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -0
- package/dist/types/src/components/Menu/ContextMenu.stories.d.ts +12 -0
- package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -0
- package/dist/types/src/components/Menu/DropdownMenu.d.ts +121 -0
- package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -0
- package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +28 -0
- package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -0
- package/dist/types/src/components/Menu/index.d.ts.map +1 -0
- 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 +12 -22
- package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +41 -24
- package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.stories.d.ts +6 -34
- package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +27 -27
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +50 -27
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +68 -0
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -0
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +23 -0
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -0
- package/dist/types/src/components/ScrollContainer/index.d.ts +2 -0
- package/dist/types/src/components/ScrollContainer/index.d.ts.map +1 -0
- package/dist/types/src/components/Select/Select.d.ts +10 -10
- package/dist/types/src/components/Select/Select.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.stories.d.ts +6 -11
- package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/types/src/components/Separator/Separator.d.ts +4 -4
- package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
- package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
- package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
- package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
- package/dist/types/src/components/Skeleton/index.d.ts +2 -0
- package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
- package/dist/types/src/components/Splitter/Splitter.d.ts +34 -0
- package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
- package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
- package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
- package/dist/types/src/components/Splitter/index.d.ts +2 -0
- package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
- 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 +6 -10
- package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.d.ts +1 -1
- package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts +8 -13
- package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +4 -4
- 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 +55 -63
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/index.d.ts +2 -1
- package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.d.ts +20 -20
- package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.stories.d.ts +6 -44
- package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.d.ts +41 -23
- package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +6 -50
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.d.ts +11 -13
- package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +10 -63
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +14 -8
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/exemplars/generics.stories.d.ts +19 -0
- package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
- package/dist/types/src/exemplars/slot.stories.d.ts +15 -0
- package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
- package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
- package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
- 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 +2 -2
- package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
- package/dist/types/src/hooks/useElevationContext.d.ts +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 +2 -2
- package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +2 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/playground/Controls.stories.d.ts +5 -9
- package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
- package/dist/types/src/playground/Custom.stories.d.ts +12 -4
- package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
- package/dist/types/src/playground/Typography.stories.d.ts +5 -11
- 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 +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 +11 -0
- package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
- 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/Flex/index.d.ts +2 -0
- package/dist/types/src/primitives/Flex/index.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 +6 -0
- package/dist/types/src/primitives/index.d.ts.map +1 -0
- 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/index.d.ts +2 -1
- package/dist/types/src/testing/decorators/index.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withLayout.d.ts +15 -0
- package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -0
- package/dist/types/src/testing/decorators/withLayoutVariants.d.ts +12 -0
- package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -0
- package/dist/types/src/testing/decorators/withTheme.d.ts +5 -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 +11 -0
- package/dist/types/src/translations.d.ts.map +1 -0
- package/dist/types/src/util/index.d.ts +2 -1
- package/dist/types/src/util/index.d.ts.map +1 -1
- package/dist/types/src/util/usePx.d.ts +8 -0
- package/dist/types/src/util/usePx.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +54 -39
- package/src/components/Avatars/Avatar.stories.tsx +23 -16
- package/src/components/Avatars/Avatar.tsx +10 -18
- package/src/components/Avatars/AvatarGroup.stories.tsx +11 -8
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +19 -15
- package/src/components/Breadcrumb/Breadcrumb.tsx +14 -40
- package/src/components/{Buttons → Button}/Button.stories.tsx +11 -13
- package/src/components/{Buttons → Button}/Button.tsx +12 -26
- package/src/components/{Buttons → Button}/IconButton.stories.tsx +18 -13
- package/src/components/{Buttons → Button}/IconButton.tsx +22 -16
- package/src/components/Button/Toggle.stories.tsx +36 -0
- package/src/components/{Buttons → Button}/Toggle.tsx +4 -4
- package/src/components/{Buttons → Button}/ToggleGroup.stories.tsx +14 -12
- package/src/components/Button/ToggleGroup.tsx +50 -0
- package/src/components/Card/Card.stories.tsx +151 -0
- package/src/components/Card/Card.tsx +505 -0
- package/src/components/Card/index.ts +5 -0
- package/src/components/Clipboard/ClipboardProvider.tsx +1 -1
- package/src/components/Clipboard/CopyButton.tsx +9 -9
- package/src/components/DensityProvider/DensityProvider.tsx +2 -2
- package/src/components/Dialog/AlertDialog.stories.tsx +68 -0
- package/src/components/Dialog/AlertDialog.tsx +213 -0
- package/src/components/Dialog/Dialog.stories.tsx +177 -0
- package/src/components/Dialog/Dialog.tsx +285 -0
- package/src/components/ElevationProvider/ElevationProvider.tsx +2 -2
- 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 +143 -0
- package/src/components/Icon/Icon.tsx +6 -2
- 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 +27 -49
- package/src/components/Input/Input.tsx +51 -87
- package/src/components/Link/Link.stories.tsx +11 -8
- package/src/components/Link/Link.tsx +2 -2
- package/src/components/{Lists → List}/List.stories.tsx +45 -47
- package/src/components/{Lists → List}/List.tsx +30 -35
- package/src/components/{Lists → List}/ListDropIndicator.tsx +7 -7
- package/src/components/{Lists → List}/Tree.stories.tsx +15 -13
- package/src/components/{Lists → List}/Tree.tsx +3 -3
- package/src/components/{Lists → List}/TreeDropIndicator.tsx +7 -7
- package/src/components/{Lists → List}/Treegrid.stories.tsx +39 -34
- package/src/components/List/Treegrid.tsx +188 -0
- package/src/components/Main/Main.stories.tsx +52 -27
- package/src/components/Main/Main.tsx +176 -105
- package/src/components/{Menus → Menu}/ContextMenu.stories.tsx +12 -10
- package/src/components/{Menus → Menu}/ContextMenu.tsx +10 -33
- package/src/components/{Menus → Menu}/DropdownMenu.stories.tsx +13 -11
- package/src/components/{Menus → Menu}/DropdownMenu.tsx +157 -120
- package/src/components/Message/Message.stories.tsx +36 -18
- package/src/components/Message/Message.tsx +43 -34
- package/src/components/Popover/Popover.stories.tsx +18 -16
- package/src/components/Popover/Popover.tsx +124 -102
- package/src/components/ScrollArea/ScrollArea.stories.tsx +224 -32
- package/src/components/ScrollArea/ScrollArea.tsx +97 -79
- package/src/components/ScrollArea/index.ts +1 -1
- package/src/components/ScrollContainer/ScrollContainer.stories.tsx +91 -0
- package/src/components/ScrollContainer/ScrollContainer.tsx +347 -0
- package/src/components/ScrollContainer/index.ts +5 -0
- package/src/components/Select/Select.stories.tsx +19 -17
- package/src/components/Select/Select.tsx +16 -32
- package/src/components/Separator/Separator.tsx +5 -8
- package/src/components/Skeleton/Skeleton.stories.tsx +51 -0
- package/src/components/Skeleton/Skeleton.tsx +26 -0
- package/src/components/Skeleton/index.ts +5 -0
- package/src/components/Splitter/Splitter.stories.tsx +83 -0
- package/src/components/Splitter/Splitter.tsx +127 -0
- package/src/components/Splitter/index.ts +5 -0
- package/src/components/Status/Status.stories.tsx +29 -23
- package/src/components/Status/Status.tsx +10 -7
- package/src/components/Tag/Tag.stories.tsx +16 -13
- package/src/components/Tag/Tag.tsx +3 -8
- package/src/components/ThemeProvider/ThemeProvider.stories.tsx +31 -0
- package/src/components/ThemeProvider/ThemeProvider.tsx +12 -11
- package/src/components/ThemeProvider/TranslationsProvider.tsx +3 -18
- package/src/components/ThemeProvider/index.ts +3 -3
- package/src/components/Toast/Toast.stories.tsx +13 -11
- package/src/components/Toast/Toast.tsx +23 -42
- package/src/components/Toolbar/Toolbar.stories.tsx +22 -21
- package/src/components/Toolbar/Toolbar.tsx +188 -13
- package/src/components/Tooltip/Tooltip.stories.tsx +35 -30
- package/src/components/Tooltip/Tooltip.tsx +44 -41
- package/src/components/index.ts +15 -9
- package/src/exemplars/generics.stories.tsx +41 -0
- package/src/exemplars/slot.stories.tsx +117 -0
- package/src/exemplars/tabster.stories.tsx +127 -0
- package/src/exemplars/virtualizer.stories.tsx +137 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useDensityContext.ts +3 -3
- package/src/hooks/useElevationContext.ts +1 -1
- package/src/hooks/useSafeArea.ts +3 -2
- package/src/hooks/useSafeCollisionPadding.ts +1 -1
- package/src/hooks/useVisualViewport.ts +4 -4
- package/src/index.ts +2 -1
- package/src/playground/Controls.stories.tsx +20 -24
- package/src/playground/Custom.stories.tsx +20 -34
- package/src/playground/Typography.stories.tsx +11 -9
- 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 +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 +57 -0
- package/src/primitives/Flex/Flex.tsx +27 -0
- package/src/primitives/Flex/index.ts +5 -0
- 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 +9 -0
- package/src/testing/Loading.tsx +47 -0
- package/src/testing/decorators/index.ts +2 -1
- package/src/testing/decorators/withLayout.tsx +77 -0
- package/src/testing/decorators/withLayoutVariants.tsx +48 -0
- package/src/testing/decorators/withTheme.tsx +37 -0
- package/src/testing/index.ts +2 -0
- package/src/translations.ts +19 -0
- package/src/util/index.ts +3 -1
- package/src/util/usePx.ts +62 -0
- package/dist/lib/browser/chunk-T6YPS45E.mjs +0 -4376
- package/dist/lib/browser/chunk-T6YPS45E.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-TYVQJ4KW.mjs +0 -4378
- package/dist/lib/node-esm/chunk-TYVQJ4KW.mjs.map +0 -7
- package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
- 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/components/Buttons/Button.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/Button.stories.d.ts +0 -12
- package/dist/types/src/components/Buttons/Button.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/IconButton.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/IconButton.stories.d.ts +0 -22
- package/dist/types/src/components/Buttons/IconButton.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/Toggle.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/Toggle.stories.d.ts +0 -19
- package/dist/types/src/components/Buttons/Toggle.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/ToggleGroup.d.ts +0 -28
- package/dist/types/src/components/Buttons/ToggleGroup.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts +0 -39
- package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts.map +0 -1
- package/dist/types/src/components/Buttons/index.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/AlertDialog.d.ts +0 -31
- package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts +0 -43
- package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/Dialog.d.ts +0 -31
- package/dist/types/src/components/Dialogs/Dialog.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +0 -48
- package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +0 -1
- package/dist/types/src/components/Dialogs/index.d.ts.map +0 -1
- package/dist/types/src/components/Lists/List.d.ts.map +0 -1
- package/dist/types/src/components/Lists/List.stories.d.ts +0 -37
- package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Tree.stories.d.ts +0 -41
- package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Treegrid.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Treegrid.stories.d.ts +0 -10
- package/dist/types/src/components/Lists/Treegrid.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/index.d.ts.map +0 -1
- package/dist/types/src/components/Menus/ContextMenu.d.ts.map +0 -1
- package/dist/types/src/components/Menus/ContextMenu.stories.d.ts +0 -50
- package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +0 -1
- package/dist/types/src/components/Menus/DropdownMenu.d.ts +0 -112
- package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +0 -1
- package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts +0 -50
- package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +0 -1
- package/dist/types/src/components/Menus/index.d.ts.map +0 -1
- package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts +0 -12
- package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts.map +0 -1
- package/dist/types/src/util/ThemedClassName.d.ts +0 -5
- package/dist/types/src/util/ThemedClassName.d.ts.map +0 -1
- package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
- package/src/components/AnchoredOverflow/index.ts +0 -5
- package/src/components/Buttons/Toggle.stories.tsx +0 -33
- package/src/components/Buttons/ToggleGroup.tsx +0 -41
- package/src/components/Dialogs/AlertDialog.stories.tsx +0 -66
- package/src/components/Dialogs/AlertDialog.tsx +0 -172
- package/src/components/Dialogs/Dialog.stories.tsx +0 -65
- package/src/components/Dialogs/Dialog.tsx +0 -159
- package/src/components/Lists/Treegrid.tsx +0 -152
- package/src/testing/decorators/withSurfaceVariantsLayout.tsx +0 -51
- package/src/testing/decorators/withTheme.ts +0 -22
- package/src/util/ThemedClassName.ts +0 -7
- /package/dist/types/src/components/{Buttons → Button}/index.d.ts +0 -0
- /package/dist/types/src/components/{Dialogs → Dialog}/index.d.ts +0 -0
- /package/dist/types/src/components/{Lists → List}/ListDropIndicator.d.ts +0 -0
- /package/dist/types/src/components/{Lists → List}/TreeDropIndicator.d.ts +0 -0
- /package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
- /package/dist/types/src/components/{Menus → Menu}/index.d.ts +0 -0
- /package/src/components/{Buttons → Button}/index.ts +0 -0
- /package/src/components/{Dialogs → Dialog}/index.ts +0 -0
- /package/src/components/{Lists → List}/index.ts +0 -0
- /package/src/components/{Menus → Menu}/index.ts +0 -0
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { type ScrollAreaProps as ScrollAreaPrimitiveRootProps, type ScrollAreaViewportProps as ScrollAreaPrimitiveViewportProps, type ScrollAreaScrollbarProps as ScrollAreaPrimitiveScrollbarProps, type ScrollAreaThumbProps as ScrollAreaPrimitiveThumbProps, type ScrollAreaCornerProps as ScrollAreaPrimitiveCornerProps } from '@radix-ui/react-scroll-area';
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { type
|
|
4
|
-
type
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
import { type AllowedAxis, type SlottableProps } from '@dxos/ui-types';
|
|
3
|
+
type ScrollAreaContextType = {
|
|
4
|
+
/** Orientation of scrollbars. */
|
|
5
|
+
orientation: AllowedAxis;
|
|
6
|
+
/** Hide scrollbars when not scrolling. */
|
|
7
|
+
autoHide: boolean;
|
|
8
|
+
/** Apply padding to opposite side of scrollbar. */
|
|
9
|
+
centered?: boolean;
|
|
10
|
+
/** Apply padding. */
|
|
11
|
+
padding: boolean;
|
|
12
|
+
/** Use thin scrollbars. */
|
|
13
|
+
thin: boolean;
|
|
14
|
+
/** Enable snap scrolling. */
|
|
15
|
+
snap: boolean;
|
|
9
16
|
};
|
|
10
|
-
type
|
|
11
|
-
type
|
|
17
|
+
type ScrollAreaRootProps = Partial<ScrollAreaContextType>;
|
|
18
|
+
type ScrollAreaViewportProps = SlottableProps;
|
|
12
19
|
export declare const ScrollArea: {
|
|
13
|
-
Root: React.ForwardRefExoticComponent<Omit<
|
|
14
|
-
|
|
15
|
-
} &
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
-
Thumb: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveThumbProps, "className"> & {
|
|
25
|
-
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
26
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
-
Corner: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveCornerProps, "className"> & {
|
|
28
|
-
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
29
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Root: React.ForwardRefExoticComponent<Omit<Partial<ScrollAreaContextType> & {
|
|
21
|
+
asChild?: boolean;
|
|
22
|
+
}, "className"> & {
|
|
23
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
24
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
Viewport: React.ForwardRefExoticComponent<Omit<{
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
}, "className"> & {
|
|
28
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
29
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
30
|
};
|
|
31
|
-
export type { ScrollAreaRootProps, ScrollAreaViewportProps
|
|
31
|
+
export type { ScrollAreaRootProps, ScrollAreaViewportProps };
|
|
32
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"}
|
|
@@ -1,38 +1,61 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import React, { type PropsWithChildren } from 'react';
|
|
1
|
+
import React from 'react';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: {
|
|
6
|
-
Root: React.ForwardRefExoticComponent<Omit<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
classNames?: import("@dxos/
|
|
22
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Root: React.ForwardRefExoticComponent<Omit<Partial<{
|
|
6
|
+
orientation: import("@dxos/ui-types").AllowedAxis;
|
|
7
|
+
autoHide: boolean;
|
|
8
|
+
centered?: boolean;
|
|
9
|
+
padding: boolean;
|
|
10
|
+
thin: boolean;
|
|
11
|
+
snap: boolean;
|
|
12
|
+
}> & {
|
|
13
|
+
asChild?: boolean;
|
|
14
|
+
}, "className"> & {
|
|
15
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
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>>;
|
|
23
22
|
};
|
|
24
|
-
render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
|
|
25
23
|
decorators: import("@storybook/react").Decorator[];
|
|
26
24
|
parameters: {
|
|
27
|
-
|
|
28
|
-
disableSnapshot: boolean;
|
|
29
|
-
};
|
|
25
|
+
layout: string;
|
|
30
26
|
};
|
|
31
27
|
};
|
|
32
28
|
export default _default;
|
|
33
|
-
export declare const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
export declare const Vertical: {
|
|
30
|
+
render: () => React.JSX.Element;
|
|
31
|
+
};
|
|
32
|
+
export declare const VerticalThin: {
|
|
33
|
+
render: () => React.JSX.Element;
|
|
34
|
+
};
|
|
35
|
+
export declare const VerticalPadded: {
|
|
36
|
+
render: () => React.JSX.Element;
|
|
37
|
+
};
|
|
38
|
+
export declare const VerticalColumn: {
|
|
39
|
+
render: () => React.JSX.Element;
|
|
40
|
+
};
|
|
41
|
+
export declare const Horizontal: {
|
|
42
|
+
render: () => React.JSX.Element;
|
|
43
|
+
};
|
|
44
|
+
export declare const HorizontalThin: {
|
|
45
|
+
render: () => React.JSX.Element;
|
|
46
|
+
};
|
|
47
|
+
export declare const Both: {
|
|
48
|
+
render: () => React.JSX.Element;
|
|
49
|
+
};
|
|
50
|
+
export declare const Fullscreen: {
|
|
51
|
+
decorators: import("@storybook/react").Decorator[];
|
|
52
|
+
render: () => React.JSX.Element;
|
|
53
|
+
};
|
|
54
|
+
export declare const NestedScrollAreas: {
|
|
55
|
+
decorators: import("@storybook/react").Decorator[];
|
|
56
|
+
render: () => React.JSX.Element;
|
|
57
|
+
};
|
|
58
|
+
export declare const NativeScroll: {
|
|
59
|
+
render: () => React.JSX.Element;
|
|
37
60
|
};
|
|
38
61
|
//# sourceMappingURL=ScrollArea.stories.d.ts.map
|
|
@@ -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;;;;AAmCV,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"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import { type SlottableProps } from '@dxos/ui-types';
|
|
3
|
+
import { type ThemedClassName } from '../../util';
|
|
4
|
+
import { type ScrollAreaRootProps } from '../ScrollArea';
|
|
5
|
+
export interface ScrollController {
|
|
6
|
+
viewport: HTMLDivElement | null;
|
|
7
|
+
scrollToTop: (behavior?: ScrollBehavior) => void;
|
|
8
|
+
scrollToBottom: (behavior?: ScrollBehavior) => void;
|
|
9
|
+
}
|
|
10
|
+
type ScrollContainerContextValue = {
|
|
11
|
+
controller?: ScrollController;
|
|
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;
|
|
20
|
+
};
|
|
21
|
+
declare const useScrollContainerContext: (consumerName: string) => ScrollContainerContextValue;
|
|
22
|
+
type RootProps = PropsWithChildren<{
|
|
23
|
+
pin?: boolean;
|
|
24
|
+
behavior?: ScrollBehavior;
|
|
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
|
+
}
|
|
33
|
+
type ScrollDownButtonProps = ThemedClassName;
|
|
34
|
+
declare function ScrollDownButton({ classNames }: ScrollDownButtonProps): React.JSX.Element;
|
|
35
|
+
declare namespace ScrollDownButton {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export { useScrollContainerContext };
|
|
39
|
+
export declare const ScrollContainer: {
|
|
40
|
+
Root: React.ForwardRefExoticComponent<{
|
|
41
|
+
pin?: boolean;
|
|
42
|
+
behavior?: ScrollBehavior;
|
|
43
|
+
} & {
|
|
44
|
+
children?: React.ReactNode | undefined;
|
|
45
|
+
} & React.RefAttributes<ScrollController>>;
|
|
46
|
+
Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
|
|
47
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
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
|
+
};
|
|
62
|
+
ScrollDownButton: {
|
|
63
|
+
({ classNames }: ScrollDownButtonProps): React.JSX.Element;
|
|
64
|
+
displayName: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export type { RootProps as ScrollContainerRootProps, ContentProps as ScrollContainerContentProps, ViewportProps as ScrollContainerViewportProps, FadeProps as ScrollContainerFadeProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
|
|
68
|
+
//# sourceMappingURL=ScrollContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EASvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAMrE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,KAAK,2BAA2B,GAAG;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,EAAE,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,iEAAiE;IACjE,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,oEAAoE;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAAgC,yBAAyB,uDACM,CAAC;AAMhE,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CAAC;AAuFH,KAAK,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA8B/E,KAAK,aAAa,GAAG,cAAc,CAAC;AA8FpC,KAAK,SAAS,GAAG,EAAE,CAAC;;;;;AA2BpB,KAAK,qBAAqB,GAAG,eAAe,CAAC;kCAEnB,EAAE,UAAU,EAAE,EAAE,qBAAqB;;;;AA8B/D,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cAlRpB,OAAO;mBACF,cAAc;;;;;;;;;;;;;;;;;;;;;yBAiPe,qBAAqB;;;CAsC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,YAAY,IAAI,2BAA2B,EAC3C,aAAa,IAAI,4BAA4B,EAC7C,SAAS,IAAI,wBAAwB,EACrC,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type ScrollContainerRootProps, type ScrollController } from './ScrollContainer';
|
|
4
|
+
type DefaultStoryProps = ScrollContainerRootProps & {
|
|
5
|
+
running?: boolean;
|
|
6
|
+
initialLines?: number;
|
|
7
|
+
};
|
|
8
|
+
declare const meta: {
|
|
9
|
+
title: string;
|
|
10
|
+
component: React.ForwardRefExoticComponent<{
|
|
11
|
+
pin?: boolean;
|
|
12
|
+
behavior?: ScrollBehavior;
|
|
13
|
+
} & {
|
|
14
|
+
children?: React.ReactNode | undefined;
|
|
15
|
+
} & React.RefAttributes<ScrollController>>;
|
|
16
|
+
render: ({ initialLines, running: runningProp, ...props }: DefaultStoryProps) => React.JSX.Element;
|
|
17
|
+
decorators: import("@storybook/react").Decorator[];
|
|
18
|
+
};
|
|
19
|
+
export default meta;
|
|
20
|
+
type Story = StoryObj<typeof meta>;
|
|
21
|
+
export declare const Default: Story;
|
|
22
|
+
export declare const Large: Story;
|
|
23
|
+
//# sourceMappingURL=ScrollContainer.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1G,KAAK,iBAAiB,GAAG,wBAAwB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAkDjG,QAAA,MAAM,IAAI;;;;;;;;+DAhDkE,iBAAiB;;CAqDxD,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type ThemedClassName } from '../../util';
|
|
4
|
-
import { type ButtonProps } from '../
|
|
4
|
+
import { type ButtonProps } from '../Button';
|
|
5
5
|
type SelectRootProps = SelectPrimitive.SelectProps;
|
|
6
6
|
type SelectTriggerProps = SelectPrimitive.SelectTriggerProps;
|
|
7
7
|
type SelectValueProps = SelectPrimitive.SelectValueProps;
|
|
@@ -28,34 +28,34 @@ export declare const Select: {
|
|
|
28
28
|
Icon: React.ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>>;
|
|
29
29
|
Portal: React.FC<SelectPrimitive.SelectPortalProps>;
|
|
30
30
|
Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps, "className"> & {
|
|
31
|
-
classNames?: import("@dxos/
|
|
31
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
32
32
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
33
33
|
ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps, "className"> & {
|
|
34
|
-
classNames?: import("@dxos/
|
|
34
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
35
35
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps, "className"> & {
|
|
37
|
-
classNames?: import("@dxos/
|
|
37
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
38
38
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
39
39
|
Viewport: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectViewportProps, "className"> & {
|
|
40
|
-
classNames?: import("@dxos/
|
|
40
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
41
41
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
42
42
|
Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
|
|
43
|
-
classNames?: import("@dxos/
|
|
43
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
44
44
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
45
45
|
ItemText: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
46
46
|
ItemIndicator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemIndicatorProps, "className"> & {
|
|
47
|
-
classNames?: import("@dxos/
|
|
47
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
48
48
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
49
49
|
Option: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
|
|
50
|
-
classNames?: import("@dxos/
|
|
50
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
51
51
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
52
52
|
Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
53
53
|
Label: React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
54
54
|
Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps, "className"> & {
|
|
55
|
-
classNames?: import("@dxos/
|
|
55
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
56
56
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
57
57
|
Arrow: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectArrowProps, "className"> & {
|
|
58
|
-
classNames?: import("@dxos/
|
|
58
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
59
59
|
} & React.RefAttributes<SVGSVGElement>>;
|
|
60
60
|
};
|
|
61
61
|
export type { SelectRootProps, SelectTriggerProps, SelectTriggerButtonProps, SelectValueProps, SelectIconProps, SelectPortalProps, SelectContentProps, SelectScrollUpButtonProps, SelectScrollDownButtonProps, SelectViewportProps, SelectItemProps, SelectItemTextProps, SelectItemIndicatorProps, SelectOptionProps, SelectGroupProps, SelectLabelProps, SelectSeparatorProps, SelectArrowProps, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAkBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAsB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAahF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAgBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAOlF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAO1E,eAAO,MAAM,MAAM;IACjB,IAAI;IACJ,OAAO;IACP,aAAa;IACb,KAAK;IACL,IAAI;IACJ,MAAM;IACN,OAAO;;;IACP,cAAc;;;IACd,gBAAgB;;;IAChB,QAAQ;;;IACR,IAAI;;;IACJ,QAAQ;IACR,aAAa;;;IACb,MAAM;;;IACN,KAAK;IACL,KAAK;IACL,SAAS;;;IACT,KAAK;;;CACN,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
|
-
import '@dxos-theme';
|
|
2
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
type ItemProps = {
|
|
5
4
|
id: string;
|
|
6
5
|
text: string;
|
|
7
6
|
};
|
|
8
|
-
type
|
|
7
|
+
type DefaultStoryProps = {
|
|
9
8
|
items: ItemProps[];
|
|
10
9
|
};
|
|
11
|
-
|
|
12
|
-
declare const _default: {
|
|
10
|
+
declare const meta: {
|
|
13
11
|
title: string;
|
|
14
|
-
render: ({ items }:
|
|
12
|
+
render: ({ items }: DefaultStoryProps) => React.JSX.Element;
|
|
15
13
|
decorators: import("@storybook/react").Decorator[];
|
|
16
|
-
parameters: {
|
|
17
|
-
chromatic: {
|
|
18
|
-
disableSnapshot: boolean;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
14
|
};
|
|
22
|
-
export default
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Default: Story;
|
|
23
18
|
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,iBAAiB,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBhD,QAAA,MAAM,IAAI;;wBAvB4B,iBAAiB;;CA2BlB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type ThemedClassName } from '../../util';
|
|
4
|
-
type SeparatorProps = ThemedClassName<
|
|
4
|
+
type SeparatorProps = ThemedClassName<SeparatorPrimitive.SeparatorProps> & {
|
|
5
5
|
subdued?: boolean;
|
|
6
6
|
};
|
|
7
|
-
declare const Separator: React.ForwardRefExoticComponent<Omit<
|
|
8
|
-
classNames?: import("@dxos/
|
|
7
|
+
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps, "className"> & {
|
|
8
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
9
9
|
} & {
|
|
10
10
|
subdued?: boolean;
|
|
11
11
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,kBAAkB,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,QAAA,MAAM,SAAS;;;cAFwE,OAAO;wCAc7F,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { type ThemedClassName } from '../../util';
|
|
3
|
+
type SkeletonProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
|
|
4
|
+
variant?: 'default' | 'circle' | 'text';
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* A skeleton loading component that displays a placeholder while content is loading.
|
|
8
|
+
*/
|
|
9
|
+
declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { Skeleton };
|
|
11
|
+
export type { SkeletonProps };
|
|
12
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,aAAa,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,mGAKb,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.ForwardRefExoticComponent<Omit<import("./Skeleton").SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
decorators: import("@storybook/react").Decorator[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
11
|
+
export declare const Default: {
|
|
12
|
+
render: () => React.JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
export declare const Card: {
|
|
15
|
+
render: () => React.JSX.Element;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=Skeleton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;IAMxB,KAAK;IACL,SAAS;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AAIV,eAAO,MAAM,OAAO;IAClB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAiBP,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemedClassName } from '../../util';
|
|
3
|
+
type Mode = 'top' | 'bottom' | 'split';
|
|
4
|
+
type SplitterContextValue = {
|
|
5
|
+
mode: Mode;
|
|
6
|
+
ratio?: number;
|
|
7
|
+
transition: number;
|
|
8
|
+
};
|
|
9
|
+
declare const createSplitterScope: import("@radix-ui/react-context").CreateScope;
|
|
10
|
+
type RootOwnProps = Partial<SplitterContextValue>;
|
|
11
|
+
type RootProps = RootOwnProps;
|
|
12
|
+
type PanelOwnProps = ThemedClassName<{
|
|
13
|
+
position: 'top' | 'bottom';
|
|
14
|
+
}>;
|
|
15
|
+
type PanelProps = PanelOwnProps;
|
|
16
|
+
declare const Splitter: {
|
|
17
|
+
Root: React.ForwardRefExoticComponent<Omit<Partial<SplitterContextValue> & {
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
}, "className"> & {
|
|
20
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
21
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
Panel: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
23
|
+
position: 'top' | 'bottom';
|
|
24
|
+
}, "className"> & {
|
|
25
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
26
|
+
} & {
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
}, "className"> & {
|
|
29
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
30
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
};
|
|
32
|
+
export { Splitter, createSplitterScope };
|
|
33
|
+
export type { Mode as SplitterMode, RootProps as SplitterRootProps, PanelProps as SplitterPanelProps };
|
|
34
|
+
//# sourceMappingURL=Splitter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Splitter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Splitter/Splitter.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAK7C,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvC,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,QAAA,MAA8B,mBAAmB,+CAAqC,CAAC;AAUvF,KAAK,YAAY,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAElD,KAAK,SAAS,GAAG,YAAY,CAAC;AA2B9B,KAAK,aAAa,GAAG,eAAe,CAAC;IACnC,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC5B,CAAC,CAAC;AAEH,KAAK,UAAU,GAAG,aAAa,CAAC;AAiDhC,QAAA,MAAM,QAAQ;;;;;;;kBApDF,KAAK,GAAG,QAAQ;;;;;;;;CAuD3B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;AAEzC,YAAY,EAAE,IAAI,IAAI,YAAY,EAAE,SAAS,IAAI,iBAAiB,EAAE,UAAU,IAAI,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { type SplitterRootProps } from './Splitter';
|
|
3
|
+
declare const meta: Meta<SplitterRootProps>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<SplitterRootProps>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
//# sourceMappingURL=Splitter.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Splitter.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Splitter/Splitter.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAoD9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAQjC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Splitter/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { type StatusStyleProps } from '@dxos/ui-theme';
|
|
2
3
|
import { type ThemedClassName } from '../../util';
|
|
3
|
-
type StatusProps = ThemedClassName<ComponentPropsWithRef<'span'
|
|
4
|
-
indeterminate?: boolean;
|
|
5
|
-
variant?: 'default' | 'main-bottom';
|
|
4
|
+
type StatusProps = ThemedClassName<ComponentPropsWithRef<'span'> & StatusStyleProps & {
|
|
6
5
|
progress?: number;
|
|
7
|
-
}
|
|
6
|
+
}>;
|
|
8
7
|
declare const Status: React.ForwardRefExoticComponent<Omit<StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
9
8
|
export { Status };
|
|
10
9
|
export type { StatusProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,WAAW,GAAG,eAAe,CAChC,qBAAqB,CAAC,MAAM,CAAC,GAC3B,gBAAgB,GAAG;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CACJ,CAAC;AAEF,QAAA,MAAM,MAAM,kGAmBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import '@
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
declare const
|
|
3
|
+
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: React.ForwardRefExoticComponent<Omit<import("./Status").StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
6
|
decorators: import("@storybook/react").Decorator[];
|
|
7
|
-
parameters: {
|
|
8
|
-
chromatic: {
|
|
9
|
-
disableSnapshot: boolean;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
7
|
};
|
|
13
|
-
export default
|
|
14
|
-
|
|
15
|
-
export declare const
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Normal: Story;
|
|
11
|
+
export declare const Indeterminate: Story;
|
|
16
12
|
//# sourceMappingURL=Status.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI;;;;CAIqB,CAAC;eAEjB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Primitive } from '@radix-ui/react-primitive';
|
|
2
2
|
import React, { type ComponentPropsWithRef } from 'react';
|
|
3
|
-
import { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/
|
|
3
|
+
import { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/ui-types';
|
|
4
4
|
import { type ThemedClassName } from '../../util';
|
|
5
5
|
export type TagProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.span>> & {
|
|
6
6
|
palette?: NeutralPalette | ChromaticPalette | MessageValence;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,cAAc,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,GAAG,+FAQf,CAAC"}
|
|
@@ -1,17 +1,12 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
1
2
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
readonly component: React.ForwardRefExoticComponent<Omit<import("./Tag").TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
-
readonly decorators: readonly [import("@storybook/react").Decorator];
|
|
7
|
-
readonly parameters: {
|
|
8
|
-
readonly chromatic: {
|
|
9
|
-
readonly disableSnapshot: false;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
14
|
-
export declare const Default: {
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<Omit<import("./Tag").TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
15
6
|
render: () => React.JSX.Element;
|
|
7
|
+
decorators: import("@storybook/react").Decorator[];
|
|
16
8
|
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Default: Story;
|
|
17
12
|
//# sourceMappingURL=Tag.stories.d.ts.map
|