@blockbite/ui 2.0.19 → 2.0.21

package/dist/index.js

@@ -1,2889 +1,764 @@
-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 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 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;
+import { Button as v, Dropdown as Y, TextControl as O, CheckboxControl as J, DropdownMenu as Q, FocalPointPicker as ee, PanelRow as te, Popover as ae, RangeControl as le, Modal as ne, Notice as re, __experimentalInputControl as ce, __experimentalInputControlSuffixWrapper as se, SelectControl as oe, Spinner as ie, TabPanel as me, __experimentalToggleGroupControl as ue, __experimentalToggleGroupControlOptionIcon as de, __experimentalToggleGroupControlOption as pe, ToggleControl as fe } from "@wordpress/components";
+import { memo as j, useState as p, useEffect as g, useCallback as A, useRef as k, createPortal as D, forwardRef as F, createContext as G, useContext as V, Children as M, isValidElement as S, useMemo as ge, createElement as Re } from "@wordpress/element";
+import Ee from "@wordpress/api-fetch";
+import { __ as y } from "@wordpress/i18n";
+import { MediaUploadCheck as B, MediaUpload as $ } from "@wordpress/block-editor";
+import { jsx as be } from "react/jsx-runtime";
+import { createBlock as he } from "@wordpress/blocks";
+function Ce(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var kr = { exports: {} }, or = {}, Tr = { exports: {} }, N = {};
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Nt;
-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"), 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);
-  }
-  var T = { isMounted: function() {
-    return !1;
-  }, enqueueForceUpdate: function() {
-  }, enqueueReplaceState: function() {
-  }, enqueueSetState: function() {
-  } }, k = Object.assign, ae = {};
-  function de(s, y, I) {
-    this.props = s, this.context = y, this.refs = ae, this.updater = I || T;
-  }
-  de.prototype.isReactComponent = {}, de.prototype.setState = function(s, y) {
-    if (typeof s != "object" && typeof s != "function" && s != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
-    this.updater.enqueueSetState(this, s, y, "setState");
-  }, de.prototype.forceUpdate = function(s) {
-    this.updater.enqueueForceUpdate(this, s, "forceUpdate");
-  };
-  function A() {
-  }
-  A.prototype = de.prototype;
-  function Y(s, y, I) {
-    this.props = s, this.context = y, this.refs = ae, this.updater = I || T;
-  }
-  var ge = Y.prototype = new A();
-  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, 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 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: 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 };
-  }
-  function Oe(s) {
-    return typeof s == "object" && s !== null && s.$$typeof === o;
-  }
-  function Je(s) {
-    var y = { "=": "=0", ":": "=2" };
-    return "$" + s.replace(/[=:]/g, function(I) {
-      return y[I];
-    });
-  }
-  var Pe = /\/+/g;
-  function ve(s, y) {
-    return typeof s == "object" && s !== null && s.key != null ? Je("" + s.key) : y.toString(36);
-  }
-  function me(s, y, I, $, M) {
-    var J = typeof s;
-    (J === "undefined" || J === "boolean") && (s = null);
-    var H = !1;
-    if (s === null) H = !0;
-    else switch (J) {
-      case "string":
-      case "number":
-        H = !0;
-        break;
-      case "object":
-        switch (s.$$typeof) {
-          case o:
-          case a:
-            H = !0;
-        }
-    }
-    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 || 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 U = $ + ve(J, z);
-      H += me(J, y, I, U, 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 H;
-  }
-  function le(s, y, I) {
-    if (s == null) return s;
-    var $ = [], M = 0;
-    return me(s, $, "", "", function(J) {
-      return y.call(I, J, M++);
-    }), $;
-  }
-  function be(s) {
-    if (s._status === -1) {
-      var y = s._result;
-      y = y(), y.then(function(I) {
-        (s._status === 0 || s._status === -1) && (s._status = 1, s._result = I);
-      }, function(I) {
-        (s._status === 0 || s._status === -1) && (s._status = 2, s._result = I);
-      }), s._status === -1 && (s._status = 0, s._result = y);
-    }
-    if (s._status === 1) return s._result.default;
-    throw s._result;
-  }
-  var E = { current: null }, xe = { transition: null }, Ne = { ReactCurrentDispatcher: E, ReactCurrentBatchConfig: xe, ReactCurrentOwner: ie };
-  function Ce() {
-    throw Error("act(...) is not supported in production builds of React.");
-  }
-  return N.Children = { map: le, forEach: function(s, y, I) {
-    le(s, function() {
-      y.apply(this, arguments);
-    }, I);
-  }, count: function(s) {
-    var y = 0;
-    return le(s, function() {
-      y++;
-    }), y;
-  }, toArray: function(s) {
-    return le(s, function(y) {
-      return y;
-    }) || [];
-  }, 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 = 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 $ = k({}, s.props), M = s.key, J = s.ref, H = s._owner;
-    if (y != null) {
-      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: 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: f, _context: s }, s.Consumer = s;
-  }, N.createElement = je, N.createFactory = function(s) {
-    var y = je.bind(null, s);
-    return y.type = s, y;
-  }, N.createRef = function() {
-    return { current: null };
-  }, N.forwardRef = function(s) {
-    return { $$typeof: v, render: s };
-  }, N.isValidElement = Oe, N.lazy = function(s) {
-    return { $$typeof: j, _payload: { _status: -1, _result: s }, _init: be };
-  }, N.memo = function(s, y) {
-    return { $$typeof: p, type: s, compare: y === void 0 ? null : y };
-  }, N.startTransition = function(s) {
-    var y = xe.transition;
-    xe.transition = {};
-    try {
-      s();
-    } finally {
-      xe.transition = y;
-    }
-  }, N.unstable_act = Ce, N.useCallback = function(s, y) {
-    return E.current.useCallback(s, y);
-  }, N.useContext = function(s) {
-    return E.current.useContext(s);
-  }, N.useDebugValue = function() {
-  }, N.useDeferredValue = function(s) {
-    return E.current.useDeferredValue(s);
-  }, N.useEffect = function(s, y) {
-    return E.current.useEffect(s, y);
-  }, N.useId = function() {
-    return E.current.useId();
-  }, N.useImperativeHandle = function(s, y, I) {
-    return E.current.useImperativeHandle(s, y, I);
-  }, N.useInsertionEffect = function(s, y) {
-    return E.current.useInsertionEffect(s, y);
-  }, N.useLayoutEffect = function(s, y) {
-    return E.current.useLayoutEffect(s, y);
-  }, N.useMemo = function(s, y) {
-    return E.current.useMemo(s, y);
-  }, N.useReducer = function(s, y, I) {
-    return E.current.useReducer(s, y, I);
-  }, N.useRef = function(s) {
-    return E.current.useRef(s);
-  }, N.useState = function(s) {
-    return E.current.useState(s);
-  }, N.useSyncExternalStore = function(s, y, I) {
-    return E.current.useSyncExternalStore(s, y, I);
-  }, N.useTransition = function() {
-    return E.current.useTransition();
-  }, N.version = "18.3.1", N;
-}
-var ir = { exports: {} };
-/**
- * @license React
- * react.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-ir.exports;
-var At;
-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"), 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;
-        var r = de && e[de] || e[A];
-        return typeof r == "function" ? r : null;
-      }
-      var ge = {
-        /**
-         * @internal
-         * @type {ReactComponent}
-         */
-        current: null
-      }, K = {
-        transition: null
-      }, X = {
-        current: null,
-        // Used to reproduce behavior of `batchedUpdates` in legacy mode.
-        isBatchingLegacy: !1,
-        didScheduleLegacyUpdate: !1
-      }, ie = {
-        /**
-         * @internal
-         * @type {ReactComponent}
-         */
-        current: null
-      }, pe = {}, je = null;
-      function Te(e) {
-        je = e;
-      }
-      pe.setExtraStackFrame = function(e) {
-        je = e;
-      }, pe.getCurrentStack = null, pe.getStackAddendum = function() {
-        var e = "";
-        je && (e += je);
-        var r = pe.getCurrentStack;
-        return r && (e += r() || ""), e;
-      };
-      var Oe = !1, Je = !1, Pe = !1, ve = !1, me = !1, le = {
-        ReactCurrentDispatcher: ge,
-        ReactCurrentBatchConfig: K,
-        ReactCurrentOwner: ie
-      };
-      le.ReactDebugCurrentFrame = pe, le.ReactCurrentActQueue = X;
-      function be(e) {
-        {
-          for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
-            i[c - 1] = arguments[c];
-          xe("warn", e, i);
-        }
-      }
-      function E(e) {
-        {
-          for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
-            i[c - 1] = arguments[c];
-          xe("error", e, i);
-        }
-      }
-      function xe(e, r, i) {
-        {
-          var c = le.ReactDebugCurrentFrame, b = c.getStackAddendum();
-          b !== "" && (r += "%s", i = i.concat([b]));
-          var R = i.map(function(w) {
-            return String(w);
-          });
-          R.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, R);
-        }
-      }
-      var Ne = {};
-      function Ce(e, r) {
-        {
-          var i = e.constructor, c = i && (i.displayName || i.name) || "ReactClass", b = c + "." + r;
-          if (Ne[b])
-            return;
-          E("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", r, c), Ne[b] = !0;
-        }
-      }
-      var s = {
-        /**
-         * Checks whether or not this composite component is mounted.
-         * @param {ReactClass} publicInstance The instance we want to test.
-         * @return {boolean} True if mounted, false otherwise.
-         * @protected
-         * @final
-         */
-        isMounted: function(e) {
-          return !1;
-        },
-        /**
-         * Forces an update. This should only be invoked when it is known with
-         * certainty that we are **not** in a DOM transaction.
-         *
-         * You may want to call this when you know that some deeper aspect of the
-         * component's state has changed but `setState` was not called.
-         *
-         * This will not invoke `shouldComponentUpdate`, but it will invoke
-         * `componentWillUpdate` and `componentDidUpdate`.
-         *
-         * @param {ReactClass} publicInstance The instance that should rerender.
-         * @param {?function} callback Called after component is updated.
-         * @param {?string} callerName name of the calling function in the public API.
-         * @internal
-         */
-        enqueueForceUpdate: function(e, r, i) {
-          Ce(e, "forceUpdate");
-        },
-        /**
-         * Replaces all of the state. Always use this or `setState` to mutate state.
-         * You should treat `this.state` as immutable.
-         *
-         * There is no guarantee that `this.state` will be immediately updated, so
-         * accessing `this.state` after calling this method may return the old value.
-         *
-         * @param {ReactClass} publicInstance The instance that should rerender.
-         * @param {object} completeState Next state.
-         * @param {?function} callback Called after component is updated.
-         * @param {?string} callerName name of the calling function in the public API.
-         * @internal
-         */
-        enqueueReplaceState: function(e, r, i, c) {
-          Ce(e, "replaceState");
-        },
-        /**
-         * Sets a subset of the state. This only exists because _pendingState is
-         * internal. This provides a merging strategy that is not available to deep
-         * properties which is confusing. TODO: Expose pendingState or don't use it
-         * during the merge.
-         *
-         * @param {ReactClass} publicInstance The instance that should rerender.
-         * @param {object} partialState Next partial state to be merged with state.
-         * @param {?function} callback Called after component is updated.
-         * @param {?string} Name of the calling function in the public API.
-         * @internal
-         */
-        enqueueSetState: function(e, r, i, c) {
-          Ce(e, "setState");
-        }
-      }, y = Object.assign, I = {};
-      Object.freeze(I);
-      function $(e, r, i) {
-        this.props = e, this.context = r, this.refs = I, this.updater = i || s;
-      }
-      $.prototype.isReactComponent = {}, $.prototype.setState = function(e, r) {
-        if (typeof e != "object" && typeof e != "function" && e != null)
-          throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
-        this.updater.enqueueSetState(this, e, r, "setState");
-      }, $.prototype.forceUpdate = function(e) {
-        this.updater.enqueueForceUpdate(this, e, "forceUpdate");
-      };
-      {
-        var M = {
-          isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],
-          replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]
-        }, J = function(e, r) {
-          Object.defineProperty($.prototype, e, {
-            get: function() {
-              be("%s(...) is deprecated in plain JavaScript React classes. %s", r[0], r[1]);
-            }
-          });
-        };
-        for (var H in M)
-          M.hasOwnProperty(H) && J(H, M[H]);
-      }
-      function z() {
-      }
-      z.prototype = $.prototype;
-      function U(e, r, i) {
-        this.props = e, this.context = r, this.refs = I, this.updater = i || s;
-      }
-      var oe = U.prototype = new z();
-      oe.constructor = U, y(oe, $.prototype), oe.isPureReactComponent = !0;
-      function Or() {
-        var e = {
-          current: null
-        };
-        return Object.seal(e), e;
-      }
-      var ur = Array.isArray;
-      function Be(e) {
-        return ur(e);
-      }
-      function Pr(e) {
-        {
-          var r = typeof Symbol == "function" && Symbol.toStringTag, i = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-          return i;
-        }
-      }
-      function We(e) {
-        try {
-          return Ee(e), !1;
-        } catch {
-          return !0;
-        }
-      }
-      function Ee(e) {
-        return "" + e;
-      }
-      function Ae(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) {
-        var c = e.displayName;
-        if (c)
-          return c;
-        var b = r.displayName || r.name || "";
-        return b !== "" ? i + "(" + b + ")" : i;
-      }
-      function Ie(e) {
-        return e.displayName || "Context";
-      }
-      function _e(e) {
-        if (e == null)
-          return null;
-        if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-          return e.displayName || e.name || null;
-        if (typeof e == "string")
-          return e;
-        switch (e) {
-          case f:
-            return "Fragment";
-          case d:
-            return "Portal";
-          case v:
-            return "Profiler";
-          case h:
-            return "StrictMode";
-          case _:
-            return "Suspense";
-          case O:
-            return "SuspenseList";
-        }
-        if (typeof e == "object")
-          switch (e.$$typeof) {
-            case p:
-              var r = e;
-              return Ie(r) + ".Consumer";
-            case g:
-              var i = e;
-              return Ie(i._context) + ".Provider";
-            case j:
-              return cr(e, e.render, "ForwardRef");
-            case T:
-              var c = e.displayName || null;
-              return c !== null ? c : _e(e.type) || "Memo";
-            case k: {
-              var b = e, R = b._payload, w = b._init;
-              try {
-                return _e(w(R));
-              } catch {
-                return null;
-              }
-            }
-          }
-        return null;
-      }
-      var De = Object.prototype.hasOwnProperty, Ue = {
-        key: !0,
-        ref: !0,
-        __self: !0,
-        __source: !0
-      }, fr, dr, Ve;
-      Ve = {};
-      function Xe(e) {
-        if (De.call(e, "ref")) {
-          var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-          if (r && r.isReactWarning)
-            return !1;
-        }
-        return e.ref !== void 0;
-      }
-      function Ze(e) {
-        if (De.call(e, "key")) {
-          var r = Object.getOwnPropertyDescriptor(e, "key").get;
-          if (r && r.isReactWarning)
-            return !1;
-        }
-        return e.key !== void 0;
-      }
-      function Nr(e, r) {
-        var i = function() {
-          fr || (fr = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        i.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: i,
-          configurable: !0
-        });
-      }
-      function pr(e, r) {
-        var i = function() {
-          dr || (dr = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: i,
-          configurable: !0
-        });
-      }
-      function vr(e) {
-        if (typeof e.ref == "string" && ie.current && e.__self && ie.current.stateNode !== e.__self) {
-          var r = _e(ie.current.type);
-          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 S = {
-          // This tag allows us to uniquely identify this as a React Element
-          $$typeof: l,
-          // Built-in properties that belong on the element
-          type: e,
-          key: r,
-          ref: i,
-          props: w,
-          // Record the component responsible for creating this element.
-          _owner: R
-        };
-        return S._store = {}, Object.defineProperty(S._store, "validated", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: !1
-        }), Object.defineProperty(S, "_self", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !1,
-          value: c
-        }), Object.defineProperty(S, "_source", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !1,
-          value: b
-        }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
-      };
-      function Ar(e, r, i) {
-        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), S = r.__self === void 0 ? null : r.__self, L = r.__source === void 0 ? null : r.__source;
-          for (c in r)
-            De.call(r, c) && !Ue.hasOwnProperty(c) && (b[c] = r[c]);
-        }
-        var q = arguments.length - 2;
-        if (q === 1)
-          b.children = i;
-        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;
-        }
-        if (e && e.defaultProps) {
-          var re = e.defaultProps;
-          for (c in re)
-            b[c] === void 0 && (b[c] = re[c]);
-        }
-        if (R || w) {
-          var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          R && Nr(b, se), w && pr(b, se);
-        }
-        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);
-        return i;
-      }
-      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, S = e._self, L = e._source, q = e._owner;
-        if (r != null) {
-          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) && !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)
-          b.children = i;
-        else if (Q > 1) {
-          for (var re = Array(Q), se = 0; se < Q; se++)
-            re[se] = arguments[se + 2];
-          b.children = re;
-        }
-        return Qe(e.type, R, w, S, L, q, b);
-      }
-      function Re(e) {
-        return typeof e == "object" && e !== null && e.$$typeof === l;
-      }
-      var mr = ".", $r = ":";
-      function er(e) {
-        var r = /[=:]/g, i = {
-          "=": "=0",
-          ":": "=2"
-        }, c = e.replace(r, function(b) {
-          return i[b];
-        });
-        return "$" + c;
-      }
-      var rr = !1, Se = /\/+/g;
-      function Ye(e) {
-        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);
-      }
-      function Fe(e, r, i, c, b) {
-        var R = typeof e;
-        (R === "undefined" || R === "boolean") && (e = null);
-        var w = !1;
-        if (e === null)
-          w = !0;
-        else
-          switch (R) {
-            case "string":
-            case "number":
-              w = !0;
-              break;
-            case "object":
-              switch (e.$$typeof) {
-                case l:
-                case d:
-                  w = !0;
-              }
-          }
-        if (w) {
-          var S = e, L = b(S), q = c === "" ? mr + $e(S, 0) : c;
-          if (Be(L)) {
-            var Z = "";
-            q != null && (Z = Ye(q) + "/"), Fe(L, r, Z, "", function(pn) {
-              return pn;
-            });
-          } 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 && (!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) + "/"
-            ) : "") + q
-          )), r.push(L));
-          return 1;
-        }
-        var Q, re, se = 0, ce = c === "" ? mr : c + $r;
-        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 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);
-            throw new Error("Objects are not valid as a React child (found: " + (Ot === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : Ot) + "). If you meant to render a collection of children, use an array instead.");
-          }
-        }
-        return se;
-      }
-      function ze(e, r, i) {
-        if (e == null)
-          return e;
-        var c = [], b = 0;
-        return Fe(e, c, "", "", function(R) {
-          return r.call(i, R, b++);
-        }), c;
-      }
-      function hr(e) {
-        var r = 0;
-        return ze(e, function() {
-          r++;
-        }), r;
-      }
-      function Fr(e, r, i) {
-        ze(e, function() {
-          r.apply(this, arguments);
-        }, i);
-      }
-      function yr(e) {
-        return ze(e, function(r) {
-          return r;
-        }) || [];
-      }
-      function br(e) {
-        if (!Re(e))
-          throw new Error("React.Children.only expected to receive a single React element child.");
-        return e;
-      }
-      function Lr(e) {
-        var r = {
-          $$typeof: p,
-          // As a workaround to support multiple concurrent renderers, we categorize
-          // some renderers as primary and others as secondary. We only expect
-          // there to be two concurrent renderers at most: React Native (primary) and
-          // Fabric (secondary); React DOM (primary) and React ART (secondary).
-          // Secondary renderers store their context values on separate fields.
-          _currentValue: e,
-          _currentValue2: e,
-          // Used to track how many concurrent renderers this context currently
-          // supports within in a single renderer. Such as parallel server rendering.
-          _threadCount: 0,
-          // These are circular
-          Provider: null,
-          Consumer: null,
-          // Add these to use same hidden class in VM as ServerContext
-          _defaultValue: null,
-          _globalName: null
-        };
-        r.Provider = {
-          $$typeof: g,
-          _context: r
-        };
-        var i = !1, c = !1, b = !1;
-        {
-          var R = {
-            $$typeof: p,
-            _context: r
-          };
-          Object.defineProperties(R, {
-            Provider: {
-              get: function() {
-                return c || (c = !0, E("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")), r.Provider;
-              },
-              set: function(w) {
-                r.Provider = w;
-              }
-            },
-            _currentValue: {
-              get: function() {
-                return r._currentValue;
-              },
-              set: function(w) {
-                r._currentValue = w;
-              }
-            },
-            _currentValue2: {
-              get: function() {
-                return r._currentValue2;
-              },
-              set: function(w) {
-                r._currentValue2 = w;
-              }
-            },
-            _threadCount: {
-              get: function() {
-                return r._threadCount;
-              },
-              set: function(w) {
-                r._threadCount = w;
-              }
-            },
-            Consumer: {
-              get: function() {
-                return i || (i = !0, E("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")), r.Consumer;
-              }
-            },
-            displayName: {
-              get: function() {
-                return r.displayName;
-              },
-              set: function(w) {
-                b || (be("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", w), b = !0);
-              }
-            }
-          }), r.Consumer = R;
-        }
-        return r._currentRenderer = null, r._currentRenderer2 = null, r;
-      }
-      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 === He || e._status === Le) {
-              var w = e;
-              w._status = tr, w._result = R;
-            }
-          }, function(R) {
-            if (e._status === He || e._status === Le) {
-              var w = e;
-              w._status = Mr, w._result = R;
-            }
-          }), e._status === Le) {
-            var c = e;
-            c._status = He, c._result = i;
-          }
-        }
-        if (e._status === tr) {
-          var b = e._result;
-          return b === void 0 && E(`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))
-
-Did you accidentally put curly braces around the import?`, b), "default" in b || E(`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`, b), b.default;
-        } else
-          throw e._result;
-      }
-      function Wr(e) {
-        var r = {
-          // We use these fields to store the result.
-          _status: Le,
-          _result: e
-        }, i = {
-          $$typeof: k,
-          _payload: r,
-          _init: Br
-        };
-        {
-          var c, b;
-          Object.defineProperties(i, {
-            defaultProps: {
-              configurable: !0,
-              get: function() {
-                return c;
-              },
-              set: function(R) {
-                E("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), c = R, Object.defineProperty(i, "defaultProps", {
-                  enumerable: !0
-                });
-              }
-            },
-            propTypes: {
-              configurable: !0,
-              get: function() {
-                return b;
-              },
-              set: function(R) {
-                E("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), b = R, Object.defineProperty(i, "propTypes", {
-                  enumerable: !0
-                });
-              }
-            }
-          });
-        }
-        return i;
-      }
-      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,
-          render: e
-        };
-        {
-          var i;
-          Object.defineProperty(r, "displayName", {
-            enumerable: !1,
-            configurable: !0,
-            get: function() {
-              return i;
-            },
-            set: function(c) {
-              i = c, !e.name && !e.displayName && (e.displayName = c);
-            }
-          });
-        }
-        return r;
-      }
-      var t;
-      t = Symbol.for("react.module.reference");
-      function m(e) {
-        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.
-        e.$$typeof === t || e.getModuleId !== void 0));
-      }
-      function x(e, r) {
-        m(e) || E("memo: The first argument must be a component. Instead received: %s", e === null ? "null" : typeof e);
-        var i = {
-          $$typeof: T,
-          type: e,
-          compare: r === void 0 ? null : r
-        };
-        {
-          var c;
-          Object.defineProperty(i, "displayName", {
-            enumerable: !1,
-            configurable: !0,
-            get: function() {
-              return c;
-            },
-            set: function(b) {
-              c = b, !e.name && !e.displayName && (e.displayName = b);
-            }
-          });
-        }
-        return i;
-      }
-      function C() {
-        var e = ge.current;
-        return e === null && E(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-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 B(e) {
-        var r = C();
-        if (e._context !== void 0) {
-          var i = e._context;
-          i.Consumer === e ? E("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?") : i.Provider === e && E("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?");
-        }
-        return r.useContext(e);
-      }
-      function V(e) {
-        var r = C();
-        return r.useState(e);
-      }
-      function D(e, r, i) {
-        var c = C();
-        return c.useReducer(e, r, i);
-      }
-      function P(e) {
-        var r = C();
-        return r.useRef(e);
-      }
-      function ue(e, r) {
-        var i = C();
-        return i.useEffect(e, r);
-      }
-      function ee(e, r) {
-        var i = C();
-        return i.useInsertionEffect(e, r);
-      }
-      function te(e, r) {
-        var i = C();
-        return i.useLayoutEffect(e, r);
-      }
-      function he(e, r) {
-        var i = C();
-        return i.useCallback(e, r);
-      }
-      function ke(e, r) {
-        var i = C();
-        return i.useMemo(e, r);
-      }
-      function we(e, r, i) {
-        var c = C();
-        return c.useImperativeHandle(e, r, i);
-      }
-      function fe(e, r) {
-        {
-          var i = C();
-          return i.useDebugValue(e, r);
-        }
-      }
-      function nr() {
-        var e = C();
-        return e.useTransition();
-      }
-      function Vr(e) {
-        var r = C();
-        return r.useDeferredValue(e);
-      }
-      function Yr() {
-        var e = C();
-        return e.useId();
-      }
-      function zt(e, r, i) {
-        var c = C();
-        return c.useSyncExternalStore(e, r, i);
-      }
-      var ar = 0, it, lt, ut, ct, ft, dt, pt;
-      function vt() {
-      }
-      vt.__reactDisabledLog = !0;
-      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;
-            var e = {
-              configurable: !0,
-              enumerable: !0,
-              value: vt,
-              writable: !0
-            };
-            Object.defineProperties(console, {
-              info: e,
-              log: e,
-              warn: e,
-              error: e,
-              group: e,
-              groupCollapsed: e,
-              groupEnd: e
-            });
-          }
-          ar++;
-        }
-      }
-      function qt() {
-        {
-          if (ar--, ar === 0) {
-            var e = {
-              configurable: !0,
-              enumerable: !0,
-              writable: !0
-            };
-            Object.defineProperties(console, {
-              log: y({}, e, {
-                value: it
-              }),
-              info: y({}, e, {
-                value: lt
-              }),
-              warn: y({}, e, {
-                value: ut
-              }),
-              error: y({}, e, {
-                value: ct
-              }),
-              group: y({}, e, {
-                value: ft
-              }),
-              groupCollapsed: y({}, e, {
-                value: dt
-              }),
-              groupEnd: y({}, e, {
-                value: pt
-              })
-            });
-          }
-          ar < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-        }
-      }
-      var zr = le.ReactCurrentDispatcher, Hr;
-      function gr(e, r, i) {
-        {
-          if (Hr === void 0)
-            try {
-              throw Error();
-            } catch (b) {
-              var c = b.stack.trim().match(/\n( *(at )?)/);
-              Hr = c && c[1] || "";
-            }
-          return `
-` + Hr + e;
-        }
-      }
-      var qr = !1, xr;
-      {
-        var Gt = typeof WeakMap == "function" ? WeakMap : Map;
-        xr = new Gt();
-      }
-      function mt(e, r) {
-        if (!e || qr)
-          return "";
-        {
-          var i = xr.get(e);
-          if (i !== void 0)
-            return i;
-        }
-        var c;
-        qr = !0;
-        var b = Error.prepareStackTrace;
-        Error.prepareStackTrace = void 0;
-        var R;
-        R = zr.current, zr.current = null, Ht();
-        try {
-          if (r) {
-            var w = function() {
-              throw Error();
-            };
-            if (Object.defineProperty(w.prototype, "props", {
-              set: function() {
-                throw Error();
-              }
-            }), typeof Reflect == "object" && Reflect.construct) {
-              try {
-                Reflect.construct(w, []);
-              } catch (ce) {
-                c = ce;
-              }
-              Reflect.construct(e, [], w);
-            } else {
-              try {
-                w.call();
-              } catch (ce) {
-                c = ce;
-              }
-              e.call(w.prototype);
-            }
-          } else {
-            try {
-              throw Error();
-            } catch (ce) {
-              c = ce;
-            }
-            e();
-          }
-        } catch (ce) {
-          if (ce && c && typeof ce.stack == "string") {
-            for (var S = ce.stack.split(`
-`), L = c.stack.split(`
-`), q = S.length - 1, Z = L.length - 1; q >= 1 && Z >= 0 && S[q] !== L[Z]; )
-              Z--;
-            for (; q >= 1 && Z >= 0; q--, Z--)
-              if (S[q] !== L[Z]) {
-                if (q !== 1 || Z !== 1)
-                  do
-                    if (q--, Z--, Z < 0 || S[q] !== L[Z]) {
-                      var Q = `
-` + 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 (q >= 1 && Z >= 0);
-                break;
-              }
-          }
-        } finally {
-          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 Kt(e, r, i) {
-        return mt(e, !1);
-      }
-      function Jt(e) {
-        var r = e.prototype;
-        return !!(r && r.isReactComponent);
-      }
-      function _r(e, r, i) {
-        if (e == null)
-          return "";
-        if (typeof e == "function")
-          return mt(e, Jt(e));
-        if (typeof e == "string")
-          return gr(e);
-        switch (e) {
-          case _:
-            return gr("Suspense");
-          case O:
-            return gr("SuspenseList");
-        }
-        if (typeof e == "object")
-          switch (e.$$typeof) {
-            case j:
-              return Kt(e.render);
-            case T:
-              return _r(e.type, r, i);
-            case k: {
-              var c = e, b = c._payload, R = c._init;
-              try {
-                return _r(R(b), r, i);
-              } catch {
-              }
-            }
-          }
-        return "";
-      }
-      var ht = {}, yt = le.ReactDebugCurrentFrame;
-      function jr(e) {
-        if (e) {
-          var r = e._owner, i = _r(e.type, e._source, r ? r.type : null);
-          yt.setExtraStackFrame(i);
-        } else
-          yt.setExtraStackFrame(null);
-      }
-      function Xt(e, r, i, c, b) {
-        {
-          var R = Function.call.bind(De);
-          for (var w in e)
-            if (R(e, w)) {
-              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;
-                }
-                S = e[w](r, w, c, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (q) {
-                S = q;
-              }
-              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 qe(e) {
-        if (e) {
-          var r = e._owner, i = _r(e.type, e._source, r ? r.type : null);
-          Te(i);
-        } else
-          Te(null);
-      }
-      var Gr;
-      Gr = !1;
-      function bt() {
-        if (ie.current) {
-          var e = _e(ie.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-      function Zt(e) {
-        if (e !== void 0) {
-          var r = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
-          return `
-
-Check your code at ` + r + ":" + i + ".";
-        }
-        return "";
-      }
-      function Qt(e) {
-        return e != null ? Zt(e.__source) : "";
-      }
-      var gt = {};
-      function en(e) {
-        var r = bt();
-        if (!r) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (r = `
-
-Check the top-level render call using <` + i + ">.");
-        }
-        return r;
-      }
-      function xt(e, r) {
-        if (!(!e._store || e._store.validated || e.key != null)) {
-          e._store.validated = !0;
-          var i = en(r);
-          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) + "."), 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 (Be(e))
-            for (var i = 0; i < e.length; i++) {
-              var c = e[i];
-              Re(c) && xt(c, r);
-            }
-          else if (Re(e))
-            e._store && (e._store.validated = !0);
-          else if (e) {
-            var b = Y(e);
-            if (typeof b == "function" && b !== e.entries)
-              for (var R = b.call(e), w; !(w = R.next()).done; )
-                Re(w.value) && xt(w.value, r);
-          }
-        }
-      }
-      function jt(e) {
-        {
-          var r = e.type;
-          if (r == null || typeof r == "string")
-            return;
-          var i;
-          if (typeof r == "function")
-            i = r.propTypes;
-          else if (typeof r == "object" && (r.$$typeof === j || // Note: Memo only checks outer props here.
-          // Inner props are checked in the reconciler.
-          r.$$typeof === T))
-            i = r.propTypes;
-          else
-            return;
-          if (i) {
-            var c = _e(r);
-            Xt(i, e.props, "prop", c, e);
-          } 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");
-          }
-          typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-        }
-      }
-      function rn(e) {
-        {
-          for (var r = Object.keys(e.props), i = 0; i < r.length; i++) {
-            var c = r[i];
-            if (c !== "children" && c !== "key") {
-              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 && (qe(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
-        }
-      }
-      function Ct(e, r, i) {
-        var c = m(e);
-        if (!c) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var R = Qt(r);
-          R ? b += R : b += bt();
-          var w;
-          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 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 === f ? rn(S) : jt(S), S;
-      }
-      var wt = !1;
-      function tn(e) {
-        var r = Ct.bind(null, e);
-        return r.type = e, wt || (wt = !0, be("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(r, "type", {
-          enumerable: !1,
-          get: function() {
-            return be("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", {
-              value: e
-            }), e;
-          }
-        }), r;
-      }
-      function nn(e, r, i) {
-        for (var c = Dr.apply(this, arguments), b = 2; b < arguments.length; b++)
-          _t(arguments[b], c.type);
-        return jt(c), c;
-      }
-      function an(e, r) {
-        var i = K.transition;
-        K.transition = {};
-        var c = K.transition;
-        K.transition._updatedFibers = /* @__PURE__ */ new Set();
-        try {
-          e();
-        } finally {
-          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();
-          }
-        }
-      }
-      var Et = !1, Cr = null;
-      function on(e) {
-        if (Cr === null)
-          try {
-            var r = ("require" + Math.random()).slice(0, 7), i = o && o[r];
-            Cr = i.call(o, "timers").setImmediate;
-          } catch {
-            Cr = function(b) {
-              Et === !1 && (Et = !0, typeof MessageChannel > "u" && E("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));
-              var R = new MessageChannel();
-              R.port1.onmessage = b, R.port2.postMessage(void 0);
-            };
-          }
-        return Cr(e);
-      }
-      var Ge = 0, Rt = !1;
-      function St(e) {
-        {
-          var r = Ge;
-          Ge++, X.current === null && (X.current = []);
-          var i = X.isBatchingLegacy, c;
-          try {
-            if (X.isBatchingLegacy = !0, c = e(), !i && X.didScheduleLegacyUpdate) {
-              var b = X.current;
-              b !== null && (X.didScheduleLegacyUpdate = !1, Xr(b));
-            }
-          } catch (re) {
-            throw wr(r), re;
-          } finally {
-            X.isBatchingLegacy = i;
-          }
-          if (c !== null && typeof c == "object" && typeof c.then == "function") {
-            var R = c, w = !1, S = {
-              then: function(re, se) {
-                w = !0, R.then(function(ce) {
-                  wr(r), Ge === 0 ? Kr(ce, re, se) : re(ce);
-                }, function(ce) {
-                  wr(r), se(ce);
-                });
-              }
-            };
-            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 () => ...);"));
-            }), S;
-          } else {
-            var L = c;
-            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 = [], Kr(L, re, se)) : re(L);
-                }
-              };
-              return Z;
-            } else {
-              var Q = {
-                then: function(re, se) {
-                  re(L);
-                }
-              };
-              return Q;
-            }
-          }
-        }
-      }
-      function wr(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 Kr(e, r, i) {
-        {
-          var c = X.current;
-          if (c !== null)
-            try {
-              Xr(c), on(function() {
-                c.length === 0 ? (X.current = null, r(e)) : Kr(e, r, i);
-              });
-            } catch (b) {
-              i(b);
-            }
-          else
-            r(e);
-        }
-      }
-      var Jr = !1;
-      function Xr(e) {
-        if (!Jr) {
-          Jr = !0;
-          var r = 0;
-          try {
-            for (; r < e.length; r++) {
-              var i = e[r];
-              do
-                i = i(!0);
-              while (i !== null);
-            }
-            e.length = 0;
-          } catch (c) {
-            throw e = e.slice(r + 1), c;
-          } finally {
-            Jr = !1;
-          }
-        }
-      }
-      var sn = Ct, ln = nn, un = tn, cn = {
-        map: ze,
-        forEach: Fr,
-        count: hr,
-        toArray: yr,
-        only: br
-      };
-      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 = Kn() : Tr.exports = Jn()), Tr.exports;
-}
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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, 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) && !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: d.current };
-  }
-  return or.Fragment = u, or.jsx = h, or.jsxs = h, or;
-}
-var sr = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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"), 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 = k && t[k] || t[ae];
-      return typeof m == "function" ? m : null;
-    }
-    var A = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function Y(t) {
-      {
-        for (var m = arguments.length, x = new Array(m > 1 ? m - 1 : 0), C = 1; C < m; C++)
-          x[C - 1] = arguments[C];
-        ge("error", t, x);
-      }
-    }
-    function ge(t, m, x) {
-      {
-        var C = A.ReactDebugCurrentFrame, B = C.getStackAddendum();
-        B !== "" && (m += "%s", x = x.concat([B]));
-        var V = x.map(function(D) {
-          return String(D);
-        });
-        V.unshift("Warning: " + m), Function.prototype.apply.call(console[t], console, V);
-      }
-    }
-    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 === 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.
-      t.$$typeof === Te || t.getModuleId !== void 0));
-    }
-    function Je(t, m, x) {
-      var C = t.displayName;
-      if (C)
-        return C;
-      var B = m.displayName || m.name || "";
-      return B !== "" ? x + "(" + B + ")" : x;
-    }
-    function Pe(t) {
-      return t.displayName || "Context";
-    }
-    function ve(t) {
-      if (t == null)
-        return null;
-      if (typeof t.tag == "number" && Y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
-        return t.displayName || t.name || null;
-      if (typeof t == "string")
-        return t;
-      switch (t) {
-        case l:
-          return "Fragment";
-        case u:
-          return "Portal";
-        case f:
-          return "Profiler";
-        case d:
-          return "StrictMode";
-        case p:
-          return "Suspense";
-        case j:
-          return "SuspenseList";
-      }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case v:
-            var m = t;
-            return Pe(m) + ".Consumer";
-          case h:
-            var x = t;
-            return Pe(x._context) + ".Provider";
-          case g:
-            return Je(t, t.render, "ForwardRef");
-          case _:
-            var C = t.displayName || null;
-            return C !== null ? C : ve(t.type) || "Memo";
-          case O: {
-            var B = t, V = B._payload, D = B._init;
-            try {
-              return ve(D(V));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var me = Object.assign, le = 0, be, E, xe, Ne, Ce, s, y;
-    function I() {
-    }
-    I.__reactDisabledLog = !0;
-    function $() {
-      {
-        if (le === 0) {
-          be = console.log, E = console.info, xe = console.warn, Ne = console.error, Ce = console.group, s = console.groupCollapsed, y = console.groupEnd;
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            value: I,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: t,
-            log: t,
-            warn: t,
-            error: t,
-            group: t,
-            groupCollapsed: t,
-            groupEnd: t
-          });
-        }
-        le++;
-      }
-    }
-    function M() {
-      {
-        if (le--, le === 0) {
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: me({}, t, {
-              value: be
-            }),
-            info: me({}, t, {
-              value: E
-            }),
-            warn: me({}, t, {
-              value: xe
-            }),
-            error: me({}, t, {
-              value: Ne
-            }),
-            group: me({}, t, {
-              value: Ce
-            }),
-            groupCollapsed: me({}, t, {
-              value: s
-            }),
-            groupEnd: me({}, t, {
-              value: y
-            })
-          });
-        }
-        le < 0 && Y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var J = A.ReactCurrentDispatcher, H;
-    function z(t, m, x) {
-      {
-        if (H === void 0)
-          try {
-            throw Error();
-          } catch (B) {
-            var C = B.stack.trim().match(/\n( *(at )?)/);
-            H = C && C[1] || "";
-          }
-        return `
-` + H + t;
-      }
-    }
-    var U = !1, oe;
-    {
-      var Or = typeof WeakMap == "function" ? WeakMap : Map;
-      oe = new Or();
-    }
-    function ur(t, m) {
-      if (!t || U)
-        return "";
-      {
-        var x = oe.get(t);
-        if (x !== void 0)
-          return x;
-      }
-      var C;
-      U = !0;
-      var B = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var V;
-      V = J.current, J.current = null, $();
-      try {
-        if (m) {
-          var D = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(D.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(D, []);
-            } catch (fe) {
-              C = fe;
-            }
-            Reflect.construct(t, [], D);
-          } else {
-            try {
-              D.call();
-            } catch (fe) {
-              C = fe;
-            }
-            t.call(D.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (fe) {
-            C = fe;
-          }
-          t();
-        }
-      } catch (fe) {
-        if (fe && C && typeof fe.stack == "string") {
-          for (var P = fe.stack.split(`
-`), ue = C.stack.split(`
-`), 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--, 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 && te >= 0);
-              break;
-            }
-        }
-      } finally {
-        U = !1, J.current = V, M(), Error.prepareStackTrace = B;
-      }
-      var ke = t ? t.displayName || t.name : "", we = ke ? z(ke) : "";
-      return typeof t == "function" && oe.set(t, we), we;
-    }
-    function Be(t, m, x) {
-      return ur(t, !1);
-    }
-    function Pr(t) {
-      var m = t.prototype;
-      return !!(m && m.isReactComponent);
-    }
-    function We(t, m, x) {
-      if (t == null)
-        return "";
-      if (typeof t == "function")
-        return ur(t, Pr(t));
-      if (typeof t == "string")
-        return z(t);
-      switch (t) {
-        case p:
-          return z("Suspense");
-        case j:
-          return z("SuspenseList");
-      }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case g:
-            return Be(t.render);
-          case _:
-            return We(t.type, m, x);
-          case O: {
-            var C = t, B = C._payload, V = C._init;
-            try {
-              return We(V(B), m, x);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var Ee = Object.prototype.hasOwnProperty, Ae = {}, cr = A.ReactDebugCurrentFrame;
-    function Ie(t) {
-      if (t) {
-        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, B) {
-      {
-        var V = Function.call.bind(Ee);
-        for (var D in t)
-          if (V(t, D)) {
-            var P = void 0;
-            try {
-              if (typeof t[D] != "function") {
-                var ue = Error((C || "React class") + ": " + x + " type `" + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ue.name = "Invariant Violation", ue;
-              }
-              P = t[D](m, D, C, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ee) {
-              P = ee;
-            }
-            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 Ue(t) {
-      return De(t);
-    }
-    function fr(t) {
-      {
-        var m = typeof Symbol == "function" && Symbol.toStringTag, x = m && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return x;
-      }
-    }
-    function dr(t) {
-      try {
-        return Ve(t), !1;
-      } catch {
-        return !0;
-      }
-    }
-    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)), Ve(t);
-    }
-    var Ze = A.ReactCurrentOwner, Nr = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, pr, vr;
-    function Qe(t) {
-      if (Ee.call(t, "ref")) {
-        var m = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (m && m.isReactWarning)
-          return !1;
-      }
-      return t.ref !== void 0;
-    }
-    function Ar(t) {
-      if (Ee.call(t, "key")) {
-        var m = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (m && m.isReactWarning)
-          return !1;
-      }
-      return t.key !== void 0;
-    }
-    function Ir(t, m) {
-      typeof t.ref == "string" && Ze.current;
-    }
-    function Dr(t, m) {
-      {
-        var x = function() {
-          pr || (pr = !0, Y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
-        };
-        x.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: x,
-          configurable: !0
-        });
-      }
-    }
-    function Re(t, m) {
-      {
-        var x = function() {
-          vr || (vr = !0, Y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
-        };
-        x.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: x,
-          configurable: !0
-        });
-      }
-    }
-    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,
-        // Built-in properties that belong on the element
-        type: t,
-        key: m,
-        ref: x,
-        props: D,
-        // Record the component responsible for creating this element.
-        _owner: V
-      };
-      return P._store = {}, Object.defineProperty(P._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(P, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: C
-      }), Object.defineProperty(P, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: B
-      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
-    };
-    function $r(t, m, x, C, 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 (V in ee)
-            D[V] === void 0 && (D[V] = ee[V]);
-        }
-        if (P || ue) {
-          var te = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          P && Dr(D, te), ue && Re(D, te);
-        }
-        return mr(t, P, ue, B, C, Ze.current, D);
-      }
-    }
-    var er = A.ReactCurrentOwner, rr = A.ReactDebugCurrentFrame;
-    function Se(t) {
-      if (t) {
-        var m = t._owner, x = We(t.type, t._source, m ? m.type : null);
-        rr.setExtraStackFrame(x);
-      } else
-        rr.setExtraStackFrame(null);
-    }
-    var Ye;
-    Ye = !1;
-    function $e(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === a;
-    }
-    function Fe() {
-      {
-        if (er.current) {
-          var t = ve(er.current.type);
-          if (t)
-            return `
-
-Check the render method of \`` + t + "`.";
-        }
-        return "";
-      }
-    }
-    function ze(t) {
-      return "";
-    }
-    var hr = {};
-    function Fr(t) {
-      {
-        var m = Fe();
-        if (!m) {
-          var x = typeof t == "string" ? t : t.displayName || t.name;
-          x && (m = `
-
-Check the top-level render call using <` + x + ">.");
-        }
-        return m;
-      }
-    }
-    function yr(t, m) {
-      {
-        if (!t._store || t._store.validated || t.key != null)
-          return;
-        t._store.validated = !0;
-        var x = Fr(m);
-        if (hr[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) + "."), 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 (Ue(t))
-          for (var x = 0; x < t.length; x++) {
-            var C = t[x];
-            $e(C) && yr(C, m);
-          }
-        else if ($e(t))
-          t._store && (t._store.validated = !0);
-        else if (t) {
-          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);
-        }
-      }
-    }
-    function Lr(t) {
-      {
-        var m = t.type;
-        if (m == null || typeof m == "string")
-          return;
-        var x;
-        if (typeof m == "function")
-          x = m.propTypes;
-        else if (typeof m == "object" && (m.$$typeof === g || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        m.$$typeof === _))
-          x = m.propTypes;
-        else
-          return;
-        if (x) {
-          var C = ve(m);
-          _e(x, t.props, "prop", C, t);
-        } else if (m.PropTypes !== void 0 && !Ye) {
-          Ye = !0;
-          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.");
-      }
-    }
-    function Le(t) {
-      {
-        for (var m = Object.keys(t.props), x = 0; x < m.length; x++) {
-          var C = m[x];
-          if (C !== "children" && C !== "key") {
-            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 && (Se(t), Y("Invalid attribute `ref` supplied to `React.Fragment`."), Se(null));
-      }
-    }
-    var He = {};
-    function tr(t, m, x, C, B, V) {
-      {
-        var D = Oe(t);
-        if (!D) {
-          var P = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ue = ze();
-          ue ? P += ue : P += Fe();
-          var ee;
-          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 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 (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.");
-            else
-              br(he, t);
-        }
-        if (Ee.call(m, "key")) {
-          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 (!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, Vr, we), He[we + nr] = !0;
-          }
-        }
-        return t === l ? Le(te) : Lr(te), te;
-      }
-    }
-    function Mr(t, m, x) {
-      return tr(t, m, x, !0);
-    }
-    function Br(t, m, x) {
-      return tr(t, m, x, !1);
-    }
-    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" ? kr.exports = Xn() : kr.exports = Zn()), kr.exports;
-}
-var n = Qn();
-at();
-var et = { exports: {} };
+var P = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Lt;
-function ea() {
-  return Lt || (Lt = 1, function(o) {
+var z;
+function xe() {
+  return z || (z = 1, function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
-      function u() {
-        for (var f = "", h = 0; h < arguments.length; h++) {
-          var v = arguments[h];
-          v && (f = d(f, l(v)));
+      var t = {}.hasOwnProperty;
+      function l() {
+        for (var r = "", s = 0; s < arguments.length; s++) {
+          var c = arguments[s];
+          c && (r = n(r, a(c)));
         }
-        return f;
+        return r;
       }
-      function l(f) {
-        if (typeof f == "string" || typeof f == "number")
-          return f;
-        if (typeof f != "object")
+      function a(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
           return "";
-        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 f)
-          a.call(f, v) && f[v] && (h = d(h, v));
-        return h;
-      }
-      function d(f, h) {
-        return h ? f ? f + " " + h : f + h : f;
-      }
-      o.exports ? (u.default = u, o.exports = u) : window.classNames = u;
+        if (Array.isArray(r))
+          return l.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var s = "";
+        for (var c in r)
+          t.call(r, c) && r[c] && (s = n(s, c));
+        return s;
+      }
+      function n(r, s) {
+        return s ? r ? r + " " + s : r + s : r;
+      }
+      e.exports ? (l.default = l, e.exports = l) : window.classNames = l;
     })();
-  }(et)), et.exports;
+  }(P)), P.exports;
 }
-var ra = ea();
-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 }), Ke = ({ icon: o, className: a = "" }) => o ? /* @__PURE__ */ n.jsxs(ne, { className: "blockbite--icon", children: [
-  /* @__PURE__ */ n.jsx(o, { className: a }),
-  " "
-] }) : null, ta = tt(
+var ve = xe();
+const f = /* @__PURE__ */ Ce(ve), h = ({
+  children: e,
+  className: t,
+  important: l = !1,
+  onClick: a
+}) => l ? /* @__PURE__ */ React.createElement("div", { onClick: a }, /* @__PURE__ */ React.createElement("div", { className: t }, e)) : /* @__PURE__ */ React.createElement("div", { className: t }, e), N = ({ icon: e, className: t = "" }) => e ? /* @__PURE__ */ React.createElement(h, { className: "blockbite--icon" }, /* @__PURE__ */ React.createElement(e, { className: t }), " ") : null, we = j(
   ({
-    children: o,
-    className: a,
-    value: u,
-    variant: l = "secondary",
-    defaultPressed: d,
-    onPressedChange: f,
-    icon: h,
-    size: v = "compact",
-    display: g = "auto",
-    label: p
+    children: e,
+    className: t,
+    value: l,
+    variant: a = "secondary",
+    defaultPressed: n,
+    onPressedChange: r,
+    icon: s,
+    size: c = "compact",
+    display: i = "auto",
+    label: o
   }) => {
-    const [j, _] = F(!1);
-    G(() => {
-      _(d === u);
-    }, [d]);
-    const O = Bt(() => {
-      _((T) => !T), f(u);
-    }, [j, f]);
-    return /* @__PURE__ */ n.jsxs(
-      ye,
+    const [m, u] = p(!1);
+    g(() => {
+      u(n === l);
+    }, [n]);
+    const E = A(() => {
+      u((R) => !R), r(l);
+    }, [m, r]);
+    return /* @__PURE__ */ React.createElement(
+      v,
       {
-        "aria-label": p,
-        className: W(a, "blockbite-ui__button--default"),
-        value: u,
-        size: v,
-        label: p,
-        variant: l,
+        "aria-label": o,
+        className: f(t, "blockbite-ui__button--default"),
+        value: l,
+        size: c,
+        label: o,
+        variant: a,
         showTooltip: !0,
-        isPressed: j,
-        onClick: O,
-        children: [
-          h && /* @__PURE__ */ n.jsx(Ke, { icon: h }),
-          g !== "icon" ? o : null,
-          p && !o && g !== "icon" ? /* @__PURE__ */ n.jsx("span", { children: p }) : null
-        ]
-      }
+        isPressed: m,
+        onClick: E
+      },
+      s && /* @__PURE__ */ React.createElement(N, { icon: s }),
+      i !== "icon" ? e : null,
+      o && !e && i !== "icon" ? /* @__PURE__ */ React.createElement("span", null, o) : null
     );
   }
-), na = tt(
+), ye = j(
   ({
-    className: o,
-    defaultPressed: a = "",
-    toggle: u = !0,
-    display: l = "auto",
-    options: d,
-    size: f = "compact",
-    tabs: h = !1,
-    variant: v = "secondary",
-    stretch: g = !1,
-    onPressedChange: p
+    className: e,
+    defaultPressed: t = "",
+    toggle: l = !0,
+    display: a = "auto",
+    options: n,
+    size: r = "compact",
+    tabs: s = !1,
+    variant: c = "secondary",
+    stretch: i = !1,
+    onPressedChange: o
   }) => {
-    const [j, _] = F(a);
-    G(() => {
-      _(a);
-    }, [a]);
-    const O = Bt(
-      (k) => {
-        const ae = u && j === k ? "" : k;
-        _(ae), p?.(ae);
+    const [m, u] = p(t);
+    g(() => {
+      u(t);
+    }, [t]);
+    const E = A(
+      (d) => {
+        const x = l && m === d ? "" : d;
+        u(x), o == null || o(x);
       },
-      [j, p, u]
-    ), 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(
-      ne,
+      [m, o, l]
+    ), R = (d) => a === "icon" && (d != null && d.icon) ? /* @__PURE__ */ React.createElement(N, { icon: d.icon }) : a === "label" ? /* @__PURE__ */ React.createElement("span", null, d.label) : /* @__PURE__ */ React.createElement("span", { className: "flex items-center justify-center gap-1" }, d.icon && /* @__PURE__ */ React.createElement(N, { icon: d.icon }), /* @__PURE__ */ React.createElement("span", null, d.label));
+    return /* @__PURE__ */ React.createElement(
+      h,
       {
-        className: W(
+        className: f(
           "blockbite-ui__button-group flex flex-wrap gap-1",
-          o,
-          h ? "blockbite-ui__button-group--tabs" : ""
-        ),
-        children: d.map((k, ae) => /* @__PURE__ */ n.jsxs(
-          ye,
-          {
-            className: W("blockbite-ui__button--default", {
-              grow: g,
-              "justify-center": g
-            }),
-            "aria-label": k.label,
-            showTooltip: !0,
-            value: k.value,
-            size: f,
-            label: k?.tooltip || k.label,
-            variant: v,
-            isPressed: j === k.value,
-            onClick: () => O(k.value),
-            children: [
-              T(k),
-              k.children && k.children
-            ]
-          },
-          `ButtonToggleGroup__${k.value}__${k.label}__${ae}`
-        ))
-      }
+          e,
+          s ? "blockbite-ui__button-group--tabs" : ""
+        )
+      },
+      n.map((d, x) => /* @__PURE__ */ React.createElement(
+        v,
+        {
+          key: `ButtonToggleGroup__${d.value}__${d.label}__${x}`,
+          className: f("blockbite-ui__button--default", {
+            grow: i,
+            "justify-center": i
+          }),
+          "aria-label": d.label,
+          showTooltip: !0,
+          value: d.value,
+          size: r,
+          label: (d == null ? void 0 : d.tooltip) || d.label,
+          variant: c,
+          isPressed: m === d.value,
+          onClick: () => E(d.value)
+        },
+        R(d),
+        d.children && d.children
+      ))
     );
   }
 );
-function Sa({
-  defaultValue: o,
-  options: a,
-  swatch: u,
-  onPressedChange: l
+function ct({
+  defaultValue: e,
+  options: t,
+  swatch: l,
+  onPressedChange: a
 }) {
-  const [d, f] = F(""), [h, v] = F([]);
-  return G(() => {
-    v(
-      a.filter(
-        (g) => g.label.toLowerCase().includes(d.toLowerCase())
+  const [n, r] = p(""), [s, c] = p([]);
+  return g(() => {
+    c(
+      t.filter(
+        (i) => i.label.toLowerCase().includes(n.toLowerCase())
       )
     );
-  }, [d, a]), G(() => {
-    f(""), v(a);
-  }, [o, a]), /* @__PURE__ */ n.jsx(
-    wn,
+  }, [n, t]), g(() => {
+    r(""), c(t);
+  }, [e, t]), /* @__PURE__ */ React.createElement(
+    Y,
     {
       className: "option-panel-dropdown",
       contentClassName: "option-panel-dropdown-content",
       popoverProps: { placement: "bottom-start" },
-      renderToggle: ({ isOpen: g, onToggle: p }) => /* @__PURE__ */ n.jsx(ne, { important: !0, children: /* @__PURE__ */ n.jsx(
-        ye,
+      renderToggle: ({ isOpen: i, onToggle: o }) => /* @__PURE__ */ React.createElement(h, { important: !0 }, /* @__PURE__ */ React.createElement(
+        v,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: o,
+          "aria-expanded": i
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 !bg-transparent !p-0 !text-[11px] !text-current" }, l && !!e && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: f(
+              `h-3 w-3 rounded-full bg-${e}`
+            )
+          }
+        ), /* @__PURE__ */ React.createElement("span", null, e || "Select option…"))
+      )),
+      renderContent: () => /* @__PURE__ */ React.createElement(h, { important: !0 }, /* @__PURE__ */ React.createElement("div", { className: "w-52" }, /* @__PURE__ */ React.createElement(
+        O,
         {
-          variant: "secondary",
+          __next40pxDefaultSize: !0,
+          __nextHasNoMarginBottom: !0,
+          label: "Search options",
+          value: n,
+          onChange: (i) => r(i),
+          autoComplete: "off"
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-1 !bg-transparent p-0 !pt-2" }, s.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "!text-gray-medium col-span-2 pb-2 text-center !text-[11px]" }, "No options found."), s.map((i, o) => /* @__PURE__ */ React.createElement(
+        we,
+        {
+          key: `ButtonToggle__${i.value}___${o}`,
+          className: f({
+            "bg-primary": i.value
+          }),
           size: "small",
-          onClick: p,
-          "aria-expanded": g,
-          children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-1 !bg-transparent !p-0 !text-[11px] !text-current", children: [
-            u && /* @__PURE__ */ n.jsx(
-              "div",
-              {
-                className: W(
-                  `h-3 w-3 rounded-full bg-${o}`
-                )
-              }
-            ),
-            /* @__PURE__ */ n.jsx("span", { children: o || "Select option…" }),
-            /* @__PURE__ */ n.jsx(Mt, {})
-          ] })
-        }
-      ) }),
-      renderContent: () => /* @__PURE__ */ n.jsx(ne, { important: !0, children: /* @__PURE__ */ n.jsxs("div", { className: "w-52", children: [
-        /* @__PURE__ */ n.jsx(
-          rt,
+          value: i.value.toString(),
+          defaultPressed: e,
+          onPressedChange: (m) => {
+            a(m ? i.value : "");
+          }
+        },
+        l && /* @__PURE__ */ React.createElement(
+          "div",
           {
-            __next40pxDefaultSize: !0,
-            __nextHasNoMarginBottom: !0,
-            label: "Search options",
-            value: d,
-            onChange: (g) => f(g),
-            autoComplete: "off"
+            className: f(
+              `mr-3 h-3 w-3 rounded-full bg-${i.value}`
+            )
           }
         ),
-        /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-2 gap-1 !bg-transparent !p-0 !pt-2", children: [
-          h.length === 0 && /* @__PURE__ */ n.jsx("div", { className: "!text-gray-medium col-span-2 pb-2 text-center !text-[11px]", children: "No options found." }),
-          h.map((g, p) => /* @__PURE__ */ n.jsxs(
-            ta,
-            {
-              className: W({
-                "bg-primary": g.value
-              }),
-              size: "small",
-              value: g.value.toString(),
-              defaultPressed: o,
-              onPressedChange: (j) => {
-                l(j ? g.value : "");
-              },
-              children: [
-                u && /* @__PURE__ */ n.jsx(
-                  "div",
-                  {
-                    className: W(
-                      `mr-3 h-3 w-3 rounded-full bg-${g.value}`
-                    )
-                  }
-                ),
-                g.label
-              ]
-            },
-            `ButtonToggle__${g.value}___${p}`
-          ))
-        ] })
-      ] }) })
+        i.label
+      )))))
     }
   );
 }
-const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__ */ n.jsxs(
+const Ne = ({ children: e, className: t, label: l, onClick: a }) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    onClick: l,
-    className: W(
-      a,
+    onClick: a,
+    className: f(
+      t,
       "inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800"
-    ),
-    children: [
-      u && /* @__PURE__ */ n.jsx("span", { className: "mr-1 text-xs font-semibold text-gray-700", children: u }),
-      o
-    ]
-  }
-), 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) {
-        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);
-          if (O) {
-            const T = document.adoptNode(
-              O.cloneNode(!0)
+    )
+  },
+  l && /* @__PURE__ */ React.createElement("span", { className: "mr-1 text-xs font-semibold text-gray-700" }, l),
+  e
+), st = ({ htmlContent: e, cssContent: t, frontendAssets: l }) => {
+  const a = k(null), [n, r] = p(null);
+  return g(() => {
+    const s = a.current;
+    return s && (s.onload = () => {
+      const c = s.contentDocument || s.contentWindow.document;
+      if (c) {
+        r(c.body);
+        const i = c.createElement("style");
+        i.innerHTML = t, c.head.appendChild(i), l.forEach(({ type: o, id: m, url: u }) => {
+          const E = document.getElementById(m);
+          if (E) {
+            const R = document.adoptNode(
+              E.cloneNode(!0)
             );
-            v.head.appendChild(T);
+            c.head.appendChild(R);
           } else {
-            const T = v.createElement(
-              p === "script" ? "script" : "link"
+            const R = c.createElement(
+              o === "script" ? "script" : "link"
             );
-            T.id = j, p === "script" ? (T.src = _, T.async = !0) : (T.rel = "stylesheet", T.href = _), v.head.appendChild(T);
+            R.id = m, o === "script" ? (R.src = u, R.async = !0) : (R.rel = "stylesheet", R.href = u), c.head.appendChild(R);
           }
         });
       }
     }), () => {
-      h && (h.onload = null);
+      s && (s.onload = null);
     };
-  }, [o, a, u]), /* @__PURE__ */ n.jsxs(
+  }, [e, t, l]), /* @__PURE__ */ React.createElement(
     "div",
     {
       className: "render-preview-container",
-      style: { width: "100%", minHeight: "100%" },
-      children: [
-        /* @__PURE__ */ n.jsx(
-          "iframe",
-          {
-            ref: l,
-            title: "Preview",
-            className: "editor-styles-wrapper",
-            width: "100%",
-            height: "100%"
-          }
-        ),
-        d && Wt(
-          /* @__PURE__ */ n.jsx("div", { className: "b_", children: /* @__PURE__ */ n.jsx(
-            "div",
-            {
-              className: "b_utils",
-              dangerouslySetInnerHTML: { __html: o }
-            }
-          ) }),
-          d
-        )
-      ]
-    }
+      style: { width: "100%", minHeight: "100%" }
+    },
+    /* @__PURE__ */ React.createElement(
+      "iframe",
+      {
+        ref: a,
+        title: "Preview",
+        className: "editor-styles-wrapper",
+        width: "100%",
+        height: "100%"
+      }
+    ),
+    n && D(
+      /* @__PURE__ */ React.createElement("div", { className: "b_" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "b_utils",
+          dangerouslySetInnerHTML: { __html: e }
+        }
+      )),
+      n
+    )
   );
-}, Ta = ({
-  children: o,
-  size: a = "default",
-  label: u,
-  className: l,
-  onClick: d,
-  variant: f = "primary",
-  display: h = "auto",
-  icon: v,
-  disabled: g = !1
+}, ot = ({
+  children: e,
+  size: t = "default",
+  label: l,
+  className: a,
+  onClick: n,
+  variant: r = "primary",
+  display: s = "auto",
+  icon: c,
+  disabled: i = !1
 }) => {
-  const p = h === "icon" || h === "icon-lg";
-  return /* @__PURE__ */ n.jsxs(
-    ye,
+  const o = s === "icon" || s === "icon-lg";
+  return /* @__PURE__ */ React.createElement(
+    v,
     {
-      size: a,
-      variant: f,
-      label: u,
+      size: t,
+      variant: r,
+      label: l,
       showTooltip: !0,
-      disabled: g,
-      className: W(
-        l,
+      disabled: i,
+      className: f(
+        a,
         "blockbite-ui__button",
         "flex items-center justify-center gap-1",
-        { "is-primary": f === "primary" },
-        { "is-secondary": f === "secondary" },
-        { "is-link": f === "link" },
-        { "is-tertiary": f === "tertiary" },
-        { "is-icon": h === "icon" }
+        { "is-primary": r === "primary" },
+        { "is-secondary": r === "secondary" },
+        { "is-link": r === "link" },
+        { "is-tertiary": r === "tertiary" },
+        { "is-icon": s === "icon" }
       ),
-      onClick: d,
-      children: [
-        v && /* @__PURE__ */ n.jsx(
-          Ke,
-          {
-            icon: v,
-            className: W({ "h-4 w-4": h === "icon-lg" })
-          }
-        ),
-        p ? null : o,
-        u && !o && !p ? /* @__PURE__ */ n.jsx("span", { children: u }) : null
-      ]
-    }
+      onClick: n
+    },
+    c && /* @__PURE__ */ React.createElement(
+      N,
+      {
+        icon: c,
+        className: f({ "h-4 w-4": s === "icon-lg" })
+      }
+    ),
+    o ? null : e,
+    l && !e && !o ? /* @__PURE__ */ React.createElement("span", null, l) : null
   );
-}, Oa = ({ children: o, title: a }) => /* @__PURE__ */ n.jsxs(
-  ne,
+}, it = ({ children: e, title: t }) => /* @__PURE__ */ React.createElement(
+  h,
   {
-    className: W(
+    className: f(
       "text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium",
-      W
-    ),
-    children: [
-      a && /* @__PURE__ */ n.jsx(ne, { className: "font-medium", children: a }),
-      o
-    ]
-  }
-), Pa = ({
-  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("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 })
-  ] }),
-  u && /* @__PURE__ */ n.jsx("small", { className: "w-full shrink-0 text-[11px]", children: u })
-] }), Na = ({ label: o, help: a, defaultChecked: u }) => {
-  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,
+      f
+    )
+  },
+  t && /* @__PURE__ */ React.createElement(h, { className: "font-medium" }, t),
+  e
+), mt = ({
+  title: e,
+  className: t,
+  help: l,
+  badge: a,
+  ...n
+}) => /* @__PURE__ */ React.createElement("div", { className: f("mb-2", t), ...n }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-wrap items-center gap-2 justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "shrink-1 text-[11px] font-medium uppercase leading-snug" }, e), !!a && /* @__PURE__ */ React.createElement(Ne, { className: "text-[10px] py-px px-1" }, a)), l && /* @__PURE__ */ React.createElement("small", { className: "w-full shrink-0 text-[11px]" }, l)), ut = ({ label: e, help: t, defaultChecked: l }) => {
+  const [a, n] = p(l);
+  return g(() => {
+    n(l);
+  }, [l]), /* @__PURE__ */ React.createElement(h, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
+    J,
     {
-      label: o,
-      help: a,
-      checked: l,
-      onChange: d
-    }
-  ) });
-}, ot = Un(
+      label: e,
+      help: t,
+      checked: a,
+      onChange: n
+    }
+  ));
+}, ke = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { d: "M3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523Z", fill: "currentColor" })
+), _e = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.50012 1C7.22398 1 7.00012 1.22386 7.00012 1.5V13.5C7.00012 13.7761 7.22398 14 7.50012 14C7.77626 14 8.00012 13.7761 8.00012 13.5V1.5C8.00012 1.22386 7.77626 1 7.50012 1ZM3.31812 5.18161C3.14239 5.00587 2.85746 5.00587 2.68173 5.18161L0.681729 7.18161C0.505993 7.35734 0.505993 7.64227 0.681729 7.818L2.68173 9.818C2.85746 9.99374 3.14239 9.99374 3.31812 9.818C3.49386 9.64227 3.49386 9.35734 3.31812 9.18161L2.08632 7.9498H5.50017C5.7487 7.9498 5.95017 7.74833 5.95017 7.4998C5.95017 7.25128 5.7487 7.0498 5.50017 7.0498H2.08632L3.31812 5.818C3.49386 5.64227 3.49386 5.35734 3.31812 5.18161ZM11.6817 5.18161C11.506 5.35734 11.506 5.64227 11.6817 5.818L12.9135 7.0498H9.50017C9.25164 7.0498 9.05017 7.25128 9.05017 7.4998C9.05017 7.74833 9.25164 7.9498 9.50017 7.9498H12.9135L11.6817 9.18161C11.506 9.35734 11.506 9.64227 11.6817 9.818C11.8575 9.99374 12.1424 9.99374 12.3181 9.818L14.3181 7.818C14.4939 7.64227 14.4939 7.35734 14.3181 7.18161L12.3181 5.18161C12.1424 5.00587 11.8575 5.00587 11.6817 5.18161Z", fill: "currentColor" })
+), Le = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { d: "M11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184Z", fill: "currentColor" })
+), Me = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 3.25V10.75C0 11.4404 0.559644 12 1.25 12H5.07341L4.82991 13.2986C4.76645 13.6371 5.02612 13.95 5.37049 13.95H9.62951C9.97389 13.95 10.2336 13.6371 10.1701 13.2986L9.92659 12H13.75C14.4404 12 15 11.4404 15 10.75V3.25C15 2.55964 14.4404 2 13.75 2H1.25C0.559643 2 0 2.55964 0 3.25ZM1.25 3H13.75C13.8881 3 14 3.11193 14 3.25V10.75C14 10.8881 13.8881 11 13.75 11H1.25C1.11193 11 1 10.8881 1 10.75V3.25C1 3.11193 1.11193 3 1.25 3ZM5.98909 12L5.79222 13.05H9.20778L9.01091 12H5.98909Z", fill: "currentColor" })
+), Se = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 2.5V12.5C1 13.3284 1.67157 14 2.5 14H12.5C13.3284 14 14 13.3284 14 12.5V2.5C14 1.67157 13.3284 1 12.5 1H2.5C1.67157 1 1 1.67157 1 2.5ZM8 2V7H13V2.5C13 2.22386 12.7761 2 12.5 2H8ZM8 8V13H12.5C12.7761 13 13 12.7761 13 12.5V8H8ZM7 2H2.5C2.22386 2 2 2.22386 2 2.5V7H7V2ZM2 12.5C2 12.7761 2.22386 13 2.5 13H7V8H2V12.5Z", fill: "currentColor" })
+), Te = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1465 1.14645L3.71455 8.57836C3.62459 8.66832 3.55263 8.77461 3.50251 8.89155L2.04044 12.303C1.9599 12.491 2.00189 12.709 2.14646 12.8536C2.29103 12.9981 2.50905 13.0401 2.69697 12.9596L6.10847 11.4975C6.2254 11.4474 6.3317 11.3754 6.42166 11.2855L13.8536 3.85355C14.0488 3.65829 14.0488 3.34171 13.8536 3.14645L11.8536 1.14645C11.6583 0.951184 11.3417 0.951184 11.1465 1.14645ZM11.5 2.20711L12.7929 3.5L5.71455 10.5784L4.21924 11.2192L3.78081 10.7808L4.42166 9.28547L11.5 2.20711Z", fill: "currentColor" })
+), He = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("circle", { cx: 4.85355, cy: 4.5, r: 1.5, fill: "currentColor" }),
+  React.createElement("circle", { cx: 9.85355, cy: 10.5, r: 1.5, fill: "currentColor" }),
+  React.createElement("path", { d: "M3 11.6464L11 3.64642", stroke: "currentColor", strokeLinecap: "round" })
+), Be = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { d: "M7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75C8 2.47386 7.77614 2.25 7.5 2.25Z", fill: "currentColor" })
+), Pe = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.49988 10.2504C7.1516 10.2504 6.0299 9.28026 5.79473 7.99997H0.5C0.223858 7.99997 0 7.77611 0 7.49997C0 7.22383 0.223858 6.99997 0.5 6.99997H5.7947C6.0298 5.71959 7.15154 4.74939 8.49988 4.74939C9.84822 4.74939 10.97 5.71959 11.2051 6.99997H14.5C14.7761 6.99997 15 7.22383 15 7.49997C15 7.77611 14.7761 7.99997 14.5 7.99997H11.205C10.9699 9.28026 9.84816 10.2504 8.49988 10.2504ZM8.49988 9.30038C7.50549 9.30038 6.69938 8.49427 6.69938 7.49988C6.69938 6.5055 7.50549 5.69939 8.49988 5.69939C9.49426 5.69939 10.3004 6.5055 10.3004 7.49988C10.3004 8.49427 9.49426 9.30038 8.49988 9.30038Z", fill: "currentColor" })
+), Oe = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { d: "M4 5.33333C4.4 3.77778 5.4 3 7 3C9.4 3 9.7 4.75 10.9 5.04167C11.7 5.23611 12.4 4.94444 13 4.16667C12.6 5.72222 11.6 6.5 10 6.5C7.6 6.5 7.3 4.75 6.1 4.45833C5.3 4.26389 4.6 4.55556 4 5.33333ZM1 8.83333C1.4 7.27778 2.4 6.5 4 6.5C6.4 6.5 6.7 8.25 7.9 8.54167C8.7 8.73611 9.4 8.44444 10 7.66667C9.6 9.22222 8.6 10 7 10C4.6 10 4.3 8.25 3.1 7.95833C2.3 7.76389 1.6 8.05556 1 8.83333Z", fill: "currentColor" })
+), je = (e) => React.createElement(
+  "svg",
+  Object.assign({ width: e.width || "1em", height: e.height || "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, e),
+  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5C5.22386 1 5 1.22386 5 1.5ZM3.5 3H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5C3 3.22386 3.22386 3 3.5 3ZM10 4V12H5V4H10Z", fill: "currentColor" })
+), I = F(
   ({
-    onClick: o,
-    onChange: a,
-    className: u,
-    defaultValue: l,
-    children: d,
-    inputClassName: f,
-    readOnly: h,
-    placeholder: v,
-    onBlur: g,
-    type: p = "text",
-    label: j,
-    helper: _ = "",
-    ...O
-  }, T) => {
-    const k = `text-control-${Math.random().toString(36).substring(2, 15)}`;
-    return /* @__PURE__ */ n.jsxs(
+    onClick: e,
+    onChange: t,
+    className: l,
+    defaultValue: a,
+    children: n,
+    inputClassName: r,
+    readOnly: s,
+    placeholder: c,
+    onBlur: i,
+    type: o = "text",
+    label: m,
+    helper: u = "",
+    ...E
+  }, R) => {
+    const d = `text-control-${Math.random().toString(36).substring(2, 15)}`;
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: W("flex items-center p-0", u),
-        ...O,
-        children: [
-          j ? /* @__PURE__ */ n.jsx("label", { htmlFor: k, className: "text-primary !m-0 !mb-0 !mr-2", children: j }) : null,
-          /* @__PURE__ */ n.jsx(
-            "input",
-            {
-              id: k,
-              className: W(
-                "border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0",
-                f
-              ),
-              type: p,
-              value: l,
-              placeholder: v,
-              onFocus: () => o && o(),
-              onBlur: (ae) => {
-                o && o(), g && g(ae.target.value);
-              },
-              onChange: (ae) => a && a(ae.target.value),
-              readOnly: h,
-              ref: T
-            }
+        className: f("flex items-center p-0", l),
+        ...E
+      },
+      m ? /* @__PURE__ */ React.createElement("label", { htmlFor: d, className: "text-primary !m-0 !mb-0 !mr-2" }, m) : null,
+      /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          id: d,
+          className: f(
+            "border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0",
+            r
           ),
-          /* @__PURE__ */ n.jsx("span", { children: d }),
-          _ && /* @__PURE__ */ n.jsx("p", { className: "text-primary !m-0 !mb-0 text-xs", children: _ })
-        ]
-      }
+          type: o,
+          value: a,
+          placeholder: c,
+          onFocus: () => e && e(),
+          onBlur: (x) => {
+            e && e(), i && i(x.target.value);
+          },
+          onChange: (x) => t && t(x.target.value),
+          readOnly: s,
+          ref: R
+        }
+      ),
+      /* @__PURE__ */ React.createElement("span", null, n),
+      u && /* @__PURE__ */ React.createElement("p", { className: "text-primary !m-0 !mb-0 text-xs" }, u)
     );
   }
 );
-ot.displayName = "TextControl";
-const Aa = ({
-  data: o,
-  active: a,
-  setActive: u,
-  onCreate: l,
-  onDelete: d,
-  onUpdate: f,
-  onSwitch: h,
-  renderItemActions: v,
-  addons: g,
-  className: p = "",
-  footerSlot: j,
-  footerSlotClassName: _ = ""
+I.displayName = "TextControl";
+const dt = ({
+  data: e,
+  active: t,
+  setActive: l,
+  onCreate: a,
+  onDelete: n,
+  onUpdate: r,
+  onSwitch: s,
+  renderItemActions: c,
+  addons: i,
+  className: o = "",
+  footerSlot: m,
+  footerSlotClassName: u = ""
 }) => {
-  const [O, T] = F({
+  const [E, R] = p({
     id: "",
     name: ""
-  }), [k, ae] = F(!1), de = lr(null), A = () => {
-    l();
-  }, Y = () => {
-    if (!a || o.length === 0) return;
-    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);
+  }), [d, x] = p(!1), T = k(null), b = () => {
+    a();
+  }, _ = () => {
+    if (!t || e.length === 0) return;
+    const C = e.filter((H) => H.id !== (t == null ? void 0 : t.id)), w = e.findIndex((H) => H.id === (t == null ? void 0 : t.id)), X = C[w] || C[0];
+    n(t == null ? void 0 : t.id), l(X);
+  }, L = (C) => {
+    x(!0), E.id && r(E.id, { name: C }), setTimeout(() => {
+      R({ id: "", name: "" }), x(!1);
     }, 500);
   };
-  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((K) => /* @__PURE__ */ n.jsxs(
-        "li",
+  return /* @__PURE__ */ React.createElement(h, { important: !0, className: o }, /* @__PURE__ */ React.createElement("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto" }, i, e.length > 0 && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("ul", { className: "divide-y border-b" }, e.map((C) => /* @__PURE__ */ React.createElement(
+    "li",
+    {
+      key: `data__${C.id}`,
+      className: f(
+        "relative m-0 flex items-center justify-between gap-1 bg-opacity-50 hover:bg-easy",
         {
-          className: W(
-            "relative m-0 flex items-center justify-between gap-1 bg-opacity-50 hover:bg-easy",
-            {
-              "bg-easy": K.id === a?.id
-            }
-          ),
-          children: [
-            /* @__PURE__ */ n.jsxs("div", { className: "flex-1 relative", children: [
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  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(K);
-                  },
-                  onDoubleClick: () => {
-                    T({ id: K.id, name: K.name || "" });
-                  },
-                  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 === K.id && !k && /* @__PURE__ */ n.jsx(
-                ot,
-                {
-                  className: "absolute left-1 top-0 w-[calc(100%-.5rem)] h-full",
-                  inputClassName: "w-full",
-                  defaultValue: O.name,
-                  onChange: (X) => T({ ...O, name: X }),
-                  ref: de,
-                  onBlur: ge
-                }
-              )
-            ] }),
-            v && /* @__PURE__ */ n.jsx("div", { className: "flex gap-1 pr-1", children: v(K) })
-          ]
+          "bg-easy": C.id === (t == null ? void 0 : t.id)
+        }
+      )
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex-1 relative" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "text-gray-medium w-full truncate  px-3 py-2 text-left text-sm/6 font-semibold hover:text-wordpress",
+        onClick: () => {
+          s(t == null ? void 0 : t.id, { ...t }), l(C);
         },
-        `data__${K.id}`
-      )) }) })
-    ] }),
-    /* @__PURE__ */ n.jsxs(
-      "div",
+        onDoubleClick: () => {
+          R({ id: C.id, name: C.name || "" });
+        }
+      },
+      d && E.id === C.id ? /* @__PURE__ */ React.createElement("span", { className: "animate-pulse text-gray-medium" }, E.name) : /* @__PURE__ */ React.createElement("span", { className: "text-gray-medium" }, C.name || "Untitled")
+    ), E.id === C.id && !d && /* @__PURE__ */ React.createElement(
+      I,
       {
-        className: W(
-          "flex flex-wrap justify-center gap-2 p-2",
-          _
-        ),
-        children: [
-          j,
-          /* @__PURE__ */ n.jsx(
-            ye,
-            {
-              onClick: A,
-              icon: /* @__PURE__ */ n.jsx(vn, { className: "h-4 w-4" }),
-              variant: "tertiary",
-              size: "compact",
-              children: "Add"
-            }
-          ),
-          /* @__PURE__ */ n.jsx(
-            ye,
-            {
-              onClick: Y,
-              icon: /* @__PURE__ */ n.jsx(mn, { className: "h-4 w-4" }),
-              variant: "tertiary",
-              size: "compact",
-              disabled: !a || o.length === 0,
-              children: "Remove"
-            }
-          )
-        ]
-      }
+        className: "absolute left-1 top-0 w-[calc(100%-.5rem)] h-full",
+        inputClassName: "w-full",
+        defaultValue: E.name,
+        onChange: (w) => R({ ...E, name: w }),
+        ref: T,
+        onBlur: L
+      }
+    )),
+    c && /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 pr-1" }, c(C))
+  ))))), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: f(
+        "flex flex-wrap justify-center gap-2 p-2",
+        u
+      )
+    },
+    m,
+    /* @__PURE__ */ React.createElement(
+      v,
+      {
+        onClick: b,
+        icon: /* @__PURE__ */ React.createElement(Be, { className: "h-4 w-4" }),
+        variant: "tertiary",
+        size: "compact"
+      },
+      "Add"
+    ),
+    /* @__PURE__ */ React.createElement(
+      v,
+      {
+        onClick: _,
+        icon: /* @__PURE__ */ React.createElement(je, { className: "h-4 w-4" }),
+        variant: "tertiary",
+        size: "compact",
+        disabled: !t || e.length === 0
+      },
+      "Remove"
     )
-  ] });
-}, Ia = ({
-  duration: o = 3e3,
-  className: a,
-  children: u,
-  show: l,
-  message: d
+  ));
+}, pt = ({
+  duration: e = 3e3,
+  className: t,
+  children: l,
+  show: a,
+  message: n
 }) => {
-  const [f, h] = F(!1), v = lr(!1), g = lr(null);
-  return G(() => {
-    v.current = !0;
-  }, []), G(() => {
-    if (v.current)
-      return l && (h(!0), g.current = setTimeout(() => {
-        h(!1);
-      }, o)), () => {
-        g.current && clearTimeout(g.current);
+  const [r, s] = p(!1), c = k(!1), i = k(null);
+  return g(() => {
+    c.current = !0;
+  }, []), g(() => {
+    if (c.current)
+      return a && (s(!0), i.current = setTimeout(() => {
+        s(!1);
+      }, e)), () => {
+        i.current && clearTimeout(i.current);
       };
-  }, [l, o]), f ? /* @__PURE__ */ n.jsx(
-    ne,
+  }, [a, e]), r ? /* @__PURE__ */ React.createElement(
+    h,
     {
       important: !0,
-      className: W("bb-ui__disappearing-message", a),
-      children: /* @__PURE__ */ n.jsx("div", { className: "bb-ui__disappearing-message__content", children: d ?? u })
-    }
+      className: f("bb-ui__disappearing-message", t)
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "bb-ui__disappearing-message__content" }, n ?? l)
   ) : null;
-}, oa = ({
-  label: o,
-  className: a,
-  defaultValue: u,
-  defaultIcon: l = hn,
-  onPressedChange: d,
-  options: f
+}, Ve = ({
+  label: e,
+  className: t,
+  defaultValue: l,
+  defaultIcon: a = ke,
+  onPressedChange: n,
+  options: r
 }) => {
-  const [h, v] = F(null);
-  G(() => {
-    v(u);
-  }, [u]);
-  const g = [
-    ...f.map((p) => ({
-      icon: p.icon,
-      label: p.label,
-      title: p.label,
-      value: p.value,
+  var o;
+  const [s, c] = p(null);
+  g(() => {
+    c(l);
+  }, [l]);
+  const i = [
+    ...r.map((m) => ({
+      icon: m.icon,
+      label: m.label,
+      title: m.label,
+      value: m.value,
       onClick: () => {
-        v(p.value), d(p.value);
+        c(m.value), n(m.value);
       }
     })),
     {
-      icon: /* @__PURE__ */ n.jsx(Ke, { icon: l }),
+      icon: /* @__PURE__ */ React.createElement(N, { icon: a }),
       title: "Reset",
       value: "reset",
       onClick: () => {
-        v("reset"), d("reset");
+        c("reset"), n("reset");
       }
     }
   ];
-  return /* @__PURE__ */ n.jsx(
-    Rn,
+  return /* @__PURE__ */ React.createElement(
+    Q,
     {
-      controls: g,
-      className: W(
+      controls: i,
+      className: f(
         "blockbite-ui__dropdown-picker border-primary border",
-        a
+        t
       ),
-      icon: f.find((p) => p.value === h)?.icon || /* @__PURE__ */ n.jsx(Ke, { icon: l }),
-      label: o || "Select"
+      icon: ((o = r.find((m) => m.value === s)) == null ? void 0 : o.icon) || /* @__PURE__ */ React.createElement(N, { icon: a }),
+      label: e || "Select"
     }
   );
 };
-function Da({
-  icon: o,
-  title: a,
-  description: u,
-  children: l = null,
-  ...d
+function ft({
+  icon: e,
+  title: t,
+  description: l,
+  children: a = null,
+  ...n
 }) {
-  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 }),
-    l && /* @__PURE__ */ n.jsx("div", { className: "mt-4", children: l })
-  ] }) }) });
+  return /* @__PURE__ */ React.createElement("div", { ...n }, /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-sm" }, e && /* @__PURE__ */ React.createElement("div", { className: "mx-auto !text-gray-400" }, e), /* @__PURE__ */ React.createElement("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium" }, t), /* @__PURE__ */ React.createElement("p", { className: "mt-1 !font-sans text-sm !text-gray-500" }, l), a && /* @__PURE__ */ React.createElement("div", { className: "mt-4" }, a))));
 }
-function $a({
-  children: o
+function gt({
+  children: e
 }) {
-  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 = (_) => {
-      d && l({
-        x: _.clientX - h.x,
-        y: _.clientY - h.y
+  const t = k(null), [l, a] = p({ x: 100, y: 100 }), [n, r] = p(!1), [s, c] = p({ x: 0, y: 0 });
+  g(() => {
+    const o = (u) => {
+      n && a({
+        x: u.clientX - s.x,
+        y: u.clientY - s.y
       });
-    }, j = () => f(!1);
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", j), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", j);
+    }, m = () => r(!1);
+    return window.addEventListener("mousemove", o), window.addEventListener("mouseup", m), () => {
+      window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", m);
     };
-  }, [d, h]);
-  const g = (p) => {
-    const j = a.current.getBoundingClientRect();
-    v({ x: p.clientX - j.left, y: p.clientY - j.top }), f(!0);
+  }, [n, s]);
+  const i = (o) => {
+    const m = t.current.getBoundingClientRect();
+    c({ x: o.clientX - m.left, y: o.clientY - m.top }), r(!0);
   };
-  return /* @__PURE__ */ n.jsx("div", { className: "bb_", children: /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     "div",
     {
-      ref: a,
+      ref: t,
       className: "fixed bg-white shadow-xl rounded-2xl p-4 w-[400px] h-[550px] z-[9999]",
-      style: { left: u.x, top: u.y },
-      children: [
-        o,
-        /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            className: "absolute top-1 right-1 cursor-move w-5 h-5 bg-gray-300 rounded",
-            onMouseDown: g
-          }
-        )
-      ]
-    }
-  ) });
+      style: { left: l.x, top: l.y }
+    },
+    e,
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "absolute top-1 right-1 cursor-move w-5 h-5 bg-gray-300 rounded",
+        onMouseDown: i
+      }
+    )
+  ));
 }
-const Fa = ({
-  defaultValue: o,
-  onValueChange: a,
-  url: u
+const Rt = ({
+  defaultValue: e,
+  onValueChange: t,
+  url: l
 }) => {
-  const [l, d] = F({
+  const [a, n] = p({
     x: 0.5,
     y: 0.5
   });
-  return G(() => {
-    a(
-      `[${(l.x * 100).toFixed(2)}%_${(l.y * 100).toFixed(
+  return g(() => {
+    t(
+      `[${(a.x * 100).toFixed(2)}%_${(a.y * 100).toFixed(
         2
       )}%]`
     );
-  }, [l]), G(() => {
-    if (o.includes("%")) {
-      const [f, h] = o.replace("[", "").replace("%]", "").split("_").map((v) => parseFloat(v) / 100);
-      d({
-        x: f,
-        y: h
+  }, [a]), g(() => {
+    if (e.includes("%")) {
+      const [r, s] = e.replace("[", "").replace("%]", "").split("_").map((c) => parseFloat(c) / 100);
+      n({
+        x: r,
+        y: s
       });
     }
-  }, [o]), /* @__PURE__ */ n.jsx(ne, { className: "relative flex flex-col", children: /* @__PURE__ */ n.jsx(
-    Sn,
+  }, [e]), /* @__PURE__ */ React.createElement(h, { className: "relative flex flex-col" }, /* @__PURE__ */ React.createElement(
+    ee,
     {
-      url: u,
-      value: l,
-      onDrag: (f) => d(f),
-      onChange: (f) => d(f)
+      url: l,
+      value: a,
+      onDrag: (r) => n(r),
+      onChange: (r) => n(r)
     }
-  ) });
+  ));
 };
-function La(o) {
-  const [a, u] = F(""), [l, d] = F([]), [f, h] = F({
+function Et(e) {
+  const [t, l] = p(""), [a, n] = p([]), [r, s] = p({
     url: "",
     title: ""
   });
-  return G(() => {
-    a !== "" && (d(null), Yn({
-      path: `/blockbite/v1/block-helpers/get-links/${a}`
+  return g(() => {
+    t !== "" && (n(null), Ee({
+      path: `/blockbite/v1/block-helpers/get-links/${t}`
     }).then(
-      (v) => {
-        v?.length ? d([...v]) : d([]);
+      (c) => {
+        c != null && c.length ? n([...c]) : n([]);
       }
     ));
-  }, [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",
-        onChange: (v) => u(v),
-        help: Me("Type a post, page, title", "blockbitelinks")
-      }
-    ),
-    a ? /* @__PURE__ */ n.jsx("div", { className: "blockbite--editor-linklist", children: /* @__PURE__ */ n.jsx(
-      sa,
-      {
-        links: l,
-        onActiveLink: (v) => [
-          h({ ...v }),
-          u("")
-        ]
-      }
-    ) }) : null
-  ] });
+  }, [t]), g(() => {
+    r.url !== "" && e.parentCallback(r);
+  }, [r]), /* @__PURE__ */ React.createElement(h, { className: "blockbite--editor-linkwrap" }, /* @__PURE__ */ React.createElement(
+    O,
+    {
+      __next40pxDefaultSize: !0,
+      __nextHasNoMarginBottom: !0,
+      label: y("Search link", "blockbitelinks"),
+      value: t,
+      placeholder: "Example: About",
+      onChange: (c) => l(c),
+      help: y("Type a post, page, title", "blockbitelinks")
+    }
+  ), t ? /* @__PURE__ */ React.createElement("div", { className: "blockbite--editor-linklist" }, /* @__PURE__ */ React.createElement(
+    Ie,
+    {
+      links: a,
+      onActiveLink: (c) => [
+        s({ ...c }),
+        l("")
+      ]
+    }
+  )) : null);
 }
-function sa({ links: o, onActiveLink: a }) {
-  if (o === null)
-    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(ne, { children: /* @__PURE__ */ n.jsxs(
+function Ie({ links: e, onActiveLink: t }) {
+  if (e === null)
+    return /* @__PURE__ */ React.createElement("p", null, "Loading...");
+  if (e.length === 0)
+    return /* @__PURE__ */ React.createElement("p", null, "No Results");
+  const l = e.map((a) => /* @__PURE__ */ React.createElement(h, { key: a.id }, /* @__PURE__ */ React.createElement(
     "span",
     {
       className: "blockbite--editor-link",
-      onClick: () => a(l),
-      children: [
-        /* @__PURE__ */ n.jsx("span", { children: l.title }),
-        /* @__PURE__ */ n.jsx("span", { className: "blockbite--preview-link", children: l.url }),
-        /* @__PURE__ */ n.jsx("span", { className: "blockbite--preview-link", children: l.post_type })
-      ]
-    }
-  ) }, l.id));
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: u });
+      onClick: () => t(a)
+    },
+    /* @__PURE__ */ React.createElement("span", null, a.title),
+    /* @__PURE__ */ React.createElement("span", { className: "blockbite--preview-link" }, a.url),
+    /* @__PURE__ */ React.createElement("span", { className: "blockbite--preview-link" }, a.post_type)
+  )));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, l);
 }
-function Ma({ mediaProps: o, mediaCallback: a }) {
-  const u = [
+function bt({ mediaProps: e, mediaCallback: t }) {
+  const l = [
     "image",
     "video",
     "image/svg+xml",
     "svg",
     "text/plain",
     "application/json"
-  ], [l, d] = F({
+  ], [a, n] = p({
     id: null,
     url: "",
     sizes: [],
@@ -2892,740 +767,745 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     width: 0,
     height: 0
   });
-  G(() => {
-    o && d({ ...o });
-  }, [o]);
-  const f = () => {
-    a({ ...{
+  g(() => {
+    e && n({ ...e });
+  }, [e]);
+  const r = () => {
+    t({ ...{
       mediaId: 0,
       mediaUrl: ""
     } });
-  }, h = (v) => {
-    const g = {
+  }, s = (c) => {
+    const i = {
       thumbnail: null,
       medium: null,
       large: null
     };
-    v?.sizes && Object.keys(v.sizes).map((j) => {
-      const _ = v.sizes[j];
-      return (j === "thumbnail" || _.width < 768 || _.height < 768) && (g.thumbnail = _.url), (j === "medium" || _.width > 1024 && _.width < 1024 || _.height < 1536 && _.height > 1536) && (g.medium = _.url), (j === "large" || _.width > 1536 || _.height > 1536) && (g.large = _.url), null;
-    }), v.url.endsWith(".json") && (v.type = "lottie"), v.url.endsWith(".svg") && (v.type = "svg");
-    const p = {
-      id: v.id,
-      url: v.url,
-      sizes: g,
-      alt: v.alt,
-      type: v.type,
-      width: v.width,
-      height: v.height
+    c != null && c.sizes && Object.keys(c.sizes).map((m) => {
+      const u = c.sizes[m];
+      return (m === "thumbnail" || u.width < 768 || u.height < 768) && (i.thumbnail = u.url), (m === "medium" || u.width > 1024 && u.width < 1024 || u.height < 1536 && u.height > 1536) && (i.medium = u.url), (m === "large" || u.width > 1536 || u.height > 1536) && (i.large = u.url), null;
+    }), c.url.endsWith(".json") && (c.type = "lottie"), c.url.endsWith(".svg") && (c.type = "svg");
+    const o = {
+      id: c.id,
+      url: c.url,
+      sizes: i,
+      alt: c.alt,
+      type: c.type,
+      width: c.width,
+      height: c.height
     };
-    a({ ...p });
+    t({ ...o });
   };
-  return /* @__PURE__ */ n.jsxs(kn, { children: [
-    l.id !== null && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(
-      Pt,
-      {
-        onSelect: h,
-        value: l.id,
-        allowedTypes: u,
-        render: ({ open: v }) => /* @__PURE__ */ n.jsxs(
-          ye,
+  return /* @__PURE__ */ React.createElement(te, null, a.id !== null && /* @__PURE__ */ React.createElement(B, null, /* @__PURE__ */ React.createElement(
+    $,
+    {
+      onSelect: s,
+      value: a.id,
+      allowedTypes: l,
+      render: ({ open: c }) => /* @__PURE__ */ React.createElement(
+        v,
+        {
+          className: a.id === 0 ? "editor-post-featured-image__toggle" : "editor-post-featured-image__preview",
+          onClick: c
+        },
+        a.id === 0 && y("Choose Media", "blockbite"),
+        a.id && a.type === "image" ? /* @__PURE__ */ React.createElement("div", { className: "blockbite--editor-visual-image" }, /* @__PURE__ */ React.createElement(
+          "img",
           {
-            className: l.id === 0 ? "editor-post-featured-image__toggle" : "editor-post-featured-image__preview",
-            onClick: v,
-            children: [
-              l.id === 0 && Me("Choose Media", "blockbite"),
-              l.id && l.type === "image" ? /* @__PURE__ */ n.jsx("div", { className: "blockbite--editor-visual-image", children: /* @__PURE__ */ n.jsx(
-                "img",
-                {
-                  alt: l.alt ? l.alt : Me("Image", "blockbite"),
-                  src: l.url
-                }
-              ) }) : "Add media"
-            ]
+            alt: a.alt ? a.alt : y("Image", "blockbite"),
+            src: a.url
           }
-        )
-      }
-    ) }),
-    l.id !== 0 && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(
-      Pt,
-      {
-        title: Me("Replace media", "blockbite"),
-        value: l.id,
-        onSelect: h,
-        allowedTypes: u,
-        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: () => f(), isDestructive: !0, children: Me("Remove media", "blockbite") }) })
-  ] });
+        )) : "Add media"
+      )
+    }
+  )), a.id !== 0 && /* @__PURE__ */ React.createElement(B, null, /* @__PURE__ */ React.createElement(
+    $,
+    {
+      title: y("Replace media", "blockbite"),
+      value: a.id,
+      onSelect: s,
+      allowedTypes: l,
+      render: ({ open: c }) => /* @__PURE__ */ React.createElement(v, { onClick: c }, y("Replace media", "blockbite"))
+    }
+  )), a.id !== 0 && /* @__PURE__ */ React.createElement(B, null, /* @__PURE__ */ React.createElement(v, { onClick: () => r(), isDestructive: !0 }, y("Remove media", "blockbite"))));
 }
-const ia = ({
-  children: o,
-  className: a,
-  position: u,
-  visible: l,
-  onClick: d,
-  onVisibleChange: f
+const Ze = ({
+  children: e,
+  className: t,
+  position: l,
+  visible: a,
+  onClick: n,
+  onVisibleChange: r
 }) => {
-  const [h, v] = F(!!l);
-  G(() => {
-    l !== void 0 && v(l);
-  }, [l]);
-  const g = () => {
-    const p = !h;
-    v(p), f && f(p);
+  const [s, c] = p(!!a);
+  g(() => {
+    a !== void 0 && c(a);
+  }, [a]);
+  const i = () => {
+    const o = !s;
+    c(o), r && r(o);
   };
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: h && /* @__PURE__ */ n.jsx(
-    Tn,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, s && /* @__PURE__ */ React.createElement(
+    ae,
     {
-      position: u,
-      className: "blockbite-ui__popover bb_",
-      onClick: d,
+      position: l,
+      className: "blockbite-ui__popover",
+      onClick: n,
       onFocusOutside: () => {
-        v(!1), f && f(!1);
+        c(!1), r && r(!1);
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: t }, /* @__PURE__ */ React.createElement("div", { className: "relative h-full w-full p-4" }, /* @__PURE__ */ React.createElement(
+      v,
+      {
+        onClick: i,
+        size: "small",
+        className: "close-button absolute right-0 top-0"
       },
-      children: /* @__PURE__ */ n.jsx("div", { className: a, children: /* @__PURE__ */ n.jsxs("div", { className: "relative h-full w-full p-4", children: [
-        /* @__PURE__ */ n.jsx(
-          ye,
-          {
-            onClick: g,
-            size: "small",
-            className: "close-button absolute right-0 top-0",
-            children: /* @__PURE__ */ n.jsx(yn, {})
-          }
-        ),
-        o
-      ] }) })
-    }
-  ) });
-}, la = ({
-  defaultValue: o,
-  label: a,
-  min: u = 0,
-  max: l = 2e3,
-  withInputField: d = !1,
-  onValueChange: f,
-  gridMode: h = !1,
-  showTooltip: v = !1,
-  ...g
+      /* @__PURE__ */ React.createElement(Le, null)
+    ), e))
+  ));
+}, $e = ({
+  defaultValue: e,
+  label: t,
+  min: l = 0,
+  max: a = 2e3,
+  withInputField: n = !1,
+  onValueChange: r,
+  gridMode: s = !1,
+  showTooltip: c = !1,
+  ...i
 }) => {
-  const [p] = F(0), [j, _] = F(0);
-  G(() => {
-    _(Math.round(parseInt(o) / (h ? 16 : 1)));
-  }, [o]);
-  function O(T) {
-    const k = T * (h ? 16 : 1);
-    f(k.toString());
+  const [o] = p(0), [m, u] = p(0);
+  g(() => {
+    u(Math.round(parseInt(e) / (s ? 16 : 1)));
+  }, [e]);
+  function E(R) {
+    const d = R * (s ? 16 : 1);
+    r(d.toString());
   }
-  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: d,
-        onChange: (T) => {
-          _(T), O(T);
-        },
-        resetFallbackValue: p,
-        ...g
-      }
-    ),
-    /* @__PURE__ */ n.jsxs("span", { children: [
-      h ? `${j * 16}px` : null,
-      " "
-    ] })
-  ] });
-}, Ba = ({
-  defaultUnit: o,
-  defaultValue: a,
-  onValueChange: u,
-  onUnitChange: l,
-  inputClassName: d = "w-[75px]"
+  return /* @__PURE__ */ React.createElement(h, { className: "flex min-w-[240px] flex-col" }, /* @__PURE__ */ React.createElement(
+    le,
+    {
+      __next40pxDefaultSize: !0,
+      __nextHasNoMarginBottom: !0,
+      label: t,
+      value: m,
+      min: l,
+      max: a,
+      showTooltip: c,
+      withInputField: n,
+      onChange: (R) => {
+        u(R), E(R);
+      },
+      resetFallbackValue: o,
+      ...i
+    }
+  ), /* @__PURE__ */ React.createElement("span", null, s ? `${m * 16}px` : null, " "));
+}, ht = ({
+  defaultUnit: e,
+  defaultValue: t,
+  onValueChange: l,
+  onUnitChange: a,
+  inputClassName: n = "w-[75px]"
 }) => {
-  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]), G(() => {
-    !f && p === "arbitrary" && k(_);
-  }, [f]);
-  const ae = (A) => {
-    if (A !== "arbitrary" && bb?.codex?.units?.spacing?.[A]) {
-      const Y = bb.codex.units.spacing[A];
-      g(
-        Array.isArray(Y) ? Y : Object.keys(Y)
+  const [r, s] = p(!1), [c, i] = p([]), [o, m] = p(e), [u, E] = p(""), [R, d] = p(t);
+  g(() => {
+    e && m(e), E(t.toString());
+  }, [e, t]), g(() => {
+    !r && o === "arbitrary" && d(u);
+  }, [r]);
+  const x = (b) => {
+    var _, L, C;
+    if (b !== "arbitrary" && ((C = (L = (_ = bb == null ? void 0 : bb.codex) == null ? void 0 : _.units) == null ? void 0 : L.spacing) != null && C[b])) {
+      const w = bb.codex.units.spacing[b];
+      i(
+        Array.isArray(w) ? w : Object.keys(w)
       );
     } else
-      g([]);
-    h(!0);
-  }, de = [
+      i([]);
+    s(!0);
+  }, T = [
     {
-      icon: /* @__PURE__ */ n.jsx(bn, {}),
+      icon: /* @__PURE__ */ React.createElement(Oe, null),
       label: "Tailwind CSS Units",
       value: "native"
     },
-    { icon: /* @__PURE__ */ n.jsx(gn, {}), label: "Percentage Units", value: "percent" },
-    { icon: /* @__PURE__ */ n.jsx(xn, {}), label: "Grid Units", value: "grid" },
-    { icon: /* @__PURE__ */ n.jsx(_n, {}), label: "Screen Units", value: "screen" },
-    { icon: /* @__PURE__ */ n.jsx(jn, {}), label: "Pixel Units", value: "arbitrary" },
-    { icon: /* @__PURE__ */ n.jsx(Cn, {}), label: "Fluid Units", value: "fluid" }
+    { icon: /* @__PURE__ */ React.createElement(He, null), label: "Percentage Units", value: "percent" },
+    { icon: /* @__PURE__ */ React.createElement(Se, null), label: "Grid Units", value: "grid" },
+    { icon: /* @__PURE__ */ React.createElement(Me, null), label: "Screen Units", value: "screen" },
+    { icon: /* @__PURE__ */ React.createElement(Pe, null), label: "Pixel Units", value: "arbitrary" },
+    { icon: /* @__PURE__ */ React.createElement(_e, null), label: "Fluid Units", value: "fluid" }
   ];
-  return /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ n.jsxs(
-    ot,
+  return /* @__PURE__ */ React.createElement("div", { className: "relative flex flex-col items-baseline" }, /* @__PURE__ */ React.createElement(
+    I,
     {
-      inputClassName: d,
+      inputClassName: n,
       defaultValue: (
         // Remove the "b_" prefix for grid units
-        p === "grid" ? _.replace("b_", "") : _
+        o === "grid" ? u.replace("b_", "") : u
       ),
-      onClick: () => p !== "arbitrary" && ae(p),
-      onChange: (A) => {
-        O(A), u(A);
+      onClick: () => o !== "arbitrary" && x(o),
+      onChange: (b) => {
+        E(b), l(b);
       },
-      readOnly: p !== "arbitrary",
-      children: [
-        /* @__PURE__ */ n.jsx(
-          ia,
-          {
-            visible: f,
-            position: "bottom left",
-            className: "w-[300px] bg-white shadow-sm",
-            onVisibleChange: h,
-            children: p === "arbitrary" ? /* @__PURE__ */ n.jsx(
-              la,
-              {
-                defaultValue: _,
-                label: "Pixel Value",
-                min: 0,
-                max: 100,
-                gridMode: !0,
-                showTooltip: !1,
-                allowReset: !0,
-                resetFallbackValue: isNaN(T.toString()) ? 0 : Number(T) / 16,
-                onValueChange: (A) => {
-                  O(A), u(A);
-                }
-              }
-            ) : /* @__PURE__ */ n.jsx(
-              na,
-              {
-                className: "mt-4",
-                options: v.map((A) => ({
-                  value: A,
-                  label: p === "grid" ? A.toString().replace("b_", "") : A,
-                  onClick: () => {
-                    O(A), u(A);
-                  }
-                })),
-                size: "small",
-                defaultPressed: _?.toString() || "",
-                onPressedChange: (A) => {
-                  O(A), u(A);
-                }
-              }
-            )
+      readOnly: o !== "arbitrary"
+    },
+    /* @__PURE__ */ React.createElement(
+      Ze,
+      {
+        visible: r,
+        position: "bottom left",
+        className: "w-[300px] bg-white shadow-sm",
+        onVisibleChange: s
+      },
+      o === "arbitrary" ? /* @__PURE__ */ React.createElement(
+        $e,
+        {
+          defaultValue: u,
+          label: "Pixel Value",
+          min: 0,
+          max: 100,
+          gridMode: !0,
+          showTooltip: !1,
+          allowReset: !0,
+          resetFallbackValue: isNaN(R.toString()) ? 0 : Number(R) / 16,
+          onValueChange: (b) => {
+            E(b), l(b);
           }
-        ),
-        /* @__PURE__ */ n.jsx(
-          oa,
-          {
-            className: "h-[32px]",
-            defaultValue: p,
-            options: de,
-            onPressedChange: (A) => {
-              A === "reset" ? (O(""), u(""), h(!1)) : (j(A), l(A), ae(A));
+        }
+      ) : /* @__PURE__ */ React.createElement(
+        ye,
+        {
+          className: "mt-4",
+          options: c.map((b) => ({
+            value: b,
+            label: o === "grid" ? b.toString().replace("b_", "") : b,
+            onClick: () => {
+              E(b), l(b);
             }
+          })),
+          size: "small",
+          defaultPressed: (u == null ? void 0 : u.toString()) || "",
+          onPressedChange: (b) => {
+            E(b), l(b);
           }
-        )
-      ]
-    }
-  ) });
-}, Vt = Ut(null), Yt = () => {
-  const o = nt(Vt);
-  if (!o)
-    throw new Error("useModalContext must be used within a ModalProvider");
-  return o;
-}, Wa = ({
-  children: o,
-  defaultOpen: a,
-  onOpenChange: u,
-  title: l,
-  className: d
-}) => {
-  const [f, h] = F(!1);
-  G(() => {
-    h(a);
-  }, [a]);
-  const v = () => h(!0), g = () => h(!1);
-  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,
+        }
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      Ve,
       {
-        className: W("blockbite-ui__modal bb_", d),
-        onRequestClose: g,
-        title: l,
-        children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-          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)
-        ] })
+        className: "h-[32px]",
+        defaultValue: o,
+        options: T,
+        onPressedChange: (b) => {
+          b === "reset" ? (E(""), l(""), s(!1)) : (m(b), a(b), x(b));
+        }
       }
     )
-  ] });
-}, ua = ({ children: o, className: a = "", ...u }) => /* @__PURE__ */ n.jsx(
+  ));
+}, U = G(null), W = () => {
+  const e = V(U);
+  if (!e)
+    throw new Error("useModalContext must be used within a ModalProvider");
+  return e;
+}, Ct = ({
+  children: e,
+  defaultOpen: t,
+  onOpenChange: l,
+  title: a,
+  className: n
+}) => {
+  const [r, s] = p(!1);
+  g(() => {
+    s(t);
+  }, [t]);
+  const c = () => s(!0), i = () => s(!1);
+  return g(() => {
+    l(r);
+  }, [r, l]), /* @__PURE__ */ React.createElement(U.Provider, { value: { closeModal: i, openModal: c } }, M.map(e, (o) => S(o) && o.type === Fe ? o : null), r && /* @__PURE__ */ React.createElement(
+    ne,
+    {
+      className: f("blockbite-ui__modal", n),
+      onRequestClose: i,
+      title: a
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "relative" }, M.map(e, (o) => S(o) && o.type === ze ? o : null), M.map(e, (o) => S(o) && o.type === De ? o : null), M.map(e, (o) => S(o) && o.type === Ae ? o : null))
+  ));
+}, ze = ({ children: e, className: t = "", ...l }) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    className: W(
+    className: f(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      a
+      t
     ),
-    ...u,
-    children: o
-  }
-), ca = ({ children: o, className: a = "", ...u }) => /* @__PURE__ */ n.jsx(
+    ...l
+  },
+  e
+), Ae = ({ children: e, className: t = "", ...l }) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    className: W(
+    className: f(
       "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
+      t
     ),
-    ...u,
-    children: o
-  }
-), fa = ({ children: o, className: a = "", ...u }) => /* @__PURE__ */ n.jsx(
+    ...l
+  },
+  e
+), De = ({ children: e, className: t = "", ...l }) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    className: W("text-gray-medium px-4 pb-4 text-sm", a),
-    ...u,
-    children: o
-  }
-), Ua = ({ children: o }) => {
-  const { closeModal: a } = Yt();
-  return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
-}, da = ({ children: o }) => {
-  const { openModal: a } = Yt();
-  return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
+    className: f("text-gray-medium px-4 pb-4 text-sm", t),
+    ...l
+  },
+  e
+), xt = ({ children: e }) => {
+  const { closeModal: t } = W();
+  return /* @__PURE__ */ React.createElement("div", { onClick: t, className: "cursor-pointer" }, e);
+}, Fe = ({ children: e }) => {
+  const { openModal: t } = W();
+  return /* @__PURE__ */ React.createElement("div", { onClick: t, className: "cursor-pointer" }, e);
 };
-function pa(o, a) {
-  Array.from(o.styleSheets).forEach((u) => {
+function Ge(e, t) {
+  Array.from(e.styleSheets).forEach((l) => {
     try {
-      if (u.cssRules) {
-        const l = a.createElement("style");
-        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");
-        l.rel = "stylesheet", l.href = u.href, a.head.appendChild(l);
-      }
-    } catch (l) {
-      if (u.href) {
-        const d = a.createElement("link");
-        d.rel = "stylesheet", d.href = u.href, a.head.appendChild(d);
+      if (l.cssRules) {
+        const a = t.createElement("style");
+        Array.from(l.cssRules).forEach((n) => {
+          a.appendChild(t.createTextNode(n.cssText));
+        }), t.head.appendChild(a);
+      } else if (l.href) {
+        const a = t.createElement("link");
+        a.rel = "stylesheet", a.href = l.href, t.head.appendChild(a);
+      }
+    } catch (a) {
+      if (l.href) {
+        const n = t.createElement("link");
+        n.rel = "stylesheet", n.href = l.href, t.head.appendChild(n);
       } else
-        console.warn("Error copying styles:", l);
+        console.warn("Error copying styles:", a);
     }
   });
 }
-const Va = ({
-  windowInstance: o,
-  onClose: a,
-  children: u
+const vt = ({
+  windowInstance: e,
+  onClose: t,
+  children: l
 }) => {
-  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);
+  const a = ge(() => document.createElement("div"), []);
+  return g(() => {
+    const n = e;
+    n.document.body.innerHTML = "", n.document.body.appendChild(a), Ge(document, n.document), n.document.title = document.title || "Blockbite Editor";
+    const r = () => {
+      setTimeout(t, 100);
     };
-    return d.addEventListener("beforeunload", f), () => {
-      d.removeEventListener("beforeunload", f);
+    return n.addEventListener("beforeunload", r), () => {
+      n.removeEventListener("beforeunload", r);
     };
-  }, [o]), Wt(u, l);
-}, Ya = ({
-  children: o,
-  status: a = "success",
-  className: u
+  }, [e]), D(l, a);
+}, wt = ({
+  children: e,
+  status: t = "success",
+  className: l
 }) => {
-  const [l, d] = F(!0);
-  return /* @__PURE__ */ n.jsx(ne, { onClick: () => d(!1), children: l && /* @__PURE__ */ n.jsx(
-    Nn,
+  const [a, n] = p(!0);
+  return /* @__PURE__ */ React.createElement(h, { onClick: () => n(!1) }, a && /* @__PURE__ */ React.createElement(
+    re,
     {
-      status: a,
-      className: W(u),
-      onRemove: () => d(!1),
-      children: o
-    }
-  ) });
-}, za = ({
-  label: o,
-  value: a,
-  onChange: u,
-  ...l
+      status: t,
+      className: f(l),
+      onRemove: () => n(!1)
+    },
+    e
+  ));
+};
+function K(e) {
+  var t, l, a = "";
+  if (typeof e == "string" || typeof e == "number") a += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (t = 0; t < n; t++) e[t] && (l = K(e[t])) && (a && (a += " "), a += l);
+  } else for (l in e) e[l] && (a && (a += " "), a += l);
+  return a;
+}
+function Ue() {
+  for (var e, t, l = 0, a = "", n = arguments.length; l < n; l++) (e = arguments[l]) && (t = K(e)) && (a && (a += " "), a += t);
+  return a;
+}
+const We = (e) => Re("path", e), q = F(
+  /**
+   * @param {SVGProps}                                    props isPressed indicates whether the SVG should appear as pressed.
+   *                                                            Other props will be passed through to svg component.
+   * @param {import('react').ForwardedRef<SVGSVGElement>} ref   The forwarded ref to the SVG element.
+   *
+   * @return {JSX.Element} Stop component
+   */
+  ({
+    className: e,
+    isPressed: t,
+    ...l
+  }, a) => {
+    const n = {
+      ...l,
+      className: Ue(e, {
+        "is-pressed": t
+      }) || void 0,
+      "aria-hidden": !0,
+      focusable: !1
+    };
+    return /* @__PURE__ */ be("svg", {
+      ...n,
+      ref: a
+    });
+  }
+);
+q.displayName = "SVG";
+const yt = ({
+  label: e,
+  value: t,
+  onChange: l,
+  ...a
 }) => {
-  const [d, f] = F(!1);
-  return /* @__PURE__ */ n.jsx(
-    An,
+  const [n, r] = p(!1);
+  return /* @__PURE__ */ React.createElement(
+    ce,
     {
-      label: o,
-      value: a,
-      type: d ? "text" : "password",
-      suffix: /* @__PURE__ */ n.jsx(In, { variant: "control", children: /* @__PURE__ */ n.jsx(
-        ye,
+      label: e,
+      value: t,
+      type: n ? "text" : "password",
+      suffix: /* @__PURE__ */ React.createElement(se, { variant: "control" }, /* @__PURE__ */ React.createElement(
+        v,
         {
-          icon: /* @__PURE__ */ n.jsx(zn, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n.jsx(
-            Hn,
+          icon: /* @__PURE__ */ React.createElement(q, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React.createElement(
+            We,
             {
-              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"
+              d: n ? "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: () => f((h) => !h),
+          onClick: () => r((s) => !s),
           size: "small"
         }
-      ) }),
-      onChange: u,
-      ...l
+      )),
+      onChange: l,
+      ...a
     }
   );
-}, Ha = ({
-  items: o,
-  activeId: a,
-  onSelect: u,
-  className: l
-}) => /* @__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(
+}, Nt = ({
+  items: e,
+  activeId: t,
+  onSelect: l,
+  className: a
+}) => /* @__PURE__ */ React.createElement(h, { important: !0, className: a }, /* @__PURE__ */ React.createElement("div", { className: "w-[200px] overflow-y-auto border-r border-gray-200 gap-2" }, e.map((n) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    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: d.name.charAt(0).toUpperCase() }),
-      /* @__PURE__ */ n.jsx("p", { className: "text-sm text-center mt-1", children: d.name })
-    ]
+    key: n.id,
+    onClick: () => l(n.id),
+    className: `cursor-pointer p-2 border-l-4 flex gap-2 items-center ${t === n.id ? "border-blue-500 bg-gray-100" : "border-transparent"}`
   },
-  d.id
-)) }) });
-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",
-      {
-        media: "(max-width: 768px)",
-        srcSet: p,
-        className: `bf_media ${u}`
-      }
-    ) : null,
-    j ? /* @__PURE__ */ n.jsx(
-      "source",
-      {
-        media: "(min-width: 1024px)",
-        srcSet: j,
-        className: `bf_media ${u}`
-      }
-    ) : null,
-    _ ? /* @__PURE__ */ n.jsx(
-      "source",
-      {
-        media: "(min-width: 1536px)",
-        srcSet: _,
-        className: `bf_media ${u}`
-      }
-    ) : null,
-    j ? /* @__PURE__ */ n.jsx("img", { src: j, alt: d, className: `bf_media ${u}` }) : null
-  ] });
+  /* @__PURE__ */ React.createElement("span", { className: "rounded bg-slate-300 w-12 h-12 flex items-center justify-center text-2xl font-bold text-white" }, n.name.charAt(0).toUpperCase()),
+  /* @__PURE__ */ React.createElement("p", { className: "text-sm text-center mt-1" }, n.name)
+))));
+function kt(e) {
+  const { media: t, mediaClass: l } = e, { url: a, alt: n, sizes: r } = t;
+  if (r === void 0)
+    return /* @__PURE__ */ React.createElement("img", { src: a, alt: n, className: `media ${l}` });
+  const { thumbnail: s, medium: c, large: i } = r, o = s || a, m = c || a, u = i || a;
+  return /* @__PURE__ */ React.createElement("picture", { className: "responsive-media" }, o ? /* @__PURE__ */ React.createElement(
+    "source",
+    {
+      media: "(max-width: 768px)",
+      srcSet: o,
+      className: `media ${l}`
+    }
+  ) : null, m ? /* @__PURE__ */ React.createElement(
+    "source",
+    {
+      media: "(min-width: 1024px)",
+      srcSet: m,
+      className: `media ${l}`
+    }
+  ) : null, u ? /* @__PURE__ */ React.createElement(
+    "source",
+    {
+      media: "(min-width: 1536px)",
+      srcSet: u,
+      className: `media ${l}`
+    }
+  ) : null, m ? /* @__PURE__ */ React.createElement("img", { src: m, alt: n, className: `media ${l}` }) : null);
 }
-function Ga(o) {
-  const { media: a, mediaClass: u } = o, { url: l } = a, d = l;
-  return /* @__PURE__ */ n.jsx(
+function _t(e) {
+  const { media: t, mediaClass: l } = e, { url: a } = t, n = a;
+  return /* @__PURE__ */ React.createElement(
     "video",
     {
-      className: `bf_responsive-media ${u}`,
+      className: `responsive-media ${l}`,
       preload: "none",
       playsInline: !0,
       controls: !0,
       autoPlay: !0,
       muted: !0,
-      loop: !0,
-      children: /* @__PURE__ */ n.jsx("source", { src: d, type: "video/mp4" })
-    }
+      loop: !0
+    },
+    /* @__PURE__ */ React.createElement("source", { src: n, type: "video/mp4" })
   );
 }
-const Ka = ({
-  children: o,
-  className: a = "",
-  height: u = "large"
-}) => /* @__PURE__ */ n.jsx(
-  ne,
+const Lt = ({
+  children: e,
+  className: t = "",
+  height: l = "large"
+}) => /* @__PURE__ */ React.createElement(
+  h,
   {
-    className: W("scrollbar relative overflow-y-scroll", a, {
-      "h-[400px]": u === "large",
-      "h-[300px]": u === "medium",
-      "h-[200px]": u === "small"
-    }),
-    children: o
-  }
-), Ja = ({
-  onChange: o,
-  className: a,
-  defaultValue: u,
-  options: l,
-  label: d = "",
-  emptyLabel: f = "No options available"
+    className: f("scrollbar relative overflow-y-scroll", t, {
+      "h-[400px]": l === "large",
+      "h-[300px]": l === "medium",
+      "h-[200px]": l === "small"
+    })
+  },
+  e
+), Mt = ({
+  onChange: e,
+  className: t,
+  defaultValue: l,
+  options: a,
+  label: n = "",
+  emptyLabel: r = "No options available"
 }) => {
-  const [h, v] = F("");
-  G(() => {
-    v(u);
+  const [s, c] = p("");
+  g(() => {
+    c(l);
   }, []);
-  const g = (p) => {
-    v(p), o && o(p);
+  const i = (o) => {
+    c(o), e && e(o);
   };
-  return /* @__PURE__ */ n.jsxs("div", { className: a, children: [
-    l && l.length > 0 && /* @__PURE__ */ n.jsx(
-      Dn,
-      {
-        __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: f })
-  ] });
-}, { select: va, dispatch: ma } = wp.data, Xa = ({
-  buttonText: o = "Add block"
+  return /* @__PURE__ */ React.createElement("div", { className: t }, a && a.length > 0 && /* @__PURE__ */ React.createElement(
+    oe,
+    {
+      __next40pxDefaultSize: !0,
+      __nextHasNoMarginBottom: !0,
+      label: n || "",
+      value: s || "",
+      onChange: i,
+      options: [{ value: "", label: "Select an option" }, ...a]
+    }
+  ), (!a || (a == null ? void 0 : a.length) === 0) && /* @__PURE__ */ React.createElement("p", { className: "mb-2" }, r));
+}, { select: Ke, dispatch: qe } = wp.data, St = ({
+  buttonText: e = "Add block"
 }) => {
-  const a = () => {
-    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
+  const t = () => {
+    const l = Ke("core/block-editor").getSelectedBlock(), { clientId: a, innerBlocks: n } = l, r = n[n.length - 1], s = he(
+      r.name,
+      r.attributes,
+      r.innerBlocks
     );
-    ma("core/block-editor").insertBlocks(h, 0, l);
+    qe("core/block-editor").insertBlocks(s, 0, a);
   };
-  return /* @__PURE__ */ n.jsx(ye, { variant: "primary", onClick: () => a(), children: o });
-}, Za = ({ children: o, watch: a, className: u }) => {
-  const [l, d] = F(0);
-  return G(() => {
+  return /* @__PURE__ */ React.createElement(v, { variant: "primary", onClick: () => t() }, e);
+}, Tt = ({ children: e, watch: t, className: l }) => {
+  const [a, n] = p(0);
+  return g(() => {
     setTimeout(() => {
-      d(1);
+      n(1);
     }, 250);
-  }, [a]), /* @__PURE__ */ n.jsx(
-    ne,
+  }, [t]), /* @__PURE__ */ React.createElement(
+    h,
     {
-      className: W(
-        u,
+      className: f(
+        l,
         "duration-50 transform transition-all ease-in-out",
         {
-          "translate-x-0": l === 1,
-          "-translate-x-full": l === 0
+          "translate-x-0": a === 1,
+          "-translate-x-full": a === 0
         }
-      ),
-      children: o
-    }
+      )
+    },
+    e
   );
-}, Qa = ({ className: o, defaultValue: a }) => {
-  const [u, l] = F(!1);
-  return G(() => {
+}, Ht = ({ className: e, defaultValue: t }) => {
+  const [l, a] = p(!1);
+  return g(() => {
     setTimeout(() => {
-      l(!1);
-    }, 500), a && l(!0);
-  }, [u, a]), u && /* @__PURE__ */ n.jsx($n, { className: W(o) });
-}, st = Ut(null), ha = ({
-  children: o,
-  defaultValue: a,
-  value: u,
-  onValueChange: l,
-  ...d
+      a(!1);
+    }, 500), t && a(!0);
+  }, [l, t]), l && /* @__PURE__ */ React.createElement(ie, { className: f(e) });
+}, Z = G(null), Xe = ({
+  children: e,
+  defaultValue: t,
+  value: l,
+  onValueChange: a,
+  ...n
 }) => {
-  const f = u !== void 0, [h, v] = F(a || ""), j = {
-    activeTab: f ? u : h,
-    setActiveTab: (_) => {
-      f || v(_), l && l(_);
+  const r = l !== void 0, [s, c] = p(t || ""), m = {
+    activeTab: r ? l : s,
+    setActiveTab: (u) => {
+      r || c(u), a && a(u);
     }
   };
-  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
+  return /* @__PURE__ */ React.createElement(Z.Provider, { value: m }, /* @__PURE__ */ React.createElement(h, { important: !0, className: n.className }, e));
+}, Ye = ({
+  options: e,
+  children: t,
+  className: l,
+  onValueChange: a
 }) => {
-  const d = nt(st), f = l || d?.setActiveTab;
-  return /* @__PURE__ */ n.jsx(
-    Fn,
+  const n = V(Z), r = a || (n == null ? void 0 : n.setActiveTab);
+  return /* @__PURE__ */ React.createElement(
+    me,
     {
-      className: W("tabs-list", u),
-      tabs: o,
-      onSelect: (h) => {
-        f(h);
-      },
-      children: () => a
-    }
+      className: f("tabs-list", l),
+      tabs: e,
+      onSelect: (s) => {
+        r(s);
+      }
+    },
+    () => t
   );
-}, ba = ({
-  value: o,
-  children: a,
-  className: u
-}) => nt(st)?.activeTab === o ? /* @__PURE__ */ n.jsx(ne, { className: u, children: a }) : null, eo = {
-  Wrapper: ha,
-  List: ya,
-  Content: ba
-}, ro = ({
-  children: o,
-  onClick: a,
-  color: u = "blue",
+}, Je = ({
+  value: e,
+  children: t,
   className: l
-}) => /* @__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(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,
-      {
-        __next40pxDefaultSize: !0,
-        __nextHasNoMarginBottom: !0,
-        type: "text",
-        value: a,
-        onChange: o
-      }
-    ),
-    /* @__PURE__ */ n.jsx(Mt, { className: "absolute right-1 top-2" })
-  ] }),
-  " ",
-  u
-] }), no = tt(
+}) => {
+  const a = V(Z);
+  return (a == null ? void 0 : a.activeTab) === e ? /* @__PURE__ */ React.createElement(h, { className: l }, t) : null;
+}, Bt = {
+  Wrapper: Xe,
+  List: Ye,
+  Content: Je
+}, Pt = ({
+  children: e,
+  onClick: t,
+  color: l = "blue",
+  className: a
+}) => /* @__PURE__ */ React.createElement("button", { onClick: t }, /* @__PURE__ */ React.createElement("div", { color: l, className: f(a) }, e)), Ot = ({
+  onChange: e,
+  defaultValue: t,
+  children: l
+}) => /* @__PURE__ */ React.createElement(h, { className: "blockbite-ui__text-control-label flex items-center" }, /* @__PURE__ */ React.createElement("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black" }, /* @__PURE__ */ React.createElement(
+  O,
+  {
+    __next40pxDefaultSize: !0,
+    __nextHasNoMarginBottom: !0,
+    type: "text",
+    value: t,
+    onChange: e
+  }
+), /* @__PURE__ */ React.createElement(Te, { className: "absolute right-1 top-2" })), " ", l), jt = j(
   ({
-    className: o,
-    options: a,
-    defaultPressed: u,
-    display: l = "label",
-    label: d = !1,
-    onPressedChange: f
+    className: e,
+    options: t,
+    defaultPressed: l,
+    display: a = "label",
+    label: n = !1,
+    onPressedChange: r
   }) => {
-    const [h, v] = F(""), g = (p) => {
-      f(p);
+    const [s, c] = p(""), i = (o) => {
+      r(o);
     };
-    return G(() => {
-      v(u);
-    }, [u]), /* @__PURE__ */ n.jsx(ne, { className: W(o), children: /* @__PURE__ */ n.jsx(
-      Ln,
+    return g(() => {
+      c(l);
+    }, [l]), /* @__PURE__ */ React.createElement(h, { className: f(e) }, /* @__PURE__ */ React.createElement(
+      ue,
       {
         __next40pxDefaultSize: !0,
         __nextHasNoMarginBottom: !0,
         isBlock: !0,
-        value: h,
-        label: typeof d == "string" ? d : "",
-        children: a.map(
-          (p) => l === "icon" ? /* @__PURE__ */ n.jsx(
-            Mn,
-            {
-              icon: p.icon,
-              label: p.label,
-              value: p.value,
-              onClick: () => g(p.value)
-            },
-            `ToggleGroupControlIcon-${p.value}`
-          ) : /* @__PURE__ */ n.jsx(
-            Bn,
-            {
-              value: p.value,
-              label: p.label,
-              onClick: () => g(p.value)
-            },
-            `ToggleGroupControlOption-${p.value}`
-          )
+        value: s,
+        label: typeof n == "string" ? n : ""
+      },
+      t.map(
+        (o) => a === "icon" ? /* @__PURE__ */ React.createElement(
+          de,
+          {
+            icon: o.icon,
+            label: o.label,
+            key: `ToggleGroupControlIcon-${o.value}`,
+            value: o.value,
+            onClick: () => i(o.value)
+          }
+        ) : /* @__PURE__ */ React.createElement(
+          pe,
+          {
+            key: `ToggleGroupControlOption-${o.value}`,
+            value: o.value,
+            label: o.label,
+            onClick: () => i(o.value)
+          }
         )
-      }
-    ) });
+      )
+    ));
   }
-), ao = ({
-  label: o,
-  className: a,
-  onChange: u,
-  checked: l = !1
+), Vt = ({
+  label: e,
+  className: t,
+  onChange: l,
+  checked: a = !1
   // Default to false if undefined, so it's always controlled
 }) => {
-  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,
+  const [n, r] = p(a);
+  return g(() => {
+    r(a);
+  }, [a]), /* @__PURE__ */ React.createElement(h, { className: f(t, "flex items-center gap-2") }, /* @__PURE__ */ React.createElement(
+    fe,
     {
-      checked: d,
-      label: o,
-      onChange: (h) => {
-        f(h), u && u(h);
+      checked: n,
+      label: e,
+      onChange: (s) => {
+        r(s), l && l(s);
       }
     }
-  ) });
+  ));
 };
 export {
-  Sa as AutocompleteDropdown,
-  aa as Badge,
-  ka as BitePreview,
-  Ta as Button,
-  ta as ButtonToggle,
-  na as ButtonToggleGroup,
-  Oa as Chapter,
-  Pa as ChapterDivider,
-  Na as Checkbox,
-  Aa as DataItemList,
-  Ia as DisappearingMessage,
-  oa as DropdownPicker,
-  Da as EmptyState,
-  $a as FloatingPanel,
-  Fa as FocalPointControl,
-  Ke as Icon,
-  La as LinkPicker,
-  Ma as MediaPicker,
-  Ba as MetricsControl,
-  Wa as Modal,
-  Ua as ModalClose,
-  fa as ModalContent,
-  ca as ModalFooter,
-  ua as ModalHeader,
-  da as ModalTrigger,
-  Va as NewWindowPortal,
-  Ya as Notice,
-  za as PasswordInput,
-  ia as Popover,
-  Ha as ProjectsNavigation,
-  la as RangeSlider,
-  qa as ResponsiveImage,
-  Ga as ResponsiveVideo,
-  Ka as ScrollList,
-  Ja as SelectControlWrapper,
-  Xa as SingleBlockTypeAppender,
-  Za as SlideIn,
-  Qa as Spinner,
-  eo as Tabs,
-  ba as TabsContent,
-  ya as TabsList,
-  ha as TabsWrapper,
-  ro as Tag,
-  ot as TextControl,
-  to as TextControlLabel,
-  no as ToggleGroup,
-  ao as ToggleSwitch,
-  ne as Wrap,
-  Yt as useModalContext
+  ct as AutocompleteDropdown,
+  Ne as Badge,
+  st as BitePreview,
+  ot as Button,
+  we as ButtonToggle,
+  ye as ButtonToggleGroup,
+  it as Chapter,
+  mt as ChapterDivider,
+  ut as Checkbox,
+  dt as DataItemList,
+  pt as DisappearingMessage,
+  Ve as DropdownPicker,
+  ft as EmptyState,
+  gt as FloatingPanel,
+  Rt as FocalPointControl,
+  N as Icon,
+  Et as LinkPicker,
+  bt as MediaPicker,
+  ht as MetricsControl,
+  Ct as Modal,
+  xt as ModalClose,
+  De as ModalContent,
+  Ae as ModalFooter,
+  ze as ModalHeader,
+  Fe as ModalTrigger,
+  vt as NewWindowPortal,
+  wt as Notice,
+  yt as PasswordInput,
+  Ze as Popover,
+  Nt as ProjectsNavigation,
+  $e as RangeSlider,
+  kt as ResponsiveImage,
+  _t as ResponsiveVideo,
+  Lt as ScrollList,
+  Mt as SelectControlWrapper,
+  St as SingleBlockTypeAppender,
+  Tt as SlideIn,
+  Ht as Spinner,
+  Bt as Tabs,
+  Je as TabsContent,
+  Ye as TabsList,
+  Xe as TabsWrapper,
+  Pt as Tag,
+  I as TextControl,
+  Ot as TextControlLabel,
+  jt as ToggleGroup,
+  Vt as ToggleSwitch,
+  h as Wrap,
+  W as useModalContext
 };
 //# sourceMappingURL=index.js.map