@plumeria/headlessui 14.2.0 → 15.0.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 +29 -5
package/dist/Toast.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ToastPrimitive from '@radix-ui/react-toast';
|
|
3
|
+
export declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>> & {
|
|
4
|
+
Provider: {
|
|
5
|
+
(props: ToastPrimitive.ToastProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
Viewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
9
|
+
Title: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Description: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Action: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
Close: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
};
|
package/dist/Toast.js
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ToastPrimitive from '@radix-ui/react-toast';
|
|
4
|
+
const ToastProvider = (props) => {
|
|
5
|
+
return _jsx(ToastPrimitive.Provider, { ...props });
|
|
6
|
+
};
|
|
7
|
+
ToastProvider.displayName = 'ToastProvider';
|
|
8
|
+
const ToastViewport = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(ToastPrimitive.Viewport, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
ToastViewport.displayName = 'ToastViewport';
|
|
12
|
+
const ToastRoot = React.forwardRef((props, ref) => {
|
|
13
|
+
return _jsx(ToastPrimitive.Root, { ref: ref, ...props });
|
|
14
|
+
});
|
|
15
|
+
ToastRoot.displayName = 'Toast';
|
|
16
|
+
const ToastTitle = React.forwardRef((props, ref) => {
|
|
17
|
+
return _jsx(ToastPrimitive.Title, { ref: ref, ...props });
|
|
18
|
+
});
|
|
19
|
+
ToastTitle.displayName = 'ToastTitle';
|
|
20
|
+
const ToastDescription = React.forwardRef((props, ref) => {
|
|
21
|
+
return _jsx(ToastPrimitive.Description, { ref: ref, ...props });
|
|
22
|
+
});
|
|
23
|
+
ToastDescription.displayName = 'ToastDescription';
|
|
24
|
+
const ToastAction = React.forwardRef((props, ref) => {
|
|
25
|
+
return _jsx(ToastPrimitive.Action, { ref: ref, ...props });
|
|
26
|
+
});
|
|
27
|
+
ToastAction.displayName = 'ToastAction';
|
|
28
|
+
const ToastClose = React.forwardRef((props, ref) => {
|
|
29
|
+
return _jsx(ToastPrimitive.Close, { ref: ref, ...props });
|
|
30
|
+
});
|
|
31
|
+
ToastClose.displayName = 'ToastClose';
|
|
32
|
+
export const Toast = Object.assign(ToastRoot, {
|
|
33
|
+
Provider: ToastProvider,
|
|
34
|
+
Viewport: ToastViewport,
|
|
35
|
+
Title: ToastTitle,
|
|
36
|
+
Description: ToastDescription,
|
|
37
|
+
Action: ToastAction,
|
|
38
|
+
Close: ToastClose,
|
|
39
|
+
});
|
package/dist/Toggle.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
3
|
+
export declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/Toggle.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
4
|
+
const ToggleRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(TogglePrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
ToggleRoot.displayName = 'Toggle';
|
|
8
|
+
export const Toggle = ToggleRoot;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
+
export declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
Item: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
4
|
+
const ToggleGroupRoot = React.forwardRef((props, ref) => {
|
|
5
|
+
return _jsx(ToggleGroupPrimitive.Root, { ref: ref, ...props });
|
|
6
|
+
});
|
|
7
|
+
ToggleGroupRoot.displayName = 'ToggleGroup';
|
|
8
|
+
const ToggleGroupItem = React.forwardRef((props, ref) => {
|
|
9
|
+
return _jsx(ToggleGroupPrimitive.Item, { ref: ref, ...props });
|
|
10
|
+
});
|
|
11
|
+
ToggleGroupItem.displayName = 'ToggleGroupItem';
|
|
12
|
+
export const ToggleGroup = Object.assign(ToggleGroupRoot, {
|
|
13
|
+
Item: ToggleGroupItem,
|
|
14
|
+
});
|
package/dist/Tooltip.d.ts
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { StyleName } from '@plumeria/core';
|
|
3
3
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
4
|
-
export declare const TooltipProvider: {
|
|
5
|
-
(props: TooltipPrimitive.TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
displayName: string;
|
|
7
|
-
};
|
|
8
4
|
export declare const Tooltip: {
|
|
9
5
|
(props: TooltipPrimitive.TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
10
6
|
displayName: string;
|
|
7
|
+
} & {
|
|
8
|
+
Provider: {
|
|
9
|
+
(props: TooltipPrimitive.TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
Trigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
Portal: {
|
|
14
|
+
(props: TooltipPrimitive.TooltipPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
|
|
19
|
+
styleName?: StyleName;
|
|
20
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
11
21
|
};
|
|
12
|
-
export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
export declare const TooltipPortal: {
|
|
14
|
-
(props: TooltipPrimitive.TooltipPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
17
|
-
export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
|
|
19
|
-
styleName?: StyleName;
|
|
20
|
-
} & React.RefAttributes<SVGSVGElement>>;
|
package/dist/Tooltip.js
CHANGED
|
@@ -1,27 +1,34 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
4
|
-
|
|
4
|
+
const TooltipProvider = (props) => {
|
|
5
5
|
return _jsx(TooltipPrimitive.Provider, { ...props });
|
|
6
6
|
};
|
|
7
7
|
TooltipProvider.displayName = 'TooltipProvider';
|
|
8
|
-
|
|
8
|
+
const TooltipRoot = (props) => {
|
|
9
9
|
return _jsx(TooltipPrimitive.Root, { ...props });
|
|
10
10
|
};
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
TooltipRoot.displayName = 'Tooltip';
|
|
12
|
+
const TooltipTrigger = React.forwardRef((props, ref) => {
|
|
13
13
|
return _jsx(TooltipPrimitive.Trigger, { ref: ref, ...props });
|
|
14
14
|
});
|
|
15
15
|
TooltipTrigger.displayName = 'TooltipTrigger';
|
|
16
|
-
|
|
16
|
+
const TooltipPortal = (props) => {
|
|
17
17
|
return _jsx(TooltipPrimitive.Portal, { ...props });
|
|
18
18
|
};
|
|
19
19
|
TooltipPortal.displayName = 'TooltipPortal';
|
|
20
|
-
|
|
20
|
+
const TooltipContent = React.forwardRef((props, ref) => {
|
|
21
21
|
return _jsx(TooltipPrimitive.Content, { ref: ref, ...props });
|
|
22
22
|
});
|
|
23
23
|
TooltipContent.displayName = 'TooltipContent';
|
|
24
|
-
|
|
24
|
+
const TooltipArrow = React.forwardRef((props, ref) => {
|
|
25
25
|
return _jsx(TooltipPrimitive.Arrow, { ref: ref, ...props });
|
|
26
26
|
});
|
|
27
27
|
TooltipArrow.displayName = 'TooltipArrow';
|
|
28
|
+
export const Tooltip = Object.assign(TooltipRoot, {
|
|
29
|
+
Provider: TooltipProvider,
|
|
30
|
+
Trigger: TooltipTrigger,
|
|
31
|
+
Portal: TooltipPortal,
|
|
32
|
+
Content: TooltipContent,
|
|
33
|
+
Arrow: TooltipArrow,
|
|
34
|
+
});
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
1
|
+
export { AlertDialog } from './AlertDialog';
|
|
2
|
+
export { Accordion } from './Accordion';
|
|
3
|
+
export { Checkbox } from './Checkbox';
|
|
4
|
+
export { Collapsible } from './Collapsible';
|
|
5
|
+
export { ContextMenu } from './ContextMenu';
|
|
6
|
+
export { Dialog } from './Dialog';
|
|
7
|
+
export { DropdownMenu } from './DropdownMenu';
|
|
8
|
+
export { Menubar } from './Menubar';
|
|
9
|
+
export { NavigationMenu } from './NavigationMenu';
|
|
10
|
+
export { Popover } from './Popover';
|
|
11
|
+
export { RadioGroup } from './RadioGroup';
|
|
12
|
+
export { ScrollArea } from './ScrollArea';
|
|
13
|
+
export { Select } from './Select';
|
|
14
|
+
export { Slider } from './Slider';
|
|
15
|
+
export { Switch } from './Switch';
|
|
16
|
+
export { Tabs } from './Tabs';
|
|
17
|
+
export { Toast } from './Toast';
|
|
18
|
+
export { Toggle } from './Toggle';
|
|
19
|
+
export { ToggleGroup } from './ToggleGroup';
|
|
20
|
+
export { Tooltip } from './Tooltip';
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
1
|
+
export { AlertDialog } from './AlertDialog';
|
|
2
|
+
export { Accordion } from './Accordion';
|
|
3
|
+
export { Checkbox } from './Checkbox';
|
|
4
|
+
export { Collapsible } from './Collapsible';
|
|
5
|
+
export { ContextMenu } from './ContextMenu';
|
|
6
|
+
export { Dialog } from './Dialog';
|
|
7
|
+
export { DropdownMenu } from './DropdownMenu';
|
|
8
|
+
export { Menubar } from './Menubar';
|
|
9
|
+
export { NavigationMenu } from './NavigationMenu';
|
|
10
|
+
export { Popover } from './Popover';
|
|
11
|
+
export { RadioGroup } from './RadioGroup';
|
|
12
|
+
export { ScrollArea } from './ScrollArea';
|
|
13
|
+
export { Select } from './Select';
|
|
14
|
+
export { Slider } from './Slider';
|
|
15
|
+
export { Switch } from './Switch';
|
|
16
|
+
export { Tabs } from './Tabs';
|
|
17
|
+
export { Toast } from './Toast';
|
|
18
|
+
export { Toggle } from './Toggle';
|
|
19
|
+
export { ToggleGroup } from './ToggleGroup';
|
|
20
|
+
export { Tooltip } from './Tooltip';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumeria/headlessui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0",
|
|
4
4
|
"description": "Headless UI components wrapper for Plumeria based on Radix UI",
|
|
5
5
|
"author": "Refirst 11",
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,30 +14,54 @@
|
|
|
14
14
|
"bugs": {
|
|
15
15
|
"url": "https://github.com/zss-in-js/plumeria/issues"
|
|
16
16
|
},
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
"keywords": [
|
|
18
|
+
"plumeria",
|
|
19
|
+
"react",
|
|
20
|
+
"radix",
|
|
21
|
+
"radix-ui",
|
|
22
|
+
"headless",
|
|
23
|
+
"headless-ui",
|
|
24
|
+
"css-in-js"
|
|
25
|
+
],
|
|
26
|
+
"sideEffects": false,
|
|
20
27
|
"exports": {
|
|
21
28
|
".": {
|
|
22
29
|
"types": "./dist/index.d.ts",
|
|
23
30
|
"import": "./dist/index.js"
|
|
24
31
|
}
|
|
25
32
|
},
|
|
33
|
+
"type": "module",
|
|
34
|
+
"main": "./dist/index.js",
|
|
35
|
+
"types": "./dist/index.d.ts",
|
|
26
36
|
"files": [
|
|
27
37
|
"dist/"
|
|
28
38
|
],
|
|
29
39
|
"dependencies": {
|
|
30
40
|
"@radix-ui/react-accordion": "^1.2.3",
|
|
41
|
+
"@radix-ui/react-alert-dialog": "^1.1.18",
|
|
42
|
+
"@radix-ui/react-checkbox": "^1.3.6",
|
|
31
43
|
"@radix-ui/react-collapsible": "^1.1.3",
|
|
44
|
+
"@radix-ui/react-context-menu": "^2.3.2",
|
|
32
45
|
"@radix-ui/react-dialog": "^1.1.6",
|
|
46
|
+
"@radix-ui/react-dropdown-menu": "^2.1.19",
|
|
47
|
+
"@radix-ui/react-menubar": "^1.1.19",
|
|
48
|
+
"@radix-ui/react-navigation-menu": "^1.2.17",
|
|
33
49
|
"@radix-ui/react-popover": "^1.1.6",
|
|
50
|
+
"@radix-ui/react-radio-group": "^1.4.2",
|
|
51
|
+
"@radix-ui/react-scroll-area": "^1.2.13",
|
|
52
|
+
"@radix-ui/react-select": "^2.3.2",
|
|
53
|
+
"@radix-ui/react-slider": "^1.4.2",
|
|
54
|
+
"@radix-ui/react-switch": "^1.3.2",
|
|
34
55
|
"@radix-ui/react-tabs": "^1.1.3",
|
|
56
|
+
"@radix-ui/react-toast": "^1.2.18",
|
|
57
|
+
"@radix-ui/react-toggle": "^1.1.13",
|
|
58
|
+
"@radix-ui/react-toggle-group": "^1.1.14",
|
|
35
59
|
"@radix-ui/react-tooltip": "^1.1.8"
|
|
36
60
|
},
|
|
37
61
|
"devDependencies": {
|
|
38
62
|
"@types/react": "^19.2.14",
|
|
39
63
|
"@types/react-dom": "^19.2.3",
|
|
40
|
-
"@plumeria/core": "^
|
|
64
|
+
"@plumeria/core": "^15.0.0"
|
|
41
65
|
},
|
|
42
66
|
"publishConfig": {
|
|
43
67
|
"access": "public",
|