@plumeria/headlessui 17.0.0 → 18.0.0

package/README.md

@@ -3,9 +3,9 @@
 ![License](https://img.shields.io/badge/License-MIT-10B981)
 ![npm](https://img.shields.io/npm/v/@plumeria/headlessui?&color=10B981)
 
-A curated set of essential headless primitives, built on [Radix UI](https://www.radix-ui.com/) and designed to work seamlessly with Plumeria's `styleName` abstraction layer.
+A curated set of essential headless primitives, built on [Radix UI](https://www.radix-ui.com/) and designed to work seamlessly with Plumeria's `classStyle` abstraction layer.
 
-Each component is a pure passthrough — it forwards refs and spreads props onto the underlying Radix primitive. `styleName` is compiled to `className`/`style` at the call site before the component runs, so no Plumeria-specific logic is needed inside the components.
+Each component is a pure passthrough — it forwards refs and spreads props onto the underlying Radix primitive. `classStyle` is compiled to `className`/`style` at the call site before the component runs, so no Plumeria-specific logic is needed inside the components.
 
 ## Documentation
 
@@ -52,14 +52,14 @@ const styles = css.create({
 });
 
 export const FAQ = () => (
-  <Accordion type="single" collapsible styleName={styles.root}>
+  <Accordion type="single" collapsible classStyle={styles.root}>
     <Accordion.Item value="item-1">
       <Accordion.Header>
-        <Accordion.Trigger styleName={styles.trigger}>
+        <Accordion.Trigger classStyle={styles.trigger}>
           Is it accessible?
         </Accordion.Trigger>
       </Accordion.Header>
-      <Accordion.Content styleName={styles.content}>
+      <Accordion.Content classStyle={styles.content}>
         Yes. It adheres to the WAI-ARIA design pattern.
       </Accordion.Content>
     </Accordion.Item>

package/dist/ContextMenu.d.ts

@@ -20,7 +20,7 @@ export declare const ContextMenu: {
     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"> & {
-        styleName?: Style;
+        classStyle?: Style;
     } & React.RefAttributes<SVGSVGElement>>;
     Sub: {
         (props: ContextMenuPrimitive.ContextMenuSubProps): import("react/jsx-runtime").JSX.Element;

package/dist/DropdownMenu.d.ts

@@ -20,7 +20,7 @@ export declare const DropdownMenu: {
     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"> & {
-        styleName?: Style;
+        classStyle?: Style;
     } & React.RefAttributes<SVGSVGElement>>;
     Sub: {
         (props: DropdownMenuPrimitive.DropdownMenuSubProps): import("react/jsx-runtime").JSX.Element;

package/dist/Menubar.d.ts

@@ -21,7 +21,7 @@ export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimit
     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"> & {
-        styleName?: Style;
+        classStyle?: Style;
     } & React.RefAttributes<SVGSVGElement>>;
     Sub: {
         (props: MenubarPrimitive.MenubarSubProps): import("react/jsx-runtime").JSX.Element;

package/dist/Popover.d.ts

@@ -13,7 +13,7 @@ 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"> & {
-        styleName?: Style;
+        classStyle?: Style;
     } & React.RefAttributes<SVGSVGElement>>;
     Anchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/Select.d.ts

@@ -23,6 +23,6 @@ export declare const Select: {
     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"> & {
-        styleName?: Style;
+        classStyle?: Style;
     } & React.RefAttributes<SVGSVGElement>>;
 };

package/dist/Tooltip.d.ts

@@ -16,6 +16,6 @@ export declare const Tooltip: {
     };
     Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & {
-        styleName?: Style;
+        classStyle?: Style;
     } & React.RefAttributes<SVGSVGElement>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/headlessui",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "description": "Headless UI components wrapper for Plumeria based on Radix UI",
   "author": "Refirst 11",
   "license": "MIT",
@@ -61,7 +61,7 @@
   "devDependencies": {
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@plumeria/core": "^17.0.0"
+    "@plumeria/core": "^18.0.0"
   },
   "publishConfig": {
     "access": "public",