@plumeria/headlessui 14.2.1 → 15.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +193 -24
- package/dist/Accordion.d.ts +6 -5
- package/dist/Accordion.js +12 -6
- package/dist/AlertDialog.d.ts +18 -0
- package/dist/AlertDialog.js +49 -0
- package/dist/Checkbox.d.ts +5 -0
- package/dist/Checkbox.js +14 -0
- package/dist/Collapsible.d.ts +4 -3
- package/dist/Collapsible.js +8 -4
- package/dist/ContextMenu.d.ts +31 -0
- package/dist/ContextMenu.js +84 -0
- package/dist/Dialog.d.ts +11 -10
- package/dist/Dialog.js +18 -9
- package/dist/DropdownMenu.d.ts +31 -0
- package/dist/DropdownMenu.js +84 -0
- package/dist/Menubar.d.ts +32 -0
- package/dist/Menubar.js +89 -0
- package/dist/NavigationMenu.d.ts +12 -0
- package/dist/NavigationMenu.js +49 -0
- package/dist/Popover.d.ts +12 -11
- package/dist/Popover.js +16 -8
- package/dist/RadioGroup.d.ts +6 -0
- package/dist/RadioGroup.js +19 -0
- package/dist/ScrollArea.d.ts +8 -0
- package/dist/ScrollArea.js +29 -0
- package/dist/Select.d.ts +28 -0
- package/dist/Select.js +84 -0
- package/dist/Slider.d.ts +7 -0
- package/dist/Slider.js +24 -0
- package/dist/Switch.d.ts +5 -0
- package/dist/Switch.js +14 -0
- package/dist/Tabs.d.ts +5 -4
- package/dist/Tabs.js +10 -5
- package/dist/Toast.d.ts +13 -0
- package/dist/Toast.js +39 -0
- package/dist/Toggle.d.ts +3 -0
- package/dist/Toggle.js +8 -0
- package/dist/ToggleGroup.d.ts +5 -0
- package/dist/ToggleGroup.js +14 -0
- package/dist/Tooltip.d.ts +14 -13
- package/dist/Tooltip.js +14 -7
- package/dist/index.d.ts +20 -6
- package/dist/index.js +20 -6
- package/package.json +25 -2
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
4
|
+
const DropdownMenuRoot = (props) => {
|
|
5
|
+
return _jsx(DropdownMenuPrimitive.Root, { ...props });
|
|
6
|
+
};
|
|
7
|
+
DropdownMenuRoot.displayName = 'DropdownMenu';
|
|
8
|
+
const DropdownMenuTrigger = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(DropdownMenuPrimitive.Trigger, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
|
|
12
|
+
const DropdownMenuPortal = (props) => {
|
|
13
|
+
return _jsx(DropdownMenuPrimitive.Portal, { ...props });
|
|
14
|
+
};
|
|
15
|
+
DropdownMenuPortal.displayName = 'DropdownMenuPortal';
|
|
16
|
+
const DropdownMenuContent = React.forwardRef((props, ref) => {
|
|
17
|
+
return _jsx(DropdownMenuPrimitive.Content, { ref: ref, ...props });
|
|
18
|
+
});
|
|
19
|
+
DropdownMenuContent.displayName = 'DropdownMenuContent';
|
|
20
|
+
const DropdownMenuGroup = React.forwardRef((props, ref) => {
|
|
21
|
+
return _jsx(DropdownMenuPrimitive.Group, { ref: ref, ...props });
|
|
22
|
+
});
|
|
23
|
+
DropdownMenuGroup.displayName = 'DropdownMenuGroup';
|
|
24
|
+
const DropdownMenuLabel = React.forwardRef((props, ref) => {
|
|
25
|
+
return _jsx(DropdownMenuPrimitive.Label, { ref: ref, ...props });
|
|
26
|
+
});
|
|
27
|
+
DropdownMenuLabel.displayName = 'DropdownMenuLabel';
|
|
28
|
+
const DropdownMenuItem = React.forwardRef((props, ref) => {
|
|
29
|
+
return _jsx(DropdownMenuPrimitive.Item, { ref: ref, ...props });
|
|
30
|
+
});
|
|
31
|
+
DropdownMenuItem.displayName = 'DropdownMenuItem';
|
|
32
|
+
const DropdownMenuCheckboxItem = React.forwardRef((props, ref) => {
|
|
33
|
+
return _jsx(DropdownMenuPrimitive.CheckboxItem, { ref: ref, ...props });
|
|
34
|
+
});
|
|
35
|
+
DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';
|
|
36
|
+
const DropdownMenuRadioGroup = React.forwardRef((props, ref) => {
|
|
37
|
+
return _jsx(DropdownMenuPrimitive.RadioGroup, { ref: ref, ...props });
|
|
38
|
+
});
|
|
39
|
+
DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';
|
|
40
|
+
const DropdownMenuRadioItem = React.forwardRef((props, ref) => {
|
|
41
|
+
return _jsx(DropdownMenuPrimitive.RadioItem, { ref: ref, ...props });
|
|
42
|
+
});
|
|
43
|
+
DropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';
|
|
44
|
+
const DropdownMenuItemIndicator = React.forwardRef((props, ref) => {
|
|
45
|
+
return _jsx(DropdownMenuPrimitive.ItemIndicator, { ref: ref, ...props });
|
|
46
|
+
});
|
|
47
|
+
DropdownMenuItemIndicator.displayName = 'DropdownMenuItemIndicator';
|
|
48
|
+
const DropdownMenuSeparator = React.forwardRef((props, ref) => {
|
|
49
|
+
return _jsx(DropdownMenuPrimitive.Separator, { ref: ref, ...props });
|
|
50
|
+
});
|
|
51
|
+
DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
|
|
52
|
+
const DropdownMenuArrow = React.forwardRef((props, ref) => {
|
|
53
|
+
return _jsx(DropdownMenuPrimitive.Arrow, { ref: ref, ...props });
|
|
54
|
+
});
|
|
55
|
+
DropdownMenuArrow.displayName = 'DropdownMenuArrow';
|
|
56
|
+
const DropdownMenuSub = (props) => {
|
|
57
|
+
return _jsx(DropdownMenuPrimitive.Sub, { ...props });
|
|
58
|
+
};
|
|
59
|
+
DropdownMenuSub.displayName = 'DropdownMenuSub';
|
|
60
|
+
const DropdownMenuSubTrigger = React.forwardRef((props, ref) => {
|
|
61
|
+
return _jsx(DropdownMenuPrimitive.SubTrigger, { ref: ref, ...props });
|
|
62
|
+
});
|
|
63
|
+
DropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';
|
|
64
|
+
const DropdownMenuSubContent = React.forwardRef((props, ref) => {
|
|
65
|
+
return _jsx(DropdownMenuPrimitive.SubContent, { ref: ref, ...props });
|
|
66
|
+
});
|
|
67
|
+
DropdownMenuSubContent.displayName = 'DropdownMenuSubContent';
|
|
68
|
+
export const DropdownMenu = Object.assign(DropdownMenuRoot, {
|
|
69
|
+
Trigger: DropdownMenuTrigger,
|
|
70
|
+
Portal: DropdownMenuPortal,
|
|
71
|
+
Content: DropdownMenuContent,
|
|
72
|
+
Group: DropdownMenuGroup,
|
|
73
|
+
Label: DropdownMenuLabel,
|
|
74
|
+
Item: DropdownMenuItem,
|
|
75
|
+
CheckboxItem: DropdownMenuCheckboxItem,
|
|
76
|
+
RadioGroup: DropdownMenuRadioGroup,
|
|
77
|
+
RadioItem: DropdownMenuRadioItem,
|
|
78
|
+
ItemIndicator: DropdownMenuItemIndicator,
|
|
79
|
+
Separator: DropdownMenuSeparator,
|
|
80
|
+
Arrow: DropdownMenuArrow,
|
|
81
|
+
Sub: DropdownMenuSub,
|
|
82
|
+
SubTrigger: DropdownMenuSubTrigger,
|
|
83
|
+
SubContent: DropdownMenuSubContent,
|
|
84
|
+
});
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { StyleName } from '@plumeria/core';
|
|
3
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
4
|
+
export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
Menu: {
|
|
6
|
+
(props: MenubarPrimitive.MenubarMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
Trigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
Portal: {
|
|
11
|
+
(props: MenubarPrimitive.MenubarPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
Content: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Group: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
Label: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Item: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
CheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
RadioGroup: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
RadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
ItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
22
|
+
Separator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Arrow: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
|
|
24
|
+
styleName?: StyleName;
|
|
25
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
26
|
+
Sub: {
|
|
27
|
+
(props: MenubarPrimitive.MenubarSubProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
SubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
SubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
};
|
package/dist/Menubar.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
4
|
+
const MenubarRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(MenubarPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
MenubarRoot.displayName = 'Menubar';
|
|
8
|
+
const MenubarMenu = (props) => {
|
|
9
|
+
return _jsx(MenubarPrimitive.Menu, { ...props });
|
|
10
|
+
};
|
|
11
|
+
MenubarMenu.displayName = 'MenubarMenu';
|
|
12
|
+
const MenubarTrigger = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(MenubarPrimitive.Trigger, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
MenubarTrigger.displayName = 'MenubarTrigger';
|
|
16
|
+
const MenubarPortal = (props) => {
|
|
17
|
+
return _jsx(MenubarPrimitive.Portal, { ...props });
|
|
18
|
+
};
|
|
19
|
+
MenubarPortal.displayName = 'MenubarPortal';
|
|
20
|
+
const MenubarContent = React.forwardRef((props, ref) => {
|
|
21
|
+
return _jsx(MenubarPrimitive.Content, { ref: ref, ...props });
|
|
22
|
+
});
|
|
23
|
+
MenubarContent.displayName = 'MenubarContent';
|
|
24
|
+
const MenubarGroup = React.forwardRef((props, ref) => {
|
|
25
|
+
return _jsx(MenubarPrimitive.Group, { ref: ref, ...props });
|
|
26
|
+
});
|
|
27
|
+
MenubarGroup.displayName = 'MenubarGroup';
|
|
28
|
+
const MenubarLabel = React.forwardRef((props, ref) => {
|
|
29
|
+
return _jsx(MenubarPrimitive.Label, { ref: ref, ...props });
|
|
30
|
+
});
|
|
31
|
+
MenubarLabel.displayName = 'MenubarLabel';
|
|
32
|
+
const MenubarItem = React.forwardRef((props, ref) => {
|
|
33
|
+
return _jsx(MenubarPrimitive.Item, { ref: ref, ...props });
|
|
34
|
+
});
|
|
35
|
+
MenubarItem.displayName = 'MenubarItem';
|
|
36
|
+
const MenubarCheckboxItem = React.forwardRef((props, ref) => {
|
|
37
|
+
return _jsx(MenubarPrimitive.CheckboxItem, { ref: ref, ...props });
|
|
38
|
+
});
|
|
39
|
+
MenubarCheckboxItem.displayName = 'MenubarCheckboxItem';
|
|
40
|
+
const MenubarRadioGroup = React.forwardRef((props, ref) => {
|
|
41
|
+
return _jsx(MenubarPrimitive.RadioGroup, { ref: ref, ...props });
|
|
42
|
+
});
|
|
43
|
+
MenubarRadioGroup.displayName = 'MenubarRadioGroup';
|
|
44
|
+
const MenubarRadioItem = React.forwardRef((props, ref) => {
|
|
45
|
+
return _jsx(MenubarPrimitive.RadioItem, { ref: ref, ...props });
|
|
46
|
+
});
|
|
47
|
+
MenubarRadioItem.displayName = 'MenubarRadioItem';
|
|
48
|
+
const MenubarItemIndicator = React.forwardRef((props, ref) => {
|
|
49
|
+
return _jsx(MenubarPrimitive.ItemIndicator, { ref: ref, ...props });
|
|
50
|
+
});
|
|
51
|
+
MenubarItemIndicator.displayName = 'MenubarItemIndicator';
|
|
52
|
+
const MenubarSeparator = React.forwardRef((props, ref) => {
|
|
53
|
+
return _jsx(MenubarPrimitive.Separator, { ref: ref, ...props });
|
|
54
|
+
});
|
|
55
|
+
MenubarSeparator.displayName = 'MenubarSeparator';
|
|
56
|
+
const MenubarArrow = React.forwardRef((props, ref) => {
|
|
57
|
+
return _jsx(MenubarPrimitive.Arrow, { ref: ref, ...props });
|
|
58
|
+
});
|
|
59
|
+
MenubarArrow.displayName = 'MenubarArrow';
|
|
60
|
+
const MenubarSub = (props) => {
|
|
61
|
+
return _jsx(MenubarPrimitive.Sub, { ...props });
|
|
62
|
+
};
|
|
63
|
+
MenubarSub.displayName = 'MenubarSub';
|
|
64
|
+
const MenubarSubTrigger = React.forwardRef((props, ref) => {
|
|
65
|
+
return _jsx(MenubarPrimitive.SubTrigger, { ref: ref, ...props });
|
|
66
|
+
});
|
|
67
|
+
MenubarSubTrigger.displayName = 'MenubarSubTrigger';
|
|
68
|
+
const MenubarSubContent = React.forwardRef((props, ref) => {
|
|
69
|
+
return _jsx(MenubarPrimitive.SubContent, { ref: ref, ...props });
|
|
70
|
+
});
|
|
71
|
+
MenubarSubContent.displayName = 'MenubarSubContent';
|
|
72
|
+
export const Menubar = Object.assign(MenubarRoot, {
|
|
73
|
+
Menu: MenubarMenu,
|
|
74
|
+
Trigger: MenubarTrigger,
|
|
75
|
+
Portal: MenubarPortal,
|
|
76
|
+
Content: MenubarContent,
|
|
77
|
+
Group: MenubarGroup,
|
|
78
|
+
Label: MenubarLabel,
|
|
79
|
+
Item: MenubarItem,
|
|
80
|
+
CheckboxItem: MenubarCheckboxItem,
|
|
81
|
+
RadioGroup: MenubarRadioGroup,
|
|
82
|
+
RadioItem: MenubarRadioItem,
|
|
83
|
+
ItemIndicator: MenubarItemIndicator,
|
|
84
|
+
Separator: MenubarSeparator,
|
|
85
|
+
Arrow: MenubarArrow,
|
|
86
|
+
Sub: MenubarSub,
|
|
87
|
+
SubTrigger: MenubarSubTrigger,
|
|
88
|
+
SubContent: MenubarSubContent,
|
|
89
|
+
});
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
3
|
+
export declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
4
|
+
Sub: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuSubProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
List: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
6
|
+
Item: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
7
|
+
Trigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Link: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
9
|
+
Indicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Content: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Viewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
4
|
+
const NavigationMenuRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(NavigationMenuPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
NavigationMenuRoot.displayName = 'NavigationMenu';
|
|
8
|
+
const NavigationMenuSub = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(NavigationMenuPrimitive.Sub, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
NavigationMenuSub.displayName = 'NavigationMenuSub';
|
|
12
|
+
const NavigationMenuList = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(NavigationMenuPrimitive.List, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
NavigationMenuList.displayName = 'NavigationMenuList';
|
|
16
|
+
const NavigationMenuItem = React.forwardRef((props, ref) => {
|
|
17
|
+
return _jsx(NavigationMenuPrimitive.Item, { ref: ref, ...props });
|
|
18
|
+
});
|
|
19
|
+
NavigationMenuItem.displayName = 'NavigationMenuItem';
|
|
20
|
+
const NavigationMenuTrigger = React.forwardRef((props, ref) => {
|
|
21
|
+
return _jsx(NavigationMenuPrimitive.Trigger, { ref: ref, ...props });
|
|
22
|
+
});
|
|
23
|
+
NavigationMenuTrigger.displayName = 'NavigationMenuTrigger';
|
|
24
|
+
const NavigationMenuLink = React.forwardRef((props, ref) => {
|
|
25
|
+
return _jsx(NavigationMenuPrimitive.Link, { ref: ref, ...props });
|
|
26
|
+
});
|
|
27
|
+
NavigationMenuLink.displayName = 'NavigationMenuLink';
|
|
28
|
+
const NavigationMenuIndicator = React.forwardRef((props, ref) => {
|
|
29
|
+
return _jsx(NavigationMenuPrimitive.Indicator, { ref: ref, ...props });
|
|
30
|
+
});
|
|
31
|
+
NavigationMenuIndicator.displayName = 'NavigationMenuIndicator';
|
|
32
|
+
const NavigationMenuContent = React.forwardRef((props, ref) => {
|
|
33
|
+
return _jsx(NavigationMenuPrimitive.Content, { ref: ref, ...props });
|
|
34
|
+
});
|
|
35
|
+
NavigationMenuContent.displayName = 'NavigationMenuContent';
|
|
36
|
+
const NavigationMenuViewport = React.forwardRef((props, ref) => {
|
|
37
|
+
return _jsx(NavigationMenuPrimitive.Viewport, { ref: ref, ...props });
|
|
38
|
+
});
|
|
39
|
+
NavigationMenuViewport.displayName = 'NavigationMenuViewport';
|
|
40
|
+
export const NavigationMenu = Object.assign(NavigationMenuRoot, {
|
|
41
|
+
Sub: NavigationMenuSub,
|
|
42
|
+
List: NavigationMenuList,
|
|
43
|
+
Item: NavigationMenuItem,
|
|
44
|
+
Trigger: NavigationMenuTrigger,
|
|
45
|
+
Link: NavigationMenuLink,
|
|
46
|
+
Indicator: NavigationMenuIndicator,
|
|
47
|
+
Content: NavigationMenuContent,
|
|
48
|
+
Viewport: NavigationMenuViewport,
|
|
49
|
+
});
|
package/dist/Popover.d.ts
CHANGED
|
@@ -4,15 +4,16 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
4
4
|
export declare const Popover: {
|
|
5
5
|
(props: PopoverPrimitive.PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
displayName: string;
|
|
7
|
+
} & {
|
|
8
|
+
Trigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
Portal: {
|
|
10
|
+
(props: PopoverPrimitive.PopoverPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
Content: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Close: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
Arrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
|
|
16
|
+
styleName?: StyleName;
|
|
17
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
18
|
+
Anchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
19
|
};
|
|
8
|
-
export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
-
export declare const PopoverPortal: {
|
|
10
|
-
(props: PopoverPrimitive.PopoverPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
displayName: string;
|
|
12
|
-
};
|
|
13
|
-
export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
-
export declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
|
|
16
|
-
styleName?: StyleName;
|
|
17
|
-
} & React.RefAttributes<SVGSVGElement>>;
|
|
18
|
-
export declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/Popover.js
CHANGED
|
@@ -1,31 +1,39 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
4
|
-
|
|
4
|
+
const PopoverRoot = (props) => {
|
|
5
5
|
return _jsx(PopoverPrimitive.Root, { ...props });
|
|
6
6
|
};
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
PopoverRoot.displayName = 'Popover';
|
|
8
|
+
const PopoverTrigger = React.forwardRef((props, ref) => {
|
|
9
9
|
return _jsx(PopoverPrimitive.Trigger, { ref: ref, ...props });
|
|
10
10
|
});
|
|
11
11
|
PopoverTrigger.displayName = 'PopoverTrigger';
|
|
12
|
-
|
|
12
|
+
const PopoverPortal = (props) => {
|
|
13
13
|
return _jsx(PopoverPrimitive.Portal, { ...props });
|
|
14
14
|
};
|
|
15
15
|
PopoverPortal.displayName = 'PopoverPortal';
|
|
16
|
-
|
|
16
|
+
const PopoverContent = React.forwardRef((props, ref) => {
|
|
17
17
|
return _jsx(PopoverPrimitive.Content, { ref: ref, ...props });
|
|
18
18
|
});
|
|
19
19
|
PopoverContent.displayName = 'PopoverContent';
|
|
20
|
-
|
|
20
|
+
const PopoverClose = React.forwardRef((props, ref) => {
|
|
21
21
|
return _jsx(PopoverPrimitive.Close, { ref: ref, ...props });
|
|
22
22
|
});
|
|
23
23
|
PopoverClose.displayName = 'PopoverClose';
|
|
24
|
-
|
|
24
|
+
const PopoverArrow = React.forwardRef((props, ref) => {
|
|
25
25
|
return _jsx(PopoverPrimitive.Arrow, { ref: ref, ...props });
|
|
26
26
|
});
|
|
27
27
|
PopoverArrow.displayName = 'PopoverArrow';
|
|
28
|
-
|
|
28
|
+
const PopoverAnchor = React.forwardRef((props, ref) => {
|
|
29
29
|
return _jsx(PopoverPrimitive.Anchor, { ref: ref, ...props });
|
|
30
30
|
});
|
|
31
31
|
PopoverAnchor.displayName = 'PopoverAnchor';
|
|
32
|
+
export const Popover = Object.assign(PopoverRoot, {
|
|
33
|
+
Trigger: PopoverTrigger,
|
|
34
|
+
Portal: PopoverPortal,
|
|
35
|
+
Content: PopoverContent,
|
|
36
|
+
Close: PopoverClose,
|
|
37
|
+
Arrow: PopoverArrow,
|
|
38
|
+
Anchor: PopoverAnchor,
|
|
39
|
+
});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
+
export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
Item: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Indicator: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
4
|
+
const RadioGroupRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(RadioGroupPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
RadioGroupRoot.displayName = 'RadioGroup';
|
|
8
|
+
const RadioGroupItem = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(RadioGroupPrimitive.Item, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
RadioGroupItem.displayName = 'RadioGroupItem';
|
|
12
|
+
const RadioGroupIndicator = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(RadioGroupPrimitive.Indicator, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
RadioGroupIndicator.displayName = 'RadioGroupIndicator';
|
|
16
|
+
export const RadioGroup = Object.assign(RadioGroupRoot, {
|
|
17
|
+
Item: RadioGroupItem,
|
|
18
|
+
Indicator: RadioGroupIndicator,
|
|
19
|
+
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
3
|
+
export declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
Viewport: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Scrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Thumb: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaThumbProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Corner: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
4
|
+
const ScrollAreaRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(ScrollAreaPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
ScrollAreaRoot.displayName = 'ScrollArea';
|
|
8
|
+
const ScrollAreaViewport = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(ScrollAreaPrimitive.Viewport, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
ScrollAreaViewport.displayName = 'ScrollAreaViewport';
|
|
12
|
+
const ScrollAreaScrollbar = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(ScrollAreaPrimitive.Scrollbar, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
ScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';
|
|
16
|
+
const ScrollAreaThumb = React.forwardRef((props, ref) => {
|
|
17
|
+
return _jsx(ScrollAreaPrimitive.Thumb, { ref: ref, ...props });
|
|
18
|
+
});
|
|
19
|
+
ScrollAreaThumb.displayName = 'ScrollAreaThumb';
|
|
20
|
+
const ScrollAreaCorner = React.forwardRef((props, ref) => {
|
|
21
|
+
return _jsx(ScrollAreaPrimitive.Corner, { ref: ref, ...props });
|
|
22
|
+
});
|
|
23
|
+
ScrollAreaCorner.displayName = 'ScrollAreaCorner';
|
|
24
|
+
export const ScrollArea = Object.assign(ScrollAreaRoot, {
|
|
25
|
+
Viewport: ScrollAreaViewport,
|
|
26
|
+
Scrollbar: ScrollAreaScrollbar,
|
|
27
|
+
Thumb: ScrollAreaThumb,
|
|
28
|
+
Corner: ScrollAreaCorner,
|
|
29
|
+
});
|
package/dist/Select.d.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { StyleName } from '@plumeria/core';
|
|
3
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
4
|
+
export declare const Select: {
|
|
5
|
+
(props: SelectPrimitive.SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
} & {
|
|
8
|
+
Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
Value: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
Icon: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
11
|
+
Portal: {
|
|
12
|
+
(props: SelectPrimitive.SelectPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
Viewport: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Group: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Label: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
ItemText: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
21
|
+
ItemIndicator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
22
|
+
ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
Arrow: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
|
|
26
|
+
styleName?: StyleName;
|
|
27
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
28
|
+
};
|
package/dist/Select.js
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
4
|
+
const SelectRoot = (props) => {
|
|
5
|
+
return _jsx(SelectPrimitive.Root, { ...props });
|
|
6
|
+
};
|
|
7
|
+
SelectRoot.displayName = 'Select';
|
|
8
|
+
const SelectTrigger = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(SelectPrimitive.Trigger, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
SelectTrigger.displayName = 'SelectTrigger';
|
|
12
|
+
const SelectValue = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(SelectPrimitive.Value, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
SelectValue.displayName = 'SelectValue';
|
|
16
|
+
const SelectIcon = React.forwardRef((props, ref) => {
|
|
17
|
+
return _jsx(SelectPrimitive.Icon, { ref: ref, ...props });
|
|
18
|
+
});
|
|
19
|
+
SelectIcon.displayName = 'SelectIcon';
|
|
20
|
+
const SelectPortal = (props) => {
|
|
21
|
+
return _jsx(SelectPrimitive.Portal, { ...props });
|
|
22
|
+
};
|
|
23
|
+
SelectPortal.displayName = 'SelectPortal';
|
|
24
|
+
const SelectContent = React.forwardRef((props, ref) => {
|
|
25
|
+
return _jsx(SelectPrimitive.Content, { ref: ref, ...props });
|
|
26
|
+
});
|
|
27
|
+
SelectContent.displayName = 'SelectContent';
|
|
28
|
+
const SelectViewport = React.forwardRef((props, ref) => {
|
|
29
|
+
return _jsx(SelectPrimitive.Viewport, { ref: ref, ...props });
|
|
30
|
+
});
|
|
31
|
+
SelectViewport.displayName = 'SelectViewport';
|
|
32
|
+
const SelectGroup = React.forwardRef((props, ref) => {
|
|
33
|
+
return _jsx(SelectPrimitive.Group, { ref: ref, ...props });
|
|
34
|
+
});
|
|
35
|
+
SelectGroup.displayName = 'SelectGroup';
|
|
36
|
+
const SelectLabel = React.forwardRef((props, ref) => {
|
|
37
|
+
return _jsx(SelectPrimitive.Label, { ref: ref, ...props });
|
|
38
|
+
});
|
|
39
|
+
SelectLabel.displayName = 'SelectLabel';
|
|
40
|
+
const SelectItem = React.forwardRef((props, ref) => {
|
|
41
|
+
return _jsx(SelectPrimitive.Item, { ref: ref, ...props });
|
|
42
|
+
});
|
|
43
|
+
SelectItem.displayName = 'SelectItem';
|
|
44
|
+
const SelectItemText = React.forwardRef((props, ref) => {
|
|
45
|
+
return _jsx(SelectPrimitive.ItemText, { ref: ref, ...props });
|
|
46
|
+
});
|
|
47
|
+
SelectItemText.displayName = 'SelectItemText';
|
|
48
|
+
const SelectItemIndicator = React.forwardRef((props, ref) => {
|
|
49
|
+
return _jsx(SelectPrimitive.ItemIndicator, { ref: ref, ...props });
|
|
50
|
+
});
|
|
51
|
+
SelectItemIndicator.displayName = 'SelectItemIndicator';
|
|
52
|
+
const SelectScrollUpButton = React.forwardRef((props, ref) => {
|
|
53
|
+
return _jsx(SelectPrimitive.ScrollUpButton, { ref: ref, ...props });
|
|
54
|
+
});
|
|
55
|
+
SelectScrollUpButton.displayName = 'SelectScrollUpButton';
|
|
56
|
+
const SelectScrollDownButton = React.forwardRef((props, ref) => {
|
|
57
|
+
return _jsx(SelectPrimitive.ScrollDownButton, { ref: ref, ...props });
|
|
58
|
+
});
|
|
59
|
+
SelectScrollDownButton.displayName = 'SelectScrollDownButton';
|
|
60
|
+
const SelectSeparator = React.forwardRef((props, ref) => {
|
|
61
|
+
return _jsx(SelectPrimitive.Separator, { ref: ref, ...props });
|
|
62
|
+
});
|
|
63
|
+
SelectSeparator.displayName = 'SelectSeparator';
|
|
64
|
+
const SelectArrow = React.forwardRef((props, ref) => {
|
|
65
|
+
return _jsx(SelectPrimitive.Arrow, { ref: ref, ...props });
|
|
66
|
+
});
|
|
67
|
+
SelectArrow.displayName = 'SelectArrow';
|
|
68
|
+
export const Select = Object.assign(SelectRoot, {
|
|
69
|
+
Trigger: SelectTrigger,
|
|
70
|
+
Value: SelectValue,
|
|
71
|
+
Icon: SelectIcon,
|
|
72
|
+
Portal: SelectPortal,
|
|
73
|
+
Content: SelectContent,
|
|
74
|
+
Viewport: SelectViewport,
|
|
75
|
+
Group: SelectGroup,
|
|
76
|
+
Label: SelectLabel,
|
|
77
|
+
Item: SelectItem,
|
|
78
|
+
ItemText: SelectItemText,
|
|
79
|
+
ItemIndicator: SelectItemIndicator,
|
|
80
|
+
ScrollUpButton: SelectScrollUpButton,
|
|
81
|
+
ScrollDownButton: SelectScrollDownButton,
|
|
82
|
+
Separator: SelectSeparator,
|
|
83
|
+
Arrow: SelectArrow,
|
|
84
|
+
});
|
package/dist/Slider.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
3
|
+
export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>> & {
|
|
4
|
+
Track: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderTrackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
Range: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderRangeProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
Thumb: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderThumbProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
};
|
package/dist/Slider.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
4
|
+
const SliderRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(SliderPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
SliderRoot.displayName = 'Slider';
|
|
8
|
+
const SliderTrack = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(SliderPrimitive.Track, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
SliderTrack.displayName = 'SliderTrack';
|
|
12
|
+
const SliderRange = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(SliderPrimitive.Range, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
SliderRange.displayName = 'SliderRange';
|
|
16
|
+
const SliderThumb = React.forwardRef((props, ref) => {
|
|
17
|
+
return _jsx(SliderPrimitive.Thumb, { ref: ref, ...props });
|
|
18
|
+
});
|
|
19
|
+
SliderThumb.displayName = 'SliderThumb';
|
|
20
|
+
export const Slider = Object.assign(SliderRoot, {
|
|
21
|
+
Track: SliderTrack,
|
|
22
|
+
Range: SliderRange,
|
|
23
|
+
Thumb: SliderThumb,
|
|
24
|
+
});
|
package/dist/Switch.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
|
|
4
|
+
Thumb: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchThumbProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
};
|
package/dist/Switch.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
4
|
+
const SwitchRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(SwitchPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
SwitchRoot.displayName = 'Switch';
|
|
8
|
+
const SwitchThumb = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(SwitchPrimitive.Thumb, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
SwitchThumb.displayName = 'SwitchThumb';
|
|
12
|
+
export const Switch = Object.assign(SwitchRoot, {
|
|
13
|
+
Thumb: SwitchThumb,
|
|
14
|
+
});
|
package/dist/Tabs.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
-
export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
List: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Trigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
Content: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
};
|
package/dist/Tabs.js
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
4
|
-
|
|
4
|
+
const TabsRoot = React.forwardRef((props, ref) => {
|
|
5
5
|
return _jsx(TabsPrimitive.Root, { ref: ref, ...props });
|
|
6
6
|
});
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
TabsRoot.displayName = 'Tabs';
|
|
8
|
+
const TabsList = React.forwardRef((props, ref) => {
|
|
9
9
|
return _jsx(TabsPrimitive.List, { ref: ref, ...props });
|
|
10
10
|
});
|
|
11
11
|
TabsList.displayName = 'TabsList';
|
|
12
|
-
|
|
12
|
+
const TabsTrigger = React.forwardRef((props, ref) => {
|
|
13
13
|
return _jsx(TabsPrimitive.Trigger, { ref: ref, ...props });
|
|
14
14
|
});
|
|
15
15
|
TabsTrigger.displayName = 'TabsTrigger';
|
|
16
|
-
|
|
16
|
+
const TabsContent = React.forwardRef((props, ref) => {
|
|
17
17
|
return _jsx(TabsPrimitive.Content, { ref: ref, ...props });
|
|
18
18
|
});
|
|
19
19
|
TabsContent.displayName = 'TabsContent';
|
|
20
|
+
export const Tabs = Object.assign(TabsRoot, {
|
|
21
|
+
List: TabsList,
|
|
22
|
+
Trigger: TabsTrigger,
|
|
23
|
+
Content: TabsContent,
|
|
24
|
+
});
|