@plumeria/headlessui 18.2.31 → 18.2.33

package/README.md

@@ -69,7 +69,7 @@ export const FAQ = () => (
 
 ## Components
 
-The following twenty component groups are exported. All components support `ref` forwarding and props spread.
+The following twenty-five component groups are exported. All components support `ref` forwarding and props spread.
 
 ### Accordion
 
@@ -89,6 +89,11 @@ The following twenty component groups are exported. All components support `ref`
 - `Action`
 - `Cancel`
 
+### Avatar
+
+- `Image`
+- `Fallback`
+
 ### Checkbox
 
 - `Indicator`
@@ -144,6 +149,9 @@ The following twenty component groups are exported. All components support `ref`
 - `SubTrigger`
 - `SubContent`
 
+### Label
+
+
 ### Menubar
 
 - `Menu`
@@ -183,6 +191,10 @@ The following twenty component groups are exported. All components support `ref`
 - `Arrow`
 - `Anchor`
 
+### Progress
+
+- `Indicator`
+
 ### RadioGroup
 
 - `Item`
@@ -213,6 +225,9 @@ The following twenty component groups are exported. All components support `ref`
 - `Separator`
 - `Arrow`
 
+### Separator
+
+
 ### Slider
 
 - `Track`
@@ -253,6 +268,9 @@ The following twenty component groups are exported. All components support `ref`
 - `Content`
 - `Arrow`
 
+### VisuallyHidden
+
+
 ## License
 
 Plumeria is MIT licensed.

package/dist/Avatar.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>> & {
+    Image: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+    Fallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+};

package/dist/Avatar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+const AvatarRoot = React.forwardRef((props, ref) => {
+    return _jsx(AvatarPrimitive.Root, { ref: ref, ...props });
+});
+AvatarRoot.displayName = 'Avatar';
+const AvatarImage = React.forwardRef((props, ref) => {
+    return _jsx(AvatarPrimitive.Image, { ref: ref, ...props });
+});
+AvatarImage.displayName = 'AvatarImage';
+const AvatarFallback = React.forwardRef((props, ref) => {
+    return _jsx(AvatarPrimitive.Fallback, { ref: ref, ...props });
+});
+AvatarFallback.displayName = 'AvatarFallback';
+export const Avatar = Object.assign(AvatarRoot, {
+    Image: AvatarImage,
+    Fallback: AvatarFallback,
+});

package/dist/ContextMenu.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Style } from '@plumeria/core';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 export declare const ContextMenu: {
     (props: ContextMenuPrimitive.ContextMenuProps): React.JSX.Element;
@@ -19,9 +18,7 @@ export declare const ContextMenu: {
     RadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     ItemIndicator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        classStyle?: Style;
-    } & React.RefAttributes<SVGSVGElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
     Sub: {
         (props: ContextMenuPrimitive.ContextMenuSubProps): React.JSX.Element;
         displayName: string;

package/dist/DropdownMenu.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Style } from '@plumeria/core';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export declare const DropdownMenu: {
     (props: DropdownMenuPrimitive.DropdownMenuProps): React.JSX.Element;
@@ -19,9 +18,7 @@ export declare const DropdownMenu: {
     RadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     ItemIndicator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        classStyle?: Style;
-    } & React.RefAttributes<SVGSVGElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
     Sub: {
         (props: DropdownMenuPrimitive.DropdownMenuSubProps): React.JSX.Element;
         displayName: string;

package/dist/Label.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+export declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/Label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+const LabelRoot = React.forwardRef((props, ref) => {
+    return _jsx(LabelPrimitive.Root, { ref: ref, ...props });
+});
+LabelRoot.displayName = 'Label';
+export const Label = LabelRoot;

package/dist/Menubar.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Style } from '@plumeria/core';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Menu: {
@@ -20,9 +19,7 @@ export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimit
     RadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     ItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        classStyle?: Style;
-    } & React.RefAttributes<SVGSVGElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
     Sub: {
         (props: MenubarPrimitive.MenubarSubProps): React.JSX.Element;
         displayName: string;

package/dist/Popover.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Style } from '@plumeria/core';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export declare const Popover: {
     (props: PopoverPrimitive.PopoverProps): React.JSX.Element;
@@ -12,8 +11,6 @@ export declare const Popover: {
     };
     Content: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Close: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        classStyle?: Style;
-    } & React.RefAttributes<SVGSVGElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
     Anchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/Progress.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+export declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Indicator: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/Progress.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+const ProgressRoot = React.forwardRef((props, ref) => {
+    return _jsx(ProgressPrimitive.Root, { ref: ref, ...props });
+});
+ProgressRoot.displayName = 'Progress';
+const ProgressIndicator = React.forwardRef((props, ref) => {
+    return _jsx(ProgressPrimitive.Indicator, { ref: ref, ...props });
+});
+ProgressIndicator.displayName = 'ProgressIndicator';
+export const Progress = Object.assign(ProgressRoot, {
+    Indicator: ProgressIndicator,
+});

package/dist/Select.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Style } from '@plumeria/core';
 import * as SelectPrimitive from '@radix-ui/react-select';
 export declare const Select: {
     (props: SelectPrimitive.SelectProps): React.JSX.Element;
@@ -22,7 +21,5 @@ export declare const Select: {
     ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        classStyle?: Style;
-    } & React.RefAttributes<SVGSVGElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 };

package/dist/Separator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+export declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Separator.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+const SeparatorRoot = React.forwardRef((props, ref) => {
+    return _jsx(SeparatorPrimitive.Root, { ref: ref, ...props });
+});
+SeparatorRoot.displayName = 'Separator';
+export const Separator = SeparatorRoot;

package/dist/Tooltip.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Style } from '@plumeria/core';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export declare const Tooltip: {
     (props: TooltipPrimitive.TooltipProps): React.JSX.Element;
@@ -15,7 +14,5 @@ export declare const Tooltip: {
         displayName: string;
     };
     Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        classStyle?: Style;
-    } & React.RefAttributes<SVGSVGElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 };

package/dist/VisuallyHidden.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
+export declare const VisuallyHidden: React.ForwardRefExoticComponent<Omit<VisuallyHiddenPrimitive.VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/VisuallyHidden.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
+const VisuallyHiddenRoot = React.forwardRef((props, ref) => {
+    return _jsx(VisuallyHiddenPrimitive.Root, { ref: ref, ...props });
+});
+VisuallyHiddenRoot.displayName = 'VisuallyHidden';
+export const VisuallyHidden = VisuallyHiddenRoot;

package/dist/index.d.ts

@@ -1,20 +1,25 @@
-export { AlertDialog } from './AlertDialog';
-export { Accordion } from './Accordion';
-export { Checkbox } from './Checkbox';
-export { Collapsible } from './Collapsible';
-export { ContextMenu } from './ContextMenu';
-export { Dialog } from './Dialog';
-export { DropdownMenu } from './DropdownMenu';
-export { Menubar } from './Menubar';
-export { NavigationMenu } from './NavigationMenu';
-export { Popover } from './Popover';
-export { RadioGroup } from './RadioGroup';
-export { ScrollArea } from './ScrollArea';
-export { Select } from './Select';
-export { Slider } from './Slider';
-export { Switch } from './Switch';
-export { Tabs } from './Tabs';
-export { Toast } from './Toast';
-export { Toggle } from './Toggle';
-export { ToggleGroup } from './ToggleGroup';
-export { Tooltip } from './Tooltip';
+export { AlertDialog } from './AlertDialog.js';
+export { Accordion } from './Accordion.js';
+export { Avatar } from './Avatar.js';
+export { Checkbox } from './Checkbox.js';
+export { Collapsible } from './Collapsible.js';
+export { ContextMenu } from './ContextMenu.js';
+export { Dialog } from './Dialog.js';
+export { DropdownMenu } from './DropdownMenu.js';
+export { Label } from './Label.js';
+export { Menubar } from './Menubar.js';
+export { NavigationMenu } from './NavigationMenu.js';
+export { Popover } from './Popover.js';
+export { Progress } from './Progress.js';
+export { RadioGroup } from './RadioGroup.js';
+export { ScrollArea } from './ScrollArea.js';
+export { Select } from './Select.js';
+export { Separator } from './Separator.js';
+export { Slider } from './Slider.js';
+export { Switch } from './Switch.js';
+export { Tabs } from './Tabs.js';
+export { Toast } from './Toast.js';
+export { Toggle } from './Toggle.js';
+export { ToggleGroup } from './ToggleGroup.js';
+export { Tooltip } from './Tooltip.js';
+export { VisuallyHidden } from './VisuallyHidden.js';

package/dist/index.js

@@ -1,20 +1,25 @@
-export { AlertDialog } from './AlertDialog';
-export { Accordion } from './Accordion';
-export { Checkbox } from './Checkbox';
-export { Collapsible } from './Collapsible';
-export { ContextMenu } from './ContextMenu';
-export { Dialog } from './Dialog';
-export { DropdownMenu } from './DropdownMenu';
-export { Menubar } from './Menubar';
-export { NavigationMenu } from './NavigationMenu';
-export { Popover } from './Popover';
-export { RadioGroup } from './RadioGroup';
-export { ScrollArea } from './ScrollArea';
-export { Select } from './Select';
-export { Slider } from './Slider';
-export { Switch } from './Switch';
-export { Tabs } from './Tabs';
-export { Toast } from './Toast';
-export { Toggle } from './Toggle';
-export { ToggleGroup } from './ToggleGroup';
-export { Tooltip } from './Tooltip';
+export { AlertDialog } from './AlertDialog.js';
+export { Accordion } from './Accordion.js';
+export { Avatar } from './Avatar.js';
+export { Checkbox } from './Checkbox.js';
+export { Collapsible } from './Collapsible.js';
+export { ContextMenu } from './ContextMenu.js';
+export { Dialog } from './Dialog.js';
+export { DropdownMenu } from './DropdownMenu.js';
+export { Label } from './Label.js';
+export { Menubar } from './Menubar.js';
+export { NavigationMenu } from './NavigationMenu.js';
+export { Popover } from './Popover.js';
+export { Progress } from './Progress.js';
+export { RadioGroup } from './RadioGroup.js';
+export { ScrollArea } from './ScrollArea.js';
+export { Select } from './Select.js';
+export { Separator } from './Separator.js';
+export { Slider } from './Slider.js';
+export { Switch } from './Switch.js';
+export { Tabs } from './Tabs.js';
+export { Toast } from './Toast.js';
+export { Toggle } from './Toggle.js';
+export { ToggleGroup } from './ToggleGroup.js';
+export { Tooltip } from './Tooltip.js';
+export { VisuallyHidden } from './VisuallyHidden.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/headlessui",
-  "version": "18.2.31",
+  "version": "18.2.33",
   "description": "Headless UI components wrapper for Plumeria based on Radix UI",
   "author": "Refirst 11",
   "license": "MIT",
@@ -39,29 +39,33 @@
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-alert-dialog": "^1.1.18",
+    "@radix-ui/react-avatar": "^1.2.6",
     "@radix-ui/react-checkbox": "^1.3.6",
     "@radix-ui/react-collapsible": "^1.1.3",
     "@radix-ui/react-context-menu": "^2.3.2",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.19",
+    "@radix-ui/react-label": "^2.1.15",
     "@radix-ui/react-menubar": "^1.1.19",
     "@radix-ui/react-navigation-menu": "^1.2.17",
     "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-progress": "^1.1.16",
     "@radix-ui/react-radio-group": "^1.4.2",
     "@radix-ui/react-scroll-area": "^1.2.13",
     "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-separator": "^1.1.15",
     "@radix-ui/react-slider": "^1.4.2",
     "@radix-ui/react-switch": "^1.3.2",
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-toast": "^1.2.18",
     "@radix-ui/react-toggle": "^1.1.13",
     "@radix-ui/react-toggle-group": "^1.1.14",
-    "@radix-ui/react-tooltip": "^1.1.8"
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@radix-ui/react-visually-hidden": "^1.2.11"
   },
   "devDependencies": {
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "@plumeria/core": "^18.2.31"
+    "@types/react-dom": "^19.2.4"
   },
   "publishConfig": {
     "access": "public",