@starasia/admin 14.4.0 → 14.5.0

package/dist/index.es.js

@@ -421,43 +421,47 @@ function si() {
   } };
 }
 let Pt = 0, kt = !1, bn = /* @__PURE__ */ new Set();
-function xo(t) {
-  const [r, n] = H(!1), o = oe(null), i = oe(null);
+function xo(t, r) {
+  const [n, o] = H(!1), i = oe(null), l = oe(null);
   return at(() => {
-    const l = o.current;
-    if (!l) return;
-    let c = 0;
-    const s = () => {
-      c = 0;
-      const u = i.current;
-      if (!u) return;
-      const m = u.scrollWidth > l.clientWidth;
-      n((p) => p === m ? p : m);
-    }, a = new ResizeObserver(() => {
-      c || (c = requestAnimationFrame(s));
+    const c = i.current;
+    if (!c) return;
+    let s = 0;
+    const a = () => {
+      s = 0;
+      const m = l.current;
+      if (!m) return;
+      const p = m.scrollWidth > c.clientWidth;
+      o((g) => g === p ? g : p);
+    }, u = new ResizeObserver(() => {
+      s || (s = requestAnimationFrame(a));
     });
-    return a.observe(l), s(), () => {
-      c && cancelAnimationFrame(c), a.disconnect();
+    return u.observe(c), a(), () => {
+      s && cancelAnimationFrame(s), u.disconnect();
     };
-  }, [t]), { containerRef: o, textRef: i, truncated: r };
+  }, [t, r]), { containerRef: i, textRef: l, truncated: n };
 }
 function xn({
   text: t,
-  textStyle: r
+  textStyle: r,
+  active: n = !1
 }) {
-  const { containerRef: n, textRef: o, truncated: i } = xo(t), l = /* @__PURE__ */ e(
+  const { containerRef: o, textRef: i, truncated: l } = xo(
+    t,
+    n
+  ), c = /* @__PURE__ */ e(
     C,
     {
-      ref: o,
+      ref: i,
       as: "span",
       fontSize: "md",
-      fontWeight: "medium",
+      fontWeight: n ? "medium" : "normal",
       truncate: !0,
       style: { display: "block", ...r },
       children: t
     }
   );
-  return /* @__PURE__ */ e(h, { ref: n, display: "block", style: { flex: 1, minWidth: 0 }, children: i ? /* @__PURE__ */ e(Ne, { fluid: !0, label: t, position: "top", children: l }) : l });
+  return /* @__PURE__ */ e(h, { ref: o, display: "block", style: { flex: 1, minWidth: 0 }, children: l ? /* @__PURE__ */ e(Ne, { fluid: !0, label: t, position: "top", children: c }) : c });
 }
 const vo = 200, Hr = "var(--app-header-height, 4rem)", vn = "44px", xr = `calc((${Hr} - 2rem) / 2)`, Cn = 16;
 function As({
@@ -494,18 +498,18 @@ function As({
     bn = we;
   }, [we]);
   const pe = oe(null), He = oe(null), Je = oe(null), [ue, Ye] = H(!1), [ht, O] = H(null), K = b && !z && !_, q = (E) => Math.min(Math.max(E, T), V), he = ht ?? X, de = (E) => {
-    var Fe, Ae, Pe;
+    var Fe, Ae, _e;
     if (!K) return;
     E.preventDefault();
     const j = E.clientX, ee = ((Fe = Je.current) == null ? void 0 : Fe.getBoundingClientRect().width) ?? X;
-    (Pe = (Ae = E.currentTarget).setPointerCapture) == null || Pe.call(Ae, E.pointerId), Ye(!0), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
-    let Ee = 0, Be = ee;
+    (_e = (Ae = E.currentTarget).setPointerCapture) == null || _e.call(Ae, E.pointerId), Ye(!0), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
+    let Se = 0, Be = ee;
     const it = (Wt) => {
-      Be = ee + (Wt.clientX - j), Ee || (Ee = requestAnimationFrame(() => {
-        Ee = 0, O(q(Be));
+      Be = ee + (Wt.clientX - j), Se || (Se = requestAnimationFrame(() => {
+        Se = 0, O(q(Be));
       }));
     }, Te = () => {
-      Ee && cancelAnimationFrame(Ee), window.removeEventListener("pointermove", it), window.removeEventListener("pointerup", Te), document.body.style.userSelect = "", document.body.style.cursor = "", O(null), Ye(!1), Be < vo ? P(!0) : re(q(Be));
+      Se && cancelAnimationFrame(Se), window.removeEventListener("pointermove", it), window.removeEventListener("pointerup", Te), document.body.style.userSelect = "", document.body.style.cursor = "", O(null), Ye(!1), Be < vo ? P(!0) : re(q(Be));
     };
     window.addEventListener("pointermove", it), window.addEventListener("pointerup", Te);
   }, Me = (E) => {
@@ -541,17 +545,17 @@ function As({
     }));
   }, [k.menus]), Y(() => {
     kt = !0, Oe();
-    const E = setTimeout(Oe, 0), j = setTimeout(Oe, 50), ee = setTimeout(Oe, 100), Ee = setTimeout(Oe, 200), Be = setTimeout(() => {
+    const E = setTimeout(Oe, 0), j = setTimeout(Oe, 50), ee = setTimeout(Oe, 100), Se = setTimeout(Oe, 200), Be = setTimeout(() => {
       kt = !1;
     }, 300), it = setTimeout(() => {
       const Te = pe.current, Fe = Te == null ? void 0 : Te.querySelector("[data-menu-active='true']");
       if (Te && Fe) {
-        const Ae = Te.getBoundingClientRect(), Pe = Fe.getBoundingClientRect();
-        Pe.top >= Ae.top && Pe.bottom <= Ae.bottom || Fe.scrollIntoView({ block: "center", behavior: "smooth" });
+        const Ae = Te.getBoundingClientRect(), _e = Fe.getBoundingClientRect();
+        _e.top >= Ae.top && _e.bottom <= Ae.bottom || Fe.scrollIntoView({ block: "center", behavior: "smooth" });
       }
     }, 250);
     return () => {
-      clearTimeout(E), clearTimeout(j), clearTimeout(ee), clearTimeout(Ee), clearTimeout(Be), clearTimeout(it);
+      clearTimeout(E), clearTimeout(j), clearTimeout(ee), clearTimeout(Se), clearTimeout(Be), clearTimeout(it);
     };
   }, [w.pathname]), Y(() => {
     He.current && (He.current.scrollTop = 0);
@@ -574,19 +578,19 @@ function As({
   }, nt = (E) => {
     const j = [E.to];
     return E.children && j.push(...E.children.map((ee) => ee.to)), j;
-  }, Se = [
+  }, Ee = [
     ...k.menus.flatMap((E) => E.items.flatMap(nt)),
     ...((xt = k.menuBottom) == null ? void 0 : xt.flatMap(nt)) ?? []
   ], Ke = (E) => {
     if (!w.pathname.startsWith(E)) return !1;
-    const j = Se.filter((ee) => w.pathname.startsWith(ee)).sort((ee, Ee) => Ee.length - ee.length)[0];
+    const j = Ee.filter((ee) => w.pathname.startsWith(ee)).sort((ee, Se) => Se.length - ee.length)[0];
     return E === j;
   };
   Y(() => {
     var j;
     const E = (ee) => {
-      var Ee;
-      (Ee = ee.children) != null && Ee.some((Be) => w.pathname.startsWith(Be.to)) && De((Be) => {
+      var Se;
+      (Se = ee.children) != null && Se.some((Be) => w.pathname.startsWith(Be.to)) && De((Be) => {
         const it = new Set(Be);
         return it.add(ee.id), it;
       });
@@ -627,12 +631,12 @@ function As({
       }
     );
   const bt = (E) => {
-    const j = E.children && E.children.length > 0, ee = we.has(E.id), Ee = j ? E.children.some((Te) => Ke(Te.to)) : Ke(E.to), Be = br(E.badge, I[E.id]), it = !!Be && _ && !z;
+    const j = E.children && E.children.length > 0, ee = we.has(E.id), Se = j ? E.children.some((Te) => Ke(Te.to)) : Ke(E.to), Be = br(E.badge, I[E.id]), it = !!Be && _ && !z;
     return /* @__PURE__ */ d(
       h,
       {
         display: "block",
-        "data-menu-active": Ee || void 0,
+        "data-menu-active": Se || void 0,
         children: [
           /* @__PURE__ */ d(
             h,
@@ -660,22 +664,27 @@ function As({
               paddingInline: _ && !z ? void 0 : "sm",
               paddingBlock: "xs",
               height: "height-32",
-              borderRadius: Ee ? "rounded-sm" : "rounded-md",
+              borderRadius: Se ? "rounded-sm" : "rounded-md",
               borderWidth: "border",
               borderStyle: "border-solid",
-              bg: Ee ? "white" : void 0,
-              hover: Ee ? void 0 : { bg: "neutral" },
+              bg: Se ? "white" : void 0,
+              hover: Se ? void 0 : { bg: "neutral" },
               title: _ && !z ? E.title : void 0,
               style: {
                 textAlign: "left",
-                color: "var(--sa-text-primary, #292a2e)",
+                // Non-aktif sengaja diturunkan ke `text-subtle` — sidebar itu
+                // permukaan yang di-scan, bukan dibaca. Ikon mewarisi lewat
+                // `currentColor`, jadi teks + ikon selalu sewarna. Pola ini sudah
+                // dipakai child item; induk sebelumnya selalu `text-primary`,
+                // yang membuat seluruh kolom nav tampil sama tebal & sama gelap.
+                color: Se ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)",
                 // Border tetap 1px walau tidak aktif supaya baris tidak bergeser
                 // saat jadi aktif. `borderColor` SELALU ditulis di sini — bukan
                 // separuh lewat prop, separuh lewat style — karena kalau properti
                 // ini hilang-muncul antar render, React memperingatkan "Removing a
                 // style property during rerender (borderColor) when a conflicting
                 // property is set (border)".
-                borderColor: Ee ? "var(--sa-border-subtle, #0b120e24)" : "transparent"
+                borderColor: Se ? "var(--sa-border-subtle, #0b120e24)" : "transparent"
               },
               children: [
                 /* @__PURE__ */ d(
@@ -712,6 +721,7 @@ function As({
                     xn,
                     {
                       text: E.title,
+                      active: Se,
                       textStyle: { transition: "opacity 0.3s" }
                     }
                   ),
@@ -796,7 +806,7 @@ function As({
                     const Ae = br(
                       Fe.badge,
                       I[Fe.id]
-                    ), Pe = Ke(Fe.to);
+                    ), _e = Ke(Fe.to);
                     return /* @__PURE__ */ d(
                       h,
                       {
@@ -810,16 +820,16 @@ function As({
                         paddingRight: "sm",
                         paddingBlock: "xs",
                         height: "height-32",
-                        borderRadius: Pe ? "rounded-sm" : "rounded-md",
+                        borderRadius: _e ? "rounded-sm" : "rounded-md",
                         borderWidth: "border",
                         borderStyle: "border-solid",
-                        bg: Pe ? "white" : void 0,
-                        hover: Pe ? void 0 : { bg: "neutral" },
+                        bg: _e ? "white" : void 0,
+                        hover: _e ? void 0 : { bg: "neutral" },
                         style: {
                           textAlign: "left",
-                          color: Pe ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)",
+                          color: _e ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)",
                           // Selalu ditulis — lihat catatan di baris menu induk.
-                          borderColor: Pe ? "var(--sa-border-subtle, #0b120e24)" : "transparent"
+                          borderColor: _e ? "var(--sa-border-subtle, #0b120e24)" : "transparent"
                         },
                         children: [
                           /* @__PURE__ */ e(
@@ -830,7 +840,13 @@ function As({
                               style: { flexShrink: 0 }
                             }
                           ),
-                          /* @__PURE__ */ e(xn, { text: Fe.title }),
+                          /* @__PURE__ */ e(
+                            xn,
+                            {
+                              text: Fe.title,
+                              active: _e
+                            }
+                          ),
                           Ae && /* @__PURE__ */ e(
                             Qt,
                             {
@@ -1475,7 +1491,7 @@ function As({
                   style: {
                     textAlign: "left",
                     borderColor: "transparent",
-                    color: j ? "var(--sa-text-primary, #292a2e)" : "var(--sa-color-gray-800, #505258)"
+                    color: j ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)"
                   },
                   children: [
                     E.icon && /* @__PURE__ */ e(
@@ -1491,7 +1507,7 @@ function As({
                       {
                         as: "span",
                         fontSize: "md",
-                        fontWeight: "medium",
+                        fontWeight: j ? "medium" : "normal",
                         whiteSpace: "nowrap",
                         style: { flex: 1 },
                         children: E.title
@@ -5910,9 +5926,9 @@ const Fl = 240, pi = ({
       var Ke;
       const Re = He.current;
       if (!Re) return;
-      const nt = ((Ke = t[Re.colIndex]) == null ? void 0 : Ke.minWidth) ?? D, Se = Math.max(nt, Re.startWidth + (Xe.clientX - Re.startX));
+      const nt = ((Ke = t[Re.colIndex]) == null ? void 0 : Ke.minWidth) ?? D, Ee = Math.max(nt, Re.startWidth + (Xe.clientX - Re.startX));
       pe(
-        (ft) => ft[Re.colIndex] === Se ? ft : { ...ft, [Re.colIndex]: Se }
+        (ft) => ft[Re.colIndex] === Ee ? ft : { ...ft, [Re.colIndex]: Ee }
       );
     }, lt = () => {
       document.removeEventListener("mousemove", Oe), document.removeEventListener("mouseup", lt), document.body.style.userSelect = de, document.body.style.cursor = Me, He.current = null, A && pe((Xe) => (A(Xe), Xe));
@@ -5930,7 +5946,7 @@ const Fl = 240, pi = ({
         children: /* @__PURE__ */ d(tt, { children: [
           t.map((O, K) => {
             var Dt, bt;
-            const q = p > 0 && K < p, he = ze[K] ?? 0, de = Ye(O), Oe = K === t.length - 1 && T && w, lt = _(O), Xe = !!O.sortable && !!lt, Re = Xe && (Q == null ? void 0 : Q.key) === lt ? Q.direction : null, nt = O.title || ((Dt = O.accessor) == null ? void 0 : Dt.toString()) || "", Se = (bt = O.headerTooltip) != null && bt.showIcon ? /* @__PURE__ */ e(
+            const q = p > 0 && K < p, he = ze[K] ?? 0, de = Ye(O), Oe = K === t.length - 1 && T && w, lt = _(O), Xe = !!O.sortable && !!lt, Re = Xe && (Q == null ? void 0 : Q.key) === lt ? Q.direction : null, nt = O.title || ((Dt = O.accessor) == null ? void 0 : Dt.toString()) || "", Ee = (bt = O.headerTooltip) != null && bt.showIcon ? /* @__PURE__ */ e(
               M,
               {
                 name: "InfoCircle",
@@ -5960,13 +5976,13 @@ const Fl = 240, pi = ({
                 },
                 children: [
                   Ke,
-                  Se,
+                  Ee,
                   /* @__PURE__ */ e($l, { direction: Re })
                 ]
               }
             ) : /* @__PURE__ */ d("span", { style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 4 }, children: [
               Ke,
-              Se
+              Ee
             ] });
             return /* @__PURE__ */ d(
               St,
@@ -6548,14 +6564,14 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
     return [...r].sort(
       (L, Z) => Xl(q(y.col, L), q(y.col, Z)) * x
     );
-  }, [r, pe, J, ue]), Me = !Ye && !O, Oe = !!s && Me, [lt, Xe] = qi(s ?? ""), Re = Oe ? lt : void 0, nt = oe(null), [Se, Ke] = H();
+  }, [r, pe, J, ue]), Me = !Ye && !O, Oe = !!s && Me, [lt, Xe] = qi(s ?? ""), Re = Oe ? lt : void 0, nt = oe(null), [Ee, Ke] = H();
   at(() => {
     Ke(void 0);
   }, [K]), at(() => {
-    if (!Me || Se || !nt.current) return;
+    if (!Me || Ee || !nt.current) return;
     const y = nt.current.querySelectorAll("th.sa-tl-leaf");
     Ke(Array.from(y).map((x) => x.offsetWidth));
-  }, [Se, Me]);
+  }, [Ee, Me]);
   const [ft, Dt] = H(), [bt, xt] = H(0);
   at(() => {
     if (!Ye || !nt.current) return;
@@ -6565,11 +6581,11 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
   const Et = (y, x) => {
     if ((Re == null ? void 0 : Re[x]) != null) return Re[x];
     if (y.width != null) return y.width;
-    if ((Se == null ? void 0 : Se[x]) != null) return Se[x];
-  }, E = (y, x) => typeof y.width == "number" ? y.width : Se == null ? void 0 : Se[x], j = De.frozenKey && !Ye && !O ? ue.findIndex((y) => y.key === De.frozenKey) : -1, ee = (y) => y <= j, Ee = z ? It : 0, Be = (y) => {
-    const x = ft ?? Se;
-    if (!x) return Ee;
-    let L = Ee;
+    if ((Ee == null ? void 0 : Ee[x]) != null) return Ee[x];
+  }, E = (y, x) => typeof y.width == "number" ? y.width : Ee == null ? void 0 : Ee[x], j = De.frozenKey && !Ye && !O ? ue.findIndex((y) => y.key === De.frozenKey) : -1, ee = (y) => y <= j, Se = z ? It : 0, Be = (y) => {
+    const x = ft ?? Ee;
+    if (!x) return Se;
+    let L = Se;
     for (let Z = 0; Z < y; Z++) L += x[Z] ?? 0;
     return L;
   };
@@ -6594,7 +6610,7 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
     return Z.observe(y), y.querySelectorAll("th.sa-tl-leaf").forEach((ie) => Z.observe(ie)), L(), () => {
       x && cancelAnimationFrame(x), Z.disconnect();
     };
-  }, [K, j, z, Se, Re]);
+  }, [K, j, z, Ee, Re]);
   const it = oe(null), [Te, Fe] = H("100vh");
   at(() => {
     if (S !== void 0) return;
@@ -6608,11 +6624,11 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
     };
     return y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
   }, [S]);
-  const Ae = (y, x) => n ? n(y, x) : x, Pe = U !== void 0, [Wt, Ci] = H(
+  const Ae = (y, x) => n ? n(y, x) : x, _e = U !== void 0, [Wt, Ci] = H(
     () => new Set(Q ?? [])
   ), gt = ve(
-    () => Pe ? new Set(U) : Wt,
-    [Pe, U, Wt]
+    () => _e ? new Set(U) : Wt,
+    [_e, U, Wt]
   );
   Y(() => {
     z && !n && process.env.NODE_ENV !== "production" && console.warn(
@@ -6620,7 +6636,7 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
     );
   }, [z, !n]);
   const tn = (y) => {
-    if (Pe || Ci(y), _) {
+    if (_e || Ci(y), _) {
       const x = de.filter((L, Z) => y.has(Ae(L, Z)));
       _(Array.from(y), x);
     }
@@ -7075,7 +7091,7 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
         );
       })
     }
-  ), Oi = l && Me && Se !== void 0, dn = c === "fixed" && !l && (Me ? Se !== void 0 : !0), Ti = dn && !Me, _t = D && D.length > 0 ? D.map((y, x) => /* @__PURE__ */ e(tt, { children: y.cells.map((L, Z) => /* @__PURE__ */ e(
+  ), Oi = l && Me && Ee !== void 0, dn = c === "fixed" && !l && (Me ? Ee !== void 0 : !0), Ti = dn && !Me, _t = D && D.length > 0 ? D.map((y, x) => /* @__PURE__ */ e(tt, { children: y.cells.map((L, Z) => /* @__PURE__ */ e(
     Ve,
     {
       colSpan: L.colSpan,
@@ -11101,7 +11117,7 @@ function Kr(t) {
   return null;
 }
 Kr.displayName = "LayoutDialog.Footer";
-const _e = {
+const Pe = {
   "lyd-root": "_lyd-root_1g78i_1",
   "lyd-backdrop": "_lyd-backdrop_1g78i_38",
   "lyd-panel": "_lyd-panel_1g78i_47",
@@ -11136,11 +11152,11 @@ const _e = {
   }
 ];
 function Vc({ value: t, onChange: r }) {
-  return /* @__PURE__ */ e("div", { className: _e["lyd-vm-group"], role: "group", "aria-label": "View mode", children: Tc.map((n) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: Pe["lyd-vm-group"], role: "group", "aria-label": "View mode", children: Tc.map((n) => /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      className: _e["lyd-vm-btn"],
+      className: Pe["lyd-vm-btn"],
       "data-active": t === n.mode,
       "aria-label": `Switch to ${n.label} view`,
       "aria-pressed": t === n.mode,
@@ -11235,10 +11251,10 @@ function _c(t) {
   );
   if (!r) return null;
   const U = [
-    _e["lyd-panel"],
-    A === "modal" && _e["lyd-modal"],
-    A === "fullscreen" && _e["lyd-fullscreen"],
-    A === "sidebar" && _e["lyd-sidebar"]
+    Pe["lyd-panel"],
+    A === "modal" && Pe["lyd-modal"],
+    A === "fullscreen" && Pe["lyd-fullscreen"],
+    A === "sidebar" && Pe["lyd-sidebar"]
   ].filter(Boolean).join(" "), Q = {
     "--lyd-max-w": $c(a),
     ...u !== void 0 && { "--lyd-aside-w": u }
@@ -11249,7 +11265,7 @@ function _c(t) {
     /* @__PURE__ */ d(
       "div",
       {
-        className: _e["lyd-root"],
+        className: Pe["lyd-root"],
         style: Q,
         role: "dialog",
         "aria-modal": "true",
@@ -11257,21 +11273,21 @@ function _c(t) {
           /* @__PURE__ */ e(
             "div",
             {
-              className: _e["lyd-backdrop"],
+              className: Pe["lyd-backdrop"],
               onClick: _,
               "aria-hidden": "true"
             }
           ),
           /* @__PURE__ */ d("div", { className: U, children: [
-            /* @__PURE__ */ d("div", { className: _e["lyd-header"], children: [
-              /* @__PURE__ */ e("div", { className: _e["lyd-header-content"], children: B }),
-              /* @__PURE__ */ d("div", { className: _e["lyd-header-actions"], children: [
+            /* @__PURE__ */ d("div", { className: Pe["lyd-header"], children: [
+              /* @__PURE__ */ e("div", { className: Pe["lyd-header-content"], children: B }),
+              /* @__PURE__ */ d("div", { className: Pe["lyd-header-actions"], children: [
                 c && /* @__PURE__ */ e(Vc, { value: W, onChange: D }),
                 s && /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    className: _e["lyd-close-btn"],
+                    className: Pe["lyd-close-btn"],
                     onClick: n,
                     "aria-label": "Close dialog",
                     children: /* @__PURE__ */ e(M, { name: "Cross", size: "md" })
@@ -11279,11 +11295,11 @@ function _c(t) {
                 )
               ] })
             ] }),
-            /* @__PURE__ */ d("div", { className: _e["lyd-main"], children: [
-              /* @__PURE__ */ e("div", { className: _e["lyd-body"], children: w }),
-              R && /* @__PURE__ */ e("aside", { className: _e["lyd-aside"], children: R })
+            /* @__PURE__ */ d("div", { className: Pe["lyd-main"], children: [
+              /* @__PURE__ */ e("div", { className: Pe["lyd-body"], children: w }),
+              R && /* @__PURE__ */ e("aside", { className: Pe["lyd-aside"], children: R })
             ] }),
-            z && /* @__PURE__ */ e("div", { className: _e["lyd-footer"], children: z })
+            z && /* @__PURE__ */ e("div", { className: Pe["lyd-footer"], children: z })
           ] })
         ]
       }