@blockbite/ui 2.0.17 → 2.0.19

package/dist/index.js

@@ -1,15 +1,15 @@
 import { Pencil1 as Mt, Plus as vn, Trash as mn, ChevronDown as hn, Cross2 as yn, Tailwind as bn, Percentage as gn, Grid as xn, Desktop as _n, Slider as jn, ColumnSpacing as Cn } from "@blockbite/icons";
-import { Button as ye, Dropdown as wn, TextControl as rt, CheckboxControl as En, DropdownMenu as Rn, FocalPointPicker as kn, PanelRow as Sn, Popover as Tn, RangeControl as On, Modal as Pn, Notice as Nn, __experimentalInputControl as An, __experimentalInputControlSuffixWrapper as In, SelectControl as Dn, Spinner as $n, TabPanel as Fn, __experimentalToggleGroupControl as Ln, __experimentalToggleGroupControlOptionIcon as Mn, __experimentalToggleGroupControlOption as Wn, ToggleControl as Un } from "@wordpress/components";
-import { memo as tt, useState as F, useEffect as K, useCallback as Wt, useRef as lr, createPortal as Ut, forwardRef as Vn, createContext as Vt, useContext as nt, Children as Rr, isValidElement as kr, useMemo as Bn } from "@wordpress/element";
+import { Button as ye, Dropdown as wn, TextControl as rt, CheckboxControl as En, DropdownMenu as Rn, FocalPointPicker as Sn, PanelRow as kn, Popover as Tn, RangeControl as On, Modal as Pn, Notice as Nn, __experimentalInputControl as An, __experimentalInputControlSuffixWrapper as In, SelectControl as Dn, Spinner as $n, TabPanel as Fn, __experimentalToggleGroupControl as Ln, __experimentalToggleGroupControlOptionIcon as Mn, __experimentalToggleGroupControlOption as Bn, ToggleControl as Wn } from "@wordpress/components";
+import { memo as tt, useState as F, useEffect as G, useCallback as Bt, useRef as lr, createPortal as Wt, forwardRef as Un, createContext as Ut, useContext as nt, Children as Rr, isValidElement as Sr, useMemo as Vn } from "@wordpress/element";
 import Yn from "@wordpress/api-fetch";
 import { __ as Me } from "@wordpress/i18n";
 import { MediaUploadCheck as Qr, MediaUpload as Pt } from "@wordpress/block-editor";
-import { SVG as zn, Path as qn } from "@wordpress/primitives";
-import { createBlock as Gn } from "@wordpress/blocks";
-function Kn(o) {
+import { SVG as zn, Path as Hn } from "@wordpress/primitives";
+import { createBlock as qn } from "@wordpress/blocks";
+function Gn(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var Sr = { exports: {} }, or = {}, Tr = { exports: {} }, N = {};
+var kr = { exports: {} }, or = {}, Tr = { exports: {} }, N = {};
 /**
  * @license React
  * react.production.min.js
@@ -20,10 +20,10 @@ var Sr = { exports: {} }, or = {}, Tr = { exports: {} }, N = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nt;
-function Hn() {
+function Kn() {
   if (Nt) return N;
   Nt = 1;
-  var o = Symbol.for("react.element"), a = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), h = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), p = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.iterator;
+  var o = Symbol.for("react.element"), a = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), p = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.iterator;
   function O(s) {
     return s === null || typeof s != "object" ? null : (s = _ && s[_] || s["@@iterator"], typeof s == "function" ? s : null);
   }
@@ -32,7 +32,7 @@ function Hn() {
   }, enqueueForceUpdate: function() {
   }, enqueueReplaceState: function() {
   }, enqueueSetState: function() {
-  } }, S = Object.assign, ae = {};
+  } }, k = Object.assign, ae = {};
   function de(s, y, I) {
     this.props = s, this.context = y, this.refs = ae, this.updater = I || T;
   }
@@ -49,19 +49,19 @@ function Hn() {
     this.props = s, this.context = y, this.refs = ae, this.updater = I || T;
   }
   var ge = Y.prototype = new A();
-  ge.constructor = Y, S(ge, de.prototype), ge.isPureReactComponent = !0;
-  var H = Array.isArray, X = Object.prototype.hasOwnProperty, ie = { current: null }, pe = { key: !0, ref: !0, __self: !0, __source: !0 };
+  ge.constructor = Y, k(ge, de.prototype), ge.isPureReactComponent = !0;
+  var K = Array.isArray, X = Object.prototype.hasOwnProperty, ie = { current: null }, pe = { key: !0, ref: !0, __self: !0, __source: !0 };
   function je(s, y, I) {
-    var $, M = {}, J = null, q = null;
-    if (y != null) for ($ in y.ref !== void 0 && (q = y.ref), y.key !== void 0 && (J = "" + y.key), y) X.call(y, $) && !pe.hasOwnProperty($) && (M[$] = y[$]);
+    var $, M = {}, J = null, H = null;
+    if (y != null) for ($ in y.ref !== void 0 && (H = y.ref), y.key !== void 0 && (J = "" + y.key), y) X.call(y, $) && !pe.hasOwnProperty($) && (M[$] = y[$]);
     var z = arguments.length - 2;
     if (z === 1) M.children = I;
     else if (1 < z) {
-      for (var V = Array(z), oe = 0; oe < z; oe++) V[oe] = arguments[oe + 2];
-      M.children = V;
+      for (var U = Array(z), oe = 0; oe < z; oe++) U[oe] = arguments[oe + 2];
+      M.children = U;
     }
     if (s && s.defaultProps) for ($ in z = s.defaultProps, z) M[$] === void 0 && (M[$] = z[$]);
-    return { $$typeof: o, type: s, key: J, ref: q, props: M, _owner: ie.current };
+    return { $$typeof: o, type: s, key: J, ref: H, props: M, _owner: ie.current };
   }
   function Te(s, y) {
     return { $$typeof: o, type: s.type, key: y, ref: s.ref, props: s.props, _owner: s._owner };
@@ -82,31 +82,31 @@ function Hn() {
   function me(s, y, I, $, M) {
     var J = typeof s;
     (J === "undefined" || J === "boolean") && (s = null);
-    var q = !1;
-    if (s === null) q = !0;
+    var H = !1;
+    if (s === null) H = !0;
     else switch (J) {
       case "string":
       case "number":
-        q = !0;
+        H = !0;
         break;
       case "object":
         switch (s.$$typeof) {
           case o:
           case a:
-            q = !0;
+            H = !0;
         }
     }
-    if (q) return q = s, M = M(q), s = $ === "" ? "." + ve(q, 0) : $, H(M) ? (I = "", s != null && (I = s.replace(Pe, "$&/") + "/"), me(M, y, I, "", function(oe) {
+    if (H) return H = s, M = M(H), s = $ === "" ? "." + ve(H, 0) : $, K(M) ? (I = "", s != null && (I = s.replace(Pe, "$&/") + "/"), me(M, y, I, "", function(oe) {
       return oe;
-    })) : M != null && (Oe(M) && (M = Te(M, I + (!M.key || q && q.key === M.key ? "" : ("" + M.key).replace(Pe, "$&/") + "/") + s)), y.push(M)), 1;
-    if (q = 0, $ = $ === "" ? "." : $ + ":", H(s)) for (var z = 0; z < s.length; z++) {
+    })) : M != null && (Oe(M) && (M = Te(M, I + (!M.key || H && H.key === M.key ? "" : ("" + M.key).replace(Pe, "$&/") + "/") + s)), y.push(M)), 1;
+    if (H = 0, $ = $ === "" ? "." : $ + ":", K(s)) for (var z = 0; z < s.length; z++) {
       J = s[z];
-      var V = $ + ve(J, z);
-      q += me(J, y, I, V, M);
+      var U = $ + ve(J, z);
+      H += me(J, y, I, U, M);
     }
-    else if (V = O(s), typeof V == "function") for (s = V.call(s), z = 0; !(J = s.next()).done; ) J = J.value, V = $ + ve(J, z++), q += me(J, y, I, V, M);
+    else if (U = O(s), typeof U == "function") for (s = U.call(s), z = 0; !(J = s.next()).done; ) J = J.value, U = $ + ve(J, z++), H += me(J, y, I, U, M);
     else if (J === "object") throw y = String(s), Error("Objects are not valid as a React child (found: " + (y === "[object Object]" ? "object with keys {" + Object.keys(s).join(", ") + "}" : y) + "). If you meant to render a collection of children, use an array instead.");
-    return q;
+    return H;
   }
   function le(s, y, I) {
     if (s == null) return s;
@@ -147,23 +147,23 @@ function Hn() {
   }, only: function(s) {
     if (!Oe(s)) throw Error("React.Children.only expected to receive a single React element child.");
     return s;
-  } }, N.Component = de, N.Fragment = u, N.Profiler = f, N.PureComponent = Y, N.StrictMode = l, N.Suspense = g, N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ne, N.act = Ce, N.cloneElement = function(s, y, I) {
+  } }, N.Component = de, N.Fragment = u, N.Profiler = d, N.PureComponent = Y, N.StrictMode = l, N.Suspense = g, N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ne, N.act = Ce, N.cloneElement = function(s, y, I) {
     if (s == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + s + ".");
-    var $ = S({}, s.props), M = s.key, J = s.ref, q = s._owner;
+    var $ = k({}, s.props), M = s.key, J = s.ref, H = s._owner;
     if (y != null) {
-      if (y.ref !== void 0 && (J = y.ref, q = ie.current), y.key !== void 0 && (M = "" + y.key), s.type && s.type.defaultProps) var z = s.type.defaultProps;
-      for (V in y) X.call(y, V) && !pe.hasOwnProperty(V) && ($[V] = y[V] === void 0 && z !== void 0 ? z[V] : y[V]);
-    }
-    var V = arguments.length - 2;
-    if (V === 1) $.children = I;
-    else if (1 < V) {
-      z = Array(V);
-      for (var oe = 0; oe < V; oe++) z[oe] = arguments[oe + 2];
+      if (y.ref !== void 0 && (J = y.ref, H = ie.current), y.key !== void 0 && (M = "" + y.key), s.type && s.type.defaultProps) var z = s.type.defaultProps;
+      for (U in y) X.call(y, U) && !pe.hasOwnProperty(U) && ($[U] = y[U] === void 0 && z !== void 0 ? z[U] : y[U]);
+    }
+    var U = arguments.length - 2;
+    if (U === 1) $.children = I;
+    else if (1 < U) {
+      z = Array(U);
+      for (var oe = 0; oe < U; oe++) z[oe] = arguments[oe + 2];
       $.children = z;
     }
-    return { $$typeof: o, type: s.type, key: M, ref: J, props: $, _owner: q };
+    return { $$typeof: o, type: s.type, key: M, ref: J, props: $, _owner: H };
   }, N.createContext = function(s) {
-    return s = { $$typeof: h, _currentValue: s, _currentValue2: s, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, s.Provider = { $$typeof: d, _context: s }, s.Consumer = s;
+    return s = { $$typeof: h, _currentValue: s, _currentValue2: s, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, s.Provider = { $$typeof: f, _context: s }, s.Consumer = s;
   }, N.createElement = je, N.createFactory = function(s) {
     var y = je.bind(null, s);
     return y.type = s, y;
@@ -230,7 +230,7 @@ function Jn() {
   return At || (At = 1, function(o, a) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var u = "18.3.1", l = Symbol.for("react.element"), f = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), p = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ae = Symbol.for("react.offscreen"), de = Symbol.iterator, A = "@@iterator";
+      var u = "18.3.1", l = Symbol.for("react.element"), d = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), p = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), ae = Symbol.for("react.offscreen"), de = Symbol.iterator, A = "@@iterator";
       function Y(e) {
         if (e === null || typeof e != "object")
           return null;
@@ -243,7 +243,7 @@ function Jn() {
          * @type {ReactComponent}
          */
         current: null
-      }, H = {
+      }, K = {
         transition: null
       }, X = {
         current: null,
@@ -270,7 +270,7 @@ function Jn() {
       };
       var Oe = !1, Je = !1, Pe = !1, ve = !1, me = !1, le = {
         ReactCurrentDispatcher: ge,
-        ReactCurrentBatchConfig: H,
+        ReactCurrentBatchConfig: K,
         ReactCurrentOwner: ie
       };
       le.ReactDebugCurrentFrame = pe, le.ReactCurrentActQueue = X;
@@ -390,17 +390,17 @@ function Jn() {
             }
           });
         };
-        for (var q in M)
-          M.hasOwnProperty(q) && J(q, M[q]);
+        for (var H in M)
+          M.hasOwnProperty(H) && J(H, M[H]);
       }
       function z() {
       }
       z.prototype = $.prototype;
-      function V(e, r, i) {
+      function U(e, r, i) {
         this.props = e, this.context = r, this.refs = I, this.updater = i || s;
       }
-      var oe = V.prototype = new z();
-      oe.constructor = V, y(oe, $.prototype), oe.isPureReactComponent = !0;
+      var oe = U.prototype = new z();
+      oe.constructor = U, y(oe, $.prototype), oe.isPureReactComponent = !0;
       function Or() {
         var e = {
           current: null
@@ -408,7 +408,7 @@ function Jn() {
         return Object.seal(e), e;
       }
       var ur = Array.isArray;
-      function We(e) {
+      function Be(e) {
         return ur(e);
       }
       function Pr(e) {
@@ -417,7 +417,7 @@ function Jn() {
           return i;
         }
       }
-      function Ue(e) {
+      function We(e) {
         try {
           return Ee(e), !1;
         } catch {
@@ -428,7 +428,7 @@ function Jn() {
         return "" + e;
       }
       function Ae(e) {
-        if (Ue(e))
+        if (We(e))
           return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pr(e)), Ee(e);
       }
       function cr(e, r, i) {
@@ -449,9 +449,9 @@ function Jn() {
         if (typeof e == "string")
           return e;
         switch (e) {
-          case d:
-            return "Fragment";
           case f:
+            return "Fragment";
+          case d:
             return "Portal";
           case v:
             return "Profiler";
@@ -475,7 +475,7 @@ function Jn() {
             case T:
               var c = e.displayName || null;
               return c !== null ? c : _e(e.type) || "Memo";
-            case S: {
+            case k: {
               var b = e, R = b._payload, w = b._init;
               try {
                 return _e(w(R));
@@ -486,13 +486,13 @@ function Jn() {
           }
         return null;
       }
-      var De = Object.prototype.hasOwnProperty, Ve = {
+      var De = Object.prototype.hasOwnProperty, Ue = {
         key: !0,
         ref: !0,
         __self: !0,
         __source: !0
-      }, fr, dr, Be;
-      Be = {};
+      }, fr, dr, Ve;
+      Ve = {};
       function Xe(e) {
         if (De.call(e, "ref")) {
           var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -530,11 +530,11 @@ function Jn() {
       function vr(e) {
         if (typeof e.ref == "string" && ie.current && e.__self && ie.current.stateNode !== e.__self) {
           var r = _e(ie.current.type);
-          Be[r] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', r, e.ref), Be[r] = !0);
+          Ve[r] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', r, e.ref), Ve[r] = !0);
         }
       }
       var Qe = function(e, r, i, c, b, R, w) {
-        var k = {
+        var S = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: l,
           // Built-in properties that belong on the element
@@ -545,35 +545,35 @@ function Jn() {
           // Record the component responsible for creating this element.
           _owner: R
         };
-        return k._store = {}, Object.defineProperty(k._store, "validated", {
+        return S._store = {}, Object.defineProperty(S._store, "validated", {
           configurable: !1,
           enumerable: !1,
           writable: !0,
           value: !1
-        }), Object.defineProperty(k, "_self", {
+        }), Object.defineProperty(S, "_self", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
           value: c
-        }), Object.defineProperty(k, "_source", {
+        }), Object.defineProperty(S, "_source", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
           value: b
-        }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
+        }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
       };
       function Ar(e, r, i) {
-        var c, b = {}, R = null, w = null, k = null, L = null;
+        var c, b = {}, R = null, w = null, S = null, L = null;
         if (r != null) {
-          Xe(r) && (w = r.ref, vr(r)), Ze(r) && (Ae(r.key), R = "" + r.key), k = r.__self === void 0 ? null : r.__self, L = r.__source === void 0 ? null : r.__source;
+          Xe(r) && (w = r.ref, vr(r)), Ze(r) && (Ae(r.key), R = "" + r.key), S = r.__self === void 0 ? null : r.__self, L = r.__source === void 0 ? null : r.__source;
           for (c in r)
-            De.call(r, c) && !Ve.hasOwnProperty(c) && (b[c] = r[c]);
+            De.call(r, c) && !Ue.hasOwnProperty(c) && (b[c] = r[c]);
         }
-        var G = arguments.length - 2;
-        if (G === 1)
+        var q = arguments.length - 2;
+        if (q === 1)
           b.children = i;
-        else if (G > 1) {
-          for (var Z = Array(G), Q = 0; Q < G; Q++)
+        else if (q > 1) {
+          for (var Z = Array(q), Q = 0; Q < q; Q++)
             Z[Q] = arguments[Q + 2];
           Object.freeze && Object.freeze(Z), b.children = Z;
         }
@@ -586,7 +586,7 @@ function Jn() {
           var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           R && Nr(b, se), w && pr(b, se);
         }
-        return Qe(e, R, w, k, L, ie.current, b);
+        return Qe(e, R, w, S, L, ie.current, b);
       }
       function Ir(e, r) {
         var i = Qe(e.type, r, e.ref, e._self, e._source, e._owner, e.props);
@@ -595,13 +595,13 @@ function Jn() {
       function Dr(e, r, i) {
         if (e == null)
           throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + ".");
-        var c, b = y({}, e.props), R = e.key, w = e.ref, k = e._self, L = e._source, G = e._owner;
+        var c, b = y({}, e.props), R = e.key, w = e.ref, S = e._self, L = e._source, q = e._owner;
         if (r != null) {
-          Xe(r) && (w = r.ref, G = ie.current), Ze(r) && (Ae(r.key), R = "" + r.key);
+          Xe(r) && (w = r.ref, q = ie.current), Ze(r) && (Ae(r.key), R = "" + r.key);
           var Z;
           e.type && e.type.defaultProps && (Z = e.type.defaultProps);
           for (c in r)
-            De.call(r, c) && !Ve.hasOwnProperty(c) && (r[c] === void 0 && Z !== void 0 ? b[c] = Z[c] : b[c] = r[c]);
+            De.call(r, c) && !Ue.hasOwnProperty(c) && (r[c] === void 0 && Z !== void 0 ? b[c] = Z[c] : b[c] = r[c]);
         }
         var Q = arguments.length - 2;
         if (Q === 1)
@@ -611,7 +611,7 @@ function Jn() {
             re[se] = arguments[se + 2];
           b.children = re;
         }
-        return Qe(e.type, R, w, k, L, G, b);
+        return Qe(e.type, R, w, S, L, q, b);
       }
       function Re(e) {
         return typeof e == "object" && e !== null && e.$$typeof === l;
@@ -626,9 +626,9 @@ function Jn() {
         });
         return "$" + c;
       }
-      var rr = !1, ke = /\/+/g;
+      var rr = !1, Se = /\/+/g;
       function Ye(e) {
-        return e.replace(ke, "$&/");
+        return e.replace(Se, "$&/");
       }
       function $e(e, r) {
         return typeof e == "object" && e !== null && e.key != null ? (Ae(e.key), er("" + e.key)) : r.toString(36);
@@ -648,40 +648,40 @@ function Jn() {
             case "object":
               switch (e.$$typeof) {
                 case l:
-                case f:
+                case d:
                   w = !0;
               }
           }
         if (w) {
-          var k = e, L = b(k), G = c === "" ? mr + $e(k, 0) : c;
-          if (We(L)) {
+          var S = e, L = b(S), q = c === "" ? mr + $e(S, 0) : c;
+          if (Be(L)) {
             var Z = "";
-            G != null && (Z = Ye(G) + "/"), Fe(L, r, Z, "", function(pn) {
+            q != null && (Z = Ye(q) + "/"), Fe(L, r, Z, "", function(pn) {
               return pn;
             });
-          } else L != null && (Re(L) && (L.key && (!k || k.key !== L.key) && Ae(L.key), L = Ir(
+          } else L != null && (Re(L) && (L.key && (!S || S.key !== L.key) && Ae(L.key), L = Ir(
             L,
             // Keep both the (mapped) and old keys if they differ, just as
             // traverseAllChildren used to do for objects as children
             i + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
-            (L.key && (!k || k.key !== L.key) ? (
+            (L.key && (!S || S.key !== L.key) ? (
               // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
               // eslint-disable-next-line react-internal/safe-string-coercion
               Ye("" + L.key) + "/"
-            ) : "") + G
+            ) : "") + q
           )), r.push(L));
           return 1;
         }
         var Q, re, se = 0, ce = c === "" ? mr : c + $r;
-        if (We(e))
+        if (Be(e))
           for (var Er = 0; Er < e.length; Er++)
             Q = e[Er], re = ce + $e(Q, Er), se += Fe(Q, r, i, re, b);
         else {
           var Zr = Y(e);
           if (typeof Zr == "function") {
-            var St = e;
-            Zr === St.entries && (rr || be("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), rr = !0);
-            for (var fn = Zr.call(St), Tt, dn = 0; !(Tt = fn.next()).done; )
+            var kt = e;
+            Zr === kt.entries && (rr || be("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), rr = !0);
+            for (var fn = Zr.call(kt), Tt, dn = 0; !(Tt = fn.next()).done; )
               Q = Tt.value, re = ce + $e(Q, dn++), se += Fe(Q, r, i, re, b);
           } else if (R === "object") {
             var Ot = String(e);
@@ -799,23 +799,23 @@ function Jn() {
         }
         return r._currentRenderer = null, r._currentRenderer2 = null, r;
       }
-      var Le = -1, qe = 0, tr = 1, Mr = 2;
-      function Wr(e) {
+      var Le = -1, He = 0, tr = 1, Mr = 2;
+      function Br(e) {
         if (e._status === Le) {
           var r = e._result, i = r();
           if (i.then(function(R) {
-            if (e._status === qe || e._status === Le) {
+            if (e._status === He || e._status === Le) {
               var w = e;
               w._status = tr, w._result = R;
             }
           }, function(R) {
-            if (e._status === qe || e._status === Le) {
+            if (e._status === He || e._status === Le) {
               var w = e;
               w._status = Mr, w._result = R;
             }
           }), e._status === Le) {
             var c = e;
-            c._status = qe, c._result = i;
+            c._status = He, c._result = i;
           }
         }
         if (e._status === tr) {
@@ -832,15 +832,15 @@ Your code should look like:
         } else
           throw e._result;
       }
-      function Ur(e) {
+      function Wr(e) {
         var r = {
           // We use these fields to store the result.
           _status: Le,
           _result: e
         }, i = {
-          $$typeof: S,
+          $$typeof: k,
           _payload: r,
-          _init: Wr
+          _init: Br
         };
         {
           var c, b;
@@ -871,7 +871,7 @@ Your code should look like:
         }
         return i;
       }
-      function Vr(e) {
+      function Ur(e) {
         e != null && e.$$typeof === T ? E("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? E("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && E("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && E("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
         var r = {
           $$typeof: j,
@@ -895,7 +895,7 @@ Your code should look like:
       var t;
       t = Symbol.for("react.module.reference");
       function m(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || me || e === h || e === _ || e === O || ve || e === ae || Oe || Je || Pe || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === T || e.$$typeof === g || e.$$typeof === p || e.$$typeof === j || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === f || e === v || me || e === h || e === _ || e === O || ve || e === ae || Oe || Je || Pe || typeof e == "object" && e !== null && (e.$$typeof === k || e.$$typeof === T || e.$$typeof === g || e.$$typeof === p || e.$$typeof === j || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -931,7 +931,7 @@ Your code should look like:
 3. You might have more than one copy of React in the same app
 See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`), e;
       }
-      function W(e) {
+      function B(e) {
         var r = C();
         if (e._context !== void 0) {
           var i = e._context;
@@ -939,7 +939,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         }
         return r.useContext(e);
       }
-      function B(e) {
+      function V(e) {
         var r = C();
         return r.useState(e);
       }
@@ -959,7 +959,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var i = C();
         return i.useInsertionEffect(e, r);
       }
-      function ne(e, r) {
+      function te(e, r) {
         var i = C();
         return i.useLayoutEffect(e, r);
       }
@@ -967,7 +967,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var i = C();
         return i.useCallback(e, r);
       }
-      function Se(e, r) {
+      function ke(e, r) {
         var i = C();
         return i.useMemo(e, r);
       }
@@ -985,7 +985,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var e = C();
         return e.useTransition();
       }
-      function Br(e) {
+      function Vr(e) {
         var r = C();
         return r.useDeferredValue(e);
       }
@@ -1001,7 +1001,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
       function vt() {
       }
       vt.__reactDisabledLog = !0;
-      function qt() {
+      function Ht() {
         {
           if (ar === 0) {
             it = console.log, lt = console.info, ut = console.warn, ct = console.error, ft = console.group, dt = console.groupCollapsed, pt = console.groupEnd;
@@ -1024,7 +1024,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           ar++;
         }
       }
-      function Gt() {
+      function qt() {
         {
           if (ar--, ar === 0) {
             var e = {
@@ -1059,27 +1059,27 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           ar < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var zr = le.ReactCurrentDispatcher, qr;
+      var zr = le.ReactCurrentDispatcher, Hr;
       function gr(e, r, i) {
         {
-          if (qr === void 0)
+          if (Hr === void 0)
             try {
               throw Error();
             } catch (b) {
               var c = b.stack.trim().match(/\n( *(at )?)/);
-              qr = c && c[1] || "";
+              Hr = c && c[1] || "";
             }
           return `
-` + qr + e;
+` + Hr + e;
         }
       }
-      var Gr = !1, xr;
+      var qr = !1, xr;
       {
-        var Kt = typeof WeakMap == "function" ? WeakMap : Map;
-        xr = new Kt();
+        var Gt = typeof WeakMap == "function" ? WeakMap : Map;
+        xr = new Gt();
       }
       function mt(e, r) {
-        if (!e || Gr)
+        if (!e || qr)
           return "";
         {
           var i = xr.get(e);
@@ -1087,11 +1087,11 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
             return i;
         }
         var c;
-        Gr = !0;
+        qr = !0;
         var b = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var R;
-        R = zr.current, zr.current = null, qt();
+        R = zr.current, zr.current = null, Ht();
         try {
           if (r) {
             var w = function() {
@@ -1126,30 +1126,30 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           }
         } catch (ce) {
           if (ce && c && typeof ce.stack == "string") {
-            for (var k = ce.stack.split(`
+            for (var S = ce.stack.split(`
 `), L = c.stack.split(`
-`), G = k.length - 1, Z = L.length - 1; G >= 1 && Z >= 0 && k[G] !== L[Z]; )
+`), q = S.length - 1, Z = L.length - 1; q >= 1 && Z >= 0 && S[q] !== L[Z]; )
               Z--;
-            for (; G >= 1 && Z >= 0; G--, Z--)
-              if (k[G] !== L[Z]) {
-                if (G !== 1 || Z !== 1)
+            for (; q >= 1 && Z >= 0; q--, Z--)
+              if (S[q] !== L[Z]) {
+                if (q !== 1 || Z !== 1)
                   do
-                    if (G--, Z--, Z < 0 || k[G] !== L[Z]) {
+                    if (q--, Z--, Z < 0 || S[q] !== L[Z]) {
                       var Q = `
-` + k[G].replace(" at new ", " at ");
+` + S[q].replace(" at new ", " at ");
                       return e.displayName && Q.includes("<anonymous>") && (Q = Q.replace("<anonymous>", e.displayName)), typeof e == "function" && xr.set(e, Q), Q;
                     }
-                  while (G >= 1 && Z >= 0);
+                  while (q >= 1 && Z >= 0);
                 break;
               }
           }
         } finally {
-          Gr = !1, zr.current = R, Gt(), Error.prepareStackTrace = b;
+          qr = !1, zr.current = R, qt(), Error.prepareStackTrace = b;
         }
         var re = e ? e.displayName || e.name : "", se = re ? gr(re) : "";
         return typeof e == "function" && xr.set(e, se), se;
       }
-      function Ht(e, r, i) {
+      function Kt(e, r, i) {
         return mt(e, !1);
       }
       function Jt(e) {
@@ -1172,10 +1172,10 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         if (typeof e == "object")
           switch (e.$$typeof) {
             case j:
-              return Ht(e.render);
+              return Kt(e.render);
             case T:
               return _r(e.type, r, i);
-            case S: {
+            case k: {
               var c = e, b = c._payload, R = c._init;
               try {
                 return _r(R(b), r, i);
@@ -1198,29 +1198,29 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           var R = Function.call.bind(De);
           for (var w in e)
             if (R(e, w)) {
-              var k = void 0;
+              var S = void 0;
               try {
                 if (typeof e[w] != "function") {
                   var L = Error((c || "React class") + ": " + i + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw L.name = "Invariant Violation", L;
                 }
-                k = e[w](r, w, c, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (G) {
-                k = G;
+                S = e[w](r, w, c, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (q) {
+                S = q;
               }
-              k && !(k instanceof Error) && (jr(b), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", i, w, typeof k), jr(null)), k instanceof Error && !(k.message in ht) && (ht[k.message] = !0, jr(b), E("Failed %s type: %s", i, k.message), jr(null));
+              S && !(S instanceof Error) && (jr(b), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", i, w, typeof S), jr(null)), S instanceof Error && !(S.message in ht) && (ht[S.message] = !0, jr(b), E("Failed %s type: %s", i, S.message), jr(null));
             }
         }
       }
-      function Ge(e) {
+      function qe(e) {
         if (e) {
           var r = e._owner, i = _r(e.type, e._source, r ? r.type : null);
           Te(i);
         } else
           Te(null);
       }
-      var Kr;
-      Kr = !1;
+      var Gr;
+      Gr = !1;
       function bt() {
         if (ie.current) {
           var e = _e(ie.current.type);
@@ -1261,13 +1261,13 @@ Check the top-level render call using <` + i + ">.");
           if (!gt[i]) {
             gt[i] = !0;
             var c = "";
-            e && e._owner && e._owner !== ie.current && (c = " It was passed a child from " + _e(e._owner.type) + "."), Ge(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, c), Ge(null);
+            e && e._owner && e._owner !== ie.current && (c = " It was passed a child from " + _e(e._owner.type) + "."), qe(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, c), qe(null);
           }
         }
       }
       function _t(e, r) {
         if (typeof e == "object") {
-          if (We(e))
+          if (Be(e))
             for (var i = 0; i < e.length; i++) {
               var c = e[i];
               Re(c) && xt(c, r);
@@ -1299,8 +1299,8 @@ Check the top-level render call using <` + i + ">.");
           if (i) {
             var c = _e(r);
             Xt(i, e.props, "prop", c, e);
-          } else if (r.PropTypes !== void 0 && !Kr) {
-            Kr = !0;
+          } else if (r.PropTypes !== void 0 && !Gr) {
+            Gr = !0;
             var b = _e(r);
             E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
           }
@@ -1312,11 +1312,11 @@ Check the top-level render call using <` + i + ">.");
           for (var r = Object.keys(e.props), i = 0; i < r.length; i++) {
             var c = r[i];
             if (c !== "children" && c !== "key") {
-              Ge(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), Ge(null);
+              qe(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), qe(null);
               break;
             }
           }
-          e.ref !== null && (Ge(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), Ge(null));
+          e.ref !== null && (qe(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
         }
       }
       function Ct(e, r, i) {
@@ -1327,15 +1327,15 @@ Check the top-level render call using <` + i + ">.");
           var R = Qt(r);
           R ? b += R : b += bt();
           var w;
-          e === null ? w = "null" : We(e) ? w = "array" : e !== void 0 && e.$$typeof === l ? (w = "<" + (_e(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, E("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, b);
+          e === null ? w = "null" : Be(e) ? w = "array" : e !== void 0 && e.$$typeof === l ? (w = "<" + (_e(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, E("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, b);
         }
-        var k = Ar.apply(this, arguments);
-        if (k == null)
-          return k;
+        var S = Ar.apply(this, arguments);
+        if (S == null)
+          return S;
         if (c)
           for (var L = 2; L < arguments.length; L++)
             _t(arguments[L], e);
-        return e === d ? rn(k) : jt(k), k;
+        return e === f ? rn(S) : jt(S), S;
       }
       var wt = !1;
       function tn(e) {
@@ -1355,14 +1355,14 @@ Check the top-level render call using <` + i + ">.");
         return jt(c), c;
       }
       function an(e, r) {
-        var i = H.transition;
-        H.transition = {};
-        var c = H.transition;
-        H.transition._updatedFibers = /* @__PURE__ */ new Set();
+        var i = K.transition;
+        K.transition = {};
+        var c = K.transition;
+        K.transition._updatedFibers = /* @__PURE__ */ new Set();
         try {
           e();
         } finally {
-          if (H.transition = i, i === null && c._updatedFibers) {
+          if (K.transition = i, i === null && c._updatedFibers) {
             var b = c._updatedFibers.size;
             b > 10 && be("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), c._updatedFibers.clear();
           }
@@ -1383,11 +1383,11 @@ Check the top-level render call using <` + i + ">.");
           }
         return Cr(e);
       }
-      var Ke = 0, Rt = !1;
-      function kt(e) {
+      var Ge = 0, Rt = !1;
+      function St(e) {
         {
-          var r = Ke;
-          Ke++, X.current === null && (X.current = []);
+          var r = Ge;
+          Ge++, X.current === null && (X.current = []);
           var i = X.isBatchingLegacy, c;
           try {
             if (X.isBatchingLegacy = !0, c = e(), !i && X.didScheduleLegacyUpdate) {
@@ -1400,10 +1400,10 @@ Check the top-level render call using <` + i + ">.");
             X.isBatchingLegacy = i;
           }
           if (c !== null && typeof c == "object" && typeof c.then == "function") {
-            var R = c, w = !1, k = {
+            var R = c, w = !1, S = {
               then: function(re, se) {
                 w = !0, R.then(function(ce) {
-                  wr(r), Ke === 0 ? Hr(ce, re, se) : re(ce);
+                  wr(r), Ge === 0 ? Kr(ce, re, se) : re(ce);
                 }, function(ce) {
                   wr(r), se(ce);
                 });
@@ -1412,15 +1412,15 @@ Check the top-level render call using <` + i + ">.");
             return !Rt && typeof Promise < "u" && Promise.resolve().then(function() {
             }).then(function() {
               w || (Rt = !0, E("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"));
-            }), k;
+            }), S;
           } else {
             var L = c;
-            if (wr(r), Ke === 0) {
-              var G = X.current;
-              G !== null && (Xr(G), X.current = null);
+            if (wr(r), Ge === 0) {
+              var q = X.current;
+              q !== null && (Xr(q), X.current = null);
               var Z = {
                 then: function(re, se) {
-                  X.current === null ? (X.current = [], Hr(L, re, se)) : re(L);
+                  X.current === null ? (X.current = [], Kr(L, re, se)) : re(L);
                 }
               };
               return Z;
@@ -1436,15 +1436,15 @@ Check the top-level render call using <` + i + ">.");
         }
       }
       function wr(e) {
-        e !== Ke - 1 && E("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), Ke = e;
+        e !== Ge - 1 && E("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), Ge = e;
       }
-      function Hr(e, r, i) {
+      function Kr(e, r, i) {
         {
           var c = X.current;
           if (c !== null)
             try {
               Xr(c), on(function() {
-                c.length === 0 ? (X.current = null, r(e)) : Hr(e, r, i);
+                c.length === 0 ? (X.current = null, r(e)) : Kr(e, r, i);
               });
             } catch (b) {
               i(b);
@@ -1480,13 +1480,13 @@ Check the top-level render call using <` + i + ">.");
         toArray: yr,
         only: br
       };
-      a.Children = cn, a.Component = $, a.Fragment = d, a.Profiler = v, a.PureComponent = V, a.StrictMode = h, a.Suspense = _, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = le, a.act = kt, a.cloneElement = ln, a.createContext = Lr, a.createElement = sn, a.createFactory = un, a.createRef = Or, a.forwardRef = Vr, a.isValidElement = Re, a.lazy = Ur, a.memo = x, a.startTransition = an, a.unstable_act = kt, a.useCallback = he, a.useContext = W, a.useDebugValue = fe, a.useDeferredValue = Br, a.useEffect = ue, a.useId = Yr, a.useImperativeHandle = we, a.useInsertionEffect = ee, a.useLayoutEffect = ne, a.useMemo = Se, a.useReducer = D, a.useRef = P, a.useState = B, a.useSyncExternalStore = zt, a.useTransition = nr, a.version = u, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      a.Children = cn, a.Component = $, a.Fragment = f, a.Profiler = v, a.PureComponent = U, a.StrictMode = h, a.Suspense = _, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = le, a.act = St, a.cloneElement = ln, a.createContext = Lr, a.createElement = sn, a.createFactory = un, a.createRef = Or, a.forwardRef = Ur, a.isValidElement = Re, a.lazy = Wr, a.memo = x, a.startTransition = an, a.unstable_act = St, a.useCallback = he, a.useContext = B, a.useDebugValue = fe, a.useDeferredValue = Vr, a.useEffect = ue, a.useId = Yr, a.useImperativeHandle = we, a.useInsertionEffect = ee, a.useLayoutEffect = te, a.useMemo = ke, a.useReducer = D, a.useRef = P, a.useState = V, a.useSyncExternalStore = zt, a.useTransition = nr, a.version = u, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(ir, ir.exports)), ir.exports;
 }
 var It;
 function at() {
-  return It || (It = 1, process.env.NODE_ENV === "production" ? Tr.exports = Hn() : Tr.exports = Jn()), Tr.exports;
+  return It || (It = 1, process.env.NODE_ENV === "production" ? Tr.exports = Kn() : Tr.exports = Jn()), Tr.exports;
 }
 /**
  * @license React
@@ -1501,13 +1501,13 @@ var Dt;
 function Xn() {
   if (Dt) return or;
   Dt = 1;
-  var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, f = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, d = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
   function h(v, g, p) {
     var j, _ = {}, O = null, T = null;
     p !== void 0 && (O = "" + p), g.key !== void 0 && (O = "" + g.key), g.ref !== void 0 && (T = g.ref);
-    for (j in g) l.call(g, j) && !d.hasOwnProperty(j) && (_[j] = g[j]);
+    for (j in g) l.call(g, j) && !f.hasOwnProperty(j) && (_[j] = g[j]);
     if (v && v.defaultProps) for (j in g = v.defaultProps, g) _[j] === void 0 && (_[j] = g[j]);
-    return { $$typeof: a, type: v, key: O, ref: T, props: _, _owner: f.current };
+    return { $$typeof: a, type: v, key: O, ref: T, props: _, _owner: d.current };
   }
   return or.Fragment = u, or.jsx = h, or.jsxs = h, or;
 }
@@ -1524,11 +1524,11 @@ var sr = {};
 var $t;
 function Zn() {
   return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), S = Symbol.iterator, ae = "@@iterator";
+    var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), k = Symbol.iterator, ae = "@@iterator";
     function de(t) {
       if (t === null || typeof t != "object")
         return null;
-      var m = S && t[S] || t[ae];
+      var m = k && t[k] || t[ae];
       return typeof m == "function" ? m : null;
     }
     var A = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -1541,18 +1541,18 @@ function Zn() {
     }
     function ge(t, m, x) {
       {
-        var C = A.ReactDebugCurrentFrame, W = C.getStackAddendum();
-        W !== "" && (m += "%s", x = x.concat([W]));
-        var B = x.map(function(D) {
+        var C = A.ReactDebugCurrentFrame, B = C.getStackAddendum();
+        B !== "" && (m += "%s", x = x.concat([B]));
+        var V = x.map(function(D) {
           return String(D);
         });
-        B.unshift("Warning: " + m), Function.prototype.apply.call(console[t], console, B);
+        V.unshift("Warning: " + m), Function.prototype.apply.call(console[t], console, V);
       }
     }
-    var H = !1, X = !1, ie = !1, pe = !1, je = !1, Te;
+    var K = !1, X = !1, ie = !1, pe = !1, je = !1, Te;
     Te = Symbol.for("react.module.reference");
     function Oe(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === l || t === d || je || t === f || t === p || t === j || pe || t === T || H || X || ie || typeof t == "object" && t !== null && (t.$$typeof === O || t.$$typeof === _ || t.$$typeof === h || t.$$typeof === v || t.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === l || t === f || je || t === d || t === p || t === j || pe || t === T || K || X || ie || typeof t == "object" && t !== null && (t.$$typeof === O || t.$$typeof === _ || t.$$typeof === h || t.$$typeof === v || t.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -1562,8 +1562,8 @@ function Zn() {
       var C = t.displayName;
       if (C)
         return C;
-      var W = m.displayName || m.name || "";
-      return W !== "" ? x + "(" + W + ")" : x;
+      var B = m.displayName || m.name || "";
+      return B !== "" ? x + "(" + B + ")" : x;
     }
     function Pe(t) {
       return t.displayName || "Context";
@@ -1580,9 +1580,9 @@ function Zn() {
           return "Fragment";
         case u:
           return "Portal";
-        case d:
-          return "Profiler";
         case f:
+          return "Profiler";
+        case d:
           return "StrictMode";
         case p:
           return "Suspense";
@@ -1603,9 +1603,9 @@ function Zn() {
             var C = t.displayName || null;
             return C !== null ? C : ve(t.type) || "Memo";
           case O: {
-            var W = t, B = W._payload, D = W._init;
+            var B = t, V = B._payload, D = B._init;
             try {
-              return ve(D(B));
+              return ve(D(V));
             } catch {
               return null;
             }
@@ -1675,27 +1675,27 @@ function Zn() {
         le < 0 && Y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var J = A.ReactCurrentDispatcher, q;
+    var J = A.ReactCurrentDispatcher, H;
     function z(t, m, x) {
       {
-        if (q === void 0)
+        if (H === void 0)
           try {
             throw Error();
-          } catch (W) {
-            var C = W.stack.trim().match(/\n( *(at )?)/);
-            q = C && C[1] || "";
+          } catch (B) {
+            var C = B.stack.trim().match(/\n( *(at )?)/);
+            H = C && C[1] || "";
           }
         return `
-` + q + t;
+` + H + t;
       }
     }
-    var V = !1, oe;
+    var U = !1, oe;
     {
       var Or = typeof WeakMap == "function" ? WeakMap : Map;
       oe = new Or();
     }
     function ur(t, m) {
-      if (!t || V)
+      if (!t || U)
         return "";
       {
         var x = oe.get(t);
@@ -1703,11 +1703,11 @@ function Zn() {
           return x;
       }
       var C;
-      V = !0;
-      var W = Error.prepareStackTrace;
+      U = !0;
+      var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var B;
-      B = J.current, J.current = null, $();
+      var V;
+      V = J.current, J.current = null, $();
       try {
         if (m) {
           var D = function() {
@@ -1744,35 +1744,35 @@ function Zn() {
         if (fe && C && typeof fe.stack == "string") {
           for (var P = fe.stack.split(`
 `), ue = C.stack.split(`
-`), ee = P.length - 1, ne = ue.length - 1; ee >= 1 && ne >= 0 && P[ee] !== ue[ne]; )
-            ne--;
-          for (; ee >= 1 && ne >= 0; ee--, ne--)
-            if (P[ee] !== ue[ne]) {
-              if (ee !== 1 || ne !== 1)
+`), ee = P.length - 1, te = ue.length - 1; ee >= 1 && te >= 0 && P[ee] !== ue[te]; )
+            te--;
+          for (; ee >= 1 && te >= 0; ee--, te--)
+            if (P[ee] !== ue[te]) {
+              if (ee !== 1 || te !== 1)
                 do
-                  if (ee--, ne--, ne < 0 || P[ee] !== ue[ne]) {
+                  if (ee--, te--, te < 0 || P[ee] !== ue[te]) {
                     var he = `
 ` + P[ee].replace(" at new ", " at ");
                     return t.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", t.displayName)), typeof t == "function" && oe.set(t, he), he;
                   }
-                while (ee >= 1 && ne >= 0);
+                while (ee >= 1 && te >= 0);
               break;
             }
         }
       } finally {
-        V = !1, J.current = B, M(), Error.prepareStackTrace = W;
+        U = !1, J.current = V, M(), Error.prepareStackTrace = B;
       }
-      var Se = t ? t.displayName || t.name : "", we = Se ? z(Se) : "";
+      var ke = t ? t.displayName || t.name : "", we = ke ? z(ke) : "";
       return typeof t == "function" && oe.set(t, we), we;
     }
-    function We(t, m, x) {
+    function Be(t, m, x) {
       return ur(t, !1);
     }
     function Pr(t) {
       var m = t.prototype;
       return !!(m && m.isReactComponent);
     }
-    function Ue(t, m, x) {
+    function We(t, m, x) {
       if (t == null)
         return "";
       if (typeof t == "function")
@@ -1788,13 +1788,13 @@ function Zn() {
       if (typeof t == "object")
         switch (t.$$typeof) {
           case g:
-            return We(t.render);
+            return Be(t.render);
           case _:
-            return Ue(t.type, m, x);
+            return We(t.type, m, x);
           case O: {
-            var C = t, W = C._payload, B = C._init;
+            var C = t, B = C._payload, V = C._init;
             try {
-              return Ue(B(W), m, x);
+              return We(V(B), m, x);
             } catch {
             }
           }
@@ -1804,16 +1804,16 @@ function Zn() {
     var Ee = Object.prototype.hasOwnProperty, Ae = {}, cr = A.ReactDebugCurrentFrame;
     function Ie(t) {
       if (t) {
-        var m = t._owner, x = Ue(t.type, t._source, m ? m.type : null);
+        var m = t._owner, x = We(t.type, t._source, m ? m.type : null);
         cr.setExtraStackFrame(x);
       } else
         cr.setExtraStackFrame(null);
     }
-    function _e(t, m, x, C, W) {
+    function _e(t, m, x, C, B) {
       {
-        var B = Function.call.bind(Ee);
+        var V = Function.call.bind(Ee);
         for (var D in t)
-          if (B(t, D)) {
+          if (V(t, D)) {
             var P = void 0;
             try {
               if (typeof t[D] != "function") {
@@ -1824,12 +1824,12 @@ function Zn() {
             } catch (ee) {
               P = ee;
             }
-            P && !(P instanceof Error) && (Ie(W), Y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", x, D, typeof P), Ie(null)), P instanceof Error && !(P.message in Ae) && (Ae[P.message] = !0, Ie(W), Y("Failed %s type: %s", x, P.message), Ie(null));
+            P && !(P instanceof Error) && (Ie(B), Y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", x, D, typeof P), Ie(null)), P instanceof Error && !(P.message in Ae) && (Ae[P.message] = !0, Ie(B), Y("Failed %s type: %s", x, P.message), Ie(null));
           }
       }
     }
     var De = Array.isArray;
-    function Ve(t) {
+    function Ue(t) {
       return De(t);
     }
     function fr(t) {
@@ -1840,17 +1840,17 @@ function Zn() {
     }
     function dr(t) {
       try {
-        return Be(t), !1;
+        return Ve(t), !1;
       } catch {
         return !0;
       }
     }
-    function Be(t) {
+    function Ve(t) {
       return "" + t;
     }
     function Xe(t) {
       if (dr(t))
-        return Y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fr(t)), Be(t);
+        return Y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fr(t)), Ve(t);
     }
     var Ze = A.ReactCurrentOwner, Nr = {
       key: !0,
@@ -1899,7 +1899,7 @@ function Zn() {
         });
       }
     }
-    var mr = function(t, m, x, C, W, B, D) {
+    var mr = function(t, m, x, C, B, V, D) {
       var P = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: a,
@@ -1909,7 +1909,7 @@ function Zn() {
         ref: x,
         props: D,
         // Record the component responsible for creating this element.
-        _owner: B
+        _owner: V
       };
       return P._store = {}, Object.defineProperty(P._store, "validated", {
         configurable: !1,
@@ -1925,31 +1925,31 @@ function Zn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: W
+        value: B
       }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function $r(t, m, x, C, W) {
+    function $r(t, m, x, C, B) {
       {
-        var B, D = {}, P = null, ue = null;
-        x !== void 0 && (Xe(x), P = "" + x), Ar(m) && (Xe(m.key), P = "" + m.key), Qe(m) && (ue = m.ref, Ir(m, W));
-        for (B in m)
-          Ee.call(m, B) && !Nr.hasOwnProperty(B) && (D[B] = m[B]);
+        var V, D = {}, P = null, ue = null;
+        x !== void 0 && (Xe(x), P = "" + x), Ar(m) && (Xe(m.key), P = "" + m.key), Qe(m) && (ue = m.ref, Ir(m, B));
+        for (V in m)
+          Ee.call(m, V) && !Nr.hasOwnProperty(V) && (D[V] = m[V]);
         if (t && t.defaultProps) {
           var ee = t.defaultProps;
-          for (B in ee)
-            D[B] === void 0 && (D[B] = ee[B]);
+          for (V in ee)
+            D[V] === void 0 && (D[V] = ee[V]);
         }
         if (P || ue) {
-          var ne = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          P && Dr(D, ne), ue && Re(D, ne);
+          var te = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          P && Dr(D, te), ue && Re(D, te);
         }
-        return mr(t, P, ue, W, C, Ze.current, D);
+        return mr(t, P, ue, B, C, Ze.current, D);
       }
     }
     var er = A.ReactCurrentOwner, rr = A.ReactDebugCurrentFrame;
-    function ke(t) {
+    function Se(t) {
       if (t) {
-        var m = t._owner, x = Ue(t.type, t._source, m ? m.type : null);
+        var m = t._owner, x = We(t.type, t._source, m ? m.type : null);
         rr.setExtraStackFrame(x);
       } else
         rr.setExtraStackFrame(null);
@@ -1997,14 +1997,14 @@ Check the top-level render call using <` + x + ">.");
           return;
         hr[x] = !0;
         var C = "";
-        t && t._owner && t._owner !== er.current && (C = " It was passed a child from " + ve(t._owner.type) + "."), ke(t), Y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, C), ke(null);
+        t && t._owner && t._owner !== er.current && (C = " It was passed a child from " + ve(t._owner.type) + "."), Se(t), Y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, C), Se(null);
       }
     }
     function br(t, m) {
       {
         if (typeof t != "object")
           return;
-        if (Ve(t))
+        if (Ue(t))
           for (var x = 0; x < t.length; x++) {
             var C = t[x];
             $e(C) && yr(C, m);
@@ -2012,9 +2012,9 @@ Check the top-level render call using <` + x + ">.");
         else if ($e(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var W = de(t);
-          if (typeof W == "function" && W !== t.entries)
-            for (var B = W.call(t), D; !(D = B.next()).done; )
+          var B = de(t);
+          if (typeof B == "function" && B !== t.entries)
+            for (var V = B.call(t), D; !(D = V.next()).done; )
               $e(D.value) && yr(D.value, m);
         }
       }
@@ -2038,8 +2038,8 @@ Check the top-level render call using <` + x + ">.");
           _e(x, t.props, "prop", C, t);
         } else if (m.PropTypes !== void 0 && !Ye) {
           Ye = !0;
-          var W = ve(m);
-          Y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
+          var B = ve(m);
+          Y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
         }
         typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && Y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -2049,15 +2049,15 @@ Check the top-level render call using <` + x + ">.");
         for (var m = Object.keys(t.props), x = 0; x < m.length; x++) {
           var C = m[x];
           if (C !== "children" && C !== "key") {
-            ke(t), Y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), ke(null);
+            Se(t), Y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Se(null);
             break;
           }
         }
-        t.ref !== null && (ke(t), Y("Invalid attribute `ref` supplied to `React.Fragment`."), ke(null));
+        t.ref !== null && (Se(t), Y("Invalid attribute `ref` supplied to `React.Fragment`."), Se(null));
       }
     }
-    var qe = {};
-    function tr(t, m, x, C, W, B) {
+    var He = {};
+    function tr(t, m, x, C, B, V) {
       {
         var D = Oe(t);
         if (!D) {
@@ -2066,18 +2066,18 @@ Check the top-level render call using <` + x + ">.");
           var ue = ze();
           ue ? P += ue : P += Fe();
           var ee;
-          t === null ? ee = "null" : Ve(t) ? ee = "array" : t !== void 0 && t.$$typeof === a ? (ee = "<" + (ve(t.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof t, Y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, P);
+          t === null ? ee = "null" : Ue(t) ? ee = "array" : t !== void 0 && t.$$typeof === a ? (ee = "<" + (ve(t.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof t, Y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, P);
         }
-        var ne = $r(t, m, x, W, B);
-        if (ne == null)
-          return ne;
+        var te = $r(t, m, x, B, V);
+        if (te == null)
+          return te;
         if (D) {
           var he = m.children;
           if (he !== void 0)
             if (C)
-              if (Ve(he)) {
-                for (var Se = 0; Se < he.length; Se++)
-                  br(he[Se], t);
+              if (Ue(he)) {
+                for (var ke = 0; ke < he.length; ke++)
+                  br(he[ke], t);
                 Object.freeze && Object.freeze(he);
               } else
                 Y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -2088,32 +2088,32 @@ Check the top-level render call using <` + x + ">.");
           var we = ve(t), fe = Object.keys(m).filter(function(Yr) {
             return Yr !== "key";
           }), nr = fe.length > 0 ? "{key: someKey, " + fe.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!qe[we + nr]) {
-            var Br = fe.length > 0 ? "{" + fe.join(": ..., ") + ": ...}" : "{}";
+          if (!He[we + nr]) {
+            var Vr = fe.length > 0 ? "{" + fe.join(": ..., ") + ": ...}" : "{}";
             Y(`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} />`, nr, we, Br, we), qe[we + nr] = !0;
+  <%s key={someKey} {...props} />`, nr, we, Vr, we), He[we + nr] = !0;
           }
         }
-        return t === l ? Le(ne) : Lr(ne), ne;
+        return t === l ? Le(te) : Lr(te), te;
       }
     }
     function Mr(t, m, x) {
       return tr(t, m, x, !0);
     }
-    function Wr(t, m, x) {
+    function Br(t, m, x) {
       return tr(t, m, x, !1);
     }
-    var Ur = Wr, Vr = Mr;
-    sr.Fragment = l, sr.jsx = Ur, sr.jsxs = Vr;
+    var Wr = Br, Ur = Mr;
+    sr.Fragment = l, sr.jsx = Wr, sr.jsxs = Ur;
   }()), sr;
 }
 var Ft;
 function Qn() {
-  return Ft || (Ft = 1, process.env.NODE_ENV === "production" ? Sr.exports = Xn() : Sr.exports = Zn()), Sr.exports;
+  return Ft || (Ft = 1, process.env.NODE_ENV === "production" ? kr.exports = Xn() : kr.exports = Zn()), kr.exports;
 }
 var n = Qn();
 at();
@@ -2129,40 +2129,40 @@ function ea() {
     (function() {
       var a = {}.hasOwnProperty;
       function u() {
-        for (var d = "", h = 0; h < arguments.length; h++) {
+        for (var f = "", h = 0; h < arguments.length; h++) {
           var v = arguments[h];
-          v && (d = f(d, l(v)));
+          v && (f = d(f, l(v)));
         }
-        return d;
+        return f;
       }
-      function l(d) {
-        if (typeof d == "string" || typeof d == "number")
-          return d;
-        if (typeof d != "object")
+      function l(f) {
+        if (typeof f == "string" || typeof f == "number")
+          return f;
+        if (typeof f != "object")
           return "";
-        if (Array.isArray(d))
-          return u.apply(null, d);
-        if (d.toString !== Object.prototype.toString && !d.toString.toString().includes("[native code]"))
-          return d.toString();
+        if (Array.isArray(f))
+          return u.apply(null, f);
+        if (f.toString !== Object.prototype.toString && !f.toString.toString().includes("[native code]"))
+          return f.toString();
         var h = "";
-        for (var v in d)
-          a.call(d, v) && d[v] && (h = f(h, v));
+        for (var v in f)
+          a.call(f, v) && f[v] && (h = d(h, v));
         return h;
       }
-      function f(d, h) {
-        return h ? d ? d + " " + h : d + h : d;
+      function d(f, h) {
+        return h ? f ? f + " " + h : f + h : f;
       }
       o.exports ? (u.default = u, o.exports = u) : window.classNames = u;
     })();
   }(et)), et.exports;
 }
 var ra = ea();
-const U = /* @__PURE__ */ Kn(ra), te = ({
+const W = /* @__PURE__ */ Gn(ra), ne = ({
   children: o,
   className: a,
   important: u = !1,
   onClick: l
-}) => u ? /* @__PURE__ */ n.jsx("div", { className: "bb_", onClick: l, children: /* @__PURE__ */ n.jsx("div", { className: a, children: o }) }) : /* @__PURE__ */ n.jsx("div", { className: a, children: o }), He = ({ icon: o, className: a = "" }) => o ? /* @__PURE__ */ n.jsxs(te, { className: "blockbite--icon", children: [
+}) => u ? /* @__PURE__ */ n.jsx("div", { className: "bb_", onClick: l, children: /* @__PURE__ */ n.jsx("div", { className: a, children: o }) }) : /* @__PURE__ */ n.jsx("div", { className: a, children: o }), Ke = ({ icon: o, className: a = "" }) => o ? /* @__PURE__ */ n.jsxs(ne, { className: "blockbite--icon", children: [
   /* @__PURE__ */ n.jsx(o, { className: a }),
   " "
 ] }) : null, ta = tt(
@@ -2171,25 +2171,25 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
     className: a,
     value: u,
     variant: l = "secondary",
-    defaultPressed: f,
-    onPressedChange: d,
+    defaultPressed: d,
+    onPressedChange: f,
     icon: h,
     size: v = "compact",
     display: g = "auto",
     label: p
   }) => {
     const [j, _] = F(!1);
-    K(() => {
-      _(f === u);
-    }, [f]);
-    const O = Wt(() => {
-      _((T) => !T), d(u);
-    }, [j, d]);
+    G(() => {
+      _(d === u);
+    }, [d]);
+    const O = Bt(() => {
+      _((T) => !T), f(u);
+    }, [j, f]);
     return /* @__PURE__ */ n.jsxs(
       ye,
       {
         "aria-label": p,
-        className: U(a, "blockbite-ui__button--default"),
+        className: W(a, "blockbite-ui__button--default"),
         value: u,
         size: v,
         label: p,
@@ -2198,7 +2198,7 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
         isPressed: j,
         onClick: O,
         children: [
-          h && /* @__PURE__ */ n.jsx(He, { icon: h }),
+          h && /* @__PURE__ */ n.jsx(Ke, { icon: h }),
           g !== "icon" ? o : null,
           p && !o && g !== "icon" ? /* @__PURE__ */ n.jsx("span", { children: p }) : null
         ]
@@ -2211,83 +2211,83 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
     defaultPressed: a = "",
     toggle: u = !0,
     display: l = "auto",
-    options: f,
-    size: d = "compact",
+    options: d,
+    size: f = "compact",
     tabs: h = !1,
     variant: v = "secondary",
     stretch: g = !1,
     onPressedChange: p
   }) => {
     const [j, _] = F(a);
-    K(() => {
+    G(() => {
       _(a);
     }, [a]);
-    const O = Wt(
-      (S) => {
-        const ae = u && j === S ? "" : S;
+    const O = Bt(
+      (k) => {
+        const ae = u && j === k ? "" : k;
         _(ae), p?.(ae);
       },
       [j, p, u]
-    ), T = (S) => l === "icon" && S?.icon ? /* @__PURE__ */ n.jsx(He, { icon: S.icon }) : l === "label" ? /* @__PURE__ */ n.jsx("span", { children: S.label }) : /* @__PURE__ */ n.jsxs("span", { className: "flex items-center justify-center gap-1", children: [
-      S.icon && /* @__PURE__ */ n.jsx(He, { icon: S.icon }),
-      /* @__PURE__ */ n.jsx("span", { children: S.label })
+    ), T = (k) => l === "icon" && k?.icon ? /* @__PURE__ */ n.jsx(Ke, { icon: k.icon }) : l === "label" ? /* @__PURE__ */ n.jsx("span", { children: k.label }) : /* @__PURE__ */ n.jsxs("span", { className: "flex items-center justify-center gap-1", children: [
+      k.icon && /* @__PURE__ */ n.jsx(Ke, { icon: k.icon }),
+      /* @__PURE__ */ n.jsx("span", { children: k.label })
     ] });
     return /* @__PURE__ */ n.jsx(
-      te,
+      ne,
       {
-        className: U(
+        className: W(
           "blockbite-ui__button-group flex flex-wrap gap-1",
           o,
           h ? "blockbite-ui__button-group--tabs" : ""
         ),
-        children: f.map((S, ae) => /* @__PURE__ */ n.jsxs(
+        children: d.map((k, ae) => /* @__PURE__ */ n.jsxs(
           ye,
           {
-            className: U("blockbite-ui__button--default", {
+            className: W("blockbite-ui__button--default", {
               grow: g,
               "justify-center": g
             }),
-            "aria-label": S.label,
+            "aria-label": k.label,
             showTooltip: !0,
-            value: S.value,
-            size: d,
-            label: S?.tooltip || S.label,
+            value: k.value,
+            size: f,
+            label: k?.tooltip || k.label,
             variant: v,
-            isPressed: j === S.value,
-            onClick: () => O(S.value),
+            isPressed: j === k.value,
+            onClick: () => O(k.value),
             children: [
-              T(S),
-              S.children && S.children
+              T(k),
+              k.children && k.children
             ]
           },
-          `ButtonToggleGroup__${S.value}__${S.label}__${ae}`
+          `ButtonToggleGroup__${k.value}__${k.label}__${ae}`
         ))
       }
     );
   }
 );
-function ka({
+function Sa({
   defaultValue: o,
   options: a,
   swatch: u,
   onPressedChange: l
 }) {
-  const [f, d] = F(""), [h, v] = F([]);
-  return K(() => {
+  const [d, f] = F(""), [h, v] = F([]);
+  return G(() => {
     v(
       a.filter(
-        (g) => g.label.toLowerCase().includes(f.toLowerCase())
+        (g) => g.label.toLowerCase().includes(d.toLowerCase())
       )
     );
-  }, [f, a]), K(() => {
-    d(""), v(a);
+  }, [d, a]), G(() => {
+    f(""), v(a);
   }, [o, a]), /* @__PURE__ */ n.jsx(
     wn,
     {
       className: "option-panel-dropdown",
       contentClassName: "option-panel-dropdown-content",
       popoverProps: { placement: "bottom-start" },
-      renderToggle: ({ isOpen: g, onToggle: p }) => /* @__PURE__ */ n.jsx(te, { important: !0, children: /* @__PURE__ */ n.jsx(
+      renderToggle: ({ isOpen: g, onToggle: p }) => /* @__PURE__ */ n.jsx(ne, { important: !0, children: /* @__PURE__ */ n.jsx(
         ye,
         {
           variant: "secondary",
@@ -2298,7 +2298,7 @@ function ka({
             u && /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: U(
+                className: W(
                   `h-3 w-3 rounded-full bg-${o}`
                 )
               }
@@ -2308,13 +2308,15 @@ function ka({
           ] })
         }
       ) }),
-      renderContent: () => /* @__PURE__ */ n.jsx(te, { important: !0, children: /* @__PURE__ */ n.jsxs("div", { className: "w-52", children: [
+      renderContent: () => /* @__PURE__ */ n.jsx(ne, { important: !0, children: /* @__PURE__ */ n.jsxs("div", { className: "w-52", children: [
         /* @__PURE__ */ n.jsx(
           rt,
           {
+            __next40pxDefaultSize: !0,
+            __nextHasNoMarginBottom: !0,
             label: "Search options",
-            value: f,
-            onChange: (g) => d(g),
+            value: d,
+            onChange: (g) => f(g),
             autoComplete: "off"
           }
         ),
@@ -2323,7 +2325,7 @@ function ka({
           h.map((g, p) => /* @__PURE__ */ n.jsxs(
             ta,
             {
-              className: U({
+              className: W({
                 "bg-primary": g.value
               }),
               size: "small",
@@ -2336,7 +2338,7 @@ function ka({
                 u && /* @__PURE__ */ n.jsx(
                   "div",
                   {
-                    className: U(
+                    className: W(
                       `mr-3 h-3 w-3 rounded-full bg-${g.value}`
                     )
                   }
@@ -2355,7 +2357,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
   "div",
   {
     onClick: l,
-    className: U(
+    className: W(
       a,
       "inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800"
     ),
@@ -2364,14 +2366,14 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
       o
     ]
   }
-), Sa = ({ htmlContent: o, cssContent: a, frontendAssets: u }) => {
-  const l = lr(null), [f, d] = F(null);
-  return K(() => {
+), ka = ({ htmlContent: o, cssContent: a, frontendAssets: u }) => {
+  const l = lr(null), [d, f] = F(null);
+  return G(() => {
     const h = l.current;
     return h && (h.onload = () => {
       const v = h.contentDocument || h.contentWindow.document;
       if (v) {
-        d(v.body);
+        f(v.body);
         const g = v.createElement("style");
         g.innerHTML = a, v.head.appendChild(g), u.forEach(({ type: p, id: j, url: _ }) => {
           const O = document.getElementById(j);
@@ -2407,7 +2409,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
             height: "100%"
           }
         ),
-        f && Ut(
+        d && Wt(
           /* @__PURE__ */ n.jsx("div", { className: "b_", children: /* @__PURE__ */ n.jsx(
             "div",
             {
@@ -2415,7 +2417,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
               dangerouslySetInnerHTML: { __html: o }
             }
           ) }),
-          f
+          d
         )
       ]
     }
@@ -2425,8 +2427,8 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
   size: a = "default",
   label: u,
   className: l,
-  onClick: f,
-  variant: d = "primary",
+  onClick: d,
+  variant: f = "primary",
   display: h = "auto",
   icon: v,
   disabled: g = !1
@@ -2436,27 +2438,27 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     ye,
     {
       size: a,
-      variant: d,
+      variant: f,
       label: u,
       showTooltip: !0,
       disabled: g,
-      className: U(
+      className: W(
         l,
         "blockbite-ui__button",
         "flex items-center justify-center gap-1",
-        { "is-primary": d === "primary" },
-        { "is-secondary": d === "secondary" },
-        { "is-link": d === "link" },
-        { "is-tertiary": d === "tertiary" },
+        { "is-primary": f === "primary" },
+        { "is-secondary": f === "secondary" },
+        { "is-link": f === "link" },
+        { "is-tertiary": f === "tertiary" },
         { "is-icon": h === "icon" }
       ),
-      onClick: f,
+      onClick: d,
       children: [
         v && /* @__PURE__ */ n.jsx(
-          He,
+          Ke,
           {
             icon: v,
-            className: U({ "h-4 w-4": h === "icon-lg" })
+            className: W({ "h-4 w-4": h === "icon-lg" })
           }
         ),
         p ? null : o,
@@ -2465,51 +2467,50 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     }
   );
 }, Oa = ({ children: o, title: a }) => /* @__PURE__ */ n.jsxs(
-  te,
+  ne,
   {
-    className: U(
+    className: W(
       "text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium",
-      U
+      W
     ),
     children: [
-      a && /* @__PURE__ */ n.jsx(te, { className: "font-medium", children: a }),
+      a && /* @__PURE__ */ n.jsx(ne, { className: "font-medium", children: a }),
       o
     ]
   }
 ), Pa = ({
-  id: o = "",
-  title: a,
-  className: u,
-  help: l,
-  badge: f
-}) => /* @__PURE__ */ n.jsxs("div", { ...o ? { id: o } : null, className: U("mb-4", u), children: [
+  title: o,
+  className: a,
+  help: u,
+  badge: l,
+  ...d
+}) => /* @__PURE__ */ n.jsxs("div", { className: W("mb-2", a), ...d, children: [
   /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-wrap items-center gap-2 justify-between", children: [
-    /* @__PURE__ */ n.jsx("small", { className: "shrink-1 text-[12px]", children: a }),
-    !!f && /* @__PURE__ */ n.jsx(aa, { className: "text-[.65rem] py-px px-1", children: f }),
-    /* @__PURE__ */ n.jsx("span", { className: "h-[1px] w-full bg-easy" })
+    /* @__PURE__ */ n.jsx("span", { className: "shrink-1 text-[11px] font-medium uppercase leading-snug", children: o }),
+    !!l && /* @__PURE__ */ n.jsx(aa, { className: "text-[10px] py-px px-1", children: l })
   ] }),
-  l && /* @__PURE__ */ n.jsx("small", { className: "w-full shrink-0 text-[12px]", children: l })
+  u && /* @__PURE__ */ n.jsx("small", { className: "w-full shrink-0 text-[11px]", children: u })
 ] }), Na = ({ label: o, help: a, defaultChecked: u }) => {
-  const [l, f] = F(u);
-  return K(() => {
-    f(u);
-  }, [u]), /* @__PURE__ */ n.jsx(te, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ n.jsx(
+  const [l, d] = F(u);
+  return G(() => {
+    d(u);
+  }, [u]), /* @__PURE__ */ n.jsx(ne, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ n.jsx(
     En,
     {
       label: o,
       help: a,
       checked: l,
-      onChange: f
+      onChange: d
     }
   ) });
-}, ot = Vn(
+}, ot = Un(
   ({
     onClick: o,
     onChange: a,
     className: u,
     defaultValue: l,
-    children: f,
-    inputClassName: d,
+    children: d,
+    inputClassName: f,
     readOnly: h,
     placeholder: v,
     onBlur: g,
@@ -2518,21 +2519,21 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     helper: _ = "",
     ...O
   }, T) => {
-    const S = `text-control-${Math.random().toString(36).substring(2, 15)}`;
+    const k = `text-control-${Math.random().toString(36).substring(2, 15)}`;
     return /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: U("flex items-center p-0", u),
+        className: W("flex items-center p-0", u),
         ...O,
         children: [
-          j ? /* @__PURE__ */ n.jsx("label", { htmlFor: S, className: "text-primary !m-0 !mb-0 !mr-2", children: j }) : null,
+          j ? /* @__PURE__ */ n.jsx("label", { htmlFor: k, className: "text-primary !m-0 !mb-0 !mr-2", children: j }) : null,
           /* @__PURE__ */ n.jsx(
             "input",
             {
-              id: S,
-              className: U(
+              id: k,
+              className: W(
                 "border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0",
-                d
+                f
               ),
               type: p,
               value: l,
@@ -2546,7 +2547,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
               ref: T
             }
           ),
-          /* @__PURE__ */ n.jsx("span", { children: f }),
+          /* @__PURE__ */ n.jsx("span", { children: d }),
           _ && /* @__PURE__ */ n.jsx("p", { className: "text-primary !m-0 !mb-0 text-xs", children: _ })
         ]
       }
@@ -2559,8 +2560,8 @@ const Aa = ({
   active: a,
   setActive: u,
   onCreate: l,
-  onDelete: f,
-  onUpdate: d,
+  onDelete: d,
+  onUpdate: f,
   onSwitch: h,
   renderItemActions: v,
   addons: g,
@@ -2571,27 +2572,27 @@ const Aa = ({
   const [O, T] = F({
     id: "",
     name: ""
-  }), [S, ae] = F(!1), de = lr(null), A = () => {
+  }), [k, ae] = F(!1), de = lr(null), A = () => {
     l();
   }, Y = () => {
     if (!a || o.length === 0) return;
-    const H = o.filter((pe) => pe.id !== a?.id), X = o.findIndex((pe) => pe.id === a?.id), ie = H[X] || H[0];
-    f(a?.id), u(ie);
-  }, ge = (H) => {
-    ae(!0), O.id && d(O.id, { name: H }), setTimeout(() => {
+    const K = o.filter((pe) => pe.id !== a?.id), X = o.findIndex((pe) => pe.id === a?.id), ie = K[X] || K[0];
+    d(a?.id), u(ie);
+  }, ge = (K) => {
+    ae(!0), O.id && f(O.id, { name: K }), setTimeout(() => {
       T({ id: "", name: "" }), ae(!1);
     }, 500);
   };
-  return /* @__PURE__ */ n.jsxs(te, { important: !0, className: p, children: [
+  return /* @__PURE__ */ n.jsxs(ne, { important: !0, className: p, children: [
     /* @__PURE__ */ n.jsxs("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto", children: [
       g,
-      o.length > 0 && /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsx("ul", { className: "divide-y border-b", children: o.map((H) => /* @__PURE__ */ n.jsxs(
+      o.length > 0 && /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsx("ul", { className: "divide-y border-b", children: o.map((K) => /* @__PURE__ */ n.jsxs(
         "li",
         {
-          className: U(
+          className: W(
             "relative m-0 flex items-center justify-between gap-1 bg-opacity-50 hover:bg-easy",
             {
-              "bg-easy": H.id === a?.id
+              "bg-easy": K.id === a?.id
             }
           ),
           children: [
@@ -2601,18 +2602,18 @@ const Aa = ({
                 {
                   className: "text-gray-medium w-full truncate  px-3 py-2 text-left text-sm/6 font-semibold hover:text-wordpress",
                   onClick: () => {
-                    h(a?.id, { ...a }), u(H);
+                    h(a?.id, { ...a }), u(K);
                   },
                   onDoubleClick: () => {
-                    T({ id: H.id, name: H.name || "" });
+                    T({ id: K.id, name: K.name || "" });
                   },
-                  children: S && O.id === H.id ? /* @__PURE__ */ n.jsx("span", { className: "animate-pulse text-gray-medium", children: O.name }) : /* @__PURE__ */ n.jsx("span", { className: "text-gray-medium", children: H.name || "Untitled" })
+                  children: k && O.id === K.id ? /* @__PURE__ */ n.jsx("span", { className: "animate-pulse text-gray-medium", children: O.name }) : /* @__PURE__ */ n.jsx("span", { className: "text-gray-medium", children: K.name || "Untitled" })
                 }
               ),
-              O.id === H.id && !S && /* @__PURE__ */ n.jsx(
+              O.id === K.id && !k && /* @__PURE__ */ n.jsx(
                 ot,
                 {
-                  className: "absolute left-1 top-0 w-full h-full",
+                  className: "absolute left-1 top-0 w-[calc(100%-.5rem)] h-full",
                   inputClassName: "w-full",
                   defaultValue: O.name,
                   onChange: (X) => T({ ...O, name: X }),
@@ -2621,16 +2622,16 @@ const Aa = ({
                 }
               )
             ] }),
-            v && /* @__PURE__ */ n.jsx("div", { className: "flex gap-1 pr-1", children: v(H) })
+            v && /* @__PURE__ */ n.jsx("div", { className: "flex gap-1 pr-1", children: v(K) })
           ]
         },
-        `data__${H.id}`
+        `data__${K.id}`
       )) }) })
     ] }),
     /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: U(
+        className: W(
           "flex flex-wrap justify-center gap-2 p-2",
           _
         ),
@@ -2666,24 +2667,24 @@ const Aa = ({
   className: a,
   children: u,
   show: l,
-  message: f
+  message: d
 }) => {
-  const [d, h] = F(!1), v = lr(!1), g = lr(null);
-  return K(() => {
+  const [f, h] = F(!1), v = lr(!1), g = lr(null);
+  return G(() => {
     v.current = !0;
-  }, []), K(() => {
+  }, []), G(() => {
     if (v.current)
       return l && (h(!0), g.current = setTimeout(() => {
         h(!1);
       }, o)), () => {
         g.current && clearTimeout(g.current);
       };
-  }, [l, o]), d ? /* @__PURE__ */ n.jsx(
-    te,
+  }, [l, o]), f ? /* @__PURE__ */ n.jsx(
+    ne,
     {
       important: !0,
-      className: U("bb-ui__disappearing-message", a),
-      children: /* @__PURE__ */ n.jsx("div", { className: "bb-ui__disappearing-message__content", children: f ?? u })
+      className: W("bb-ui__disappearing-message", a),
+      children: /* @__PURE__ */ n.jsx("div", { className: "bb-ui__disappearing-message__content", children: d ?? u })
     }
   ) : null;
 }, oa = ({
@@ -2691,29 +2692,29 @@ const Aa = ({
   className: a,
   defaultValue: u,
   defaultIcon: l = hn,
-  onPressedChange: f,
-  options: d
+  onPressedChange: d,
+  options: f
 }) => {
   const [h, v] = F(null);
-  K(() => {
+  G(() => {
     v(u);
   }, [u]);
   const g = [
-    ...d.map((p) => ({
+    ...f.map((p) => ({
       icon: p.icon,
       label: p.label,
       title: p.label,
       value: p.value,
       onClick: () => {
-        v(p.value), f(p.value);
+        v(p.value), d(p.value);
       }
     })),
     {
-      icon: /* @__PURE__ */ n.jsx(He, { icon: l }),
+      icon: /* @__PURE__ */ n.jsx(Ke, { icon: l }),
       title: "Reset",
       value: "reset",
       onClick: () => {
-        v("reset"), f("reset");
+        v("reset"), d("reset");
       }
     }
   ];
@@ -2721,11 +2722,11 @@ const Aa = ({
     Rn,
     {
       controls: g,
-      className: U(
+      className: W(
         "blockbite-ui__dropdown-picker border-primary border",
         a
       ),
-      icon: d.find((p) => p.value === h)?.icon || /* @__PURE__ */ n.jsx(He, { icon: l }),
+      icon: f.find((p) => p.value === h)?.icon || /* @__PURE__ */ n.jsx(Ke, { icon: l }),
       label: o || "Select"
     }
   );
@@ -2735,9 +2736,9 @@ function Da({
   title: a,
   description: u,
   children: l = null,
-  ...f
+  ...d
 }) {
-  return /* @__PURE__ */ n.jsx("div", { ...f, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: /* @__PURE__ */ n.jsxs("div", { className: "max-w-sm", children: [
+  return /* @__PURE__ */ n.jsx("div", { ...d, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: /* @__PURE__ */ n.jsxs("div", { className: "max-w-sm", children: [
     o && /* @__PURE__ */ n.jsx("div", { className: "mx-auto !text-gray-400", children: o }),
     /* @__PURE__ */ n.jsx("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium", children: a }),
     /* @__PURE__ */ n.jsx("p", { className: "mt-1 !font-sans text-sm !text-gray-500", children: u }),
@@ -2747,21 +2748,21 @@ function Da({
 function $a({
   children: o
 }) {
-  const a = lr(null), [u, l] = F({ x: 100, y: 100 }), [f, d] = F(!1), [h, v] = F({ x: 0, y: 0 });
-  K(() => {
+  const a = lr(null), [u, l] = F({ x: 100, y: 100 }), [d, f] = F(!1), [h, v] = F({ x: 0, y: 0 });
+  G(() => {
     const p = (_) => {
-      f && l({
+      d && l({
         x: _.clientX - h.x,
         y: _.clientY - h.y
       });
-    }, j = () => d(!1);
+    }, j = () => f(!1);
     return window.addEventListener("mousemove", p), window.addEventListener("mouseup", j), () => {
       window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", j);
     };
-  }, [f, h]);
+  }, [d, h]);
   const g = (p) => {
     const j = a.current.getBoundingClientRect();
-    v({ x: p.clientX - j.left, y: p.clientY - j.top }), d(!0);
+    v({ x: p.clientX - j.left, y: p.clientY - j.top }), f(!0);
   };
   return /* @__PURE__ */ n.jsx("div", { className: "bb_", children: /* @__PURE__ */ n.jsxs(
     "div",
@@ -2787,53 +2788,55 @@ const Fa = ({
   onValueChange: a,
   url: u
 }) => {
-  const [l, f] = F({
+  const [l, d] = F({
     x: 0.5,
     y: 0.5
   });
-  return K(() => {
+  return G(() => {
     a(
       `[${(l.x * 100).toFixed(2)}%_${(l.y * 100).toFixed(
         2
       )}%]`
     );
-  }, [l]), K(() => {
+  }, [l]), G(() => {
     if (o.includes("%")) {
-      const [d, h] = o.replace("[", "").replace("%]", "").split("_").map((v) => parseFloat(v) / 100);
-      f({
-        x: d,
+      const [f, h] = o.replace("[", "").replace("%]", "").split("_").map((v) => parseFloat(v) / 100);
+      d({
+        x: f,
         y: h
       });
     }
-  }, [o]), /* @__PURE__ */ n.jsx(te, { className: "relative flex flex-col", children: /* @__PURE__ */ n.jsx(
-    kn,
+  }, [o]), /* @__PURE__ */ n.jsx(ne, { className: "relative flex flex-col", children: /* @__PURE__ */ n.jsx(
+    Sn,
     {
       url: u,
       value: l,
-      onDrag: (d) => f(d),
-      onChange: (d) => f(d)
+      onDrag: (f) => d(f),
+      onChange: (f) => d(f)
     }
   ) });
 };
 function La(o) {
-  const [a, u] = F(""), [l, f] = F([]), [d, h] = F({
+  const [a, u] = F(""), [l, d] = F([]), [f, h] = F({
     url: "",
     title: ""
   });
-  return K(() => {
-    a !== "" && (f(null), Yn({
+  return G(() => {
+    a !== "" && (d(null), Yn({
       path: `/blockbite/v1/block-helpers/get-links/${a}`
     }).then(
       (v) => {
-        v?.length ? f([...v]) : f([]);
+        v?.length ? d([...v]) : d([]);
       }
     ));
-  }, [a]), K(() => {
-    d.url !== "" && o.parentCallback(d);
-  }, [d]), /* @__PURE__ */ n.jsxs(te, { className: "blockbite--editor-linkwrap", children: [
+  }, [a]), G(() => {
+    f.url !== "" && o.parentCallback(f);
+  }, [f]), /* @__PURE__ */ n.jsxs(ne, { className: "blockbite--editor-linkwrap", children: [
     /* @__PURE__ */ n.jsx(
       rt,
       {
+        __next40pxDefaultSize: !0,
+        __nextHasNoMarginBottom: !0,
         label: Me("Search link", "blockbitelinks"),
         value: a,
         placeholder: "Example: About",
@@ -2858,7 +2861,7 @@ function sa({ links: o, onActiveLink: a }) {
     return /* @__PURE__ */ n.jsx("p", { children: "Loading..." });
   if (o.length === 0)
     return /* @__PURE__ */ n.jsx("p", { children: "No Results" });
-  const u = o.map((l) => /* @__PURE__ */ n.jsx(te, { children: /* @__PURE__ */ n.jsxs(
+  const u = o.map((l) => /* @__PURE__ */ n.jsx(ne, { children: /* @__PURE__ */ n.jsxs(
     "span",
     {
       className: "blockbite--editor-link",
@@ -2880,7 +2883,7 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     "svg",
     "text/plain",
     "application/json"
-  ], [l, f] = F({
+  ], [l, d] = F({
     id: null,
     url: "",
     sizes: [],
@@ -2889,10 +2892,10 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     width: 0,
     height: 0
   });
-  K(() => {
-    o && f({ ...o });
+  G(() => {
+    o && d({ ...o });
   }, [o]);
-  const d = () => {
+  const f = () => {
     a({ ...{
       mediaId: 0,
       mediaUrl: ""
@@ -2918,7 +2921,7 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     };
     a({ ...p });
   };
-  return /* @__PURE__ */ n.jsxs(Sn, { children: [
+  return /* @__PURE__ */ n.jsxs(kn, { children: [
     l.id !== null && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(
       Pt,
       {
@@ -2954,7 +2957,7 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
         render: ({ open: v }) => /* @__PURE__ */ n.jsx(ye, { onClick: v, children: Me("Replace media", "blockbite") })
       }
     ) }),
-    l.id !== 0 && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(ye, { onClick: () => d(), isDestructive: !0, children: Me("Remove media", "blockbite") }) })
+    l.id !== 0 && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(ye, { onClick: () => f(), isDestructive: !0, children: Me("Remove media", "blockbite") }) })
   ] });
 }
 const ia = ({
@@ -2962,25 +2965,25 @@ const ia = ({
   className: a,
   position: u,
   visible: l,
-  onClick: f,
-  onVisibleChange: d
+  onClick: d,
+  onVisibleChange: f
 }) => {
   const [h, v] = F(!!l);
-  K(() => {
+  G(() => {
     l !== void 0 && v(l);
   }, [l]);
   const g = () => {
     const p = !h;
-    v(p), d && d(p);
+    v(p), f && f(p);
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: h && /* @__PURE__ */ n.jsx(
     Tn,
     {
       position: u,
       className: "blockbite-ui__popover bb_",
-      onClick: f,
+      onClick: d,
       onFocusOutside: () => {
-        v(!1), d && d(!1);
+        v(!1), f && f(!1);
       },
       children: /* @__PURE__ */ n.jsx("div", { className: a, children: /* @__PURE__ */ n.jsxs("div", { className: "relative h-full w-full p-4", children: [
         /* @__PURE__ */ n.jsx(
@@ -3001,30 +3004,32 @@ const ia = ({
   label: a,
   min: u = 0,
   max: l = 2e3,
-  withInputField: f = !1,
-  onValueChange: d,
+  withInputField: d = !1,
+  onValueChange: f,
   gridMode: h = !1,
   showTooltip: v = !1,
   ...g
 }) => {
   const [p] = F(0), [j, _] = F(0);
-  K(() => {
+  G(() => {
     _(Math.round(parseInt(o) / (h ? 16 : 1)));
   }, [o]);
   function O(T) {
-    const S = T * (h ? 16 : 1);
-    d(S.toString());
+    const k = T * (h ? 16 : 1);
+    f(k.toString());
   }
-  return /* @__PURE__ */ n.jsxs(te, { className: "flex min-w-[240px] flex-col", children: [
+  return /* @__PURE__ */ n.jsxs(ne, { className: "flex min-w-[240px] flex-col", children: [
     /* @__PURE__ */ n.jsx(
       On,
       {
+        __next40pxDefaultSize: !0,
+        __nextHasNoMarginBottom: !0,
         label: a,
         value: j,
         min: u,
         max: l,
         showTooltip: v,
-        withInputField: f,
+        withInputField: d,
         onChange: (T) => {
           _(T), O(T);
         },
@@ -3037,19 +3042,19 @@ const ia = ({
       " "
     ] })
   ] });
-}, Wa = ({
+}, Ba = ({
   defaultUnit: o,
   defaultValue: a,
   onValueChange: u,
   onUnitChange: l,
-  inputClassName: f = "w-[75px]"
+  inputClassName: d = "w-[75px]"
 }) => {
-  const [d, h] = F(!1), [v, g] = F([]), [p, j] = F(o), [_, O] = F(""), [T, S] = F(a);
-  K(() => {
+  const [f, h] = F(!1), [v, g] = F([]), [p, j] = F(o), [_, O] = F(""), [T, k] = F(a);
+  G(() => {
     o && j(o), O(a.toString());
-  }, [o, a]), K(() => {
-    !d && p === "arbitrary" && S(_);
-  }, [d]);
+  }, [o, a]), G(() => {
+    !f && p === "arbitrary" && k(_);
+  }, [f]);
   const ae = (A) => {
     if (A !== "arbitrary" && bb?.codex?.units?.spacing?.[A]) {
       const Y = bb.codex.units.spacing[A];
@@ -3071,10 +3076,10 @@ const ia = ({
     { icon: /* @__PURE__ */ n.jsx(jn, {}), label: "Pixel Units", value: "arbitrary" },
     { icon: /* @__PURE__ */ n.jsx(Cn, {}), label: "Fluid Units", value: "fluid" }
   ];
-  return /* @__PURE__ */ n.jsx(te, { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ n.jsxs(
     ot,
     {
-      inputClassName: f,
+      inputClassName: d,
       defaultValue: (
         // Remove the "b_" prefix for grid units
         p === "grid" ? _.replace("b_", "") : _
@@ -3088,7 +3093,7 @@ const ia = ({
         /* @__PURE__ */ n.jsx(
           ia,
           {
-            visible: d,
+            visible: f,
             position: "bottom left",
             className: "w-[300px] bg-white shadow-sm",
             onVisibleChange: h,
@@ -3141,37 +3146,37 @@ const ia = ({
       ]
     }
   ) });
-}, Bt = Vt(null), Yt = () => {
-  const o = nt(Bt);
+}, Vt = Ut(null), Yt = () => {
+  const o = nt(Vt);
   if (!o)
     throw new Error("useModalContext must be used within a ModalProvider");
   return o;
-}, Ua = ({
+}, Wa = ({
   children: o,
   defaultOpen: a,
   onOpenChange: u,
   title: l,
-  className: f
+  className: d
 }) => {
-  const [d, h] = F(!1);
-  K(() => {
+  const [f, h] = F(!1);
+  G(() => {
     h(a);
   }, [a]);
   const v = () => h(!0), g = () => h(!1);
-  return K(() => {
-    u(d);
-  }, [d, u]), /* @__PURE__ */ n.jsxs(Bt.Provider, { value: { closeModal: g, openModal: v }, children: [
-    Rr.map(o, (p) => kr(p) && p.type === da ? p : null),
-    d && /* @__PURE__ */ n.jsx(
+  return G(() => {
+    u(f);
+  }, [f, u]), /* @__PURE__ */ n.jsxs(Vt.Provider, { value: { closeModal: g, openModal: v }, children: [
+    Rr.map(o, (p) => Sr(p) && p.type === da ? p : null),
+    f && /* @__PURE__ */ n.jsx(
       Pn,
       {
-        className: U("blockbite-ui__modal bb_", f),
+        className: W("blockbite-ui__modal bb_", d),
         onRequestClose: g,
         title: l,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-          Rr.map(o, (p) => kr(p) && p.type === ua ? p : null),
-          Rr.map(o, (p) => kr(p) && p.type === fa ? p : null),
-          Rr.map(o, (p) => kr(p) && p.type === ca ? p : null)
+          Rr.map(o, (p) => Sr(p) && p.type === ua ? p : null),
+          Rr.map(o, (p) => Sr(p) && p.type === fa ? p : null),
+          Rr.map(o, (p) => Sr(p) && p.type === ca ? p : null)
         ] })
       }
     )
@@ -3179,7 +3184,7 @@ const ia = ({
 }, ua = ({ children: o, className: a = "", ...u }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: U(
+    className: W(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       a
     ),
@@ -3189,7 +3194,7 @@ const ia = ({
 ), ca = ({ children: o, className: a = "", ...u }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: U(
+    className: W(
       "border-gray-light fixed bottom-0 left-0 right-0 flex h-[4rem] flex-row items-center justify-end space-x-2 border-t bg-white px-4",
       a
     ),
@@ -3199,11 +3204,11 @@ const ia = ({
 ), fa = ({ children: o, className: a = "", ...u }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: U("text-gray-medium px-4 pb-4 text-sm", a),
+    className: W("text-gray-medium px-4 pb-4 text-sm", a),
     ...u,
     children: o
   }
-), Va = ({ children: o }) => {
+), Ua = ({ children: o }) => {
   const { closeModal: a } = Yt();
   return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
 }, da = ({ children: o }) => {
@@ -3215,8 +3220,8 @@ function pa(o, a) {
     try {
       if (u.cssRules) {
         const l = a.createElement("style");
-        Array.from(u.cssRules).forEach((f) => {
-          l.appendChild(a.createTextNode(f.cssText));
+        Array.from(u.cssRules).forEach((d) => {
+          l.appendChild(a.createTextNode(d.cssText));
         }), a.head.appendChild(l);
       } else if (u.href) {
         const l = a.createElement("link");
@@ -3224,41 +3229,41 @@ function pa(o, a) {
       }
     } catch (l) {
       if (u.href) {
-        const f = a.createElement("link");
-        f.rel = "stylesheet", f.href = u.href, a.head.appendChild(f);
+        const d = a.createElement("link");
+        d.rel = "stylesheet", d.href = u.href, a.head.appendChild(d);
       } else
         console.warn("Error copying styles:", l);
     }
   });
 }
-const Ba = ({
+const Va = ({
   windowInstance: o,
   onClose: a,
   children: u
 }) => {
-  const l = Bn(() => document.createElement("div"), []);
-  return K(() => {
-    const f = o;
-    f.document.body.innerHTML = "", f.document.body.appendChild(l), f.document.body.classList.add("bb_"), pa(document, f.document), f.document.title = document.title || "Blockbite Editor";
-    const d = () => {
+  const l = Vn(() => document.createElement("div"), []);
+  return G(() => {
+    const d = o;
+    d.document.body.innerHTML = "", d.document.body.appendChild(l), d.document.body.classList.add("bb_"), pa(document, d.document), d.document.title = document.title || "Blockbite Editor";
+    const f = () => {
       setTimeout(a, 100);
     };
-    return f.addEventListener("beforeunload", d), () => {
-      f.removeEventListener("beforeunload", d);
+    return d.addEventListener("beforeunload", f), () => {
+      d.removeEventListener("beforeunload", f);
     };
-  }, [o]), Ut(u, l);
+  }, [o]), Wt(u, l);
 }, Ya = ({
   children: o,
   status: a = "success",
   className: u
 }) => {
-  const [l, f] = F(!0);
-  return /* @__PURE__ */ n.jsx(te, { onClick: () => f(!1), children: l && /* @__PURE__ */ n.jsx(
+  const [l, d] = F(!0);
+  return /* @__PURE__ */ n.jsx(ne, { onClick: () => d(!1), children: l && /* @__PURE__ */ n.jsx(
     Nn,
     {
       status: a,
-      className: U(u),
-      onRemove: () => f(!1),
+      className: W(u),
+      onRemove: () => d(!1),
       children: o
     }
   ) });
@@ -3268,24 +3273,24 @@ const Ba = ({
   onChange: u,
   ...l
 }) => {
-  const [f, d] = F(!1);
+  const [d, f] = F(!1);
   return /* @__PURE__ */ n.jsx(
     An,
     {
       label: o,
       value: a,
-      type: f ? "text" : "password",
+      type: d ? "text" : "password",
       suffix: /* @__PURE__ */ n.jsx(In, { variant: "control", children: /* @__PURE__ */ n.jsx(
         ye,
         {
           icon: /* @__PURE__ */ n.jsx(zn, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n.jsx(
-            qn,
+            Hn,
             {
-              d: f ? "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" : "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z"
+              d: d ? "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" : "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z"
             }
           ) }),
           label: "Show password",
-          onClick: () => d((h) => !h),
+          onClick: () => f((h) => !h),
           size: "small"
         }
       ) }),
@@ -3293,28 +3298,28 @@ const Ba = ({
       ...l
     }
   );
-}, qa = ({
+}, Ha = ({
   items: o,
   activeId: a,
   onSelect: u,
   className: l
-}) => /* @__PURE__ */ n.jsx(te, { important: !0, className: l, children: /* @__PURE__ */ n.jsx("div", { className: "w-[200px] overflow-y-auto border-r border-gray-200 gap-2", children: o.map((f) => /* @__PURE__ */ n.jsxs(
+}) => /* @__PURE__ */ n.jsx(ne, { important: !0, className: l, children: /* @__PURE__ */ n.jsx("div", { className: "w-[200px] overflow-y-auto border-r border-gray-200 gap-2", children: o.map((d) => /* @__PURE__ */ n.jsxs(
   "div",
   {
-    onClick: () => u(f.id),
-    className: `cursor-pointer p-2 border-l-4 flex gap-2 items-center ${a === f.id ? "border-blue-500 bg-gray-100" : "border-transparent"}`,
+    onClick: () => u(d.id),
+    className: `cursor-pointer p-2 border-l-4 flex gap-2 items-center ${a === d.id ? "border-blue-500 bg-gray-100" : "border-transparent"}`,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "rounded bg-slate-300 w-12 h-12 flex items-center justify-center text-2xl font-bold text-white", children: f.name.charAt(0).toUpperCase() }),
-      /* @__PURE__ */ n.jsx("p", { className: "text-sm text-center mt-1", children: f.name })
+      /* @__PURE__ */ n.jsx("span", { className: "rounded bg-slate-300 w-12 h-12 flex items-center justify-center text-2xl font-bold text-white", children: d.name.charAt(0).toUpperCase() }),
+      /* @__PURE__ */ n.jsx("p", { className: "text-sm text-center mt-1", children: d.name })
     ]
   },
-  f.id
+  d.id
 )) }) });
-function Ga(o) {
-  const { media: a, mediaClass: u } = o, { url: l, alt: f, sizes: d } = a;
-  if (d === void 0)
-    return /* @__PURE__ */ n.jsx("img", { src: l, alt: f, className: `bf_media ${u}` });
-  const { thumbnail: h, medium: v, large: g } = d, p = h || l, j = v || l, _ = g || l;
+function qa(o) {
+  const { media: a, mediaClass: u } = o, { url: l, alt: d, sizes: f } = a;
+  if (f === void 0)
+    return /* @__PURE__ */ n.jsx("img", { src: l, alt: d, className: `bf_media ${u}` });
+  const { thumbnail: h, medium: v, large: g } = f, p = h || l, j = v || l, _ = g || l;
   return /* @__PURE__ */ n.jsxs("picture", { className: "bf_responsive-media", children: [
     p ? /* @__PURE__ */ n.jsx(
       "source",
@@ -3340,11 +3345,11 @@ function Ga(o) {
         className: `bf_media ${u}`
       }
     ) : null,
-    j ? /* @__PURE__ */ n.jsx("img", { src: j, alt: f, className: `bf_media ${u}` }) : null
+    j ? /* @__PURE__ */ n.jsx("img", { src: j, alt: d, className: `bf_media ${u}` }) : null
   ] });
 }
-function Ka(o) {
-  const { media: a, mediaClass: u } = o, { url: l } = a, f = l;
+function Ga(o) {
+  const { media: a, mediaClass: u } = o, { url: l } = a, d = l;
   return /* @__PURE__ */ n.jsx(
     "video",
     {
@@ -3355,18 +3360,18 @@ function Ka(o) {
       autoPlay: !0,
       muted: !0,
       loop: !0,
-      children: /* @__PURE__ */ n.jsx("source", { src: f, type: "video/mp4" })
+      children: /* @__PURE__ */ n.jsx("source", { src: d, type: "video/mp4" })
     }
   );
 }
-const Ha = ({
+const Ka = ({
   children: o,
   className: a = "",
   height: u = "large"
 }) => /* @__PURE__ */ n.jsx(
-  te,
+  ne,
   {
-    className: U("scrollbar relative overflow-y-scroll", a, {
+    className: W("scrollbar relative overflow-y-scroll", a, {
       "h-[400px]": u === "large",
       "h-[300px]": u === "medium",
       "h-[200px]": u === "small"
@@ -3378,11 +3383,11 @@ const Ha = ({
   className: a,
   defaultValue: u,
   options: l,
-  label: f = "",
-  emptyLabel: d = "No options available"
+  label: d = "",
+  emptyLabel: f = "No options available"
 }) => {
   const [h, v] = F("");
-  K(() => {
+  G(() => {
     v(u);
   }, []);
   const g = (p) => {
@@ -3392,36 +3397,38 @@ const Ha = ({
     l && l.length > 0 && /* @__PURE__ */ n.jsx(
       Dn,
       {
-        label: f || "",
+        __next40pxDefaultSize: !0,
+        __nextHasNoMarginBottom: !0,
+        label: d || "",
         value: h || "",
         onChange: g,
         options: [{ value: "", label: "Select an option" }, ...l]
       }
     ),
-    (!l || l?.length === 0) && /* @__PURE__ */ n.jsx("p", { className: "mb-2", children: d })
+    (!l || l?.length === 0) && /* @__PURE__ */ n.jsx("p", { className: "mb-2", children: f })
   ] });
 }, { select: va, dispatch: ma } = wp.data, Xa = ({
   buttonText: o = "Add block"
 }) => {
   const a = () => {
-    const u = va("core/block-editor").getSelectedBlock(), { clientId: l, innerBlocks: f } = u, d = f[f.length - 1], h = Gn(
-      d.name,
-      d.attributes,
-      d.innerBlocks
+    const u = va("core/block-editor").getSelectedBlock(), { clientId: l, innerBlocks: d } = u, f = d[d.length - 1], h = qn(
+      f.name,
+      f.attributes,
+      f.innerBlocks
     );
     ma("core/block-editor").insertBlocks(h, 0, l);
   };
   return /* @__PURE__ */ n.jsx(ye, { variant: "primary", onClick: () => a(), children: o });
 }, Za = ({ children: o, watch: a, className: u }) => {
-  const [l, f] = F(0);
-  return K(() => {
+  const [l, d] = F(0);
+  return G(() => {
     setTimeout(() => {
-      f(1);
+      d(1);
     }, 250);
   }, [a]), /* @__PURE__ */ n.jsx(
-    te,
+    ne,
     {
-      className: U(
+      className: W(
         u,
         "duration-50 transform transition-all ease-in-out",
         {
@@ -3434,39 +3441,39 @@ const Ha = ({
   );
 }, Qa = ({ className: o, defaultValue: a }) => {
   const [u, l] = F(!1);
-  return K(() => {
+  return G(() => {
     setTimeout(() => {
       l(!1);
     }, 500), a && l(!0);
-  }, [u, a]), u && /* @__PURE__ */ n.jsx($n, { className: U(o) });
-}, st = Vt(null), ha = ({
+  }, [u, a]), u && /* @__PURE__ */ n.jsx($n, { className: W(o) });
+}, st = Ut(null), ha = ({
   children: o,
   defaultValue: a,
   value: u,
   onValueChange: l,
-  ...f
+  ...d
 }) => {
-  const d = u !== void 0, [h, v] = F(a || ""), j = {
-    activeTab: d ? u : h,
+  const f = u !== void 0, [h, v] = F(a || ""), j = {
+    activeTab: f ? u : h,
     setActiveTab: (_) => {
-      d || v(_), l && l(_);
+      f || v(_), l && l(_);
     }
   };
-  return /* @__PURE__ */ n.jsx(st.Provider, { value: j, children: /* @__PURE__ */ n.jsx(te, { important: !0, className: f.className, children: o }) });
+  return /* @__PURE__ */ n.jsx(st.Provider, { value: j, children: /* @__PURE__ */ n.jsx(ne, { important: !0, className: d.className, children: o }) });
 }, ya = ({
   options: o,
   children: a,
   className: u,
   onValueChange: l
 }) => {
-  const f = nt(st), d = l || f?.setActiveTab;
+  const d = nt(st), f = l || d?.setActiveTab;
   return /* @__PURE__ */ n.jsx(
     Fn,
     {
-      className: U("tabs-list", u),
+      className: W("tabs-list", u),
       tabs: o,
       onSelect: (h) => {
-        d(h);
+        f(h);
       },
       children: () => a
     }
@@ -3475,7 +3482,7 @@ const Ha = ({
   value: o,
   children: a,
   className: u
-}) => nt(st)?.activeTab === o ? /* @__PURE__ */ n.jsx(te, { className: u, children: a }) : null, eo = {
+}) => nt(st)?.activeTab === o ? /* @__PURE__ */ n.jsx(ne, { className: u, children: a }) : null, eo = {
   Wrapper: ha,
   List: ya,
   Content: ba
@@ -3484,13 +3491,22 @@ const Ha = ({
   onClick: a,
   color: u = "blue",
   className: l
-}) => /* @__PURE__ */ n.jsx("button", { onClick: a, children: /* @__PURE__ */ n.jsx("div", { color: u, className: U(l), children: o }) }), to = ({
+}) => /* @__PURE__ */ n.jsx("button", { onClick: a, children: /* @__PURE__ */ n.jsx("div", { color: u, className: W(l), children: o }) }), to = ({
   onChange: o,
   defaultValue: a,
   children: u
-}) => /* @__PURE__ */ n.jsxs(te, { className: "blockbite-ui__text-control-label flex items-center", children: [
+}) => /* @__PURE__ */ n.jsxs(ne, { className: "blockbite-ui__text-control-label flex items-center", children: [
   /* @__PURE__ */ n.jsxs("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black", children: [
-    /* @__PURE__ */ n.jsx(rt, { type: "text", value: a, onChange: o }),
+    /* @__PURE__ */ n.jsx(
+      rt,
+      {
+        __next40pxDefaultSize: !0,
+        __nextHasNoMarginBottom: !0,
+        type: "text",
+        value: a,
+        onChange: o
+      }
+    ),
     /* @__PURE__ */ n.jsx(Mt, { className: "absolute right-1 top-2" })
   ] }),
   " ",
@@ -3501,20 +3517,22 @@ const Ha = ({
     options: a,
     defaultPressed: u,
     display: l = "label",
-    label: f = !1,
-    onPressedChange: d
+    label: d = !1,
+    onPressedChange: f
   }) => {
     const [h, v] = F(""), g = (p) => {
-      d(p);
+      f(p);
     };
-    return K(() => {
+    return G(() => {
       v(u);
-    }, [u]), /* @__PURE__ */ n.jsx(te, { className: U(o), children: /* @__PURE__ */ n.jsx(
+    }, [u]), /* @__PURE__ */ n.jsx(ne, { className: W(o), children: /* @__PURE__ */ n.jsx(
       Ln,
       {
+        __next40pxDefaultSize: !0,
+        __nextHasNoMarginBottom: !0,
         isBlock: !0,
         value: h,
-        label: typeof f == "string" ? f : "",
+        label: typeof d == "string" ? d : "",
         children: a.map(
           (p) => l === "icon" ? /* @__PURE__ */ n.jsx(
             Mn,
@@ -3526,7 +3544,7 @@ const Ha = ({
             },
             `ToggleGroupControlIcon-${p.value}`
           ) : /* @__PURE__ */ n.jsx(
-            Wn,
+            Bn,
             {
               value: p.value,
               label: p.label,
@@ -3545,24 +3563,24 @@ const Ha = ({
   checked: l = !1
   // Default to false if undefined, so it's always controlled
 }) => {
-  const [f, d] = F(l);
-  return K(() => {
-    d(l);
-  }, [l]), /* @__PURE__ */ n.jsx(te, { className: U(a, "flex items-center gap-2"), children: /* @__PURE__ */ n.jsx(
-    Un,
+  const [d, f] = F(l);
+  return G(() => {
+    f(l);
+  }, [l]), /* @__PURE__ */ n.jsx(ne, { className: W(a, "flex items-center gap-2"), children: /* @__PURE__ */ n.jsx(
+    Wn,
     {
-      checked: f,
+      checked: d,
       label: o,
       onChange: (h) => {
-        d(h), u && u(h);
+        f(h), u && u(h);
       }
     }
   ) });
 };
 export {
-  ka as AutocompleteDropdown,
+  Sa as AutocompleteDropdown,
   aa as Badge,
-  Sa as BitePreview,
+  ka as BitePreview,
   Ta as Button,
   ta as ButtonToggle,
   na as ButtonToggleGroup,
@@ -3575,25 +3593,25 @@ export {
   Da as EmptyState,
   $a as FloatingPanel,
   Fa as FocalPointControl,
-  He as Icon,
+  Ke as Icon,
   La as LinkPicker,
   Ma as MediaPicker,
-  Wa as MetricsControl,
-  Ua as Modal,
-  Va as ModalClose,
+  Ba as MetricsControl,
+  Wa as Modal,
+  Ua as ModalClose,
   fa as ModalContent,
   ca as ModalFooter,
   ua as ModalHeader,
   da as ModalTrigger,
-  Ba as NewWindowPortal,
+  Va as NewWindowPortal,
   Ya as Notice,
   za as PasswordInput,
   ia as Popover,
-  qa as ProjectsNavigation,
+  Ha as ProjectsNavigation,
   la as RangeSlider,
-  Ga as ResponsiveImage,
-  Ka as ResponsiveVideo,
-  Ha as ScrollList,
+  qa as ResponsiveImage,
+  Ga as ResponsiveVideo,
+  Ka as ScrollList,
   Ja as SelectControlWrapper,
   Xa as SingleBlockTypeAppender,
   Za as SlideIn,
@@ -3607,7 +3625,7 @@ export {
   to as TextControlLabel,
   no as ToggleGroup,
   ao as ToggleSwitch,
-  te as Wrap,
+  ne as Wrap,
   Yt as useModalContext
 };
 //# sourceMappingURL=index.js.map