@robosophy/ui-vue 1.0.10 → 1.0.12

package/dist/index.js

@@ -1,85 +1,126 @@
 // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
 import "./index.css";
-import { defineComponent as ae, computed as d, openBlock as s, createElementBlock as i, normalizeStyle as te, normalizeClass as A, toDisplayString as m, ref as C, onMounted as oe, onBeforeUnmount as re, watch as Q, nextTick as ie, createVNode as M, unref as v, withModifiers as F, withCtx as H, renderSlot as y, createElementVNode as o, createBlock as k, Teleport as ce, createCommentVNode as b, Fragment as O, renderList as W, mergeProps as ne, createTextVNode as ue } from "vue";
-import D from "primevue/button";
-import de from "primevue/menu";
-const ve = ["aria-hidden", "aria-label", "role"], h = /* @__PURE__ */ ae({
-  name: "RsIcon",
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString, ref, onMounted, onBeforeUnmount, watch, nextTick, createVNode, unref, withModifiers, withCtx, renderSlot, createElementVNode, 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"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RsIcon"
+  },
   __name: "RsIcon",
   props: {
     name: {},
     family: { default: "outlined" },
     size: { default: "md" },
     color: { default: "inherit" },
-    fill: { type: Boolean, default: !1 },
+    fill: { type: Boolean, default: false },
     weight: { default: 400 },
     grade: { default: 0 },
     opticalSize: {},
-    interactive: { type: Boolean, default: !1 },
+    interactive: { type: Boolean, default: false },
     ariaLabel: {}
   },
-  setup(e) {
-    const c = e, l = d(() => [
+  setup(__props) {
+    const props = __props;
+    const rootClass = computed(() => [
       "rs-icon",
-      `rs-icon--${c.family}`,
-      `rs-icon--${c.color}`,
+      `rs-icon--${props.family}`,
+      `rs-icon--${props.color}`,
       {
-        "rs-icon--interactive": c.interactive,
-        "rs-icon--sm": c.size === "sm",
-        "rs-icon--md": c.size === "md",
-        "rs-icon--lg": c.size === "lg"
+        "rs-icon--interactive": props.interactive,
+        "rs-icon--sm": props.size === "sm",
+        "rs-icon--md": props.size === "md",
+        "rs-icon--lg": props.size === "lg"
       }
-    ]), _ = d(() => ({
-      "--rs-icon-fill": c.fill ? 1 : 0,
-      "--rs-icon-grade": c.grade,
-      "--rs-icon-optical-size": c.opticalSize,
-      "--rs-icon-size": typeof c.size == "number" ? `${c.size}px` : void 0,
-      "--rs-icon-weight": c.weight
-    })), w = d(() => c.ariaLabel ? void 0 : "true"), u = d(() => c.ariaLabel ? "img" : void 0);
-    return (f, z) => (s(), i("span", {
-      "aria-hidden": w.value,
-      "aria-label": e.ariaLabel,
-      class: A(l.value),
-      role: u.value,
-      style: te(_.value)
-    }, m(e.name), 15, ve));
+    ]);
+    const rootStyle = computed(() => ({
+      "--rs-icon-fill": props.fill ? 1 : 0,
+      "--rs-icon-grade": props.grade,
+      "--rs-icon-optical-size": props.opticalSize,
+      "--rs-icon-size": typeof props.size === "number" ? `${props.size}px` : void 0,
+      "--rs-icon-weight": props.weight
+    }));
+    const ariaHidden = computed(() => props.ariaLabel ? void 0 : "true");
+    const role = computed(() => props.ariaLabel ? "img" : void 0);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        "aria-hidden": ariaHidden.value,
+        "aria-label": __props.ariaLabel,
+        class: normalizeClass(rootClass.value),
+        role: role.value,
+        style: normalizeStyle(rootStyle.value)
+      }, toDisplayString(__props.name), 15, _hoisted_1$2);
+    };
   }
-}), _e = /^[a-z0-9_]+$/;
-function it(e, c = {}) {
-  const l = c.family ?? "outlined", _ = e.trim();
-  if (!_e.test(_))
-    throw new Error(`Invalid Material Symbols icon name: "${e}"`);
-  return `rs-icon rs-icon--prime rs-icon--${l} rs-icon-${_}`;
+});
+const iconNamePattern = /^[a-z0-9_]+$/;
+function rsPrimeIcon(name, options = {}) {
+  const family = options.family ?? "outlined";
+  const normalizedName = name.trim();
+  if (!iconNamePattern.test(normalizedName)) {
+    throw new Error(`Invalid Material Symbols icon name: "${name}"`);
+  }
+  return `rs-icon rs-icon--prime rs-icon--${family} rs-icon-${normalizedName}`;
 }
-const fe = { class: "rs-account-selector__trigger-avatar" }, me = ["src", "alt"], be = {
+const _hoisted_1$1 = { class: "rs-account-selector__trigger-avatar" };
+const _hoisted_2$1 = ["src", "alt"];
+const _hoisted_3$1 = {
   key: 1,
   class: "rs-account-selector__avatar-placeholder",
   "aria-hidden": "true"
-}, he = ["aria-busy"], pe = { class: "rs-account-selector__summary" }, ge = { class: "rs-account-selector__avatar-stack" }, ye = { class: "rs-account-selector__avatar rs-account-selector__avatar--lg" }, ke = ["src", "alt"], $e = {
+};
+const _hoisted_4$1 = ["aria-busy"];
+const _hoisted_5$1 = { class: "rs-account-selector__summary" };
+const _hoisted_6$1 = { class: "rs-account-selector__avatar-stack" };
+const _hoisted_7$1 = { class: "rs-account-selector__avatar rs-account-selector__avatar--lg" };
+const _hoisted_8$1 = ["src", "alt"];
+const _hoisted_9$1 = {
   key: 1,
   class: "rs-account-selector__avatar-placeholder",
   "aria-hidden": "true"
-}, we = {
+};
+const _hoisted_10$1 = {
   key: 0,
   class: "rs-account-selector__avatar rs-account-selector__avatar--lg rs-account-selector__secondary-avatar"
-}, Se = ["src", "alt"], xe = { class: "rs-account-selector__user" }, Ce = { class: "rs-account-selector__title" }, Ae = {
+};
+const _hoisted_11$1 = ["src", "alt"];
+const _hoisted_12$1 = { class: "rs-account-selector__user" };
+const _hoisted_13$1 = { class: "rs-account-selector__title" };
+const _hoisted_14$1 = {
   key: 0,
   class: "rs-account-selector__name"
-}, ze = { class: "rs-account-selector__email" }, Re = { class: "rs-account-selector__actions" }, Be = {
+};
+const _hoisted_15$1 = { class: "rs-account-selector__email" };
+const _hoisted_16 = { class: "rs-account-selector__actions" };
+const _hoisted_17 = {
   key: 0,
   class: "rs-account-selector__state"
-}, Me = { class: "rs-account-selector__state" }, Le = {
+};
+const _hoisted_18 = { class: "rs-account-selector__state" };
+const _hoisted_19 = {
   key: 2,
   class: "rs-account-selector__accounts"
-}, Ve = { class: "rs-account-selector__avatar rs-account-selector__avatar--sm rs-account-selector__account-avatar" }, Ee = ["src", "alt"], Ie = {
+};
+const _hoisted_20 = { class: "rs-account-selector__avatar rs-account-selector__avatar--sm rs-account-selector__account-avatar" };
+const _hoisted_21 = ["src", "alt"];
+const _hoisted_22 = {
   key: 1,
   class: "rs-account-selector__avatar-placeholder",
   "aria-hidden": "true"
-}, Pe = { class: "rs-account-selector__account-info" }, Oe = { class: "rs-account-selector__account-label" }, Te = { class: "rs-account-selector__account-trailing" }, Ne = {
+};
+const _hoisted_23 = { class: "rs-account-selector__account-info" };
+const _hoisted_24 = { class: "rs-account-selector__account-label" };
+const _hoisted_25 = { class: "rs-account-selector__account-trailing" };
+const _hoisted_26 = {
   key: 0,
   class: "rs-account-selector__footer"
-}, Fe = { class: "rs-account-selector__button-content" }, He = /* @__PURE__ */ ae({
-  name: "RsAccountSelector",
+};
+const _hoisted_27 = { class: "rs-account-selector__button-content" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RsAccountSelector"
+  },
   __name: "RsAccountSelector",
   props: {
     user: {},
@@ -88,7 +129,7 @@ const fe = { class: "rs-account-selector__trigger-avatar" }, me = ["src", "alt"]
     footerActions: { default: () => [] },
     modelValue: { type: [Boolean, null], default: null },
     title: {},
-    loading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: false },
     emptyText: { default: "No hay cuentas disponibles" },
     activeText: { default: "Activo en pantalla" },
     selectText: { default: "Ingresar" },
@@ -96,526 +137,694 @@ const fe = { class: "rs-account-selector__trigger-avatar" }, me = ["src", "alt"]
     width: { default: "270px" }
   },
   emits: ["select-account", "action", "footer-action", "update:modelValue", "open", "close"],
-  setup(e, { emit: c }) {
-    const l = e, _ = c, w = C(null), u = C(null), f = C(!1), z = C("right"), U = C({});
-    let S = null;
-    const q = d(() => l.modelValue !== null), p = d(
-      () => q.value ? !!l.modelValue : f.value
-    ), T = d(() => ({
-      "--rs-account-selector-width": l.width
-    })), X = d(() => l.title ? l.title : l.accounts.length > 1 ? `Acceso a ${l.accounts.length} Cuentas` : "Acceso a"), N = d(
-      () => l.actions.filter((a) => a.visible !== !1)
-    ), $ = d(
-      () => l.footerActions.filter((a) => a.visible !== !1)
-    ), Y = d(() => l.accounts.length > 1), L = {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const rootRef = ref(null);
+    const panelRef = ref(null);
+    const internalOpen = ref(false);
+    const panelCSSVars = {
+      "--rs-account-selector-width": props.width,
+      "--rs-account-selector-background": "var(--rs-color-surface-primary, #ffffff)",
+      "--rs-account-selector-border": "var(--rs-color-stroke-default, #d1d1d1)",
+      "--rs-account-selector-color": "var(--rs-color-text-primary, #000000)",
+      "--rs-account-selector-muted": "var(--rs-color-text-secondary, #909090)",
+      "--rs-account-selector-active": "var(--rs-color-text-brand-green, #4eae01)",
+      "--rs-account-selector-danger": "var(--rs-color-text-brand-red, #d80115)"
+    };
+    const panelPosition = ref({});
+    let scrollRAF = null;
+    const isControlled = computed(() => props.modelValue !== null);
+    const isOpen = computed(
+      () => isControlled.value ? Boolean(props.modelValue) : internalOpen.value
+    );
+    const rootStyle = computed(() => ({
+      "--rs-account-selector-width": props.width
+    }));
+    const computedTitle = computed(() => {
+      if (props.title) {
+        return props.title;
+      }
+      return props.accounts.length > 1 ? `Acceso a ${props.accounts.length} Cuentas` : "Acceso a";
+    });
+    const visibleActions = computed(
+      () => props.actions.filter((action) => action.visible !== false)
+    );
+    const visibleFooterActions = computed(
+      () => props.footerActions.filter((action) => action.visible !== false)
+    );
+    const shouldShowAccounts = computed(() => props.accounts.length > 1);
+    const profileAction = {
       id: "profile",
       label: "Ver mi perfil"
     };
-    function Z(a) {
-      return a.variant === "danger" ? { severity: "danger", outlined: !0, rounded: !0 } : { severity: "secondary", outlined: !0, rounded: !0 };
+    function headerButtonProps(action) {
+      return action.variant === "danger" ? { severity: "danger", outlined: true, rounded: true } : { severity: "secondary", outlined: true, rounded: true };
     }
-    function V(a) {
-      return a.variant === "danger" ? { severity: "danger", text: !0 } : { severity: "secondary", text: !0 };
+    function footerButtonProps(action) {
+      return action.variant === "danger" ? { severity: "danger", text: true } : { severity: "secondary", text: true };
     }
-    function E(a) {
-      a.disabled || (_("action", a), P());
+    function emitAction(action) {
+      if (!action.disabled) {
+        emit("action", action);
+        closeSelector();
+      }
     }
-    function j(a) {
-      a.disabled || (_("footer-action", a), P());
+    function emitFooterAction(action) {
+      if (!action.disabled) {
+        emit("footer-action", action);
+        closeSelector();
+      }
     }
-    function G(a) {
-      !a.active && !a.disabled && (_("select-account", a), P());
+    function selectAccount(account) {
+      if (!account.active && !account.disabled) {
+        emit("select-account", account);
+        closeSelector();
+      }
     }
-    function R(a) {
-      return (a?.trim() || "?").slice(0, 3);
+    function getInitials(initials) {
+      return (initials?.trim() || "?").slice(0, 3);
     }
-    function I(a) {
-      q.value || (f.value = a), _("update:modelValue", a), _(a ? "open" : "close");
+    function setOpen(nextOpen) {
+      if (!isControlled.value) {
+        internalOpen.value = nextOpen;
+      }
+      emit("update:modelValue", nextOpen);
+      if (nextOpen) {
+        emit("open");
+      } else {
+        emit("close");
+      }
     }
-    function ee() {
-      I(!p.value);
+    function toggleSelector() {
+      setOpen(!isOpen.value);
     }
-    function P() {
-      p.value && I(!1);
+    function closeSelector() {
+      if (isOpen.value) {
+        setOpen(false);
+      }
     }
-    function B() {
-      const a = w.value, g = u.value;
-      if (!a || !g)
+    function updatePanelPosition() {
+      const root = rootRef.value;
+      const panel = panelRef.value;
+      if (!root || !panel) {
         return;
-      const n = window.innerWidth, J = 16, K = a.getBoundingClientRect(), se = g.getBoundingClientRect(), le = K.left + se.width <= n - J;
-      z.value = le ? "left" : "right", U.value = {
+      }
+      const viewportWidth = window.innerWidth;
+      const viewportPadding = 16;
+      const rootRect = root.getBoundingClientRect();
+      const panelRect = panel.getBoundingClientRect();
+      const fitsRight = rootRect.left + panelRect.width <= viewportWidth - viewportPadding;
+      const fitsLeft = rootRect.right - panelRect.width >= viewportPadding;
+      let left;
+      if (fitsRight) {
+        left = rootRect.left;
+      } else if (fitsLeft) {
+        left = rootRect.right - panelRect.width;
+      } else {
+        left = Math.max(
+          viewportPadding,
+          Math.min(rootRect.left, viewportWidth - viewportPadding - panelRect.width)
+        );
+      }
+      panelPosition.value = {
         position: "fixed",
-        top: `${K.bottom + 8}px`,
-        left: le ? `${K.left}px` : `${K.right - se.width}px`,
-        "--rs-account-selector-width": l.width
+        top: `${rootRect.bottom + 8}px`,
+        left: `${left}px`
       };
     }
-    function t() {
-      p.value && B();
+    function handleWindowResize() {
+      if (isOpen.value) {
+        void updatePanelPosition();
+      }
     }
-    function x() {
-      p.value && S === null && (S = window.requestAnimationFrame(() => {
-        S = null, B();
-      }));
+    function handleScroll() {
+      if (isOpen.value) {
+        if (scrollRAF === null) {
+          scrollRAF = window.requestAnimationFrame(() => {
+            scrollRAF = null;
+            void updatePanelPosition();
+          });
+        }
+      }
     }
-    function r(a) {
-      const g = a.target;
-      g instanceof Node && w.value && !w.value.contains(g) && !u.value?.contains(g) && P();
+    function handleDocumentPointerDown(event) {
+      const target = event.target;
+      if (target instanceof Node && rootRef.value && !rootRef.value.contains(target) && !panelRef.value?.contains(target)) {
+        closeSelector();
+      }
     }
-    return oe(() => {
-      document.addEventListener("pointerdown", r), window.addEventListener("resize", t), window.addEventListener("scroll", x, { passive: !0 }), p.value && B();
-    }), re(() => {
-      document.removeEventListener("pointerdown", r), window.removeEventListener("resize", t), window.removeEventListener("scroll", x), S !== null && cancelAnimationFrame(S);
-    }), Q(p, (a) => {
-      a && ie().then(B);
-    }), (a, g) => (s(), i("div", {
-      ref_key: "rootRef",
-      ref: w,
-      class: "rs-account-selector-host",
-      style: te(T.value)
-    }, [
-      M(v(D), {
-        "aria-expanded": p.value,
-        "aria-label": e.triggerAriaLabel,
-        "aria-haspopup": "menu",
-        class: A([
-          "rs-account-selector__trigger",
-          { "rs-account-selector__trigger--open": p.value }
-        ]),
-        text: "",
-        onClick: F(ee, ["stop"])
-      }, {
-        default: H(() => [
-          M(v(h), {
-            class: "rs-account-selector__trigger-chevron",
-            family: "rounded",
-            name: "arrow_drop_down",
-            size: 22
-          }),
-          y(a.$slots, "trigger-avatar", { user: e.user }, () => [
-            o("span", fe, [
-              e.user.avatarSrc ? (s(), i("img", {
-                key: 0,
-                class: "rs-account-selector__avatar-image",
-                src: e.user.avatarSrc,
-                alt: e.user.name || e.user.email
-              }, null, 8, me)) : (s(), i("span", be, m(R(e.user.initials)), 1))
-            ])
-          ])
-        ]),
-        _: 3
-      }, 8, ["aria-expanded", "aria-label", "class"]),
-      p.value ? (s(), k(ce, {
-        key: 0,
-        to: "body"
+    onMounted(() => {
+      document.addEventListener("pointerdown", handleDocumentPointerDown);
+      window.addEventListener("resize", handleWindowResize);
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      if (isOpen.value) {
+        void updatePanelPosition();
+      }
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("pointerdown", handleDocumentPointerDown);
+      window.removeEventListener("resize", handleWindowResize);
+      window.removeEventListener("scroll", handleScroll);
+      if (scrollRAF !== null) {
+        cancelAnimationFrame(scrollRAF);
+      }
+    });
+    watch(isOpen, (open) => {
+      if (open) {
+        void nextTick().then(updatePanelPosition);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "rs-account-selector-host",
+        style: normalizeStyle(rootStyle.value)
       }, [
-        o("section", {
-          ref_key: "panelRef",
-          ref: u,
-          "aria-busy": e.loading || void 0,
-          class: A([
-            "rs-account-selector",
-            `rs-account-selector--align-${z.value}`
+        createVNode(unref(Button), {
+          "aria-expanded": isOpen.value,
+          "aria-label": __props.triggerAriaLabel,
+          "aria-haspopup": "menu",
+          class: normalizeClass([
+            "rs-account-selector__trigger",
+            { "rs-account-selector__trigger--open": isOpen.value }
           ]),
-          style: te(U.value)
-        }, [
-          o("header", pe, [
-            y(a.$slots, "user-avatar", { user: e.user }, () => [
-              o("span", ge, [
-                o("span", ye, [
-                  e.user.avatarSrc ? (s(), i("img", {
-                    key: 0,
-                    class: "rs-account-selector__avatar-image",
-                    src: e.user.avatarSrc,
-                    alt: e.user.name || e.user.email
-                  }, null, 8, ke)) : (s(), i("span", $e, m(R(e.user.initials)), 1))
-                ]),
-                e.user.secondaryAvatarSrc ? (s(), i("span", we, [
-                  o("img", {
-                    class: "rs-account-selector__avatar-image",
-                    src: e.user.secondaryAvatarSrc,
-                    alt: e.user.name || e.user.email
-                  }, null, 8, Se)
-                ])) : b("", !0)
-              ])
-            ]),
-            o("div", xe, [
-              o("p", Ce, m(X.value), 1),
-              e.user.name ? (s(), i("p", Ae, m(e.user.name), 1)) : b("", !0),
-              o("p", ze, m(e.user.email), 1)
-            ]),
-            y(a.$slots, "actions", { actions: N.value }, () => [
-              o("div", Re, [
-                N.value.length > 0 ? (s(!0), i(O, { key: 0 }, W(N.value, (n) => (s(), k(v(D), ne({
-                  key: n.id,
-                  class: "rs-account-selector__button",
-                  disabled: n.disabled,
-                  size: "small"
-                }, { ref_for: !0 }, Z(n), {
-                  onClick: F((J) => E(n), ["stop"])
-                }), {
-                  default: H(() => [
-                    o("span", null, m(n.label), 1),
-                    n.icon ? (s(), k(v(h), {
-                      key: 0,
-                      name: n.icon,
-                      size: "sm"
-                    }, null, 8, ["name"])) : b("", !0)
-                  ]),
-                  _: 2
-                }, 1040, ["disabled", "onClick"]))), 128)) : (s(), k(v(D), {
-                  key: 1,
-                  class: "rs-account-selector__button rs-account-selector__profile-button",
-                  severity: "secondary",
-                  outlined: "",
-                  rounded: "",
-                  size: "small",
-                  onClick: g[0] || (g[0] = F((n) => E(L), ["stop"]))
-                }, {
-                  default: H(() => [...g[1] || (g[1] = [
-                    ue(" Ver mi perfil ", -1)
-                  ])]),
-                  _: 1
-                }))
+          text: "",
+          onClick: withModifiers(toggleSelector, ["stop"])
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$2), {
+              class: "rs-account-selector__trigger-chevron",
+              family: "rounded",
+              name: "arrow_drop_down",
+              size: 22
+            }),
+            renderSlot(_ctx.$slots, "trigger-avatar", { user: __props.user }, () => [
+              createElementVNode("span", _hoisted_1$1, [
+                __props.user.avatarSrc ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  class: "rs-account-selector__avatar-image",
+                  src: __props.user.avatarSrc,
+                  alt: __props.user.name || __props.user.email
+                }, null, 8, _hoisted_2$1)) : (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(getInitials(__props.user.initials)), 1))
               ])
             ])
           ]),
-          e.loading ? (s(), i("p", Be, " Cargando cuentas... ")) : e.accounts.length === 0 ? y(a.$slots, "empty", { key: 1 }, () => [
-            o("p", Me, m(e.emptyText), 1)
-          ]) : Y.value ? (s(), i("div", Le, [
-            (s(!0), i(O, null, W(e.accounts, (n) => (s(), k(v(D), {
-              key: n.id,
-              class: A([
-                "rs-account-selector__account",
-                {
-                  "rs-account-selector__account--active": n.active,
-                  "rs-account-selector__account--disabled": n.disabled
-                }
-              ]),
-              disabled: n.active || n.disabled,
-              text: "",
-              severity: "secondary",
-              onClick: F((J) => G(n), ["stop"])
-            }, {
-              default: H(() => [
-                y(a.$slots, "account-avatar", { account: n }, () => [
-                  o("span", Ve, [
-                    n.avatarSrc ? (s(), i("img", {
+          _: 3
+        }, 8, ["aria-expanded", "aria-label", "class"]),
+        isOpen.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "body"
+        }, [
+          createElementVNode("section", {
+            ref_key: "panelRef",
+            ref: panelRef,
+            "aria-busy": __props.loading || void 0,
+            class: "rs-account-selector",
+            style: normalizeStyle([panelCSSVars, panelPosition.value])
+          }, [
+            createElementVNode("header", _hoisted_5$1, [
+              renderSlot(_ctx.$slots, "user-avatar", { user: __props.user }, () => [
+                createElementVNode("span", _hoisted_6$1, [
+                  createElementVNode("span", _hoisted_7$1, [
+                    __props.user.avatarSrc ? (openBlock(), createElementBlock("img", {
                       key: 0,
                       class: "rs-account-selector__avatar-image",
-                      src: n.avatarSrc,
-                      alt: n.label
-                    }, null, 8, Ee)) : (s(), i("span", Ie, m(R(n.initials)), 1))
-                  ])
-                ]),
-                o("span", Pe, [
-                  o("span", Oe, m(n.label), 1),
-                  o("span", {
-                    class: A([
-                      "rs-account-selector__account-state",
-                      n.active ? "rs-account-selector__account-state--active" : "rs-account-selector__account-state--inactive"
-                    ])
-                  }, m(n.active ? e.activeText : e.selectText), 3)
-                ]),
-                o("span", Te, [
-                  y(a.$slots, "account-trailing", { account: n }, () => [
-                    M(v(h), { name: "login" })
-                  ])
+                      src: __props.user.avatarSrc,
+                      alt: __props.user.name || __props.user.email
+                    }, null, 8, _hoisted_8$1)) : (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(getInitials(__props.user.initials)), 1))
+                  ]),
+                  __props.user.secondaryAvatarSrc ? (openBlock(), createElementBlock("span", _hoisted_10$1, [
+                    createElementVNode("img", {
+                      class: "rs-account-selector__avatar-image",
+                      src: __props.user.secondaryAvatarSrc,
+                      alt: __props.user.name || __props.user.email
+                    }, null, 8, _hoisted_11$1)
+                  ])) : createCommentVNode("", true)
                 ])
               ]),
-              _: 2
-            }, 1032, ["class", "disabled", "onClick"]))), 128))
-          ])) : b("", !0),
-          y(a.$slots, "footer", { actions: $.value }, () => [
-            $.value.length > 0 ? (s(), i("footer", Ne, [
-              (s(!0), i(O, null, W($.value, (n) => (s(), k(v(D), ne({
-                key: n.id,
-                class: "rs-account-selector__button",
-                disabled: n.disabled,
-                size: "small"
-              }, { ref_for: !0 }, V(n), {
-                onClick: F((J) => j(n), ["stop"])
-              }), {
-                default: H(() => [
-                  o("span", Fe, [
-                    o("span", null, m(n.label), 1),
-                    n.icon ? (s(), k(v(h), {
-                      key: 0,
-                      name: n.icon,
-                      size: "sm"
-                    }, null, 8, ["name"])) : b("", !0)
-                  ])
-                ]),
-                _: 2
-              }, 1040, ["disabled", "onClick"]))), 128))
-            ])) : b("", !0)
-          ])
-        ], 14, he)
-      ])) : b("", !0)
-    ], 4));
+              createElementVNode("div", _hoisted_12$1, [
+                createElementVNode("p", _hoisted_13$1, toDisplayString(computedTitle.value), 1),
+                __props.user.name ? (openBlock(), createElementBlock("p", _hoisted_14$1, toDisplayString(__props.user.name), 1)) : createCommentVNode("", true),
+                createElementVNode("p", _hoisted_15$1, toDisplayString(__props.user.email), 1)
+              ]),
+              renderSlot(_ctx.$slots, "actions", { actions: visibleActions.value }, () => [
+                createElementVNode("div", _hoisted_16, [
+                  visibleActions.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(visibleActions.value, (action) => {
+                    return openBlock(), createBlock(unref(Button), mergeProps({
+                      key: action.id,
+                      class: "rs-account-selector__button",
+                      disabled: action.disabled,
+                      size: "small"
+                    }, { ref_for: true }, headerButtonProps(action), {
+                      onClick: withModifiers(($event) => emitAction(action), ["stop"])
+                    }), {
+                      default: withCtx(() => [
+                        createElementVNode("span", null, toDisplayString(action.label), 1),
+                        action.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                          key: 0,
+                          name: action.icon,
+                          size: "sm"
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1040, ["disabled", "onClick"]);
+                  }), 128)) : (openBlock(), createBlock(unref(Button), {
+                    key: 1,
+                    class: "rs-account-selector__button rs-account-selector__profile-button",
+                    severity: "secondary",
+                    outlined: "",
+                    rounded: "",
+                    size: "small",
+                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emitAction(profileAction), ["stop"]))
+                  }, {
+                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                      createTextVNode(" Ver mi perfil ", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ])
+              ])
+            ]),
+            __props.loading ? (openBlock(), createElementBlock("p", _hoisted_17, " Cargando cuentas... ")) : __props.accounts.length === 0 ? renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+              createElementVNode("p", _hoisted_18, toDisplayString(__props.emptyText), 1)
+            ]) : shouldShowAccounts.value ? (openBlock(), createElementBlock("div", _hoisted_19, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.accounts, (account) => {
+                return openBlock(), createBlock(unref(Button), {
+                  key: account.id,
+                  class: normalizeClass([
+                    "rs-account-selector__account",
+                    {
+                      "rs-account-selector__account--active": account.active,
+                      "rs-account-selector__account--disabled": account.disabled
+                    }
+                  ]),
+                  disabled: account.active || account.disabled,
+                  text: "",
+                  severity: "secondary",
+                  onClick: withModifiers(($event) => selectAccount(account), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "account-avatar", { account }, () => [
+                      createElementVNode("span", _hoisted_20, [
+                        account.avatarSrc ? (openBlock(), createElementBlock("img", {
+                          key: 0,
+                          class: "rs-account-selector__avatar-image",
+                          src: account.avatarSrc,
+                          alt: account.label
+                        }, null, 8, _hoisted_21)) : (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(getInitials(account.initials)), 1))
+                      ])
+                    ]),
+                    createElementVNode("span", _hoisted_23, [
+                      createElementVNode("span", _hoisted_24, toDisplayString(account.label), 1),
+                      createElementVNode("span", {
+                        class: normalizeClass([
+                          "rs-account-selector__account-state",
+                          account.active ? "rs-account-selector__account-state--active" : "rs-account-selector__account-state--inactive"
+                        ])
+                      }, toDisplayString(account.active ? __props.activeText : __props.selectText), 3)
+                    ]),
+                    createElementVNode("span", _hoisted_25, [
+                      renderSlot(_ctx.$slots, "account-trailing", { account }, () => [
+                        createVNode(unref(_sfc_main$2), { name: "login" })
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "disabled", "onClick"]);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "footer", { actions: visibleFooterActions.value }, () => [
+              visibleFooterActions.value.length > 0 ? (openBlock(), createElementBlock("footer", _hoisted_26, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleFooterActions.value, (action) => {
+                  return openBlock(), createBlock(unref(Button), mergeProps({
+                    key: action.id,
+                    class: "rs-account-selector__button",
+                    disabled: action.disabled,
+                    size: "small"
+                  }, { ref_for: true }, footerButtonProps(action), {
+                    onClick: withModifiers(($event) => emitFooterAction(action), ["stop"])
+                  }), {
+                    default: withCtx(() => [
+                      createElementVNode("span", _hoisted_27, [
+                        createElementVNode("span", null, toDisplayString(action.label), 1),
+                        action.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                          key: 0,
+                          name: action.icon,
+                          size: "sm"
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1040, ["disabled", "onClick"]);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ])
+          ], 12, _hoisted_4$1)
+        ])) : createCommentVNode("", true)
+      ], 4);
+    };
   }
-}), De = ["aria-label"], We = { class: "rs-sidebar__header" }, Ue = ["aria-expanded"], qe = { class: "rs-sidebar__title" }, je = { class: "rs-sidebar__title" }, Ge = ["aria-label"], Je = { class: "rs-sidebar__content" }, Ke = {
+});
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { class: "rs-sidebar__header" };
+const _hoisted_3 = ["aria-expanded"];
+const _hoisted_4 = { class: "rs-sidebar__title" };
+const _hoisted_5 = { class: "rs-sidebar__title" };
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = { class: "rs-sidebar__content" };
+const _hoisted_8 = {
   class: "rs-sidebar__nav",
   "aria-label": "Secciones"
-}, Qe = { class: "rs-sidebar__list" }, Xe = ["disabled", "onClick"], Ye = { class: "rs-sidebar__item-label" }, Ze = {
+};
+const _hoisted_9 = { class: "rs-sidebar__list" };
+const _hoisted_10 = ["disabled", "onClick"];
+const _hoisted_11 = { class: "rs-sidebar__item-label" };
+const _hoisted_12 = {
   key: 0,
   class: "rs-sidebar__footer",
   "aria-label": "Acciones secundarias"
-}, et = { class: "rs-sidebar__list" }, tt = ["disabled", "onClick"], at = { class: "rs-sidebar__item-label" }, st = /* @__PURE__ */ ae({
-  name: "RsSidebar",
+};
+const _hoisted_13 = { class: "rs-sidebar__list" };
+const _hoisted_14 = ["disabled", "onClick"];
+const _hoisted_15 = { class: "rs-sidebar__item-label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RsSidebar"
+  },
   __name: "RsSidebar",
   props: {
     items: {},
     footerItems: { default: () => [] },
     modules: { default: () => [] },
-    navigateOnModuleSelect: { type: Boolean, default: !1 },
+    navigateOnModuleSelect: { type: Boolean, default: false },
     title: { default: "" },
     icon: { default: "nest_eco_leaf" },
-    expanded: { type: Boolean, default: !1 },
-    expandOnHover: { type: Boolean, default: !0 },
-    mobileOpen: { type: Boolean, default: !1 },
+    expanded: { type: Boolean, default: false },
+    expandOnHover: { type: Boolean, default: true },
+    mobileOpen: { type: Boolean, default: false },
     ariaLabel: { default: "Navegacion principal" },
     variant: { default: "cyo" }
   },
   emits: ["item-click", "close-mobile", "expanded-change", "module-select"],
-  setup(e, { emit: c }) {
-    const l = e, _ = c, w = C(!1), u = C(null), f = C(!1), z = C(null), U = d(() => l.items.filter(V)), S = d(() => l.footerItems.filter(V)), q = d(() => l.modules), p = d(
-      () => l.modules.find((t) => t.active) ?? l.modules.find((t) => t.text === l.title) ?? l.modules[0] ?? null
-    ), T = d(() => u.value?.label || p.value?.text || l.title), X = d(
-      () => q.value.map((t) => ({
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isHovered = ref(false);
+    const activeParent = ref(null);
+    const isModuleMenuOpen = ref(false);
+    const rootElement = ref(null);
+    const visibleItems = computed(() => props.items.filter(isVisible));
+    const visibleFooterItems = computed(() => props.footerItems.filter(isVisible));
+    const visibleModules = computed(() => props.modules);
+    const activeModule = computed(
+      () => props.modules.find((module) => module.active) ?? props.modules.find((module) => module.text === props.title) ?? props.modules[0] ?? null
+    );
+    const displayedHeaderTitle = computed(() => activeParent.value?.label || activeModule.value?.text || props.title);
+    const moduleMenuItems = computed(
+      () => visibleModules.value.map((module) => ({
         class: [
           "rs-sidebar__module-option",
           {
-            "rs-sidebar__module-option--active": t.active || t.text === T.value,
-            "rs-sidebar__module-option--disabled": t.disabled
+            "rs-sidebar__module-option--active": module.active || module.text === displayedHeaderTitle.value,
+            "rs-sidebar__module-option--disabled": module.disabled
           }
         ],
-        command: () => P(t),
-        disabled: t.disabled,
-        label: t.text
+        command: () => selectModule(module),
+        disabled: module.disabled,
+        label: module.text
       }))
-    ), N = d(
-      () => u.value ? u.value.children?.filter(V) ?? [] : U.value
-    ), $ = d(() => l.expanded || l.mobileOpen || w.value), Y = d(() => l.mobileOpen || !!u.value), L = d(() => !u.value && l.modules.length > 0), Z = d(() => [
+    );
+    const displayedItems = computed(
+      () => activeParent.value ? activeParent.value.children?.filter(isVisible) ?? [] : visibleItems.value
+    );
+    const isExpanded = computed(() => props.expanded || props.mobileOpen || isHovered.value);
+    const hasHeaderAction = computed(() => props.mobileOpen || !!activeParent.value);
+    const hasModuleSelector = computed(() => !activeParent.value && props.modules.length > 0);
+    const rootClass = computed(() => [
       "rs-sidebar",
-      `rs-sidebar--${l.variant}`,
+      `rs-sidebar--${props.variant}`,
       {
-        "rs-sidebar--expanded": $.value,
-        "rs-sidebar--mobile-open": l.mobileOpen,
-        "rs-sidebar--submenu": !!u.value
+        "rs-sidebar--expanded": isExpanded.value,
+        "rs-sidebar--mobile-open": props.mobileOpen,
+        "rs-sidebar--submenu": !!activeParent.value
       }
     ]);
-    Q(
-      () => l.mobileOpen,
-      (t) => {
-        t || (u.value = null), f.value = !1;
+    watch(
+      () => props.mobileOpen,
+      (isOpen) => {
+        if (!isOpen) {
+          activeParent.value = null;
+        }
+        isModuleMenuOpen.value = false;
+      }
+    );
+    watch(isExpanded, (expanded) => {
+      if (!expanded) {
+        activeParent.value = null;
       }
-    ), Q($, (t) => {
-      t || (u.value = null), _("expanded-change", t);
-    }), Q(
-      () => u.value,
+      emit("expanded-change", expanded);
+    });
+    watch(
+      () => activeParent.value,
       () => {
-        f.value = !1;
+        isModuleMenuOpen.value = false;
       }
-    ), oe(() => {
-      document.addEventListener("pointerdown", B);
-    }), re(() => {
-      document.removeEventListener("pointerdown", B);
+    );
+    onMounted(() => {
+      document.addEventListener("pointerdown", handleDocumentPointerDown);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("pointerdown", handleDocumentPointerDown);
     });
-    function V(t) {
-      return t.visible !== !1;
+    function isVisible(item) {
+      return item.visible !== false;
     }
-    function E(t) {
-      return (t.children ?? []).some(V);
+    function hasVisibleChildren(item) {
+      return (item.children ?? []).some(isVisible);
     }
-    function j(t) {
-      !l.expandOnHover || l.mobileOpen || (w.value = t, t || (f.value = !1));
+    function setHovered(value) {
+      if (!props.expandOnHover || props.mobileOpen) {
+        return;
+      }
+      isHovered.value = value;
+      if (!value) {
+        isModuleMenuOpen.value = false;
+      }
     }
-    function G(t) {
-      if (!t.disabled) {
-        if (E(t)) {
-          u.value = t;
-          return;
-        }
-        _("item-click", t);
+    function handleItemClick(item) {
+      if (item.disabled) {
+        return;
+      }
+      if (hasVisibleChildren(item)) {
+        activeParent.value = item;
+        return;
       }
+      emit("item-click", item);
     }
-    function R() {
-      u.value = null;
+    function goBack() {
+      activeParent.value = null;
     }
-    function I() {
-      u.value = null, f.value = !1, _("close-mobile");
+    function closeMobile() {
+      activeParent.value = null;
+      isModuleMenuOpen.value = false;
+      emit("close-mobile");
     }
-    function ee() {
-      !L.value || !$.value || (f.value = !f.value);
+    function toggleModuleMenu() {
+      if (!hasModuleSelector.value || !isExpanded.value) {
+        return;
+      }
+      isModuleMenuOpen.value = !isModuleMenuOpen.value;
     }
-    function P(t) {
-      t.disabled || (f.value = !1, _("module-select", t), l.navigateOnModuleSelect && typeof window < "u" && t.link && (window.location.href = t.link));
+    function selectModule(module) {
+      if (module.disabled) {
+        return;
+      }
+      isModuleMenuOpen.value = false;
+      emit("module-select", module);
+      if (props.navigateOnModuleSelect && typeof window !== "undefined" && module.link) {
+        window.location.href = module.link;
+      }
     }
-    function B(t) {
-      !f.value || !z.value || z.value.contains(t.target) || (f.value = !1);
+    function handleDocumentPointerDown(event) {
+      if (!isModuleMenuOpen.value || !rootElement.value) {
+        return;
+      }
+      if (!rootElement.value.contains(event.target)) {
+        isModuleMenuOpen.value = false;
+      }
     }
-    return (t, x) => (s(), i("aside", {
-      ref_key: "rootElement",
-      ref: z,
-      "aria-label": e.ariaLabel,
-      class: A(Z.value),
-      onMouseenter: x[1] || (x[1] = (r) => j(!0)),
-      onMouseleave: x[2] || (x[2] = (r) => j(!1))
-    }, [
-      y(t.$slots, "header", {
-        expanded: $.value,
-        activeParent: u.value,
-        closeMobile: I,
-        goBack: R
-      }, () => [
-        o("header", We, [
-          o("div", {
-            class: A([
-              "rs-sidebar__brand",
-              {
-                "rs-sidebar__brand--trigger": L.value
-              }
-            ])
-          }, [
-            L.value ? (s(), i("button", {
-              key: 0,
-              class: "rs-sidebar__module-trigger",
-              type: "button",
-              "aria-expanded": f.value,
-              "aria-haspopup": "menu",
-              onClick: ee
-            }, [
-              M(v(h), { name: e.icon }, null, 8, ["name"]),
-              o("span", qe, m(T.value), 1),
-              M(v(h), {
-                class: "rs-sidebar__module-chevron",
-                name: f.value ? "arrow_drop_up" : "arrow_drop_down",
-                size: "sm"
-              }, null, 8, ["name"])
-            ], 8, Ue)) : (s(), i(O, { key: 1 }, [
-              M(v(h), { name: e.icon }, null, 8, ["name"]),
-              o("span", je, m(T.value), 1)
-            ], 64))
-          ], 2),
-          y(t.$slots, "header-action", {
-            activeParent: u.value,
-            closeMobile: I,
-            goBack: R
-          }, () => [
-            Y.value ? (s(), i("button", {
-              key: 0,
-              class: "rs-sidebar__header-button",
-              type: "button",
-              "aria-label": u.value ? "Volver" : "Cerrar menu",
-              onClick: x[0] || (x[0] = (r) => u.value ? R() : I())
-            }, [
-              M(v(h), {
-                name: u.value ? "arrow_left" : "close"
-              }, null, 8, ["name"])
-            ], 8, Ge)) : b("", !0)
-          ])
-        ]),
-        L.value && f.value ? (s(), k(v(de), {
-          key: 0,
-          class: "rs-sidebar__module-menu",
-          model: X.value,
-          pt: {
-            root: { role: "menu" }
-          }
-        }, null, 8, ["model"])) : b("", !0)
-      ]),
-      o("div", Je, [
-        o("nav", Ke, [
-          o("ul", Qe, [
-            (s(!0), i(O, null, W(N.value, (r) => (s(), i("li", {
-              key: r.id,
-              class: "rs-sidebar__list-item"
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("aside", {
+        ref_key: "rootElement",
+        ref: rootElement,
+        "aria-label": __props.ariaLabel,
+        class: normalizeClass(rootClass.value),
+        onMouseenter: _cache[1] || (_cache[1] = ($event) => setHovered(true)),
+        onMouseleave: _cache[2] || (_cache[2] = ($event) => setHovered(false))
+      }, [
+        renderSlot(_ctx.$slots, "header", {
+          expanded: isExpanded.value,
+          activeParent: activeParent.value,
+          closeMobile,
+          goBack
+        }, () => [
+          createElementVNode("header", _hoisted_2, [
+            createElementVNode("div", {
+              class: normalizeClass([
+                "rs-sidebar__brand",
+                {
+                  "rs-sidebar__brand--trigger": hasModuleSelector.value
+                }
+              ])
             }, [
-              o("button", {
-                class: A([
-                  "rs-sidebar__item",
-                  {
-                    "rs-sidebar__item--active": r.active,
-                    "rs-sidebar__item--disabled": r.disabled,
-                    "rs-sidebar__item--parent": E(r)
-                  }
-                ]),
+              hasModuleSelector.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                class: "rs-sidebar__module-trigger",
                 type: "button",
-                disabled: r.disabled,
-                onClick: (a) => G(r)
+                "aria-expanded": isModuleMenuOpen.value,
+                "aria-haspopup": "menu",
+                onClick: toggleModuleMenu
               }, [
-                y(t.$slots, "item", {
-                  item: r,
-                  expanded: $.value
-                }, () => [
-                  r.icon ? (s(), k(v(h), {
-                    key: 0,
-                    class: "rs-sidebar__item-icon",
-                    name: r.icon
-                  }, null, 8, ["name"])) : b("", !0),
-                  o("span", Ye, m(r.label), 1),
-                  E(r) ? (s(), k(v(h), {
-                    key: 1,
-                    class: "rs-sidebar__item-chevron",
-                    name: "chevron_right",
-                    size: "sm"
-                  })) : b("", !0)
-                ])
-              ], 10, Xe)
-            ]))), 128))
-          ])
-        ]),
-        y(t.$slots, "footer", {
-          items: S.value,
-          expanded: $.value
-        }, () => [
-          S.value.length > 0 ? (s(), i("nav", Ze, [
-            o("ul", et, [
-              (s(!0), i(O, null, W(S.value, (r) => (s(), i("li", {
-                key: r.id,
-                class: "rs-sidebar__list-item"
+                createVNode(unref(_sfc_main$2), { name: __props.icon }, null, 8, ["name"]),
+                createElementVNode("span", _hoisted_4, toDisplayString(displayedHeaderTitle.value), 1),
+                createVNode(unref(_sfc_main$2), {
+                  class: "rs-sidebar__module-chevron",
+                  name: isModuleMenuOpen.value ? "arrow_drop_up" : "arrow_drop_down",
+                  size: "sm"
+                }, null, 8, ["name"])
+              ], 8, _hoisted_3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(unref(_sfc_main$2), { name: __props.icon }, null, 8, ["name"]),
+                createElementVNode("span", _hoisted_5, toDisplayString(displayedHeaderTitle.value), 1)
+              ], 64))
+            ], 2),
+            renderSlot(_ctx.$slots, "header-action", {
+              activeParent: activeParent.value,
+              closeMobile,
+              goBack
+            }, () => [
+              hasHeaderAction.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                class: "rs-sidebar__header-button",
+                type: "button",
+                "aria-label": activeParent.value ? "Volver" : "Cerrar menu",
+                onClick: _cache[0] || (_cache[0] = ($event) => activeParent.value ? goBack() : closeMobile())
               }, [
-                o("button", {
-                  class: A([
-                    "rs-sidebar__item",
-                    "rs-sidebar__item--footer",
-                    {
-                      "rs-sidebar__item--active": r.active,
-                      "rs-sidebar__item--disabled": r.disabled
-                    }
-                  ]),
-                  type: "button",
-                  disabled: r.disabled,
-                  onClick: (a) => G(r)
+                createVNode(unref(_sfc_main$2), {
+                  name: activeParent.value ? "arrow_left" : "close"
+                }, null, 8, ["name"])
+              ], 8, _hoisted_6)) : createCommentVNode("", true)
+            ])
+          ]),
+          hasModuleSelector.value && isModuleMenuOpen.value ? (openBlock(), createBlock(unref(Menu), {
+            key: 0,
+            class: "rs-sidebar__module-menu",
+            model: moduleMenuItems.value,
+            pt: {
+              root: { role: "menu" }
+            }
+          }, null, 8, ["model"])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("nav", _hoisted_8, [
+            createElementVNode("ul", _hoisted_9, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(displayedItems.value, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  key: item.id,
+                  class: "rs-sidebar__list-item"
                 }, [
-                  r.icon ? (s(), k(v(h), {
-                    key: 0,
-                    class: "rs-sidebar__item-icon",
-                    name: r.icon
-                  }, null, 8, ["name"])) : b("", !0),
-                  o("span", at, m(r.label), 1)
-                ], 10, tt)
-              ]))), 128))
+                  createElementVNode("button", {
+                    class: normalizeClass([
+                      "rs-sidebar__item",
+                      {
+                        "rs-sidebar__item--active": item.active,
+                        "rs-sidebar__item--disabled": item.disabled,
+                        "rs-sidebar__item--parent": hasVisibleChildren(item)
+                      }
+                    ]),
+                    type: "button",
+                    disabled: item.disabled,
+                    onClick: ($event) => handleItemClick(item)
+                  }, [
+                    renderSlot(_ctx.$slots, "item", {
+                      item,
+                      expanded: isExpanded.value
+                    }, () => [
+                      item.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 0,
+                        class: "rs-sidebar__item-icon",
+                        name: item.icon
+                      }, null, 8, ["name"])) : createCommentVNode("", true),
+                      createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1),
+                      hasVisibleChildren(item) ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 1,
+                        class: "rs-sidebar__item-chevron",
+                        name: "chevron_right",
+                        size: "sm"
+                      })) : createCommentVNode("", true)
+                    ])
+                  ], 10, _hoisted_10)
+                ]);
+              }), 128))
             ])
-          ])) : b("", !0)
+          ]),
+          renderSlot(_ctx.$slots, "footer", {
+            items: visibleFooterItems.value,
+            expanded: isExpanded.value
+          }, () => [
+            visibleFooterItems.value.length > 0 ? (openBlock(), createElementBlock("nav", _hoisted_12, [
+              createElementVNode("ul", _hoisted_13, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleFooterItems.value, (item) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: item.id,
+                    class: "rs-sidebar__list-item"
+                  }, [
+                    createElementVNode("button", {
+                      class: normalizeClass([
+                        "rs-sidebar__item",
+                        "rs-sidebar__item--footer",
+                        {
+                          "rs-sidebar__item--active": item.active,
+                          "rs-sidebar__item--disabled": item.disabled
+                        }
+                      ]),
+                      type: "button",
+                      disabled: item.disabled,
+                      onClick: ($event) => handleItemClick(item)
+                    }, [
+                      item.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 0,
+                        class: "rs-sidebar__item-icon",
+                        name: item.icon
+                      }, null, 8, ["name"])) : createCommentVNode("", true),
+                      createElementVNode("span", _hoisted_15, toDisplayString(item.label), 1)
+                    ], 10, _hoisted_14)
+                  ]);
+                }), 128))
+              ])
+            ])) : createCommentVNode("", true)
+          ])
         ])
-      ])
-    ], 42, De));
+      ], 42, _hoisted_1);
+    };
   }
-}), lt = [He, h, st], ct = {
-  install(e) {
-    for (const c of lt)
-      e.component(c.name ?? "", c);
+});
+const components = [_sfc_main$1, _sfc_main$2, _sfc_main];
+const RobosophyUiVue = {
+  install(app) {
+    for (const component of components) {
+      app.component(component.name ?? "", component);
+    }
   }
 };
 export {
-  ct as RobosophyUiVue,
-  He as RsAccountSelector,
-  h as RsIcon,
-  st as RsSidebar,
-  lt as components,
-  ct as default,
-  it as rsPrimeIcon
+  RobosophyUiVue,
+  _sfc_main$1 as RsAccountSelector,
+  _sfc_main$2 as RsIcon,
+  _sfc_main as RsSidebar,
+  components,
+  RobosophyUiVue as default,
+  rsPrimeIcon
 };
 //# sourceMappingURL=index.js.map