@dxos/react-ui 0.8.4-main.40e3dcdf1b → 0.8.4-main.422d1c7879
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-2FKSMWNY.mjs → chunk-OCVRIJCH.mjs} +79 -5
- package/dist/lib/browser/chunk-OCVRIJCH.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +905 -700
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +30 -18
- package/dist/lib/browser/testing/index.mjs.map +3 -3
- package/dist/lib/node-esm/{chunk-ZNBLTSHI.mjs → chunk-QUD5P3RU.mjs} +79 -5
- package/dist/lib/node-esm/chunk-QUD5P3RU.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +905 -700
- 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 +30 -18
- package/dist/lib/node-esm/testing/index.mjs.map +3 -3
- 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.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.map +1 -1
- 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.map +1 -1
- package/dist/types/src/components/Card/Card.d.ts +69 -49
- package/dist/types/src/components/Card/Card.d.ts.map +1 -1
- package/dist/types/src/components/Card/Card.stories.d.ts +2 -2
- package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -1
- package/dist/types/src/components/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/Dialog/AlertDialog.d.ts +39 -28
- 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 +44 -27
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +3 -2
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -1
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +14 -3
- package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -1
- package/dist/types/src/components/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 +3 -0
- package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/src/components/Icon/Icon.stories.d.ts +11 -3
- package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -1
- package/dist/types/src/components/Image/Image.d.ts +2 -1
- package/dist/types/src/components/Image/Image.d.ts.map +1 -1
- package/dist/types/src/components/Image/Image.stories.d.ts +2 -1
- package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.d.ts +2 -2
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +3 -3
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/Link/Link.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/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/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.map +1 -1
- package/dist/types/src/components/Main/Main.stories.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 +51 -50
- 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.map +1 -1
- package/dist/types/src/components/Message/Message.stories.d.ts +2 -2
- package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +31 -23
- 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 -9
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +18 -5
- package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +34 -13
- package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +5 -6
- package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
- package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/types/src/components/Separator/Separator.d.ts +3 -3
- package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
- package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -1
- package/dist/types/src/components/Splitter/Splitter.d.ts +19 -17
- package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -1
- package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -1
- package/dist/types/src/components/Status/Status.d.ts +3 -4
- package/dist/types/src/components/Status/Status.d.ts.map +1 -1
- package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toast/Toast.d.ts +15 -15
- 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 +8 -16
- 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 +9 -9
- 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 +1 -0
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/exemplars/generics.stories.d.ts +6 -5
- package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -1
- package/dist/types/src/exemplars/slot.stories.d.ts +1 -0
- package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -1
- package/dist/types/src/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/playground/Custom.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Column/Column.d.ts +21 -14
- package/dist/types/src/primitives/Column/Column.d.ts.map +1 -1
- package/dist/types/src/primitives/Column/Column.stories.d.ts +19 -0
- package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Container/Container.d.ts +4 -5
- package/dist/types/src/primitives/Container/Container.d.ts.map +1 -1
- package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Flex/Flex.d.ts +5 -7
- package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -1
- package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Grid/Grid.d.ts +3 -8
- package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -1
- package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -1
- package/dist/types/src/primitives/Panel/Panel.d.ts +24 -15
- package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -1
- package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -1
- package/dist/types/src/testing/Loading.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/translations.d.ts +3 -3
- package/dist/types/src/util/usePx.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +18 -24
- package/src/components/Avatars/Avatar.stories.tsx +2 -3
- package/src/components/Avatars/Avatar.tsx +1 -2
- package/src/components/Avatars/AvatarGroup.stories.tsx +0 -1
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +1 -2
- package/src/components/Button/Button.stories.tsx +0 -1
- package/src/components/Button/Button.tsx +5 -13
- package/src/components/Button/IconButton.stories.tsx +6 -4
- package/src/components/Button/IconButton.tsx +1 -3
- 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 +12 -12
- package/src/components/Card/Card.tsx +266 -108
- package/src/components/Clipboard/CopyButton.tsx +3 -4
- package/src/components/Dialog/AlertDialog.stories.tsx +5 -6
- package/src/components/Dialog/AlertDialog.tsx +67 -126
- package/src/components/Dialog/Dialog.stories.tsx +64 -9
- package/src/components/Dialog/Dialog.tsx +84 -88
- package/src/components/ErrorFallback/ErrorFallback.stories.tsx +3 -8
- package/src/components/ErrorFallback/ErrorStack.tsx +36 -2
- package/src/components/Focus/AUDIT.md +43 -0
- package/src/components/Focus/Focus.stories.tsx +230 -0
- package/src/components/Focus/Focus.tsx +201 -0
- package/src/components/Focus/index.ts +5 -0
- package/src/components/Icon/Icon.stories.tsx +43 -13
- package/src/components/Icon/Icon.tsx +5 -1
- package/src/components/Image/Image.stories.tsx +3 -3
- package/src/components/Image/Image.tsx +16 -3
- package/src/components/Input/Input.stories.tsx +3 -4
- package/src/components/Input/Input.tsx +7 -7
- package/src/components/Link/Link.stories.tsx +0 -1
- package/src/components/List/List.stories.tsx +0 -1
- package/src/components/List/List.tsx +6 -5
- package/src/components/List/Tree.stories.tsx +1 -2
- package/src/components/List/Tree.tsx +0 -1
- package/src/components/List/Treegrid.stories.tsx +26 -27
- package/src/components/List/Treegrid.tsx +14 -14
- package/src/components/Main/Main.stories.tsx +0 -1
- package/src/components/Main/Main.tsx +1 -2
- package/src/components/Menu/ContextMenu.stories.tsx +0 -1
- package/src/components/Menu/DropdownMenu.stories.tsx +0 -1
- package/src/components/Menu/DropdownMenu.tsx +48 -42
- package/src/components/Message/Message.stories.tsx +6 -7
- package/src/components/Message/Message.tsx +1 -5
- package/src/components/Popover/Popover.stories.tsx +4 -5
- package/src/components/Popover/Popover.tsx +42 -42
- package/src/components/ScrollArea/ScrollArea.stories.tsx +93 -30
- package/src/components/ScrollArea/ScrollArea.tsx +39 -23
- package/src/components/ScrollContainer/ScrollContainer.stories.tsx +20 -18
- package/src/components/ScrollContainer/ScrollContainer.tsx +200 -91
- package/src/components/Select/Select.stories.tsx +5 -6
- package/src/components/Separator/Separator.tsx +4 -7
- package/src/components/Skeleton/Skeleton.stories.tsx +0 -1
- package/src/components/Splitter/Splitter.stories.tsx +29 -29
- package/src/components/Splitter/Splitter.tsx +35 -34
- package/src/components/Status/Status.stories.tsx +0 -1
- package/src/components/Status/Status.tsx +8 -5
- package/src/components/Tag/Tag.stories.tsx +0 -1
- package/src/components/ThemeProvider/ThemeProvider.stories.tsx +0 -1
- package/src/components/ThemeProvider/ThemeProvider.tsx +5 -4
- package/src/components/Toast/Toast.stories.tsx +0 -1
- package/src/components/Toast/Toast.tsx +16 -31
- package/src/components/Toolbar/Toolbar.stories.tsx +0 -1
- package/src/components/Toolbar/Toolbar.tsx +19 -34
- package/src/components/Tooltip/Tooltip.stories.tsx +6 -7
- package/src/components/Tooltip/Tooltip.tsx +15 -16
- package/src/components/index.ts +1 -0
- package/src/exemplars/generics.stories.tsx +7 -15
- package/src/exemplars/slot.stories.tsx +67 -57
- package/src/exemplars/tabster.stories.tsx +1 -1
- package/src/exemplars/virtualizer.stories.tsx +4 -4
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useDensityContext.ts +2 -2
- package/src/playground/Custom.stories.tsx +6 -9
- package/src/primitives/Column/AUDIT.md +148 -0
- package/src/primitives/Column/Column.stories.tsx +122 -19
- package/src/primitives/Column/Column.tsx +73 -42
- package/src/primitives/Container/Container.stories.tsx +0 -1
- package/src/primitives/Container/Container.tsx +5 -8
- package/src/primitives/Flex/Flex.stories.tsx +0 -1
- package/src/primitives/Flex/Flex.tsx +10 -12
- package/src/primitives/Grid/Grid.stories.tsx +0 -1
- package/src/primitives/Grid/Grid.tsx +4 -9
- package/src/primitives/Panel/Panel.stories.tsx +9 -8
- package/src/primitives/Panel/Panel.tsx +64 -63
- package/src/testing/Loading.tsx +25 -4
- package/src/testing/decorators/withLayout.tsx +6 -6
- package/src/testing/decorators/withTheme.tsx +10 -7
- package/src/translations.ts +3 -3
- package/src/util/usePx.ts +1 -0
- package/dist/lib/browser/chunk-2FKSMWNY.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ZNBLTSHI.mjs.map +0 -7
|
@@ -1,40 +1,51 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React
|
|
1
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { type DialogSize } from '@dxos/ui-theme';
|
|
4
4
|
import { type ThemedClassName } from '../../util';
|
|
5
|
-
type
|
|
6
|
-
type
|
|
7
|
-
type
|
|
8
|
-
type
|
|
9
|
-
type
|
|
10
|
-
type
|
|
11
|
-
|
|
5
|
+
import { type DialogHeaderProps, type DialogBodyProps, type DialogActionBarProps, type DialogCloseIconButtonProps } from './Dialog';
|
|
6
|
+
type AlertDialogRootProps = AlertDialogPrimitive.AlertDialogProps;
|
|
7
|
+
type AlertDialogTriggerProps = AlertDialogPrimitive.AlertDialogTriggerProps;
|
|
8
|
+
type AlertDialogPortalProps = AlertDialogPrimitive.AlertDialogPortalProps;
|
|
9
|
+
type AlertDialogCancelProps = AlertDialogPrimitive.AlertDialogCancelProps;
|
|
10
|
+
type AlertDialogActionProps = AlertDialogPrimitive.AlertDialogActionProps;
|
|
11
|
+
type AlertDialogOverlayProps = ThemedClassName<AlertDialogPrimitive.AlertDialogOverlayProps & {
|
|
12
|
+
blockAlign?: 'center' | 'start' | 'end';
|
|
13
|
+
}>;
|
|
14
|
+
type AlertDialogContentProps = ThemedClassName<AlertDialogPrimitive.AlertDialogContentProps> & {
|
|
15
|
+
size?: DialogSize;
|
|
12
16
|
};
|
|
13
|
-
type
|
|
17
|
+
type AlertDialogTitleProps = ThemedClassName<AlertDialogPrimitive.AlertDialogTitleProps> & {
|
|
14
18
|
srOnly?: boolean;
|
|
15
19
|
};
|
|
16
|
-
type
|
|
17
|
-
|
|
18
|
-
};
|
|
19
|
-
type AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps> & {
|
|
20
|
-
size?: DialogSize;
|
|
20
|
+
type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
|
|
21
|
+
srOnly?: boolean;
|
|
21
22
|
};
|
|
22
|
-
type AlertDialogBodyProps = PropsWithChildren;
|
|
23
|
-
type AlertDialogActionBarProps = ThemedClassName<PropsWithChildren>;
|
|
24
23
|
export declare const AlertDialog: {
|
|
25
|
-
Root: React.FunctionComponent<
|
|
26
|
-
Trigger: React.FunctionComponent<
|
|
27
|
-
Portal: React.FunctionComponent<
|
|
24
|
+
Root: React.FunctionComponent<AlertDialogPrimitive.AlertDialogProps>;
|
|
25
|
+
Trigger: React.FunctionComponent<AlertDialogPrimitive.AlertDialogTriggerProps>;
|
|
26
|
+
Portal: React.FunctionComponent<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
28
27
|
Overlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps>;
|
|
29
28
|
Content: React.ForwardRefExoticComponent<AlertDialogContentProps>;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
29
|
+
Header: React.ForwardRefExoticComponent<Omit<{
|
|
30
|
+
asChild?: boolean;
|
|
31
|
+
}, "className"> & {
|
|
32
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
33
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
Body: React.ForwardRefExoticComponent<Omit<{
|
|
35
|
+
asChild?: boolean;
|
|
36
|
+
}, "className"> & {
|
|
37
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
38
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
39
|
Title: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
|
|
34
|
-
Description: React.ForwardRefExoticComponent<
|
|
35
|
-
ActionBar: React.ForwardRefExoticComponent<
|
|
36
|
-
|
|
37
|
-
|
|
40
|
+
Description: React.ForwardRefExoticComponent<AlertDialogDescriptionProps>;
|
|
41
|
+
ActionBar: React.ForwardRefExoticComponent<Omit<{
|
|
42
|
+
asChild?: boolean;
|
|
43
|
+
}, "className"> & {
|
|
44
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
45
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
47
|
+
Cancel: React.FunctionComponent<AlertDialogPrimitive.AlertDialogCancelProps>;
|
|
48
|
+
Action: React.FunctionComponent<AlertDialogPrimitive.AlertDialogActionProps>;
|
|
38
49
|
};
|
|
39
|
-
export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps,
|
|
50
|
+
export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, DialogHeaderProps as AlertDialogHeaderProps, DialogBodyProps as AlertDialogBodyProps, DialogActionBarProps as AlertDialogActionBarProps, DialogCloseIconButtonProps as AlertDialogCloseIconButtonProps, };
|
|
40
51
|
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAChC,MAAM,UAAU,CAAC;AAMlB,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAYlE,KAAK,uBAAuB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;AAQ5E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAQ1E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAQ1E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAsB1E,KAAK,uBAAuB,GAAG,eAAe,CAC5C,oBAAoB,CAAC,uBAAuB,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAC3F,CAAC;AAyBF,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AA8BrH,KAAK,qBAAqB,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBhH,KAAK,2BAA2B,GAAG,eAAe,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,GAAG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAoBF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EAEtB,iBAAiB,IAAI,sBAAsB,EAC3C,eAAe,IAAI,oBAAoB,EACvC,oBAAoB,IAAI,yBAAyB,EACjD,0BAA0B,IAAI,+BAA+B,GAC9D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,QAAA,MAAM,IAAI;;eAEuB,GAAG;YACV,GAAG;;CAEQ,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
|
|
@@ -1,47 +1,64 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { type ComponentPropsWithRef
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
import React, { type ComponentPropsWithRef } from 'react';
|
|
3
3
|
import { type DialogSize } from '@dxos/ui-theme';
|
|
4
|
+
import { type SlottableProps } from '@dxos/ui-types';
|
|
4
5
|
import { type ThemedClassName } from '../../util';
|
|
5
|
-
type DialogRootProps =
|
|
6
|
-
type DialogTriggerProps =
|
|
7
|
-
type DialogPortalProps =
|
|
8
|
-
type DialogOverlayProps = ThemedClassName<
|
|
6
|
+
type DialogRootProps = DialogPrimitive.DialogProps;
|
|
7
|
+
type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;
|
|
8
|
+
type DialogPortalProps = DialogPrimitive.DialogPortalProps;
|
|
9
|
+
type DialogOverlayProps = ThemedClassName<DialogPrimitive.DialogOverlayProps & {
|
|
9
10
|
blockAlign?: 'center' | 'start' | 'end';
|
|
10
11
|
}>;
|
|
11
|
-
type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof
|
|
12
|
+
type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogPrimitive.Content>> & {
|
|
12
13
|
size?: DialogSize;
|
|
13
14
|
inOverlayLayout?: boolean;
|
|
14
15
|
};
|
|
15
|
-
type DialogHeaderProps =
|
|
16
|
-
srOnly?: boolean;
|
|
17
|
-
};
|
|
16
|
+
type DialogHeaderProps = SlottableProps;
|
|
18
17
|
type DialogCloseIconButtonProps = {
|
|
19
18
|
label?: string;
|
|
20
19
|
};
|
|
21
|
-
type DialogBodyProps =
|
|
22
|
-
type DialogTitleProps = ThemedClassName<
|
|
20
|
+
type DialogBodyProps = SlottableProps;
|
|
21
|
+
type DialogTitleProps = ThemedClassName<DialogPrimitive.DialogTitleProps> & {
|
|
23
22
|
srOnly?: boolean;
|
|
24
23
|
};
|
|
25
|
-
type DialogDescriptionProps = ThemedClassName<
|
|
24
|
+
type DialogDescriptionProps = ThemedClassName<DialogPrimitive.DialogDescriptionProps> & {
|
|
26
25
|
srOnly?: boolean;
|
|
27
26
|
};
|
|
28
|
-
type DialogActionBarProps =
|
|
29
|
-
type DialogCloseProps =
|
|
27
|
+
type DialogActionBarProps = SlottableProps;
|
|
28
|
+
type DialogCloseProps = DialogPrimitive.DialogCloseProps;
|
|
30
29
|
export declare const Dialog: {
|
|
31
|
-
Root: React.FunctionComponent<
|
|
32
|
-
Trigger: React.FunctionComponent<
|
|
33
|
-
Portal: React.FunctionComponent<
|
|
30
|
+
Root: React.FunctionComponent<DialogPrimitive.DialogProps>;
|
|
31
|
+
Trigger: React.FunctionComponent<DialogPrimitive.DialogTriggerProps>;
|
|
32
|
+
Portal: React.FunctionComponent<DialogPrimitive.DialogPortalProps>;
|
|
34
33
|
Overlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
|
|
35
34
|
Content: React.ForwardRefExoticComponent<DialogContentProps>;
|
|
36
|
-
Header: React.ForwardRefExoticComponent<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
35
|
+
Header: React.ForwardRefExoticComponent<Omit<{
|
|
36
|
+
asChild?: boolean;
|
|
37
|
+
}, "className"> & {
|
|
38
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
39
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
Body: React.ForwardRefExoticComponent<Omit<{
|
|
41
|
+
asChild?: boolean;
|
|
42
|
+
}, "className"> & {
|
|
43
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
44
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps, "className"> & {
|
|
46
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
47
|
+
} & {
|
|
48
|
+
srOnly?: boolean;
|
|
49
|
+
} & React.RefAttributes<HTMLHeadingElement>>;
|
|
50
|
+
Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps, "className"> & {
|
|
51
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
52
|
+
} & {
|
|
53
|
+
srOnly?: boolean;
|
|
54
|
+
} & React.RefAttributes<HTMLParagraphElement>>;
|
|
55
|
+
ActionBar: React.ForwardRefExoticComponent<Omit<{
|
|
56
|
+
asChild?: boolean;
|
|
57
|
+
}, "className"> & {
|
|
58
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
59
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
Close: React.FunctionComponent<DialogPrimitive.DialogCloseProps>;
|
|
44
61
|
CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
45
62
|
};
|
|
46
|
-
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, };
|
|
63
|
+
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, DialogCloseIconButtonProps, };
|
|
47
64
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAI3B,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,UAAU,EAA6B,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAiBnD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAQ7D,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAiB3D,KAAK,kBAAkB,GAAG,eAAe,CACvC,eAAe,CAAC,kBAAkB,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CACjF,CAAC;AA2BF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG;IACjG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAqCF,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAiBxC,KAAK,0BAA0B,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAuBrD,KAAK,eAAe,GAAG,cAAc,CAAC;AAiBtC,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAejG,KAAK,sBAAsB,GAAG,eAAe,CAAC,eAAe,CAAC,sBAAsB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmB7G,KAAK,oBAAoB,GAAG,cAAc,CAAC;AAiB3C,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAQzD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;iBA3DoE,OAAO;;;;;iBAeK,OAAO;;;;;;;;;CAyDzG,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,GAC3B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type DialogContentProps } from './Dialog';
|
|
4
|
-
type
|
|
4
|
+
type DefaultStoryProps = Pick<DialogContentProps, 'size'> & Partial<{
|
|
5
5
|
title: string;
|
|
6
6
|
description: string;
|
|
7
7
|
openTrigger: string;
|
|
@@ -11,7 +11,7 @@ type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
|
|
|
11
11
|
declare const meta: {
|
|
12
12
|
title: string;
|
|
13
13
|
component: any;
|
|
14
|
-
render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }:
|
|
14
|
+
render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: DefaultStoryProps) => React.JSX.Element;
|
|
15
15
|
decorators: import("@storybook/react").Decorator[];
|
|
16
16
|
};
|
|
17
17
|
export default meta;
|
|
@@ -21,4 +21,5 @@ export declare const Small: Story;
|
|
|
21
21
|
export declare const Medium: Story;
|
|
22
22
|
export declare const Large: Story;
|
|
23
23
|
export declare const ExtraLarge: Story;
|
|
24
|
+
export declare const Scrolling: Story;
|
|
24
25
|
//# sourceMappingURL=Dialog.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,
|
|
1
|
+
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GACvD,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC,CAAC;AA+EL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFA3EiE,iBAAiB;;CA8EvE,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorFallback.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"ErrorFallback.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiBjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
|
+
import ErrorStackParser from 'error-stack-parser';
|
|
1
2
|
import React from 'react';
|
|
3
|
+
export type ParsedStackFrame = ReturnType<typeof ErrorStackParser.parse>[number];
|
|
4
|
+
export type ErrorStackProps = {
|
|
5
|
+
/** When set, these frames are shown instead of parsing `error`. */
|
|
6
|
+
frames?: ParsedStackFrame[];
|
|
7
|
+
/** Used when `frames` is omitted. */
|
|
8
|
+
error?: Error;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Parses `captureOwnerStack()` output (React dev) into frames for {@link ErrorStack}.
|
|
12
|
+
* Prefixes a synthetic Error line when needed so `error-stack-parser` can read V8-style stacks.
|
|
13
|
+
*/
|
|
14
|
+
export declare const parseCaptureOwnerStack: (stack: string | null) => ParsedStackFrame[] | null;
|
|
2
15
|
/**
|
|
3
16
|
* Renders a parsed error stack trace with tree connector symbols and clickable vscode:// links for local frames.
|
|
4
17
|
*/
|
|
5
|
-
export declare const ErrorStack: ({ error }:
|
|
6
|
-
error: Error;
|
|
7
|
-
}) => React.JSX.Element;
|
|
18
|
+
export declare const ErrorStack: ({ error, frames: framesProp }: ErrorStackProps) => React.JSX.Element | null;
|
|
8
19
|
//# sourceMappingURL=ErrorStack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,GAAG,IAAI,KAAG,gBAAgB,EAAE,GAAG,IAgBlF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,+BAA+B,eAAe,6BAgDxE,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { type KeyboardEvent } from 'react';
|
|
2
|
+
import { type Axis } from '@dxos/ui-types';
|
|
3
|
+
type FocusState = 'active' | 'error';
|
|
4
|
+
type ContextValue = {
|
|
5
|
+
setFocus?: (state: FocusState | undefined) => void;
|
|
6
|
+
/** True when any item within the group has DOM focus. */
|
|
7
|
+
groupHasFocus?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare const useFocus: () => ContextValue;
|
|
10
|
+
type GroupProps = {
|
|
11
|
+
orientation?: Axis;
|
|
12
|
+
/** Show a subdued ring when unfocused (e.g., as a cell border). */
|
|
13
|
+
border?: boolean;
|
|
14
|
+
onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
15
|
+
};
|
|
16
|
+
type ItemProps = {
|
|
17
|
+
current?: boolean;
|
|
18
|
+
/** Show a subdued ring when unfocused (e.g., as a cell border). */
|
|
19
|
+
border?: boolean;
|
|
20
|
+
onCurrentChange?: () => void;
|
|
21
|
+
};
|
|
22
|
+
export declare const Focus: {
|
|
23
|
+
Group: React.ForwardRefExoticComponent<Omit<GroupProps & {
|
|
24
|
+
asChild?: boolean;
|
|
25
|
+
}, "className"> & {
|
|
26
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
27
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
Item: React.ForwardRefExoticComponent<Omit<ItemProps & {
|
|
29
|
+
asChild?: boolean;
|
|
30
|
+
}, "className"> & {
|
|
31
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
32
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
};
|
|
34
|
+
export type { GroupProps as FocusGroupProps, ItemProps as FocusItemProps };
|
|
35
|
+
export { useFocus };
|
|
36
|
+
//# sourceMappingURL=Focus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAEZ,KAAK,aAAa,EAOnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIrC,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,QAAQ,oBAAiC,CAAC;AAMhD,KAAK,UAAU,GAAG;IAChB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAqDF,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAgFF,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAC;AAEF,YAAY,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,IAAI,cAAc,EAAE,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj<typeof meta>;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const Horizontal: Story;
|
|
7
|
+
export declare const Grid: Story;
|
|
8
|
+
export declare const AsChild: Story;
|
|
9
|
+
//# sourceMappingURL=Focus.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Focus.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqNjE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC;AACvD,eAAO,MAAM,UAAU,EAAE,KAAmC,CAAC;AAC7D,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
|
|
@@ -6,5 +6,8 @@ export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.s
|
|
|
6
6
|
icon: string;
|
|
7
7
|
size?: Size;
|
|
8
8
|
};
|
|
9
|
+
/**
|
|
10
|
+
* The Icon's size can be set directly or inherited from the `--dx-icon-size` CSS variable.
|
|
11
|
+
*/
|
|
9
12
|
export declare const Icon: React.NamedExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
10
13
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,yFAWhB,CAAC"}
|
|
@@ -3,9 +3,7 @@ import { type StoryObj } from '@storybook/react-vite';
|
|
|
3
3
|
import React, { type FC } from 'react';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
|
|
7
|
-
CustomIcon: FC<IconProps>;
|
|
8
|
-
}) => React.JSX.Element;
|
|
6
|
+
component: React.NamedExoticComponent<Omit<import("./Icon").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
9
7
|
decorators: import("@storybook/react").Decorator[];
|
|
10
8
|
parameters: {
|
|
11
9
|
layout: string;
|
|
@@ -14,4 +12,14 @@ declare const meta: {
|
|
|
14
12
|
export default meta;
|
|
15
13
|
type Story = StoryObj<typeof meta>;
|
|
16
14
|
export declare const Default: Story;
|
|
15
|
+
export declare const Static: Story;
|
|
16
|
+
export declare const Dynamic: Story;
|
|
17
|
+
export declare const Custom: {
|
|
18
|
+
render: ({ CustomIcon }: {
|
|
19
|
+
CustomIcon: FC<IconProps>;
|
|
20
|
+
}) => React.JSX.Element;
|
|
21
|
+
args: {
|
|
22
|
+
CustomIcon: React.FC<IconProps>;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
17
25
|
//# sourceMappingURL=Icon.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AA6CrF,QAAA,MAAM,IAAI;;;;;;;CAOmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,MAAM;6BACQ;QAAE,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAAE;;;;CA6CvD,CAAC"}
|
|
@@ -3,9 +3,10 @@ import { type ThemedClassName } from '@dxos/react-ui';
|
|
|
3
3
|
export type ImageProps = ThemedClassName<{
|
|
4
4
|
src: string;
|
|
5
5
|
alt?: string;
|
|
6
|
+
fit?: 'contain' | 'cover';
|
|
6
7
|
crossOrigin?: 'anonymous' | 'use-credentials' | '';
|
|
7
8
|
} & ColorOptions>;
|
|
8
|
-
export declare const Image: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
|
|
9
|
+
export declare const Image: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
|
|
9
10
|
type ColorOptions = {
|
|
10
11
|
sampleSize?: number;
|
|
11
12
|
contrast?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,mEAQnB,UAAU,sBAwFZ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
|
|
@@ -2,10 +2,11 @@ import { type StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
|
|
5
|
+
component: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
|
|
6
6
|
render: (args: Omit<{
|
|
7
7
|
src: string;
|
|
8
8
|
alt?: string;
|
|
9
|
+
fit?: "contain" | "cover";
|
|
9
10
|
crossOrigin?: "anonymous" | "use-credentials" | "";
|
|
10
11
|
} & {
|
|
11
12
|
sampleSize?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAYoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
2
2
|
import React, { type ComponentPropsWithRef } from 'react';
|
|
3
3
|
import { type DescriptionAndValidationProps as DescriptionAndValidationPrimitiveProps, type DescriptionProps as DescriptionPrimitiveProps, type InputRootProps, type InputScopedProps, type LabelProps as LabelPrimitiveProps, type PinInputProps as PinInputPrimitiveProps, type TextAreaProps as TextAreaPrimitiveProps, type TextInputProps as TextInputPrimitiveProps, type ValidationProps as ValidationPrimitiveProps } from '@dxos/react-input';
|
|
4
4
|
import { type Density, type Elevation, type Size } from '@dxos/ui-types';
|
|
@@ -27,7 +27,7 @@ type AutoFillProps = {
|
|
|
27
27
|
};
|
|
28
28
|
type TextInputProps = InputSharedProps & ThemedClassName<TextInputPrimitiveProps> & AutoFillProps;
|
|
29
29
|
type TextAreaProps = InputSharedProps & ThemedClassName<TextAreaPrimitiveProps>;
|
|
30
|
-
type CheckboxProps = ThemedClassName<Omit<
|
|
30
|
+
type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitive.CheckboxProps, 'children'>> & {
|
|
31
31
|
size?: Size;
|
|
32
32
|
};
|
|
33
33
|
type SwitchProps = ThemedClassName<Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange'> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA8C,MAAM,OAAO,CAAC;AAEtG,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAGlD,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,eAAe,CAAC,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC;AAyBxH,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC;AAoClG,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AA+BhF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IACxF,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
|
|
@@ -14,7 +14,7 @@ type Variant = {
|
|
|
14
14
|
type: K;
|
|
15
15
|
} & VariantMap[K];
|
|
16
16
|
}[keyof VariantMap];
|
|
17
|
-
type
|
|
17
|
+
type DefaultStoryProps = Partial<{
|
|
18
18
|
kind: keyof VariantMap;
|
|
19
19
|
label: string;
|
|
20
20
|
labelVisuallyHidden: boolean;
|
|
@@ -26,11 +26,11 @@ type StoryProps = Partial<{
|
|
|
26
26
|
declare const meta: {
|
|
27
27
|
title: string;
|
|
28
28
|
component: any;
|
|
29
|
-
render: ({ kind, label, description, labelVisuallyHidden, descriptionVisuallyHidden, validationValence, validationMessage, ...props }:
|
|
29
|
+
render: ({ kind, label, description, labelVisuallyHidden, descriptionVisuallyHidden, validationValence, validationMessage, ...props }: DefaultStoryProps) => React.JSX.Element;
|
|
30
30
|
decorators: import("@storybook/react").Decorator[];
|
|
31
31
|
};
|
|
32
32
|
export default meta;
|
|
33
|
-
type Story = StoryObj<
|
|
33
|
+
type Story = StoryObj<DefaultStoryProps & Variant>;
|
|
34
34
|
export declare const DensityCoarse: Story;
|
|
35
35
|
export declare const DensityFine: Story;
|
|
36
36
|
export declare const Subdued: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,iBAAiB,GAAG,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AA8BH,QAAA,MAAM,IAAI;;eAEiB,GAAG;2IArB3B,iBAAiB;;CAwBiB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}
|
|
@@ -3,10 +3,12 @@ import { LIST_ITEM_NAME, LIST_NAME, type ListItemCollapsibleContentProps, type L
|
|
|
3
3
|
import { type Density } from '@dxos/ui-types';
|
|
4
4
|
import { type ThemedClassName } from '../../util';
|
|
5
5
|
import { ListDropIndicator } from './ListDropIndicator';
|
|
6
|
-
type ListProps = ThemedClassName<ListPrimitiveProps
|
|
6
|
+
type ListProps = ThemedClassName<ListPrimitiveProps & {
|
|
7
7
|
density?: Density;
|
|
8
|
-
}
|
|
9
|
-
declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "
|
|
8
|
+
}>;
|
|
9
|
+
declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "className"> & {
|
|
10
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
11
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLOListElement>>;
|
|
10
12
|
type ListItemEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
|
|
11
13
|
asChild?: boolean;
|
|
12
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EACL,cAAc,EACd,SAAS,EAET,KAAK,+BAA+B,EACpC,KAAK,mBAAmB,EAIxB,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,wBAAwB,IAAI,iCAAiC,EAClE,KAAK,aAAa,IAAI,sBAAsB,EAC5C,KAAK,SAAS,IAAI,kBAAkB,EACpC,KAAK,eAAe,EACpB,cAAc,EACd,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EACL,cAAc,EACd,SAAS,EAET,KAAK,+BAA+B,EACpC,KAAK,mBAAmB,EAIxB,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,wBAAwB,IAAI,iCAAiC,EAClE,KAAK,aAAa,IAAI,sBAAsB,EAC5C,KAAK,SAAS,IAAI,kBAAkB,EACpC,KAAK,eAAe,EACpB,cAAc,EACd,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,SAAS,GAAG,eAAe,CAAC,kBAAkB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE7E,QAAA,MAAM,IAAI;;6HAYR,CAAC;AAEH,KAAK,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6BpG,KAAK,oBAAoB,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;AAkB3E,KAAK,wBAAwB,GAAG,eAAe,CAAC,iCAAiC,CAAC,CAAC;AAyBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAkBjE,eAAO,MAAM,QAAQ,EAAE;IACrB,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IACnD,MAAM,EAAE,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;IACvD,OAAO,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;IACzD,WAAW,EAAE,yBAAyB,CAAC,wBAAwB,CAAC,CAAC;IACjE,kBAAkB,EAAE,yBAAyB,CAAC,+BAA+B,CAAC,CAAC;IAC/E,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,aAAa,EAAE,OAAO,iBAAiB,CAAC;CASzC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AAE/E,YAAY,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,+BAA+B,GAChC,CAAC"}
|
|
@@ -2,7 +2,9 @@ import { type StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<Omit<import("./List").ListProps, "
|
|
5
|
+
component: React.ForwardRefExoticComponent<Omit<import("./List").ListProps, "className"> & {
|
|
6
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
7
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLOListElement>>;
|
|
6
8
|
decorators: import("@storybook/react").Decorator[];
|
|
7
9
|
};
|
|
8
10
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,QAAA,MAAM,IAAI;;;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuBnC,eAAO,MAAM,oBAAoB,EAAE,KAoClC,CAAC;AAgCF,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqC/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAIL,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,eAAe,EAErB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,aAAa,GAAG,SAAS,CAAC;AAE/B,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAmBvC,KAAK,oBAAoB,GAAG,oBAAoB,CAAC;AAIjD,KAAK,wBAAwB,GAAG,wBAAwB,CAAC;AAMzD,KAAK,iBAAiB,GAAG,+BAA+B,CAAC;AAIzD,eAAO,MAAM,IAAI;;;CAAyC,CAAC;AAC3D,eAAO,MAAM,QAAQ,EAAE;IACrB,IAAI,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAC/C,OAAO,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;IACzD,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IACnD,WAAW,EAAE,yBAAyB,CAAC,wBAAwB,CAAC,CAAC;IACjE,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,aAAa,EAAE,OAAO,iBAAiB,CAAC;CAQzC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AA4CF,QAAA,MAAM,IAAI;;eAEW,GAAG;uBANQ,kBAAkB;;CASb,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC"}
|
|
@@ -5,10 +5,8 @@ import { type ThemedClassName } from '../../util';
|
|
|
5
5
|
type TreegridRowScopedProps<P> = P & {
|
|
6
6
|
__treegridRowScope?: Scope;
|
|
7
7
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
onOpenChange?: (nextOpen: boolean) => void;
|
|
11
|
-
};
|
|
8
|
+
export declare const TREEGRID_PATH_SEPARATOR = "~";
|
|
9
|
+
export declare const TREEGRID_PARENT_OF_SEPARATOR = " ";
|
|
12
10
|
type TreegridRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
|
|
13
11
|
gridTemplateColumns: CSSProperties['gridTemplateColumns'];
|
|
14
12
|
asChild?: boolean;
|
|
@@ -26,12 +24,10 @@ type TreegridCellProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.
|
|
|
26
24
|
};
|
|
27
25
|
export type { TreegridRootProps, TreegridRowProps };
|
|
28
26
|
export declare const Treegrid: {
|
|
29
|
-
Root: React.ForwardRefExoticComponent<Omit<TreegridRootProps, "
|
|
27
|
+
Root: React.ForwardRefExoticComponent<Omit<TreegridRootProps, "className"> & {
|
|
28
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
29
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
30
|
Row: React.ForwardRefExoticComponent<Omit<TreegridRowScopedProps<TreegridRowProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
31
|
Cell: React.ForwardRefExoticComponent<Omit<TreegridCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
-
PARENT_OF_SEPARATOR: string;
|
|
33
|
-
PATH_SEPARATOR: string;
|
|
34
|
-
createTreegridRowScope: import("@radix-ui/react-context").CreateScope;
|
|
35
|
-
useTreegridRowContext: (consumerName: string, scope: Scope<TreegridRowContextValue | undefined>) => TreegridRowContextValue;
|
|
36
32
|
};
|
|
37
33
|
//# sourceMappingURL=Treegrid.d.ts.map
|