@starasia/admin 14.31.0 → 14.32.0

package/dist/index.es.js

@@ -424,28 +424,29 @@ const jo = "4.5rem", Zo = "var(--app-header-height, 4rem)", Mi = (t) => t ? jo :
 function Hn({
   icon: t,
   label: r,
-  active: n = !1,
-  badge: o,
-  showLabel: i = !0,
-  onClick: l
+  tooltip: n = r,
+  active: o = !1,
+  badge: i,
+  showLabel: l = !0,
+  onClick: c
 }) {
-  const [c, s] = B(!1);
-  return /* @__PURE__ */ e(Te, { fluid: !0, label: r, position: "right", children: /* @__PURE__ */ u(
+  const [s, a] = B(!1);
+  return /* @__PURE__ */ e(Te, { fluid: !0, label: n, position: "right", children: /* @__PURE__ */ u(
     h,
     {
       as: "button",
-      onClick: l,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      "aria-label": r,
-      "aria-current": n ? "page" : void 0,
+      onClick: c,
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
+      "aria-label": n,
+      "aria-current": o ? "page" : void 0,
       fullWidth: !0,
       direction: "column",
       align: "center",
       gap: "spacing-2",
       paddingBlock: "xs",
       style: {
-        color: n ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)"
+        color: o ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)"
       },
       children: [
         /* @__PURE__ */ u(
@@ -457,17 +458,17 @@ function Hn({
             justify: "center",
             width: "width-32",
             height: "height-32",
-            borderRadius: n ? "rounded-sm" : "rounded-md",
+            borderRadius: o ? "rounded-sm" : "rounded-md",
             borderWidth: "border",
             borderStyle: "border-solid",
-            bg: n ? "white" : c ? "neutral" : void 0,
+            bg: o ? "white" : s ? "neutral" : void 0,
             style: {
               // Selalu ditulis — lihat catatan borderColor di baris menu AppLayout.
-              borderColor: n ? "var(--sa-border-subtle, #0b120e24)" : "transparent"
+              borderColor: o ? "var(--sa-border-subtle, #0b120e24)" : "transparent"
             },
             children: [
               /* @__PURE__ */ e(F, { name: t, size: "sm" }),
-              o && !i && // Rail compact hanya 44px — badge angka akan keluar dari rail,
+              i && !l && // Rail compact hanya 44px — badge angka akan keluar dari rail,
               // jadi diganti dot (nilai lengkap tetap di badge item panel).
               /* @__PURE__ */ e(
                 h,
@@ -484,7 +485,7 @@ function Hn({
                   children: /* @__PURE__ */ e(gi, { tone: "error", variant: "solid", size: "xs" })
                 }
               ),
-              o && i && /* @__PURE__ */ e(
+              i && l && /* @__PURE__ */ e(
                 h,
                 {
                   position: "absolute",
@@ -493,8 +494,8 @@ function Hn({
                   children: /* @__PURE__ */ e(
                     Zt,
                     {
-                      text: String(o.value),
-                      variant: o.variant ?? "info",
+                      text: String(i.value),
+                      variant: i.variant ?? "info",
                       size: "xs",
                       border: !0
                     }
@@ -504,12 +505,12 @@ function Hn({
             ]
           }
         ),
-        i && /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e(
           w,
           {
             as: "span",
             fontSize: "xs",
-            fontWeight: n ? "medium" : "normal",
+            fontWeight: o ? "medium" : "normal",
             textAlign: "center",
             truncate: !0,
             style: { display: "block", maxWidth: "100%", color: "inherit" },
@@ -616,6 +617,7 @@ function Go({
               {
                 icon: g.icon,
                 label: g.label,
+                tooltip: g.tooltip,
                 badge: g.badge,
                 showLabel: a,
                 active: g.key === n,
@@ -640,6 +642,7 @@ function Go({
               {
                 icon: g.icon,
                 label: g.label,
+                tooltip: g.tooltip,
                 badge: g.badge,
                 showLabel: a,
                 onClick: () => i(g)