@robosophy/ui-vue 1.1.11 → 1.1.13

package/ai-context.md

@@ -27,13 +27,16 @@ Use this package for shared Vue 3 UI components.
 - Use PrimeVue only when it provides real behavior for that component; actions should use PrimeVue `Button` in PrimeVue apps.
 - `RsSidebar` and `RsAccountSelector` use native PrimeVue controls for interactive UI; PrimeVue apps should register the Robosophy PrimeVue preset and load `@robosophy/prime-theme/prime.css` so Button/Menu states receive Robosophy styling.
 - `RsIcon` needs `robosophyMaterialSymbols()` from `@robosophy/ui-vue/vite` in consuming Vite apps so builds generate an SVG sprite with only the needed icons. The plugin auto-detects icon usage from source — no manual declaration needed for static patterns. Use `rsPrimeIcon()` for PrimeVue APIs that accept icon class strings. Add dynamic icons via `include`. For full control over icon props, use the `#icon` slot instead of `rsPrimeIcon()`.
-- **Icon detection rules:** the scanner detects 5 patterns. Read `icon-scanner.md` for the full reference. Key rules for agent work:
+- **Icon detection rules:** the scanner detects 8 patterns. Read `icon-scanner.md` for the full reference. Key rules for agent work:
   - `<RsIcon name="..." />` — always detected (Pattern 1)
   - `rsPrimeIcon("...")` — detected (Pattern 2)
   - `{ icon: "..." }` in objects — detected with weight/family extraction (Pattern 3)
-  - `// @robosophy-icon: name` magic comments — detected (Pattern 4, use for props/variables)
+  - `// @robosophy-icon: name` magic comments — detected (Pattern 4, use as last resort for dynamic values)
   - Arrays like `const iconNames = ["home", ...]` — detected if variable name contains "icon" (Pattern 5)
-  - `<RsIcon :name="variable" />` — NOT detected; add magic comment or `include`
+  - Objects like `const iconMap = { key: "home" }` — detected if variable name contains "icon" (Pattern 5b)
+  - `<CustomComponent icon="..." />` — detected for PascalCase components (Pattern 6a)
+  - `<ForwardIcon icon="..." />` — detected if the component proxies to `<RsIcon :name>` (Pattern 6b)
+  - `<RsIcon :name="variable" />` — NOT detected; use a data source with `icon:` (Pattern 3) or magic comment as last resort
   - `<RsIcon :name="item.icon" />` — NOT detected from template, but the `icon: "..."` in the data source IS detected by Pattern 3
 - Use `RsSidebar` for reusable module navigation. `item-click` stays in the consuming app; the optional `modules` dropdown can redirect with the provided `link` when `navigateOnModuleSelect` is `true`.
 - Keep props focused on stable component API. Use slots for flexible content.

package/components.md

@@ -73,10 +73,15 @@ icons and inlines it in the HTML. No fonts are loaded.
 <template>
   <RsIcon name="home" />
   <RsIcon name="settings" family="rounded" color="primary" />
+  <RsIcon name="manage_accounts" notification />
+  <RsIcon name="manage_accounts" notification notification-color="#d80115" />
   <Button label="Inicio" :icon="rsPrimeIcon('home')" />
 </template>
 ```
 
+`notification` muestra un punto de aviso sobre el ícono (por defecto amarillo del design system,
+`--rs-color-yellow-500`). `notificationColor` permite sobreescribir el color del punto.
+
 For dynamic icon names that the scanner cannot see, add them to
 `robosophyMaterialSymbols({ include: [...] })`.
 

package/dist/components/RsIcon/RsIcon.types.d.ts

@@ -13,6 +13,8 @@ export type RsIconProps = {
     opticalSize?: number;
     interactive?: boolean;
     ariaLabel?: string;
+    notification?: boolean;
+    notificationColor?: string;
 };
 export type RsPrimeIconOptions = {
     family?: RsIconFamily;

package/dist/components/RsIcon/RsIcon.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RsIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsIcon/RsIcon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjH,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC"}
+{"version":3,"file":"RsIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsIcon/RsIcon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjH,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC"}

package/dist/components/RsIcon/RsIcon.vue.d.ts

@@ -7,6 +7,7 @@ declare const __VLS_export: import("vue").DefineComponent<RsIconProps, {}, {}, {
     weight: import("./RsIcon.types").RsIconWeight;
     grade: number;
     interactive: boolean;
+    notification: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/RsIcon/RsIcon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RsIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsIcon/RsIcon.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAyHlD,QAAA,MAAM,YAAY;;;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RsIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsIcon/RsIcon.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA4JlD,QAAA,MAAM,YAAY;;;;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/RsSidebar/RsSidebar.vue.d.ts

@@ -1,4 +1,4 @@
-import type { RsSidebarItem, RsSidebarModule, RsSidebarProps } from "./RsSidebar.types";
+import type { RsSidebarItem, RsSidebarModule, RsSidebarProps, RsSidebarVariant } from "./RsSidebar.types";
 declare function goBack(): void;
 declare function closeMobile(): void;
 declare var __VLS_1: {
@@ -56,7 +56,7 @@ declare const __VLS_base: import("vue").DefineComponent<RsSidebarProps, {}, {},
     ariaLabel: string;
     title: string;
     icon: string;
-    variant: import("./RsSidebar.types").RsSidebarVariant;
+    variant: RsSidebarVariant;
     footerItems: RsSidebarItem[];
     modules: RsSidebarModule[];
     navigateOnModuleSelect: boolean;

package/dist/components/RsSidebar/RsSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsSidebar/RsSidebar.vue"],"names":[],"mappings":"AAwWA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA+IxF,iBAAS,MAAM,SAEd;AAED,iBAAS,WAAW,SAInB;AAyZD,QAAA,IAAI,OAAO;;;;;;;;;;;;;CAAU,EAAE,QAAQ;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsSidebar/RsSidebar.vue"],"names":[],"mappings":"AAqXA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA4J1G,iBAAS,MAAM,SAEd;AAED,iBAAS,WAAW,SAInB;AA0ZD,QAAA,IAAI,OAAO;;;;;;;;;;;;;CAAU,EAAE,QAAQ;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/icon-manifest.json

@@ -1,10 +1,14 @@
 {
   "outlined": [
+    "account_balance_wallet",
+    "account_circle",
     "alarm",
     "arrow_drop_down",
     "arrow_drop_up",
     "arrow_left",
+    "article",
     "block",
+    "business",
     "check_circle",
     "chevron_right",
     "close",
@@ -13,6 +17,7 @@
     "favorite",
     "help",
     "home",
+    "inbox",
     "info",
     "inventory",
     "login",
@@ -35,6 +40,8 @@
   ],
   "rounded": [
     "arrow_drop_down",
+    "check_circle",
+    "home",
     "settings"
   ],
   "sharp": [

package/dist/index.css

@@ -37,6 +37,24 @@
 .rs-icon--inherit {
   color: currentColor;
 }
+
+.rs-icon-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+}
+
+.rs-icon__notification {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: var(--rs-color-yellow-500, #ff9001);
+}
 .rs-icon {
   align-items: center;
   color: var(--rs-icon-color, currentColor);
@@ -69,6 +87,22 @@
 .rs-icon--inherit {
   color: currentColor;
 }
+.rs-icon-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+}
+.rs-icon__notification {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: var(--rs-color-yellow-500, #ff9001);
+}
 .rs-account-selector-host {
   --rs-account-selector-width: 270px;
   --rs-account-selector-background: var(--rs-color-surface-primary, #ffffff);
@@ -338,7 +372,7 @@
   --rs-sidebar-muted: var(--rs-color-text-secondary, #909090);
   --rs-sidebar-active: var(--rs-color-text-button-tertiary, #48a0d4);
   --rs-sidebar-hover: var(--rs-color-button-blue-surface, #e6f6fb);
-  --rs-sidebar-width-collapsed: 72px;
+  --rs-sidebar-width-collapsed: 75px;
   --rs-sidebar-width-expanded: 286px;
 
   background: var(--rs-sidebar-background);
@@ -349,12 +383,12 @@
   flex-direction: column;
   flex-shrink: 0;
   font-family: var(--rs-font-family, "Inter", sans-serif);
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 400;
   gap: 52px;
   height: 100%;
   overflow: hidden;
-  transition: width 220ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: width 0.3s ease-in-out;
   will-change: width;
   width: var(--rs-sidebar-width-collapsed);
 }
@@ -388,8 +422,7 @@
   position: relative;
   box-sizing: border-box;
   display: flex;
-  gap: 6px;
-  height: 88px;
+  gap: 10px;
   justify-content: flex-start;
   padding: 0;
 }
@@ -398,9 +431,9 @@
   display: flex;
   color: var(--rs-sidebar-active);
   flex: 1;
-  gap: 6px;
+  gap: 10px;
   min-width: 0;
-  padding: 0 24px;
+  padding: 32px 24px;
 }
 .rs-sidebar__module-trigger {
   align-items: center;
@@ -411,7 +444,7 @@
   display: inline-flex;
   justify-content: flex-start;
   font: inherit;
-  gap: 6px;
+  gap: 10px;
   min-width: 0;
   appearance: none;
   -webkit-appearance: none;
@@ -446,8 +479,8 @@
   opacity: 0;
   overflow: hidden;
   transition:
-    max-width 220ms cubic-bezier(0.4, 0, 0.2, 1),
-    opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
+    max-width 0.3s ease-in-out,
+    opacity 0.3s ease-in-out;
   white-space: nowrap;
 }
 .rs-sidebar--expanded .rs-sidebar__title,
@@ -561,27 +594,24 @@
   align-items: center;
   background: transparent;
   border: 0;
-  border-right: 3px solid transparent;
+  border-right: 4px solid transparent;
   box-sizing: border-box;
   color: var(--rs-sidebar-active);
   cursor: pointer;
   display: flex;
   justify-content: flex-start;
   font: inherit;
-  font-weight: 400;
-  gap: 8px;
+  font-weight: 300;
+  gap: 10px;
   appearance: none;
   -webkit-appearance: none;
-  height: 48px;
-  padding: 12px 0;
-  padding-left: 24px;
+  padding: 10px 24px;
   text-align: left;
   width: 100%;
 }
 .rs-sidebar__item:not(.rs-sidebar__item--footer):hover:not(:disabled),
 .rs-sidebar__item:not(.rs-sidebar__item--footer):active:not(:disabled) {
   background: var(--rs-sidebar-hover) !important;
-  color: var(--rs-sidebar-active);
 }
 .rs-sidebar__item:disabled {
   color: var(--rs-sidebar-muted);
@@ -595,11 +625,11 @@
 .rs-sidebar__footer {
   align-items: center;
   display: flex;
-  height: 88px;
   margin-top: 52px;
 }
 .rs-sidebar__item--footer {
   color: var(--rs-sidebar-color);
+  padding: 32px 24px;
 }
 .rs-sidebar__item--footer .rs-sidebar__item-icon {
   color: inherit;
@@ -635,17 +665,15 @@
   width: 100%;
   z-index: 10000;
 }
-.rs-sidebar--mobile-open .rs-sidebar__header {
-  height: 88px;
-}
 .rs-sidebar--mobile-open .rs-sidebar__module-menu {
   left: 16px;
   min-width: min(320px, calc(100% - 32px));
   top: 88px;
 }
 .rs-sidebar--mobile-open .rs-sidebar__item {
-  font-size: 18px;
-  min-height: 48px;
-  padding-bottom: 12px;
-  padding-top: 12px;
+  font-size: 16px;
+  padding: 20px 24px;
+}
+.rs-sidebar--mobile-open .rs-sidebar__item--footer {
+  padding: 32px 24px;
 }

package/dist/index.js

@@ -3,8 +3,14 @@ import "./index.css";
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, ref, onMounted, onBeforeUnmount, watch, nextTick, createVNode, unref, withModifiers, withCtx, renderSlot, toDisplayString, createBlock, Teleport, createCommentVNode, Fragment, renderList, mergeProps, createTextVNode } from "vue";
 import Button from "primevue/button";
 import Menu from "primevue/menu";
-const _hoisted_1$2 = ["aria-hidden", "aria-label", "role", "width", "height"];
-const _hoisted_2$2 = ["href"];
+const _hoisted_1$2 = {
+  key: 0,
+  class: "rs-icon-wrap"
+};
+const _hoisted_2$2 = ["aria-hidden", "aria-label", "role", "width", "height"];
+const _hoisted_3$2 = ["href"];
+const _hoisted_4$2 = ["aria-hidden", "aria-label", "role", "width", "height"];
+const _hoisted_5$2 = ["href"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "RsIcon"
@@ -20,7 +26,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     grade: { default: 0 },
     opticalSize: {},
     interactive: { type: Boolean, default: false },
-    ariaLabel: {}
+    ariaLabel: {},
+    notification: { type: Boolean, default: false },
+    notificationColor: {}
   },
   setup(__props) {
     const GRADE_VALUES = [200, 0, -25];
@@ -69,8 +77,30 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }));
     const ariaHidden = computed(() => props.ariaLabel ? void 0 : "true");
     const role = computed(() => props.ariaLabel ? "img" : void 0);
+    const notificationStyle = computed(
+      () => props.notificationColor ? { backgroundColor: props.notificationColor } : void 0
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
+      return __props.notification ? (openBlock(), createElementBlock("span", _hoisted_1$2, [
+        (openBlock(), createElementBlock("svg", {
+          "aria-hidden": ariaHidden.value,
+          "aria-label": __props.ariaLabel,
+          class: normalizeClass(rootClass.value),
+          role: role.value,
+          style: normalizeStyle(rootStyle.value),
+          width: iconSize.value,
+          height: iconSize.value,
+          fill: "currentColor"
+        }, [
+          createElementVNode("use", { href: symbolHref.value }, null, 8, _hoisted_3$2)
+        ], 14, _hoisted_2$2)),
+        createElementVNode("span", {
+          class: "rs-icon__notification",
+          "aria-hidden": "true",
+          style: normalizeStyle(notificationStyle.value)
+        }, null, 4)
+      ])) : (openBlock(), createElementBlock("svg", {
+        key: 1,
         "aria-hidden": ariaHidden.value,
         "aria-label": __props.ariaLabel,
         class: normalizeClass(rootClass.value),
@@ -80,8 +110,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         height: iconSize.value,
         fill: "currentColor"
       }, [
-        createElementVNode("use", { href: symbolHref.value }, null, 8, _hoisted_2$2)
-      ], 14, _hoisted_1$2);
+        createElementVNode("use", { href: symbolHref.value }, null, 8, _hoisted_5$2)
+      ], 14, _hoisted_4$2));
     };
   }
 });
@@ -558,7 +588,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modules: { default: () => [] },
     navigateOnModuleSelect: { type: Boolean, default: false },
     title: { default: "" },
-    icon: { default: "nest_eco_leaf" },
+    icon: { default: void 0 },
     expanded: { type: Boolean, default: false },
     expandOnHover: { type: Boolean, default: true },
     mobileOpen: { type: Boolean, default: false },
@@ -567,6 +597,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["item-click", "close-mobile", "expanded-change", "module-select"],
   setup(__props, { emit: __emit }) {
+    const variantIconMap = {
+      pc: "article",
+      alta: "account_circle",
+      cc: "account_balance_wallet",
+      pog: "account_balance_wallet",
+      cyo: "nest_eco_leaf"
+    };
     const props = __props;
     const emit = __emit;
     const isHovered = ref(false);
@@ -581,18 +618,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const displayedHeaderTitle = computed(() => activeModule.value?.text || props.title);
     const moduleMenuItems = computed(
-      () => visibleModules.value.map((module) => ({
-        class: [
-          "rs-sidebar__module-option",
-          {
-            "rs-sidebar__module-option--active": module.active || module.text === displayedHeaderTitle.value,
-            "rs-sidebar__module-option--disabled": module.disabled
-          }
-        ],
-        command: () => selectModule(module),
-        disabled: module.disabled,
-        label: module.text
-      }))
+      () => visibleModules.value.map((module) => {
+        const isCurrent = module.active || module.text === displayedHeaderTitle.value;
+        return {
+          class: [
+            "rs-sidebar__module-option",
+            {
+              "rs-sidebar__module-option--active": isCurrent,
+              "rs-sidebar__module-option--disabled": module.disabled || isCurrent
+            }
+          ],
+          command: () => selectModule(module),
+          disabled: module.disabled || isCurrent,
+          label: module.text
+        };
+      })
     );
     const displayedItems = computed(
       () => activeParent.value ? activeParent.value.children?.filter(isVisible) ?? [] : visibleItems.value
@@ -600,6 +640,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isExpanded = computed(() => props.expanded || props.mobileOpen || isHovered.value);
     const hasHeaderAction = computed(() => props.mobileOpen);
     const hasModuleSelector = computed(() => props.modules.length > 0);
+    const resolvedIcon = computed(() => props.icon ?? variantIconMap[props.variant]);
     const rootClass = computed(() => [
       "rs-sidebar",
       `rs-sidebar--${props.variant}`,
@@ -725,7 +766,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "aria-haspopup": "menu",
                 onClick: toggleModuleMenu
               }, [
-                createVNode(unref(_sfc_main$2), { name: __props.icon }, null, 8, ["name"]),
+                createVNode(unref(_sfc_main$2), { name: resolvedIcon.value }, null, 8, ["name"]),
                 createElementVNode("span", _hoisted_4, toDisplayString(displayedHeaderTitle.value), 1),
                 createVNode(unref(_sfc_main$2), {
                   class: "rs-sidebar__module-chevron",
@@ -734,7 +775,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   size: "sm"
                 }, null, 8, ["name"])
               ], 8, _hoisted_3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(unref(_sfc_main$2), { name: __props.icon }, null, 8, ["name"]),
+                createVNode(unref(_sfc_main$2), { name: resolvedIcon.value }, null, 8, ["name"]),
                 createElementVNode("span", _hoisted_5, toDisplayString(displayedHeaderTitle.value), 1)
               ], 64))
             ], 2),