@robosophy/ui-react 1.0.1 → 3.0.0

package/AGENTS.md

@@ -30,14 +30,14 @@ The main barrel (`@robosophy/ui-react`) loads all components including PrimeReac
 PrimeReact apps:
 
 ```tsx
-import { PrimeReactProvider } from "primereact/api";
+import { PrimeReactProvider } from "@primereact/core";
 import RobosophyPreset from "@robosophy/prime-theme";
 import "@robosophy/prime-theme/prime.css";
 import "@robosophy/ui-react/styles.css";
 
 function MyApp({ Component, pageProps }) {
   return (
-    <PrimeReactProvider value={{ theme: { preset: RobosophyPreset } }}>
+    <PrimeReactProvider theme={{ preset: RobosophyPreset }}>
       <Component {...pageProps} />
     </PrimeReactProvider>
   );

package/README.md

@@ -32,14 +32,14 @@ If your app uses PrimeReact, configure the Robosophy preset and load its tokens/
 
 ```tsx
 // app/layout.tsx or pages/_app.tsx
-import { PrimeReactProvider } from "primereact/api";
+import { PrimeReactProvider } from "@primereact/core";
 import RobosophyPreset from "@robosophy/prime-theme";
 import "@robosophy/prime-theme/prime.css";
 import "@robosophy/ui-react/styles.css";
 
 function MyApp({ Component, pageProps }) {
   return (
-    <PrimeReactProvider value={{ theme: { preset: RobosophyPreset } }}>
+    <PrimeReactProvider theme={{ preset: RobosophyPreset }}>
       <Component {...pageProps} />
     </PrimeReactProvider>
   );
@@ -148,7 +148,7 @@ robosophyMaterialSymbols({
 For PrimeReact APIs that receive `icon` as a string, use the helper:
 
 ```tsx
-import { Button } from "primereact/button";
+import { Button } from "@primereact/ui/button";
 import { rsPrimeIcon } from "@robosophy/ui-react";
 
 <Button label="Inicio" icon={rsPrimeIcon("home")} />
@@ -158,7 +158,7 @@ import { rsPrimeIcon } from "@robosophy/ui-react";
 For full control over props (fill, grade, etc.), use the `icon` slot:
 
 ```tsx
-import { Button } from "primereact/button";
+import { Button } from "@primereact/ui/button";
 import { RsIcon } from "@robosophy/ui-react";
 
 <Button label="Favorito" icon={<RsIcon name="favorite" fill color="danger" />} />

package/dist/{chunk-AEWPQXHG.js → chunk-DA5JOU36.js}

@@ -4,7 +4,7 @@ import {
 
 // src/components/RsSidebar/RsSidebar.tsx
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Menu } from "primereact/menu";
+import { Menu } from "@primereact/ui/menu";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var variantIconMap = {
   pc: "article",
@@ -82,22 +82,6 @@ var RsSidebar = forwardRef(
       },
       [navigateOnModuleSelect, onModuleSelect]
     );
-    const moduleMenuItems = useMemo(
-      () => modules.map((module) => {
-        const isCurrent = module.active || module.text === displayedHeaderTitle;
-        return {
-          className: [
-            "rs-sidebar__module-option",
-            isCurrent ? "rs-sidebar__module-option--active" : "",
-            module.disabled || isCurrent ? "rs-sidebar__module-option--disabled" : ""
-          ].filter(Boolean).join(" "),
-          command: () => selectModule(module),
-          disabled: module.disabled || isCurrent,
-          label: module.text
-        };
-      }),
-      [modules, displayedHeaderTitle, selectModule]
-    );
     const displayedItems = useMemo(
       () => activeParent ? (activeParent.children ?? []).filter(isVisible) : visibleItems,
       [activeParent, visibleItems]
@@ -281,16 +265,24 @@ var RsSidebar = forwardRef(
       if (!hasModuleSelector || !isModuleMenuOpen) {
         return null;
       }
-      return /* @__PURE__ */ jsx(
-        Menu,
-        {
-          className: "rs-sidebar__module-menu",
-          model: moduleMenuItems,
-          pt: {
-            root: { role: "menu" }
-          }
-        }
-      );
+      return /* @__PURE__ */ jsx(Menu.Root, { className: "rs-sidebar__module-menu", children: /* @__PURE__ */ jsx(Menu.List, { role: "menu", children: modules.map((module) => {
+        const isCurrent = module.active || module.text === displayedHeaderTitle;
+        return /* @__PURE__ */ jsx(
+          Menu.Item,
+          {
+            value: module.text,
+            className: [
+              "rs-sidebar__module-option",
+              isCurrent ? "rs-sidebar__module-option--active" : "",
+              module.disabled || isCurrent ? "rs-sidebar__module-option--disabled" : ""
+            ].filter(Boolean).join(" "),
+            disabled: module.disabled || isCurrent,
+            onSelect: () => selectModule(module),
+            children: module.text
+          },
+          module.text
+        );
+      }) }) });
     };
     const renderFooterContent = () => {
       if (typeof footer === "function") {

package/dist/components/RsSidebar/index.css

@@ -132,7 +132,7 @@
   line-height: 1;
   text-overflow: ellipsis;
 }
-.rs-sidebar__module-menu.p-menu {
+.rs-sidebar__module-menu {
   background: var(--rs-sidebar-background);
   border: 1px solid var(--rs-sidebar-border);
   border-radius: 4px;
@@ -149,34 +149,30 @@
   gap: 0;
   padding: 0;
 }
-.rs-sidebar__module-option .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option {
   color: var(--rs-sidebar-color);
   border-radius: 0;
-}
-.rs-sidebar__module-option .p-menu-item-link {
   font-family: inherit;
   font-size: inherit;
   line-height: 1;
   min-height: 38px;
   padding: 10px 14px;
 }
-.rs-sidebar__module-option:not(.p-disabled) .p-menu-item-content:hover,
-.rs-sidebar__module-option--active .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option:not(.p-disabled):hover,
+.rs-sidebar__module-menu .rs-sidebar__module-option--active {
   background: var(--rs-sidebar-hover);
   color: var(--rs-sidebar-color);
 }
-.rs-sidebar__module-option--disabled .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option--disabled {
   color: var(--rs-sidebar-muted);
   cursor: not-allowed;
 }
-.rs-sidebar__module-option--disabled .p-menu-item-content:hover {
+.rs-sidebar__module-menu .rs-sidebar__module-option--disabled:hover {
   background: transparent;
 }
-.rs-sidebar__module-option.p-focus .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option.p-focus {
   background: var(--rs-sidebar-hover);
   color: var(--rs-sidebar-color);
-}
-.rs-sidebar__module-option.p-focus .p-menu-item-link {
   outline: 2px solid var(--rs-color-stroke-focused, #48a0d4);
   outline-offset: -2px;
 }

package/dist/components/RsSidebar/index.js

@@ -1,7 +1,7 @@
 // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
 import {
   RsSidebar_default
-} from "../../chunk-AEWPQXHG.js";
+} from "../../chunk-DA5JOU36.js";
 import "../../chunk-PEJOAJYL.js";
 import "../../chunk-D4ZW5VUU.js";
 export {

package/dist/index.css

@@ -182,7 +182,7 @@
   line-height: 1;
   text-overflow: ellipsis;
 }
-.rs-sidebar__module-menu.p-menu {
+.rs-sidebar__module-menu {
   background: var(--rs-sidebar-background);
   border: 1px solid var(--rs-sidebar-border);
   border-radius: 4px;
@@ -199,34 +199,30 @@
   gap: 0;
   padding: 0;
 }
-.rs-sidebar__module-option .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option {
   color: var(--rs-sidebar-color);
   border-radius: 0;
-}
-.rs-sidebar__module-option .p-menu-item-link {
   font-family: inherit;
   font-size: inherit;
   line-height: 1;
   min-height: 38px;
   padding: 10px 14px;
 }
-.rs-sidebar__module-option:not(.p-disabled) .p-menu-item-content:hover,
-.rs-sidebar__module-option--active .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option:not(.p-disabled):hover,
+.rs-sidebar__module-menu .rs-sidebar__module-option--active {
   background: var(--rs-sidebar-hover);
   color: var(--rs-sidebar-color);
 }
-.rs-sidebar__module-option--disabled .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option--disabled {
   color: var(--rs-sidebar-muted);
   cursor: not-allowed;
 }
-.rs-sidebar__module-option--disabled .p-menu-item-content:hover {
+.rs-sidebar__module-menu .rs-sidebar__module-option--disabled:hover {
   background: transparent;
 }
-.rs-sidebar__module-option.p-focus .p-menu-item-content {
+.rs-sidebar__module-menu .rs-sidebar__module-option.p-focus {
   background: var(--rs-sidebar-hover);
   color: var(--rs-sidebar-color);
-}
-.rs-sidebar__module-option.p-focus .p-menu-item-link {
   outline: 2px solid var(--rs-color-stroke-focused, #48a0d4);
   outline-offset: -2px;
 }

package/dist/index.js

@@ -1,7 +1,7 @@
 // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
 import {
   RsSidebar_default
-} from "./chunk-AEWPQXHG.js";
+} from "./chunk-DA5JOU36.js";
 import {
   RsIcon_default,
   rsPrimeIcon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robosophy/ui-react",
-  "version": "1.0.1",
+  "version": "3.0.0",
   "private": false,
   "license": "UNLICENSED",
   "type": "module",
@@ -43,9 +43,9 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "primereact": ">=10",
-    "react": ">=18",
-    "react-dom": ">=18"
+    "@primereact/ui": ">=11",
+    "react": ">=19",
+    "react-dom": ">=19"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -54,7 +54,7 @@
     "react-dom": {
       "optional": true
     },
-    "primereact": {
+    "@primereact/ui": {
       "optional": true
     }
   },
@@ -62,6 +62,7 @@
     "@robosophy/tokens": "^1.0.4"
   },
   "devDependencies": {
+    "@primereact/ui": "^11.2.0",
     "@storybook/addon-docs": "^9.1.0",
     "@storybook/react": "^9.1.0",
     "@storybook/react-vite": "^9.1.0",
@@ -70,7 +71,7 @@
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "jsdom": "^26.1.0",
-    "primereact": "^10.9.6",
+    "primereact": "^11.2.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "storybook": "^9.1.0",