@starasia/admin 14.0.3 → 14.0.4

package/dist/index.es.js

@@ -494,18 +494,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, ae = (E) => {
-    var Fe, Ae, _e;
+    var Fe, Ae, Pe;
     if (!K) return;
     E.preventDefault();
     const j = E.clientX, ee = ((Fe = Je.current) == null ? void 0 : Fe.getBoundingClientRect().width) ?? X;
-    (_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;
+    (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;
     const it = (Wt) => {
-      Be = ee + (Wt.clientX - j), Se || (Se = requestAnimationFrame(() => {
-        Se = 0, O(q(Be));
+      Be = ee + (Wt.clientX - j), Ee || (Ee = requestAnimationFrame(() => {
+        Ee = 0, O(q(Be));
       }));
     }, Te = () => {
-      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));
+      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));
     };
     window.addEventListener("pointermove", it), window.addEventListener("pointerup", Te);
   }, Me = (E) => {
@@ -541,17 +541,17 @@ function As({
     }));
   }, [k.menus]), Y(() => {
     kt = !0, Oe();
-    const E = setTimeout(Oe, 0), j = setTimeout(Oe, 50), ee = setTimeout(Oe, 100), Se = setTimeout(Oe, 200), Be = setTimeout(() => {
+    const E = setTimeout(Oe, 0), j = setTimeout(Oe, 50), ee = setTimeout(Oe, 100), Ee = 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(), _e = Fe.getBoundingClientRect();
-        _e.top >= Ae.top && _e.bottom <= Ae.bottom || Fe.scrollIntoView({ block: "center", behavior: "smooth" });
+        const Ae = Te.getBoundingClientRect(), Pe = Fe.getBoundingClientRect();
+        Pe.top >= Ae.top && Pe.bottom <= Ae.bottom || Fe.scrollIntoView({ block: "center", behavior: "smooth" });
       }
     }, 250);
     return () => {
-      clearTimeout(E), clearTimeout(j), clearTimeout(ee), clearTimeout(Se), clearTimeout(Be), clearTimeout(it);
+      clearTimeout(E), clearTimeout(j), clearTimeout(ee), clearTimeout(Ee), clearTimeout(Be), clearTimeout(it);
     };
   }, [w.pathname]), Y(() => {
     He.current && (He.current.scrollTop = 0);
@@ -574,19 +574,19 @@ function As({
   }, nt = (E) => {
     const j = [E.to];
     return E.children && j.push(...E.children.map((ee) => ee.to)), j;
-  }, Ee = [
+  }, Se = [
     ...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 = Ee.filter((ee) => w.pathname.startsWith(ee)).sort((ee, Se) => Se.length - ee.length)[0];
+    const j = Se.filter((ee) => w.pathname.startsWith(ee)).sort((ee, Ee) => Ee.length - ee.length)[0];
     return E === j;
   };
   Y(() => {
     var j;
     const E = (ee) => {
-      var Se;
-      (Se = ee.children) != null && Se.some((Be) => w.pathname.startsWith(Be.to)) && De((Be) => {
+      var Ee;
+      (Ee = ee.children) != null && Ee.some((Be) => w.pathname.startsWith(Be.to)) && De((Be) => {
         const it = new Set(Be);
         return it.add(ee.id), it;
       });
@@ -627,12 +627,12 @@ function As({
       }
     );
   const bt = (E) => {
-    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;
+    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;
     return /* @__PURE__ */ d(
       h,
       {
         display: "block",
-        "data-menu-active": Se || void 0,
+        "data-menu-active": Ee || void 0,
         children: [
           /* @__PURE__ */ d(
             h,
@@ -660,19 +660,22 @@ function As({
               paddingInline: _ && !z ? void 0 : "sm",
               paddingBlock: "xs",
               height: "height-32",
-              borderRadius: Se ? "rounded-sm" : "rounded-md",
+              borderRadius: Ee ? "rounded-sm" : "rounded-md",
               borderWidth: "border",
               borderStyle: "border-solid",
-              borderColor: Se ? "border-base" : void 0,
-              bg: Se ? "white" : void 0,
-              hover: Se ? void 0 : { bg: "neutral" },
+              bg: Ee ? "white" : void 0,
+              hover: Ee ? void 0 : { bg: "neutral" },
               title: _ && !z ? E.title : void 0,
               style: {
                 textAlign: "left",
                 color: "var(--sa-text-primary, #292a2e)",
                 // Border tetap 1px walau tidak aktif supaya baris tidak bergeser
-                // saat jadi aktif — belum ada token borderColor "transparent".
-                ...Se ? null : { borderColor: "transparent" }
+                // 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"
               },
               children: [
                 /* @__PURE__ */ d(
@@ -793,7 +796,7 @@ function As({
                     const Ae = br(
                       Fe.badge,
                       I[Fe.id]
-                    ), _e = Ke(Fe.to);
+                    ), Pe = Ke(Fe.to);
                     return /* @__PURE__ */ d(
                       h,
                       {
@@ -807,16 +810,16 @@ function As({
                         paddingRight: "sm",
                         paddingBlock: "xs",
                         height: "height-32",
-                        borderRadius: _e ? "rounded-sm" : "rounded-md",
+                        borderRadius: Pe ? "rounded-sm" : "rounded-md",
                         borderWidth: "border",
                         borderStyle: "border-solid",
-                        borderColor: _e ? "border-base" : void 0,
-                        bg: _e ? "white" : void 0,
-                        hover: _e ? void 0 : { bg: "neutral" },
+                        bg: Pe ? "white" : void 0,
+                        hover: Pe ? void 0 : { bg: "neutral" },
                         style: {
                           textAlign: "left",
-                          color: _e ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)",
-                          ..._e ? null : { borderColor: "transparent" }
+                          color: Pe ? "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"
                         },
                         children: [
                           /* @__PURE__ */ e(
@@ -5895,9 +5898,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, Ee = Math.max(nt, Re.startWidth + (Xe.clientX - Re.startX));
+      const nt = ((Ke = t[Re.colIndex]) == null ? void 0 : Ke.minWidth) ?? D, Se = Math.max(nt, Re.startWidth + (Xe.clientX - Re.startX));
       pe(
-        (ft) => ft[Re.colIndex] === Ee ? ft : { ...ft, [Re.colIndex]: Ee }
+        (ft) => ft[Re.colIndex] === Se ? ft : { ...ft, [Re.colIndex]: Se }
       );
     }, lt = () => {
       document.removeEventListener("mousemove", Oe), document.removeEventListener("mouseup", lt), document.body.style.userSelect = ae, document.body.style.cursor = Me, He.current = null, M && pe((Xe) => (M(Xe), Xe));
@@ -5915,7 +5918,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, ae = 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(
+            const q = p > 0 && K < p, he = ze[K] ?? 0, ae = 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(
               L,
               {
                 name: "InfoCircle",
@@ -5945,13 +5948,13 @@ const Fl = 240, pi = ({
                 },
                 children: [
                   Ke,
-                  Ee,
+                  Se,
                   /* @__PURE__ */ e($l, { direction: Re })
                 ]
               }
             ) : /* @__PURE__ */ d("span", { style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 4 }, children: [
               Ke,
-              Ee
+              Se
             ] });
             return /* @__PURE__ */ d(
               St,
@@ -6533,14 +6536,14 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
     return [...r].sort(
       (A, Z) => Xl(q(y.col, A), 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), [Ee, Ke] = H();
+  }, [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();
   at(() => {
     Ke(void 0);
   }, [K]), at(() => {
-    if (!Me || Ee || !nt.current) return;
+    if (!Me || Se || !nt.current) return;
     const y = nt.current.querySelectorAll("th.sa-tl-leaf");
     Ke(Array.from(y).map((x) => x.offsetWidth));
-  }, [Ee, Me]);
+  }, [Se, Me]);
   const [ft, Dt] = H(), [bt, xt] = H(0);
   at(() => {
     if (!Ye || !nt.current) return;
@@ -6550,11 +6553,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 ((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 A = Se;
+    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 A = Ee;
     for (let Z = 0; Z < y; Z++) A += x[Z] ?? 0;
     return A;
   };
@@ -6579,7 +6582,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((ne) => Z.observe(ne)), A(), () => {
       x && cancelAnimationFrame(x), Z.disconnect();
     };
-  }, [K, j, z, Ee, Re]);
+  }, [K, j, z, Se, Re]);
   const it = oe(null), [Te, Fe] = H("100vh");
   at(() => {
     if (S !== void 0) return;
@@ -6593,11 +6596,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, _e = U !== void 0, [Wt, Ci] = H(
+  const Ae = (y, x) => n ? n(y, x) : x, Pe = U !== void 0, [Wt, Ci] = H(
     () => new Set(Q ?? [])
   ), gt = ve(
-    () => _e ? new Set(U) : Wt,
-    [_e, U, Wt]
+    () => Pe ? new Set(U) : Wt,
+    [Pe, U, Wt]
   );
   Y(() => {
     z && !n && process.env.NODE_ENV !== "production" && console.warn(
@@ -6605,7 +6608,7 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
     );
   }, [z, !n]);
   const tn = (y) => {
-    if (_e || Ci(y), _) {
+    if (Pe || Ci(y), _) {
       const x = ae.filter((A, Z) => y.has(Ae(A, Z)));
       _(Array.from(y), x);
     }
@@ -7075,7 +7078,7 @@ const Ps = Zl(jl), Tn = 200, Fr = "1px solid var(--sa-border-subtle, #0b120e24)"
         );
       })
     }
-  ), 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((A, Z) => /* @__PURE__ */ e(
+  ), 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((A, Z) => /* @__PURE__ */ e(
     Ve,
     {
       colSpan: A.colSpan,
@@ -11099,7 +11102,7 @@ function Kr(t) {
   return null;
 }
 Kr.displayName = "LayoutDialog.Footer";
-const Pe = {
+const _e = {
   "lyd-root": "_lyd-root_1g78i_1",
   "lyd-backdrop": "_lyd-backdrop_1g78i_38",
   "lyd-panel": "_lyd-panel_1g78i_47",
@@ -11134,11 +11137,11 @@ const Pe = {
   }
 ];
 function Vc({ value: t, onChange: r }) {
-  return /* @__PURE__ */ e("div", { className: Pe["lyd-vm-group"], role: "group", "aria-label": "View mode", children: Tc.map((n) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: _e["lyd-vm-group"], role: "group", "aria-label": "View mode", children: Tc.map((n) => /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      className: Pe["lyd-vm-btn"],
+      className: _e["lyd-vm-btn"],
       "data-active": t === n.mode,
       "aria-label": `Switch to ${n.label} view`,
       "aria-pressed": t === n.mode,
@@ -11233,10 +11236,10 @@ function _c(t) {
   );
   if (!r) return null;
   const U = [
-    Pe["lyd-panel"],
-    M === "modal" && Pe["lyd-modal"],
-    M === "fullscreen" && Pe["lyd-fullscreen"],
-    M === "sidebar" && Pe["lyd-sidebar"]
+    _e["lyd-panel"],
+    M === "modal" && _e["lyd-modal"],
+    M === "fullscreen" && _e["lyd-fullscreen"],
+    M === "sidebar" && _e["lyd-sidebar"]
   ].filter(Boolean).join(" "), Q = {
     "--lyd-max-w": $c(a),
     ...u !== void 0 && { "--lyd-aside-w": u }
@@ -11247,7 +11250,7 @@ function _c(t) {
     /* @__PURE__ */ d(
       "div",
       {
-        className: Pe["lyd-root"],
+        className: _e["lyd-root"],
         style: Q,
         role: "dialog",
         "aria-modal": "true",
@@ -11255,21 +11258,21 @@ function _c(t) {
           /* @__PURE__ */ e(
             "div",
             {
-              className: Pe["lyd-backdrop"],
+              className: _e["lyd-backdrop"],
               onClick: _,
               "aria-hidden": "true"
             }
           ),
           /* @__PURE__ */ d("div", { className: U, 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: [
+            /* @__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: [
                 c && /* @__PURE__ */ e(Vc, { value: W, onChange: D }),
                 s && /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    className: Pe["lyd-close-btn"],
+                    className: _e["lyd-close-btn"],
                     onClick: n,
                     "aria-label": "Close dialog",
                     children: /* @__PURE__ */ e(L, { name: "Cross", size: "md" })
@@ -11277,11 +11280,11 @@ function _c(t) {
                 )
               ] })
             ] }),
-            /* @__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 })
+            /* @__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 })
             ] }),
-            z && /* @__PURE__ */ e("div", { className: Pe["lyd-footer"], children: z })
+            z && /* @__PURE__ */ e("div", { className: _e["lyd-footer"], children: z })
           ] })
         ]
       }