reykit 1.0.194 → 1.0.196

package/dist/index.js

@@ -1,6 +1,6 @@
-import { Link as d5, useLocation as p5, useNavigate as m5 } from "react-router-dom";
 import * as S from "react";
-import lm, { useState as Yl, useEffect as kA, createElement as pM, useLayoutEffect as h5, useMemo as g5, createContext as v5, useContext as y5, Fragment as b5, isValidElement as x5 } from "react";
+import lm, { useState as Yl, useEffect as kA, createElement as pM, useLayoutEffect as d5, useMemo as p5, createContext as m5, useContext as h5, Fragment as g5, isValidElement as v5 } from "react";
+import { Link as y5, useLocation as b5, useNavigate as x5 } from "react-router-dom";
 import * as Zo from "react-dom";
 import YA from "react-dom";
 import { cva as Pl } from "class-variance-authority";
@@ -34,10 +34,269 @@ function Z5(a, i) {
   }
   return Object.freeze(Object.defineProperty(a, Symbol.toStringTag, { value: "Module" }));
 }
-var A1 = { exports: {} }, i0 = {}, D1 = { exports: {} }, BT = {};
+var A1 = { exports: {} }, i0 = {};
 var hM;
 function K5() {
-  return hM || (hM = 1, (function(a) {
+  if (hM) return i0;
+  hM = 1;
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
+  function u(d, m, g) {
+    var y = null;
+    if (g !== void 0 && (y = "" + g), m.key !== void 0 && (y = "" + m.key), "key" in m) {
+      g = {};
+      for (var b in m)
+        b !== "key" && (g[b] = m[b]);
+    } else g = m;
+    return m = g.ref, {
+      $$typeof: a,
+      type: d,
+      key: y,
+      ref: m !== void 0 ? m : null,
+      props: g
+    };
+  }
+  return i0.Fragment = i, i0.jsx = u, i0.jsxs = u, i0;
+}
+var r0 = {};
+var gM;
+function $5() {
+  return gM || (gM = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(Y) {
+      if (Y == null) return null;
+      if (typeof Y == "function")
+        return Y.$$typeof === W ? null : Y.displayName || Y.name || null;
+      if (typeof Y == "string") return Y;
+      switch (Y) {
+        case D:
+          return "Fragment";
+        case V:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case I:
+          return "Suspense";
+        case Z:
+          return "SuspenseList";
+        case $:
+          return "Activity";
+      }
+      if (typeof Y == "object")
+        switch (typeof Y.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), Y.$$typeof) {
+          case z:
+            return "Portal";
+          case H:
+            return Y.displayName || "Context";
+          case _:
+            return (Y._context.displayName || "Context") + ".Consumer";
+          case P:
+            var ae = Y.render;
+            return Y = Y.displayName, Y || (Y = ae.displayName || ae.name || "", Y = Y !== "" ? "ForwardRef(" + Y + ")" : "ForwardRef"), Y;
+          case K:
+            return ae = Y.displayName || null, ae !== null ? ae : a(Y.type) || "Memo";
+          case ne:
+            ae = Y._payload, Y = Y._init;
+            try {
+              return a(Y(ae));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(Y) {
+      return "" + Y;
+    }
+    function u(Y) {
+      try {
+        i(Y);
+        var ae = !1;
+      } catch {
+        ae = !0;
+      }
+      if (ae) {
+        ae = console;
+        var G = ae.error, J = typeof Symbol == "function" && Symbol.toStringTag && Y[Symbol.toStringTag] || Y.constructor.name || "Object";
+        return G.call(
+          ae,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          J
+        ), i(Y);
+      }
+    }
+    function d(Y) {
+      if (Y === D) return "<>";
+      if (typeof Y == "object" && Y !== null && Y.$$typeof === ne)
+        return "<...>";
+      try {
+        var ae = a(Y);
+        return ae ? "<" + ae + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function m() {
+      var Y = ee.A;
+      return Y === null ? null : Y.getOwner();
+    }
+    function g() {
+      return Error("react-stack-top-frame");
+    }
+    function y(Y) {
+      if (F.call(Y, "key")) {
+        var ae = Object.getOwnPropertyDescriptor(Y, "key").get;
+        if (ae && ae.isReactWarning) return !1;
+      }
+      return Y.key !== void 0;
+    }
+    function b(Y, ae) {
+      function G() {
+        L || (L = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          ae
+        ));
+      }
+      G.isReactWarning = !0, Object.defineProperty(Y, "key", {
+        get: G,
+        configurable: !0
+      });
+    }
+    function C() {
+      var Y = a(this.type);
+      return q[Y] || (q[Y] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), Y = this.props.ref, Y !== void 0 ? Y : null;
+    }
+    function T(Y, ae, G, J, se, ye) {
+      var ve = G.ref;
+      return Y = {
+        $$typeof: w,
+        type: Y,
+        key: ae,
+        props: G,
+        _owner: J
+      }, (ve !== void 0 ? ve : null) !== null ? Object.defineProperty(Y, "ref", {
+        enumerable: !1,
+        get: C
+      }) : Object.defineProperty(Y, "ref", { enumerable: !1, value: null }), Y._store = {}, Object.defineProperty(Y._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(Y, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(Y, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: se
+      }), Object.defineProperty(Y, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ye
+      }), Object.freeze && (Object.freeze(Y.props), Object.freeze(Y)), Y;
+    }
+    function R(Y, ae, G, J, se, ye) {
+      var ve = ae.children;
+      if (ve !== void 0)
+        if (J)
+          if (re(ve)) {
+            for (J = 0; J < ve.length; J++)
+              N(ve[J]);
+            Object.freeze && Object.freeze(ve);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else N(ve);
+      if (F.call(ae, "key")) {
+        ve = a(Y);
+        var be = Object.keys(ae).filter(function(Ge) {
+          return Ge !== "key";
+        });
+        J = 0 < be.length ? "{key: someKey, " + be.join(": ..., ") + ": ...}" : "{key: someKey}", le[ve + J] || (be = 0 < be.length ? "{" + be.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          J,
+          ve,
+          be,
+          ve
+        ), le[ve + J] = !0);
+      }
+      if (ve = null, G !== void 0 && (u(G), ve = "" + G), y(ae) && (u(ae.key), ve = "" + ae.key), "key" in ae) {
+        G = {};
+        for (var Re in ae)
+          Re !== "key" && (G[Re] = ae[Re]);
+      } else G = ae;
+      return ve && b(
+        G,
+        typeof Y == "function" ? Y.displayName || Y.name || "Unknown" : Y
+      ), T(
+        Y,
+        ve,
+        G,
+        m(),
+        se,
+        ye
+      );
+    }
+    function N(Y) {
+      A(Y) ? Y._store && (Y._store.validated = 1) : typeof Y == "object" && Y !== null && Y.$$typeof === ne && (Y._payload.status === "fulfilled" ? A(Y._payload.value) && Y._payload.value._store && (Y._payload.value._store.validated = 1) : Y._store && (Y._store.validated = 1));
+    }
+    function A(Y) {
+      return typeof Y == "object" && Y !== null && Y.$$typeof === w;
+    }
+    var M = lm, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), z = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), V = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), H = /* @__PURE__ */ Symbol.for("react.context"), P = /* @__PURE__ */ Symbol.for("react.forward_ref"), I = /* @__PURE__ */ Symbol.for("react.suspense"), Z = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), ne = /* @__PURE__ */ Symbol.for("react.lazy"), $ = /* @__PURE__ */ Symbol.for("react.activity"), W = /* @__PURE__ */ Symbol.for("react.client.reference"), ee = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, re = Array.isArray, te = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    M = {
+      react_stack_bottom_frame: function(Y) {
+        return Y();
+      }
+    };
+    var L, q = {}, Q = M.react_stack_bottom_frame.bind(
+      M,
+      g
+    )(), oe = te(d(g)), le = {};
+    r0.Fragment = D, r0.jsx = function(Y, ae, G) {
+      var J = 1e4 > ee.recentlyCreatedOwnerStacks++;
+      return R(
+        Y,
+        ae,
+        G,
+        !1,
+        J ? Error("react-stack-top-frame") : Q,
+        J ? te(d(Y)) : oe
+      );
+    }, r0.jsxs = function(Y, ae, G) {
+      var J = 1e4 > ee.recentlyCreatedOwnerStacks++;
+      return R(
+        Y,
+        ae,
+        G,
+        !0,
+        J ? Error("react-stack-top-frame") : Q,
+        J ? te(d(Y)) : oe
+      );
+    };
+  })()), r0;
+}
+var vM;
+function F5() {
+  return vM || (vM = 1, process.env.NODE_ENV === "production" ? A1.exports = K5() : A1.exports = $5()), A1.exports;
+}
+var E = F5(), D1 = { exports: {} }, s0 = {}, z1 = { exports: {} }, BT = {};
+var yM;
+function J5() {
+  return yM || (yM = 1, (function(a) {
     function i(L, q) {
       var Q = L.length;
       L.push(q);
@@ -256,9 +515,9 @@ function K5() {
   })(BT)), BT;
 }
 var LT = {};
-var gM;
-function $5() {
-  return gM || (gM = 1, (function(a) {
+var bM;
+function W5() {
+  return bM || (bM = 1, (function(a) {
     process.env.NODE_ENV !== "production" && (function() {
       function i() {
         if (P = !1, ne) {
@@ -479,14 +738,14 @@ function $5() {
     })();
   })(LT)), LT;
 }
-var vM;
+var xM;
 function QA() {
-  return vM || (vM = 1, process.env.NODE_ENV === "production" ? D1.exports = K5() : D1.exports = $5()), D1.exports;
+  return xM || (xM = 1, process.env.NODE_ENV === "production" ? z1.exports = J5() : z1.exports = W5()), z1.exports;
 }
-var yM;
-function F5() {
-  if (yM) return i0;
-  yM = 1;
+var SM;
+function e6() {
+  if (SM) return s0;
+  SM = 1;
   var a = QA(), i = lm, u = YA;
   function d(n) {
     var l = "https://react.dev/errors/" + n;
@@ -10184,7 +10443,7 @@ Error generating stack: ` + c.message + `
       } catch {
       }
   }
-  return i0.createRoot = function(n, l) {
+  return s0.createRoot = function(n, l) {
     if (!m(n)) throw Error(d(299));
     var r = !1, c = "", h = rh, v = hy, j = sh;
     return l != null && (l.unstable_strictMode === !0 && (r = !0), l.identifierPrefix !== void 0 && (c = l.identifierPrefix), l.onUncaughtError !== void 0 && (h = l.onUncaughtError), l.onCaughtError !== void 0 && (v = l.onCaughtError), l.onRecoverableError !== void 0 && (j = l.onRecoverableError)), l = Xh(
@@ -10201,7 +10460,7 @@ Error generating stack: ` + c.message + `
       j,
       pb
     ), n[br] = l.current, ff(n), new Kh(l);
-  }, i0.hydrateRoot = function(n, l, r) {
+  }, s0.hydrateRoot = function(n, l, r) {
     if (!m(n)) throw Error(d(299));
     var c = !1, h = "", v = rh, j = hy, X = sh, de = null;
     return r != null && (r.unstable_strictMode === !0 && (c = !0), r.identifierPrefix !== void 0 && (h = r.identifierPrefix), r.onUncaughtError !== void 0 && (v = r.onUncaughtError), r.onCaughtError !== void 0 && (j = r.onCaughtError), r.onRecoverableError !== void 0 && (X = r.onRecoverableError), r.formState !== void 0 && (de = r.formState)), l = Xh(
@@ -10218,12 +10477,12 @@ Error generating stack: ` + c.message + `
       X,
       pb
     ), l.context = Gu(null), r = l.current, c = Yo(), c = bn(c), h = Dr(c), h.callback = null, il(r, h, c), r = c, l.current.lanes = r, Qt(l, r), $i(l), n[br] = l.current, ff(n), new $h(l);
-  }, i0.version = "19.2.4", i0;
+  }, s0.version = "19.2.4", s0;
 }
-var r0 = {};
-var bM;
-function J5() {
-  return bM || (bM = 1, process.env.NODE_ENV !== "production" && (function() {
+var u0 = {};
+var EM;
+function t6() {
+  return EM || (EM = 1, process.env.NODE_ENV !== "production" && (function() {
     function a(e, t) {
       for (e = e.memoizedState; e !== null && 0 < t; )
         e = e.next, t--;
@@ -27182,7 +27441,7 @@ You might need to use a local HTTP server (instead of file://): https://react.de
         "font-weight:bold"
       );
     }
-    r0.createRoot = function(e, t) {
+    u0.createRoot = function(e, t) {
       if (!D(e))
         throw Error("Target container is not a DOM element.");
       ab(e);
@@ -27208,7 +27467,7 @@ You might need to use a local HTTP server (instead of file://): https://react.de
         x,
         ES
       ), e[Yr] = t.current, As(e), new nb(t);
-    }, r0.hydrateRoot = function(e, t, o) {
+    }, u0.hydrateRoot = function(e, t, o) {
       if (!D(e))
         throw Error("Target container is not a DOM element.");
       ab(e), t === void 0 && console.error(
@@ -27229,13 +27488,13 @@ You might need to use a local HTTP server (instead of file://): https://react.de
         O,
         ES
       ), t.context = yS(null), o = t.current, s = mo(o), s = bt(s), f = ja(s), f.callback = null, _i(o, f, s), Ai(s, "hydrateRoot()", null), o = s, t.current.lanes = o, Xe(t, o), Io(t), e[Yr] = t.current, As(e), new fi(t);
-    }, r0.version = "19.2.4", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), r0;
+    }, u0.version = "19.2.4", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), u0;
 }
-var xM;
-function W5() {
-  if (xM) return A1.exports;
-  xM = 1;
+var RM;
+function n6() {
+  if (RM) return D1.exports;
+  RM = 1;
   function a() {
     if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
       if (process.env.NODE_ENV !== "production")
@@ -27247,15 +27506,15 @@ function W5() {
       }
     }
   }
-  return process.env.NODE_ENV === "production" ? (a(), A1.exports = F5()) : A1.exports = J5(), A1.exports;
+  return process.env.NODE_ENV === "production" ? (a(), D1.exports = e6()) : D1.exports = t6(), D1.exports;
 }
-var e6 = W5();
-const t6 = 768;
+var a6 = n6();
+const o6 = 768;
 let IT = null;
-function n6(a, i = "root") {
+function l6(a, i = "root") {
   const u = document.getElementById(i);
   if (!u) throw new Error(`Element ID '${i}' not found`);
-  IT || (IT = e6.createRoot(u)), IT.render(a);
+  IT || (IT = a6.createRoot(u)), IT.render(a);
 }
 function ZA(a = !0) {
   const [i, u] = Yl(a);
@@ -27274,12 +27533,12 @@ function KA(a, i = !0) {
   const u = Object.keys(a).length, [d, m] = BC(0, 1, u - 1, i);
   return [d, m];
 }
-function a6() {
+function i6() {
   const [, a] = BC();
   return a;
 }
 function A0() {
-  const a = `(max-width: ${t6 - 1}px)`, [i, u] = Yl(() => typeof window > "u" ? !1 : window.matchMedia(a).matches);
+  const a = `(max-width: ${o6 - 1}px)`, [i, u] = Yl(() => typeof window > "u" ? !1 : window.matchMedia(a).matches);
   return kA(() => {
     const d = window.matchMedia(a), m = (g) => {
       u(g.matches);
@@ -27290,276 +27549,16 @@ function A0() {
 function $A(a, i) {
   return A0() ? i : a;
 }
-const o6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const r6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  renderReact: n6,
+  renderReact: l6,
   useCount: BC,
   useIndex: KA,
   useIsMobile: A0,
   useOpen: ZA,
-  useRender: a6,
+  useRender: i6,
   useValueByMobile: $A
 }, Symbol.toStringTag, { value: "Module" }));
-var z1 = { exports: {} }, s0 = {};
-var SM;
-function l6() {
-  if (SM) return s0;
-  SM = 1;
-  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
-  function u(d, m, g) {
-    var y = null;
-    if (g !== void 0 && (y = "" + g), m.key !== void 0 && (y = "" + m.key), "key" in m) {
-      g = {};
-      for (var b in m)
-        b !== "key" && (g[b] = m[b]);
-    } else g = m;
-    return m = g.ref, {
-      $$typeof: a,
-      type: d,
-      key: y,
-      ref: m !== void 0 ? m : null,
-      props: g
-    };
-  }
-  return s0.Fragment = i, s0.jsx = u, s0.jsxs = u, s0;
-}
-var u0 = {};
-var EM;
-function i6() {
-  return EM || (EM = 1, process.env.NODE_ENV !== "production" && (function() {
-    function a(Y) {
-      if (Y == null) return null;
-      if (typeof Y == "function")
-        return Y.$$typeof === W ? null : Y.displayName || Y.name || null;
-      if (typeof Y == "string") return Y;
-      switch (Y) {
-        case D:
-          return "Fragment";
-        case V:
-          return "Profiler";
-        case U:
-          return "StrictMode";
-        case I:
-          return "Suspense";
-        case Z:
-          return "SuspenseList";
-        case $:
-          return "Activity";
-      }
-      if (typeof Y == "object")
-        switch (typeof Y.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), Y.$$typeof) {
-          case z:
-            return "Portal";
-          case H:
-            return Y.displayName || "Context";
-          case _:
-            return (Y._context.displayName || "Context") + ".Consumer";
-          case P:
-            var ae = Y.render;
-            return Y = Y.displayName, Y || (Y = ae.displayName || ae.name || "", Y = Y !== "" ? "ForwardRef(" + Y + ")" : "ForwardRef"), Y;
-          case K:
-            return ae = Y.displayName || null, ae !== null ? ae : a(Y.type) || "Memo";
-          case ne:
-            ae = Y._payload, Y = Y._init;
-            try {
-              return a(Y(ae));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function i(Y) {
-      return "" + Y;
-    }
-    function u(Y) {
-      try {
-        i(Y);
-        var ae = !1;
-      } catch {
-        ae = !0;
-      }
-      if (ae) {
-        ae = console;
-        var G = ae.error, J = typeof Symbol == "function" && Symbol.toStringTag && Y[Symbol.toStringTag] || Y.constructor.name || "Object";
-        return G.call(
-          ae,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          J
-        ), i(Y);
-      }
-    }
-    function d(Y) {
-      if (Y === D) return "<>";
-      if (typeof Y == "object" && Y !== null && Y.$$typeof === ne)
-        return "<...>";
-      try {
-        var ae = a(Y);
-        return ae ? "<" + ae + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function m() {
-      var Y = ee.A;
-      return Y === null ? null : Y.getOwner();
-    }
-    function g() {
-      return Error("react-stack-top-frame");
-    }
-    function y(Y) {
-      if (F.call(Y, "key")) {
-        var ae = Object.getOwnPropertyDescriptor(Y, "key").get;
-        if (ae && ae.isReactWarning) return !1;
-      }
-      return Y.key !== void 0;
-    }
-    function b(Y, ae) {
-      function G() {
-        L || (L = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          ae
-        ));
-      }
-      G.isReactWarning = !0, Object.defineProperty(Y, "key", {
-        get: G,
-        configurable: !0
-      });
-    }
-    function C() {
-      var Y = a(this.type);
-      return q[Y] || (q[Y] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), Y = this.props.ref, Y !== void 0 ? Y : null;
-    }
-    function T(Y, ae, G, J, se, ye) {
-      var ve = G.ref;
-      return Y = {
-        $$typeof: w,
-        type: Y,
-        key: ae,
-        props: G,
-        _owner: J
-      }, (ve !== void 0 ? ve : null) !== null ? Object.defineProperty(Y, "ref", {
-        enumerable: !1,
-        get: C
-      }) : Object.defineProperty(Y, "ref", { enumerable: !1, value: null }), Y._store = {}, Object.defineProperty(Y._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(Y, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(Y, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: se
-      }), Object.defineProperty(Y, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ye
-      }), Object.freeze && (Object.freeze(Y.props), Object.freeze(Y)), Y;
-    }
-    function R(Y, ae, G, J, se, ye) {
-      var ve = ae.children;
-      if (ve !== void 0)
-        if (J)
-          if (re(ve)) {
-            for (J = 0; J < ve.length; J++)
-              N(ve[J]);
-            Object.freeze && Object.freeze(ve);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else N(ve);
-      if (F.call(ae, "key")) {
-        ve = a(Y);
-        var be = Object.keys(ae).filter(function(Ge) {
-          return Ge !== "key";
-        });
-        J = 0 < be.length ? "{key: someKey, " + be.join(": ..., ") + ": ...}" : "{key: someKey}", le[ve + J] || (be = 0 < be.length ? "{" + be.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          J,
-          ve,
-          be,
-          ve
-        ), le[ve + J] = !0);
-      }
-      if (ve = null, G !== void 0 && (u(G), ve = "" + G), y(ae) && (u(ae.key), ve = "" + ae.key), "key" in ae) {
-        G = {};
-        for (var Re in ae)
-          Re !== "key" && (G[Re] = ae[Re]);
-      } else G = ae;
-      return ve && b(
-        G,
-        typeof Y == "function" ? Y.displayName || Y.name || "Unknown" : Y
-      ), T(
-        Y,
-        ve,
-        G,
-        m(),
-        se,
-        ye
-      );
-    }
-    function N(Y) {
-      A(Y) ? Y._store && (Y._store.validated = 1) : typeof Y == "object" && Y !== null && Y.$$typeof === ne && (Y._payload.status === "fulfilled" ? A(Y._payload.value) && Y._payload.value._store && (Y._payload.value._store.validated = 1) : Y._store && (Y._store.validated = 1));
-    }
-    function A(Y) {
-      return typeof Y == "object" && Y !== null && Y.$$typeof === w;
-    }
-    var M = lm, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), z = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), V = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), H = /* @__PURE__ */ Symbol.for("react.context"), P = /* @__PURE__ */ Symbol.for("react.forward_ref"), I = /* @__PURE__ */ Symbol.for("react.suspense"), Z = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), ne = /* @__PURE__ */ Symbol.for("react.lazy"), $ = /* @__PURE__ */ Symbol.for("react.activity"), W = /* @__PURE__ */ Symbol.for("react.client.reference"), ee = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, re = Array.isArray, te = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    M = {
-      react_stack_bottom_frame: function(Y) {
-        return Y();
-      }
-    };
-    var L, q = {}, Q = M.react_stack_bottom_frame.bind(
-      M,
-      g
-    )(), oe = te(d(g)), le = {};
-    u0.Fragment = D, u0.jsx = function(Y, ae, G) {
-      var J = 1e4 > ee.recentlyCreatedOwnerStacks++;
-      return R(
-        Y,
-        ae,
-        G,
-        !1,
-        J ? Error("react-stack-top-frame") : Q,
-        J ? te(d(Y)) : oe
-      );
-    }, u0.jsxs = function(Y, ae, G) {
-      var J = 1e4 > ee.recentlyCreatedOwnerStacks++;
-      return R(
-        Y,
-        ae,
-        G,
-        !0,
-        J ? Error("react-stack-top-frame") : Q,
-        J ? te(d(Y)) : oe
-      );
-    };
-  })()), u0;
-}
-var RM;
-function r6() {
-  return RM || (RM = 1, process.env.NODE_ENV === "production" ? z1.exports = l6() : z1.exports = i6()), z1.exports;
-}
-var E = r6();
 function RE() {
   return typeof window < "u";
 }
@@ -35063,7 +35062,7 @@ const UV = vV, VV = yV, HV = mV, BV = xV, LV = hV, IV = bV, kV = (a, i, u) => {
   });
 };
 var YV = typeof document < "u", GV = function() {
-}, eE = YV ? h5 : GV;
+}, eE = YV ? d5 : GV;
 function mE(a, i) {
   if (a === i)
     return !0;
@@ -48053,7 +48052,7 @@ function dI({
   errors: u,
   ...d
 }) {
-  const m = g5(() => {
+  const m = p5(() => {
     if (i)
       return i;
     if (!u?.length)
@@ -48753,7 +48752,12 @@ function Hj() {
     PopupBoxContent: A3
   } : {
     PopupBox: f3,
-    PopupBoxTrigger: d3,
+    PopupBoxTrigger: function({
+      nativeButton: d,
+      ...m
+    }) {
+      return /* @__PURE__ */ E.jsx(d3, { ...m });
+    },
     PopupBoxContent: p3
   };
 }
@@ -48917,7 +48921,7 @@ const Bj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ItemTitle: eI,
   Kbd: $U,
   Label: _g,
-  Link: d5,
+  Link: y5,
   Menubar: N9,
   MenubarCheckboxItem: U9,
   MenubarContent: _9,
@@ -49040,7 +49044,7 @@ const Bj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   useSidebar: rx
 }, Symbol.toStringTag, { value: "Module" }));
 function Lj(a) {
-  const i = v5(null);
+  const i = m5(null);
   return [({ children: m }) => {
     const [g, y] = Yl(!1), b = {
       isCovering: g,
@@ -49054,7 +49058,7 @@ function Lj(a) {
       ), children: g && a })
     ] });
   }, () => {
-    const m = y5(i);
+    const m = h5(i);
     if (!m) throw new Error("must be used within cover component");
     return {
       ...m,
@@ -49070,9 +49074,9 @@ function Lj(a) {
   }];
 }
 function WI({ dict: a }) {
-  const { pathname: i } = p5(), u = a[i] || [];
+  const { pathname: i } = b5(), u = a[i] || [];
   return /* @__PURE__ */ E.jsx(fj, { children: /* @__PURE__ */ E.jsx(dj, { children: u.map(
-    (d, m) => /* @__PURE__ */ E.jsxs(b5, { children: [
+    (d, m) => /* @__PURE__ */ E.jsxs(g5, { children: [
       /* @__PURE__ */ E.jsx(pj, { children: d.href ? /* @__PURE__ */ E.jsx(mj, { href: d.href, children: d.label }) : /* @__PURE__ */ E.jsx(hj, { children: d.label }) }),
       m < u.length - 1 && /* @__PURE__ */ E.jsx(gj, { className: "-mx-1 md:mx-0" })
     ] }, m)
@@ -49095,7 +49099,7 @@ function tk({
   onSubmit: u,
   ...d
 }) {
-  const m = m5();
+  const m = x5();
   let g = async (y) => {
     if (y.preventDefault(), u && u(y), a) {
       const b = new FormData(y.currentTarget);
@@ -49738,7 +49742,7 @@ function uk({
             }
           ) }),
           u.map(({ key: M, isHide: w, defaultValue: z }, D) => !w && /* @__PURE__ */ E.jsx(aE, { children: /* @__PURE__ */ E.jsxs(b, { children: [
-            /* @__PURE__ */ E.jsx(C, { render: /* @__PURE__ */ E.jsx("span", { className: "block max-w-xs truncate" }), children: IA(N[M] ?? z) }),
+            /* @__PURE__ */ E.jsx(C, { nativeButton: !1, render: /* @__PURE__ */ E.jsx("span", { className: "block max-w-xs truncate" }), children: IA(N[M] ?? z) }),
             N[M] !== void 0 && N[M] !== null && /* @__PURE__ */ E.jsx(T, { align: "start", sideOffset: -34, alignOffset: -16, className: "break-all", children: IA(N[M]) })
           ] }) }, D)),
           g && /* @__PURE__ */ E.jsx(aE, { className: "overflow-hidden", children: /* @__PURE__ */ E.jsxs(uc, { modal: !1, children: [
@@ -49949,7 +49953,7 @@ function ck({
   ] });
 }
 function IA(a) {
-  return x5(a) ? a : a instanceof Date ? a.toLocaleString() : a == null ? "" : typeof a == "object" ? JSON.stringify(a) : String(a);
+  return v5(a) ? a : a instanceof Date ? a.toLocaleString() : a == null ? "" : typeof a == "object" ? JSON.stringify(a) : String(a);
 }
 function fk({
   icon: a,
@@ -50542,7 +50546,7 @@ const Uk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   image: Ck,
   net: wk,
   re: _k,
-  react: o6,
+  react: r6,
   time: Uk,
   twc: H6,
   window: Sk
@@ -50556,7 +50560,7 @@ export {
   Ck as image,
   wk as net,
   _k as re,
-  o6 as react,
+  r6 as react,
   Uk as time,
   H6 as twc,
   Bj as ui,

package/dist/src/component/ui/index.d.ts

@@ -1,4 +1,5 @@
 import { Link } from 'react-router-dom';
+import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
 import { Button, buttonVariants } from './button';
 import { Badge, badgeVariants } from './badge';
 import { Label } from './label';
@@ -63,7 +64,9 @@ declare function usePopupBox(): {
     PopupBoxContent: typeof PopoverContent;
 } | {
     PopupBox: typeof HoverCard;
-    PopupBoxTrigger: typeof HoverCardTrigger;
+    PopupBoxTrigger: ({ nativeButton, ...props }: {
+        nativeButton?: boolean | undefined;
+    } & PreviewCardPrimitive.Trigger.Props) => import("react/jsx-runtime").JSX.Element;
     PopupBoxContent: typeof HoverCardContent;
 };
 export { icon, Link, Button, buttonVariants, Badge, badgeVariants, Label, Input, Textarea, Checkbox, RadioGroup, RadioGroupItem, Switch, Toggle, toggleVariants, Kbd, Progress, Slider, Calendar, Spinner, Separator, Skeleton, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ToggleGroup, ToggleGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Collapsible, CollapsibleContent, CollapsibleTrigger, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, alertVariants, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, HoverCard, HoverCardContent, HoverCardTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toaster, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, ScrollArea, ScrollBar, AspectRatio, ResizableHandle, ResizablePanel, ResizablePanelGroup, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSeparator, ItemTitle, itemVariants, itemMediaVariants, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, SidebarProvider, SidebarInset, SidebarTrigger, Sidebar, SidebarRail, SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator, SidebarInput, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuSkeleton, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, sidebarMenuButtonVariants, useSidebar, usePopupBox };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reykit",
-    "version": "1.0.194",
+    "version": "1.0.196",
     "description": "Kit method set.",
     "author": "reyxbo",
     "keywords": [