obeyaka-ui 0.1.19 → 0.1.21

package/dist/index.es.js

@@ -871,7 +871,7 @@ const Br = (n) => {
     borderWidth: g && u ? "2px" : void 0,
     transition: "border-color 0.2s ease-in-out, border-width 0.2s ease-in-out",
     color: "var(--mantine-color-gray-9)"
-  }, Q = () => I ? { ...V, ...k } : V;
+  }, G = () => I ? { ...V, ...k } : V;
   return /* @__PURE__ */ e(Vn, { label: r, size: s, children: /* @__PURE__ */ e(
     Xt,
     {
@@ -892,7 +892,7 @@ const Br = (n) => {
       style: { ...F, ...d },
       styles: {
         input: {
-          ...Q()
+          ...G()
         }
       },
       ...p
@@ -943,9 +943,9 @@ const Br = (n) => {
     M(!1), D !== n && t(D);
   }, V = (q) => {
     O(q.target.value);
-  }, Q = (q) => {
-    var G;
-    q.key === "Escape" && (O(n), M(!1), (G = B.current) == null || G.blur());
+  }, G = (q) => {
+    var Q;
+    q.key === "Escape" && (O(n), M(!1), (Q = B.current) == null || Q.blur());
   }, P = {
     cursor: i ? "not-allowed" : "text"
   }, N = {
@@ -984,7 +984,7 @@ const Br = (n) => {
           onMouseLeave: () => v(!1),
           onFocus: R,
           onBlur: F,
-          onKeyDown: Q,
+          onKeyDown: G,
           placeholder: o,
           disabled: i,
           size: s,
@@ -1840,34 +1840,31 @@ const Br = (n) => {
   "aria-label": g,
   ...w
 }) => {
-  const [y, S] = C(!1), [M, D] = C(!1), [O, k] = C(!1), v = ze.Children.count(t) > 0, B = O ? De : In, L = !u && v && (h ? M : !0), R = j(
-    (G) => {
-      d || (console.log("NavLink clicked", { hasChildren: v, noChild: u, isExpanded: y }), v && !u && (console.log("Toggling expansion"), S(!y)), p == null || p());
-    },
-    [p, d, v, u, y]
-  ), F = j(
-    (G) => {
-      G.stopPropagation(), !d && (o == null || o());
+  const [y, S] = C(!1), [M, D] = C(!1), [O, k] = C(!1), v = ze.Children.count(t) > 0, B = O ? De : In, L = !u && v && (h ? M : !0), R = j(() => {
+    d || p == null || p();
+  }, [p, d]), F = j(
+    (Q) => {
+      Q.stopPropagation(), !d && (o == null || o());
     },
     [o, d]
   ), V = j(() => {
     d || (v && !u && S(!y), p == null || p());
-  }, [d, v, u, y, p]), Q = j(() => {
+  }, [d, v, u, y, p]), G = j(() => {
     d || o == null || o();
   }, [o, d]), P = j(
-    (G) => {
-      d || i == null || i(G);
+    (Q) => {
+      d || i == null || i(Q);
     },
     [i, d, n]
-  ), N = j(() => v ? ze.Children.map(t, (G) => ze.isValidElement(G) ? ze.cloneElement(G, {
-    ...G.props,
+  ), N = j(() => v ? ze.Children.map(t, (Q) => ze.isValidElement(Q) ? ze.cloneElement(Q, {
+    ...Q.props,
     level: c + 1
-  }) : G) : null, [t, v, c]), X = (a == null ? void 0 : a.map((G) => ({
+  }) : Q) : null, [t, v, c]), X = (a == null ? void 0 : a.map((Q) => ({
     children: /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
-      G.icon && /* @__PURE__ */ e(G.icon, { size: 16 }),
-      /* @__PURE__ */ e(T, { size: "sm", children: G.label })
+      Q.icon && /* @__PURE__ */ e(Q.icon, { size: 16 }),
+      /* @__PURE__ */ e(T, { size: "sm", children: Q.label })
     ] }),
-    onClick: () => P(G.action)
+    onClick: () => P(Q.action)
   }))) || [], H = [
     {
       children: /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
@@ -1952,11 +1949,11 @@ const Br = (n) => {
                     ae,
                     {
                       icon: Te,
-                      onClick: Q,
+                      onClick: G,
                       "aria-label": `Add child to ${n}`
                     }
                   ),
-                  (a && a.length > 0 || o) && /* @__PURE__ */ e("div", { onClick: (G) => G.stopPropagation(), children: /* @__PURE__ */ e(
+                  (a && a.length > 0 || o) && /* @__PURE__ */ e("div", { onClick: (Q) => Q.stopPropagation(), children: /* @__PURE__ */ e(
                     Je,
                     {
                       menuItems: q,
@@ -2298,7 +2295,7 @@ const Br = (n) => {
   ), V = J(() => [...d ? t.filter((E) => E.type === "select" && E.options).map((E) => ({
     value: E.key,
     label: E.label
-  })) : [], ...u], [t, d, u]), Q = J(() => {
+  })) : [], ...u], [t, d, u]), G = J(() => {
     let z = r || [];
     if (v) {
       const E = v.toLowerCase();
@@ -2554,7 +2551,7 @@ const Br = (n) => {
             },
             String(z.key)
           )) }) }),
-          /* @__PURE__ */ e(we.Tbody, { children: Q.length === 0 ? /* @__PURE__ */ e(we.Tr, { children: /* @__PURE__ */ e(we.Td, { colSpan: t.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(T, { c: "dimmed", children: l }) }) }) : Q.map((z, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(we.Tbody, { children: G.length === 0 ? /* @__PURE__ */ e(we.Tr, { children: /* @__PURE__ */ e(we.Td, { colSpan: t.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(T, { c: "dimmed", children: l }) }) }) : G.map((z, E) => /* @__PURE__ */ e(
             we.Tr,
             {
               style: { cursor: g ? "pointer" : "default" },
@@ -4449,7 +4446,7 @@ const Io = ({
     handleEmojiSelect: R,
     handleIconSelect: F,
     clearImagePreview: V,
-    resetState: Q
+    resetState: G
   } = lo({
     onAvatarSelect: a
   });
@@ -4458,8 +4455,8 @@ const Io = ({
     onClose: o,
     popoverRef: p
   }), Y(() => {
-    r || Q();
-  }, [r, Q]);
+    r || G();
+  }, [r, G]);
   const P = (ie) => {
     console.log("Emoji clicked:", ie), R(ie), o();
   }, N = (ie) => {
@@ -4470,7 +4467,7 @@ const Io = ({
     O ? (L(), o()) : (M || D) && o();
   }, q = () => {
     f.current && f.current.click();
-  }, G = () => {
+  }, Q = () => {
     V();
   }, ee = () => {
     console.log("Avatar removed"), s == null || s(), o();
@@ -4496,7 +4493,7 @@ const Io = ({
       onFileInputClick: q,
       onImageChange: X,
       onImageAccept: H,
-      onClearImagePreview: G,
+      onClearImagePreview: Q,
       fileInputRef: f
     }
   ), ue = /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
@@ -5108,7 +5105,7 @@ const Io = ({
         ] }) : null })
       }
     )
-  ] }), Q = /* @__PURE__ */ e(me, { children: /* @__PURE__ */ x(W, { gap: "md", p: "sm", children: [
+  ] }), G = /* @__PURE__ */ e(me, { children: /* @__PURE__ */ x(W, { gap: "md", p: "sm", children: [
     /* @__PURE__ */ x(W, { gap: 4, align: "center", children: [
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, ta: "center", children: "Publish to the web" }),
       /* @__PURE__ */ e(
@@ -5220,7 +5217,7 @@ const Io = ({
           )
         ] }),
         /* @__PURE__ */ e(he.Panel, { value: "invite", children: /* @__PURE__ */ e(b, { p: "sm", children: V }) }),
-        /* @__PURE__ */ e(he.Panel, { value: "publish", children: /* @__PURE__ */ e(b, { p: "sm", children: Q }) })
+        /* @__PURE__ */ e(he.Panel, { value: "publish", children: /* @__PURE__ */ e(b, { p: "sm", children: G }) })
       ]
     }
   ) }) });
@@ -6780,7 +6777,7 @@ const Tt = ({
   onDownHover: R,
   onLeftAdd: F,
   onRightAdd: V,
-  onUpAdd: Q,
+  onUpAdd: G,
   onDownAdd: P,
   size: N = "md",
   inline: X = !1
@@ -6863,7 +6860,7 @@ const Tt = ({
         children: /* @__PURE__ */ e(In, { size: 16, stroke: 2 })
       }
     )
-  ] }), G = () => w <= 1 || y ? null : /* @__PURE__ */ x(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  ] }), Q = () => w <= 1 || y ? null : /* @__PURE__ */ x(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -6882,7 +6879,7 @@ const Tt = ({
       {
         size: N,
         variant: "subtle",
-        onClick: Q,
+        onClick: G,
         color: "blue",
         radius: "md",
         "aria-label": "Add up blocks",
@@ -6964,7 +6961,7 @@ const Tt = ({
       {
         onMouseEnter: () => M == null ? void 0 : M(!0),
         onMouseLeave: () => M == null ? void 0 : M(!1),
-        children: G()
+        children: Q()
       }
     ),
     $ && L && D && O && /* @__PURE__ */ e(
@@ -7027,7 +7024,7 @@ const Tt = ({
         },
         onMouseEnter: () => M == null ? void 0 : M(!0),
         onMouseLeave: () => M == null ? void 0 : M(!1),
-        children: G()
+        children: Q()
       }
     ),
     /* @__PURE__ */ e(
@@ -7426,7 +7423,7 @@ const Ye = ({
       maxCellSize: O = "80px"
     } = n, k = parseFloat(c.replace("px", "")), v = parseFloat(d.replace("px", "")), B = a.width - k * 4, L = a.height - k * 4, R = v + k, F = Math.floor(
       B / (2 * R)
-    ), V = v + k, Q = Math.floor(L / V) + 2, P = Math.min(F, Q), N = Math.max(
+    ), V = v + k, G = Math.floor(L / V) + 2, P = Math.min(F, G), N = Math.max(
       u,
       Math.min(m, P)
     ), X = Math.max(
@@ -7449,7 +7446,7 @@ const Ye = ({
         Math.min($, v * K)
       )}px`;
     }
-    const G = Math.min(
+    const Q = Math.min(
       a.width / 1920,
       a.height / 1080
     );
@@ -7466,14 +7463,14 @@ const Ye = ({
         Math.min(
           $,
           Math.ceil(
-            U + ($ - U) * G
+            U + ($ - U) * Q
           )
         )
       );
       ee = K, z = K;
     }
-    if (ee + z + 1 > Q) {
-      const U = Math.max(2, Q - 1);
+    if (ee + z + 1 > G) {
+      const U = Math.max(2, G - 1);
       if (Math.max(g, y) * 2 > U) {
         const K = Math.max(1, Math.floor(U / 2));
         ee = K, z = K;
@@ -7484,7 +7481,7 @@ const Ye = ({
     }
     return console.log("Responsive Matrix Debug:", {
       windowSize: a,
-      screenSizeRatio: G,
+      screenSizeRatio: Q,
       minBlocksUp: g,
       minBlocksDown: y,
       maxBlocksUp: w,
@@ -7496,7 +7493,7 @@ const Ye = ({
       totalVerticalBlocks: ee + z + 1,
       isSymmetric: ee === z,
       availableHeight: L,
-      maxBlocksVertical: Q
+      maxBlocksVertical: G
     }), {
       blocksPerSide: N,
       blocksLeft: X,
@@ -7558,16 +7555,16 @@ const Ye = ({
     i,
     a
   ), L = J(() => {
-    let Q = u ? B.blocksLeft : t ?? 0, P = u ? B.blocksRight : o ?? 0, N = u ? B.blocksUp : i ?? 0, X = u ? B.blocksDown : a ?? 0;
+    let G = u ? B.blocksLeft : t ?? 0, P = u ? B.blocksRight : o ?? 0, N = u ? B.blocksUp : i ?? 0, X = u ? B.blocksDown : a ?? 0;
     if (!u) {
-      const H = parseFloat(n.replace("px", "")), q = parseFloat(r.replace("px", "")), G = typeof window < "u" ? window.innerWidth - H * 4 : 1920, ee = typeof window < "u" ? window.innerHeight - H * 4 : 1080, z = q + H, E = Math.floor(
-        G / (2 * z)
+      const H = parseFloat(n.replace("px", "")), q = parseFloat(r.replace("px", "")), Q = typeof window < "u" ? window.innerWidth - H * 4 : 1920, ee = typeof window < "u" ? window.innerHeight - H * 4 : 1080, z = q + H, E = Math.floor(
+        Q / (2 * z)
       ), U = Math.floor(
         ee / (2 * z)
       );
-      Q = Math.min(Q, E), P = Math.min(P, E), N = Math.min(N, U), X = Math.min(X, U);
+      G = Math.min(G, E), P = Math.min(P, E), N = Math.min(N, U), X = Math.min(X, U);
     }
-    return { left: Q, right: P, up: N, down: X };
+    return { left: G, right: P, up: N, down: X };
   }, [
     u,
     B,
@@ -7578,8 +7575,8 @@ const Ye = ({
     n,
     r
   ]), R = J(() => {
-    const Q = v && s ? Math.min(L.left, s) : L.left, P = v && l ? Math.min(L.right, l) : L.right, N = v && c ? Math.min(L.up, c) : L.up, X = v && d ? Math.min(L.down, d) : L.down;
-    return { left: Q, right: P, up: N, down: X };
+    const G = v && s ? Math.min(L.left, s) : L.left, P = v && l ? Math.min(L.right, l) : L.right, N = v && c ? Math.min(L.up, c) : L.up, X = v && d ? Math.min(L.down, d) : L.down;
+    return { left: G, right: P, up: N, down: X };
   }, [
     v,
     L,
@@ -7588,9 +7585,9 @@ const Ye = ({
     c,
     d
   ]), F = u ? B.cellSize : r, V = J(() => {
-    const Q = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), P = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, N = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), X = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
+    const G = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), P = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, N = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), X = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
     return {
-      totalColumns: Q,
+      totalColumns: G,
       totalRows: P,
       gridTemplateColumns: N.trim(),
       gridTemplateRows: X.trim()
@@ -7922,13 +7919,13 @@ const Ye = ({
   // Legacy props (for backward compatibility)
   minBlocksLeft: F = 1,
   maxBlocksLeft: V = 8,
-  minBlocksRight: Q = 1,
+  minBlocksRight: G = 1,
   maxBlocksRight: P = 8,
   minBlocksUp: N = 1,
   maxBlocksUp: X = 8,
   minBlocksDown: H = 1,
   maxBlocksDown: q = 8,
-  responsiveCellSize: G = !1,
+  responsiveCellSize: Q = !1,
   minCellSize: ee = "30px",
   maxCellSize: z = "80px",
   directionTexts: E,
@@ -7942,7 +7939,7 @@ const Ye = ({
   });
   let ue = c, _ = d, ge = u, ie = m;
   l ? (ue = Math.floor(K.blocksLeft), _ = Math.floor(K.blocksRight), ge = Math.floor(K.blocksUp), ie = Math.floor(K.blocksDown)) : (i !== void 0 || a !== void 0) && (i !== void 0 && (ge = Math.floor(i / 2), ie = Math.floor(i / 2)), a !== void 0 && (ue = Math.floor(a / 2), _ = Math.floor(a / 2)));
-  const Ce = F !== 1 ? F : Math.floor(v / 2), rn = V !== 8 ? V : Math.floor(B / 2), on = Q !== 1 ? Q : Math.ceil(v / 2), Ie = P !== 8 ? P : Math.ceil(B / 2), Ae = N !== 1 ? N : Math.floor(L / 2), Ve = X !== 8 ? X : Math.floor(R / 2), jt = H !== 1 ? H : Math.ceil(L / 2), Ft = q !== 8 ? q : Math.ceil(R / 2), {
+  const Ce = F !== 1 ? F : Math.floor(v / 2), rn = V !== 8 ? V : Math.floor(B / 2), on = G !== 1 ? G : Math.ceil(v / 2), Ie = P !== 8 ? P : Math.ceil(B / 2), Ae = N !== 1 ? N : Math.floor(L / 2), Ve = X !== 8 ? X : Math.floor(R / 2), jt = H !== 1 ? H : Math.ceil(L / 2), Ft = q !== 8 ? q : Math.ceil(R / 2), {
     usePagination: Ut,
     finalBlocks: ne,
     finalCellSize: ye,
@@ -7969,7 +7966,7 @@ const Ye = ({
     maxBlocksUp: Ve,
     minBlocksDown: jt,
     maxBlocksDown: Ft,
-    responsiveCellSize: G,
+    responsiveCellSize: Q,
     minCellSize: ee,
     maxCellSize: z
   }), { getBlockContent: Ge, getIntersectionText: Nt } = Go({
@@ -8597,7 +8594,7 @@ const Be = ({
     handleFocus: R,
     handleBlur: F,
     handleMouseEnter: V,
-    handleMouseLeave: Q
+    handleMouseLeave: G
   } = oi({
     combobox: k,
     dropdownRef: w
@@ -8611,7 +8608,7 @@ const Be = ({
     displayedUsers: M,
     searchQuery: y,
     onSearch: d
-  }), { loadMoreRef: G } = ri({
+  }), { loadMoreRef: Q } = ri({
     onLoadMore: h,
     hasMore: I,
     loading: f,
@@ -8738,7 +8735,7 @@ const Be = ({
                 onFocus: R,
                 onBlur: F,
                 onMouseEnter: () => !c && V(),
-                onMouseLeave: Q,
+                onMouseLeave: G,
                 w: "100%",
                 children: /* @__PURE__ */ x(
                   gn.Group,
@@ -8881,7 +8878,7 @@ const Be = ({
                           children: /* @__PURE__ */ e(Me, { size: "sm" })
                         }
                       ),
-                      h && I && !f && /* @__PURE__ */ e("div", { ref: G, style: { height: "20px" } }),
+                      h && I && !f && /* @__PURE__ */ e("div", { ref: Q, style: { height: "20px" } }),
                       q.length === 0 && !O && !f && /* @__PURE__ */ e(
                         b,
                         {