canny-ui-react 6.5.0 → 6.6.2

package/dist/index.js

@@ -7307,17 +7307,18 @@ const Tk = V(function({
       children: d
     }
   );
-}), Ik = V(function({ solid: e = !1, className: n, style: r, sx: o, children: i, ...s }, a) {
-  const { className: c, style: l, styleTag: u } = se(
+}), Ik = V(function({ solid: e = !1, surface: n = "base", className: r, style: o, sx: i, children: s, ...a }, c) {
+  const { className: l, style: u, styleTag: d } = se(
+    i,
     o,
-    r,
     "cny-navbar",
     e && "solid",
-    n
+    n === "raised" && "raised",
+    r
   );
-  return /* @__PURE__ */ D("header", { ref: a, className: c, style: l, ...s, children: [
-    u,
-    i
+  return /* @__PURE__ */ D("header", { ref: c, className: l, style: u, ...a, children: [
+    d,
+    s
   ] });
 }), kk = V(function({ mark: e = !0, className: n, children: r, ...o }, i) {
   return /* @__PURE__ */ D("a", { ref: i, className: H("cny-navbar-brand", n), ...o, children: [
@@ -7359,43 +7360,45 @@ const Tk = V(function({
   responsive: o = !1,
   mobileOpen: i = !1,
   onMobileOpenChange: s,
-  className: a,
-  style: c,
-  sx: l,
-  children: u,
-  ...d
-}, f) {
-  const m = o && !!s, g = m && i, y = de(null);
+  surface: a = "base",
+  className: c,
+  style: l,
+  sx: u,
+  children: d,
+  ...f
+}, m) {
+  const g = o && !!s, y = g && i, v = de(null);
   He(() => {
-    var S;
-    if (!g) return;
+    var P;
+    if (!y) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(u1).matches) {
-      const P = ((S = y.current) == null ? void 0 : S.querySelector('[data-cny-sidebar-item][tabindex="0"]')) ?? y.current;
-      P == null || P.focus();
+      const R = ((P = v.current) == null ? void 0 : P.querySelector('[data-cny-sidebar-item][tabindex="0"]')) ?? v.current;
+      R == null || R.focus();
     }
-    const C = (P) => {
-      P.key === "Escape" && (s == null || s(!1));
+    const S = (R) => {
+      R.key === "Escape" && (s == null || s(!1));
     };
-    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [g, s]);
-  const { className: v, style: b, styleTag: x } = se(
+    return document.addEventListener("keydown", S), () => document.removeEventListener("keydown", S);
+  }, [y, s]);
+  const { className: b, style: x, styleTag: w } = se(
+    u,
     l,
-    c,
     "cny-sidebar",
     e !== "default" && e,
     n && "sticky",
     // An open drawer always shows labels, whatever the docked state is.
-    r && !g && "collapsed",
+    r && !y && "collapsed",
     o && "responsive",
-    m && "mobile-drawer",
-    g && "mobile-open",
-    a
+    a === "raised" && "raised",
+    g && "mobile-drawer",
+    y && "mobile-open",
+    c
   );
   return /* @__PURE__ */ D(xe, { children: [
-    m && /* @__PURE__ */ h(
+    g && /* @__PURE__ */ h(
       "div",
       {
-        className: H("cny-sidebar-backdrop", g && "open"),
+        className: H("cny-sidebar-backdrop", y && "open"),
         "aria-hidden": "true",
         onClick: () => s == null ? void 0 : s(!1)
       }
@@ -7403,16 +7406,16 @@ const Tk = V(function({
     /* @__PURE__ */ D(
       "aside",
       {
-        ref: (w) => {
-          y.current = w, typeof f == "function" ? f(w) : f && (f.current = w);
+        ref: (C) => {
+          v.current = C, typeof m == "function" ? m(C) : m && (m.current = C);
         },
-        tabIndex: m ? -1 : void 0,
-        className: v,
-        style: b,
-        ...d,
+        tabIndex: g ? -1 : void 0,
+        className: b,
+        style: x,
+        ...f,
         children: [
-          x,
-          u
+          w,
+          d
         ]
       }
     )
@@ -15855,7 +15858,7 @@ const t2 = $D, n2 = V(function({
   sx: d,
   ...f
 }, m) {
-  const g = typeof e == "number", y = g && e > r ? `${r}+` : e, b = !n && g && e === 0 && !o ? null : /* @__PURE__ */ h(
+  const g = typeof e == "number", y = g && e > r ? `${r}+` : e, b = !n && (!g || e === 0 && !o) ? null : /* @__PURE__ */ h(
     "span",
     {
       className: H(
@@ -15871,7 +15874,6 @@ const t2 = $D, n2 = V(function({
     const { className: S, style: P, styleTag: R } = se(
       d,
       u,
-      "cny-badge",
       "cny-badge-standalone",
       l
     );
@@ -15883,7 +15885,7 @@ const t2 = $D, n2 = V(function({
   const { className: x, style: w, styleTag: C } = se(
     d,
     u,
-    "cny-badge",
+    "cny-badge-anchor",
     l
   );
   return /* @__PURE__ */ D("span", { ref: m, className: x, style: w, ...f, children: [