@blockbite/ui 2.0.17 → 2.0.18

package/dist/index.js

@@ -23,7 +23,7 @@ var Nt;
 function Hn() {
   if (Nt) return N;
   Nt = 1;
-  var o = Symbol.for("react.element"), a = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), h = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), p = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.iterator;
+  var o = Symbol.for("react.element"), a = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), p = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.iterator;
   function O(s) {
     return s === null || typeof s != "object" ? null : (s = _ && s[_] || s["@@iterator"], typeof s == "function" ? s : null);
   }
@@ -147,7 +147,7 @@ function Hn() {
   }, only: function(s) {
     if (!Oe(s)) throw Error("React.Children.only expected to receive a single React element child.");
     return s;
-  } }, N.Component = de, N.Fragment = u, N.Profiler = f, N.PureComponent = Y, N.StrictMode = l, N.Suspense = g, N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ne, N.act = Ce, N.cloneElement = function(s, y, I) {
+  } }, N.Component = de, N.Fragment = u, N.Profiler = d, N.PureComponent = Y, N.StrictMode = l, N.Suspense = g, N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ne, N.act = Ce, N.cloneElement = function(s, y, I) {
     if (s == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + s + ".");
     var $ = S({}, s.props), M = s.key, J = s.ref, q = s._owner;
     if (y != null) {
@@ -163,7 +163,7 @@ function Hn() {
     }
     return { $$typeof: o, type: s.type, key: M, ref: J, props: $, _owner: q };
   }, N.createContext = function(s) {
-    return s = { $$typeof: h, _currentValue: s, _currentValue2: s, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, s.Provider = { $$typeof: d, _context: s }, s.Consumer = s;
+    return s = { $$typeof: h, _currentValue: s, _currentValue2: s, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, s.Provider = { $$typeof: f, _context: s }, s.Consumer = s;
   }, N.createElement = je, N.createFactory = function(s) {
     var y = je.bind(null, s);
     return y.type = s, y;
@@ -230,7 +230,7 @@ function Jn() {
   return At || (At = 1, function(o, a) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var u = "18.3.1", l = Symbol.for("react.element"), f = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), p = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ae = Symbol.for("react.offscreen"), de = Symbol.iterator, A = "@@iterator";
+      var u = "18.3.1", l = Symbol.for("react.element"), d = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), p = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), S = 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;
@@ -449,9 +449,9 @@ function Jn() {
         if (typeof e == "string")
           return e;
         switch (e) {
-          case d:
-            return "Fragment";
           case f:
+            return "Fragment";
+          case d:
             return "Portal";
           case v:
             return "Profiler";
@@ -648,7 +648,7 @@ function Jn() {
             case "object":
               switch (e.$$typeof) {
                 case l:
-                case f:
+                case d:
                   w = !0;
               }
           }
@@ -895,7 +895,7 @@ Your code should look like:
       var t;
       t = Symbol.for("react.module.reference");
       function m(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || me || e === h || e === _ || e === O || ve || e === ae || Oe || Je || Pe || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === T || e.$$typeof === g || e.$$typeof === p || e.$$typeof === j || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === f || e === v || me || e === h || e === _ || e === O || ve || e === ae || Oe || Je || Pe || typeof e == "object" && e !== null && (e.$$typeof === S || 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.
@@ -959,7 +959,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var i = C();
         return i.useInsertionEffect(e, r);
       }
-      function ne(e, r) {
+      function te(e, r) {
         var i = C();
         return i.useLayoutEffect(e, r);
       }
@@ -1335,7 +1335,7 @@ Check the top-level render call using <` + i + ">.");
         if (c)
           for (var L = 2; L < arguments.length; L++)
             _t(arguments[L], e);
-        return e === d ? rn(k) : jt(k), k;
+        return e === f ? rn(k) : jt(k), k;
       }
       var wt = !1;
       function tn(e) {
@@ -1480,7 +1480,7 @@ Check the top-level render call using <` + i + ">.");
         toArray: yr,
         only: br
       };
-      a.Children = cn, a.Component = $, a.Fragment = d, a.Profiler = v, a.PureComponent = V, a.StrictMode = h, a.Suspense = _, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = le, a.act = kt, a.cloneElement = ln, a.createContext = Lr, a.createElement = sn, a.createFactory = un, a.createRef = Or, a.forwardRef = Vr, a.isValidElement = Re, a.lazy = Ur, a.memo = x, a.startTransition = an, a.unstable_act = kt, a.useCallback = he, a.useContext = W, a.useDebugValue = fe, a.useDeferredValue = Br, a.useEffect = ue, a.useId = Yr, a.useImperativeHandle = we, a.useInsertionEffect = ee, a.useLayoutEffect = ne, a.useMemo = Se, a.useReducer = D, a.useRef = P, a.useState = B, a.useSyncExternalStore = zt, a.useTransition = nr, a.version = u, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      a.Children = cn, a.Component = $, a.Fragment = f, a.Profiler = v, a.PureComponent = V, a.StrictMode = h, a.Suspense = _, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = le, a.act = kt, a.cloneElement = ln, a.createContext = Lr, a.createElement = sn, a.createFactory = un, a.createRef = Or, a.forwardRef = Vr, a.isValidElement = Re, a.lazy = Ur, a.memo = x, a.startTransition = an, a.unstable_act = kt, a.useCallback = he, a.useContext = W, a.useDebugValue = fe, a.useDeferredValue = Br, a.useEffect = ue, a.useId = Yr, a.useImperativeHandle = we, a.useInsertionEffect = ee, a.useLayoutEffect = te, a.useMemo = Se, a.useReducer = D, a.useRef = P, a.useState = B, a.useSyncExternalStore = zt, a.useTransition = nr, a.version = u, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(ir, ir.exports)), ir.exports;
 }
@@ -1501,13 +1501,13 @@ var Dt;
 function Xn() {
   if (Dt) return or;
   Dt = 1;
-  var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, f = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, d = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
   function h(v, g, p) {
     var j, _ = {}, O = null, T = null;
     p !== void 0 && (O = "" + p), g.key !== void 0 && (O = "" + g.key), g.ref !== void 0 && (T = g.ref);
-    for (j in g) l.call(g, j) && !d.hasOwnProperty(j) && (_[j] = g[j]);
+    for (j in g) l.call(g, j) && !f.hasOwnProperty(j) && (_[j] = g[j]);
     if (v && v.defaultProps) for (j in g = v.defaultProps, g) _[j] === void 0 && (_[j] = g[j]);
-    return { $$typeof: a, type: v, key: O, ref: T, props: _, _owner: f.current };
+    return { $$typeof: a, type: v, key: O, ref: T, props: _, _owner: d.current };
   }
   return or.Fragment = u, or.jsx = h, or.jsxs = h, or;
 }
@@ -1524,7 +1524,7 @@ var sr = {};
 var $t;
 function Zn() {
   return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), S = Symbol.iterator, ae = "@@iterator";
+    var o = at(), a = Symbol.for("react.element"), u = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), S = Symbol.iterator, ae = "@@iterator";
     function de(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -1552,7 +1552,7 @@ function Zn() {
     var H = !1, X = !1, ie = !1, pe = !1, je = !1, Te;
     Te = Symbol.for("react.module.reference");
     function Oe(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === l || t === d || je || t === f || t === p || t === j || pe || t === T || H || X || ie || typeof t == "object" && t !== null && (t.$$typeof === O || t.$$typeof === _ || t.$$typeof === h || t.$$typeof === v || t.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === l || t === f || je || t === d || t === p || t === j || pe || t === T || H || X || ie || typeof t == "object" && t !== null && (t.$$typeof === O || t.$$typeof === _ || t.$$typeof === h || t.$$typeof === v || t.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -1580,9 +1580,9 @@ function Zn() {
           return "Fragment";
         case u:
           return "Portal";
-        case d:
-          return "Profiler";
         case f:
+          return "Profiler";
+        case d:
           return "StrictMode";
         case p:
           return "Suspense";
@@ -1744,18 +1744,18 @@ function Zn() {
         if (fe && C && typeof fe.stack == "string") {
           for (var P = fe.stack.split(`
 `), ue = C.stack.split(`
-`), ee = P.length - 1, ne = ue.length - 1; ee >= 1 && ne >= 0 && P[ee] !== ue[ne]; )
-            ne--;
-          for (; ee >= 1 && ne >= 0; ee--, ne--)
-            if (P[ee] !== ue[ne]) {
-              if (ee !== 1 || ne !== 1)
+`), ee = P.length - 1, te = ue.length - 1; ee >= 1 && te >= 0 && P[ee] !== ue[te]; )
+            te--;
+          for (; ee >= 1 && te >= 0; ee--, te--)
+            if (P[ee] !== ue[te]) {
+              if (ee !== 1 || te !== 1)
                 do
-                  if (ee--, ne--, ne < 0 || P[ee] !== ue[ne]) {
+                  if (ee--, te--, te < 0 || P[ee] !== ue[te]) {
                     var he = `
 ` + P[ee].replace(" at new ", " at ");
                     return t.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", t.displayName)), typeof t == "function" && oe.set(t, he), he;
                   }
-                while (ee >= 1 && ne >= 0);
+                while (ee >= 1 && te >= 0);
               break;
             }
         }
@@ -1940,8 +1940,8 @@ function Zn() {
             D[B] === void 0 && (D[B] = ee[B]);
         }
         if (P || ue) {
-          var ne = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          P && Dr(D, ne), ue && Re(D, ne);
+          var te = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          P && Dr(D, te), ue && Re(D, te);
         }
         return mr(t, P, ue, W, C, Ze.current, D);
       }
@@ -2068,9 +2068,9 @@ Check the top-level render call using <` + x + ">.");
           var ee;
           t === null ? ee = "null" : Ve(t) ? ee = "array" : t !== void 0 && t.$$typeof === a ? (ee = "<" + (ve(t.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof t, Y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, P);
         }
-        var ne = $r(t, m, x, W, B);
-        if (ne == null)
-          return ne;
+        var te = $r(t, m, x, W, B);
+        if (te == null)
+          return te;
         if (D) {
           var he = m.children;
           if (he !== void 0)
@@ -2098,7 +2098,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, nr, we, Br, we), qe[we + nr] = !0;
           }
         }
-        return t === l ? Le(ne) : Lr(ne), ne;
+        return t === l ? Le(te) : Lr(te), te;
       }
     }
     function Mr(t, m, x) {
@@ -2129,40 +2129,40 @@ function ea() {
     (function() {
       var a = {}.hasOwnProperty;
       function u() {
-        for (var d = "", h = 0; h < arguments.length; h++) {
+        for (var f = "", h = 0; h < arguments.length; h++) {
           var v = arguments[h];
-          v && (d = f(d, l(v)));
+          v && (f = d(f, l(v)));
         }
-        return d;
+        return f;
       }
-      function l(d) {
-        if (typeof d == "string" || typeof d == "number")
-          return d;
-        if (typeof d != "object")
+      function l(f) {
+        if (typeof f == "string" || typeof f == "number")
+          return f;
+        if (typeof f != "object")
           return "";
-        if (Array.isArray(d))
-          return u.apply(null, d);
-        if (d.toString !== Object.prototype.toString && !d.toString.toString().includes("[native code]"))
-          return d.toString();
+        if (Array.isArray(f))
+          return u.apply(null, f);
+        if (f.toString !== Object.prototype.toString && !f.toString.toString().includes("[native code]"))
+          return f.toString();
         var h = "";
-        for (var v in d)
-          a.call(d, v) && d[v] && (h = f(h, v));
+        for (var v in f)
+          a.call(f, v) && f[v] && (h = d(h, v));
         return h;
       }
-      function f(d, h) {
-        return h ? d ? d + " " + h : d + h : d;
+      function d(f, h) {
+        return h ? f ? f + " " + h : f + h : f;
       }
       o.exports ? (u.default = u, o.exports = u) : window.classNames = u;
     })();
   }(et)), et.exports;
 }
 var ra = ea();
-const U = /* @__PURE__ */ Kn(ra), te = ({
+const U = /* @__PURE__ */ Kn(ra), ne = ({
   children: o,
   className: a,
   important: u = !1,
   onClick: l
-}) => u ? /* @__PURE__ */ n.jsx("div", { className: "bb_", onClick: l, children: /* @__PURE__ */ n.jsx("div", { className: a, children: o }) }) : /* @__PURE__ */ n.jsx("div", { className: a, children: o }), He = ({ icon: o, className: a = "" }) => o ? /* @__PURE__ */ n.jsxs(te, { className: "blockbite--icon", children: [
+}) => u ? /* @__PURE__ */ n.jsx("div", { className: "bb_", onClick: l, children: /* @__PURE__ */ n.jsx("div", { className: a, children: o }) }) : /* @__PURE__ */ n.jsx("div", { className: a, children: o }), He = ({ icon: o, className: a = "" }) => o ? /* @__PURE__ */ n.jsxs(ne, { className: "blockbite--icon", children: [
   /* @__PURE__ */ n.jsx(o, { className: a }),
   " "
 ] }) : null, ta = tt(
@@ -2171,8 +2171,8 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
     className: a,
     value: u,
     variant: l = "secondary",
-    defaultPressed: f,
-    onPressedChange: d,
+    defaultPressed: d,
+    onPressedChange: f,
     icon: h,
     size: v = "compact",
     display: g = "auto",
@@ -2180,11 +2180,11 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
   }) => {
     const [j, _] = F(!1);
     K(() => {
-      _(f === u);
-    }, [f]);
+      _(d === u);
+    }, [d]);
     const O = Wt(() => {
-      _((T) => !T), d(u);
-    }, [j, d]);
+      _((T) => !T), f(u);
+    }, [j, f]);
     return /* @__PURE__ */ n.jsxs(
       ye,
       {
@@ -2211,8 +2211,8 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
     defaultPressed: a = "",
     toggle: u = !0,
     display: l = "auto",
-    options: f,
-    size: d = "compact",
+    options: d,
+    size: f = "compact",
     tabs: h = !1,
     variant: v = "secondary",
     stretch: g = !1,
@@ -2233,14 +2233,14 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
       /* @__PURE__ */ n.jsx("span", { children: S.label })
     ] });
     return /* @__PURE__ */ n.jsx(
-      te,
+      ne,
       {
         className: U(
           "blockbite-ui__button-group flex flex-wrap gap-1",
           o,
           h ? "blockbite-ui__button-group--tabs" : ""
         ),
-        children: f.map((S, ae) => /* @__PURE__ */ n.jsxs(
+        children: d.map((S, ae) => /* @__PURE__ */ n.jsxs(
           ye,
           {
             className: U("blockbite-ui__button--default", {
@@ -2250,7 +2250,7 @@ const U = /* @__PURE__ */ Kn(ra), te = ({
             "aria-label": S.label,
             showTooltip: !0,
             value: S.value,
-            size: d,
+            size: f,
             label: S?.tooltip || S.label,
             variant: v,
             isPressed: j === S.value,
@@ -2272,22 +2272,22 @@ function ka({
   swatch: u,
   onPressedChange: l
 }) {
-  const [f, d] = F(""), [h, v] = F([]);
+  const [d, f] = F(""), [h, v] = F([]);
   return K(() => {
     v(
       a.filter(
-        (g) => g.label.toLowerCase().includes(f.toLowerCase())
+        (g) => g.label.toLowerCase().includes(d.toLowerCase())
       )
     );
-  }, [f, a]), K(() => {
-    d(""), v(a);
+  }, [d, a]), K(() => {
+    f(""), v(a);
   }, [o, a]), /* @__PURE__ */ n.jsx(
     wn,
     {
       className: "option-panel-dropdown",
       contentClassName: "option-panel-dropdown-content",
       popoverProps: { placement: "bottom-start" },
-      renderToggle: ({ isOpen: g, onToggle: p }) => /* @__PURE__ */ n.jsx(te, { important: !0, children: /* @__PURE__ */ n.jsx(
+      renderToggle: ({ isOpen: g, onToggle: p }) => /* @__PURE__ */ n.jsx(ne, { important: !0, children: /* @__PURE__ */ n.jsx(
         ye,
         {
           variant: "secondary",
@@ -2308,13 +2308,13 @@ function ka({
           ] })
         }
       ) }),
-      renderContent: () => /* @__PURE__ */ n.jsx(te, { important: !0, children: /* @__PURE__ */ n.jsxs("div", { className: "w-52", children: [
+      renderContent: () => /* @__PURE__ */ n.jsx(ne, { important: !0, children: /* @__PURE__ */ n.jsxs("div", { className: "w-52", children: [
         /* @__PURE__ */ n.jsx(
           rt,
           {
             label: "Search options",
-            value: f,
-            onChange: (g) => d(g),
+            value: d,
+            onChange: (g) => f(g),
             autoComplete: "off"
           }
         ),
@@ -2365,13 +2365,13 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     ]
   }
 ), Sa = ({ htmlContent: o, cssContent: a, frontendAssets: u }) => {
-  const l = lr(null), [f, d] = F(null);
+  const l = lr(null), [d, f] = F(null);
   return K(() => {
     const h = l.current;
     return h && (h.onload = () => {
       const v = h.contentDocument || h.contentWindow.document;
       if (v) {
-        d(v.body);
+        f(v.body);
         const g = v.createElement("style");
         g.innerHTML = a, v.head.appendChild(g), u.forEach(({ type: p, id: j, url: _ }) => {
           const O = document.getElementById(j);
@@ -2407,7 +2407,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
             height: "100%"
           }
         ),
-        f && Ut(
+        d && Ut(
           /* @__PURE__ */ n.jsx("div", { className: "b_", children: /* @__PURE__ */ n.jsx(
             "div",
             {
@@ -2415,7 +2415,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
               dangerouslySetInnerHTML: { __html: o }
             }
           ) }),
-          f
+          d
         )
       ]
     }
@@ -2425,8 +2425,8 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
   size: a = "default",
   label: u,
   className: l,
-  onClick: f,
-  variant: d = "primary",
+  onClick: d,
+  variant: f = "primary",
   display: h = "auto",
   icon: v,
   disabled: g = !1
@@ -2436,7 +2436,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     ye,
     {
       size: a,
-      variant: d,
+      variant: f,
       label: u,
       showTooltip: !0,
       disabled: g,
@@ -2444,13 +2444,13 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
         l,
         "blockbite-ui__button",
         "flex items-center justify-center gap-1",
-        { "is-primary": d === "primary" },
-        { "is-secondary": d === "secondary" },
-        { "is-link": d === "link" },
-        { "is-tertiary": d === "tertiary" },
+        { "is-primary": f === "primary" },
+        { "is-secondary": f === "secondary" },
+        { "is-link": f === "link" },
+        { "is-tertiary": f === "tertiary" },
         { "is-icon": h === "icon" }
       ),
-      onClick: f,
+      onClick: d,
       children: [
         v && /* @__PURE__ */ n.jsx(
           He,
@@ -2465,41 +2465,40 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     }
   );
 }, Oa = ({ children: o, title: a }) => /* @__PURE__ */ n.jsxs(
-  te,
+  ne,
   {
     className: U(
       "text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium",
       U
     ),
     children: [
-      a && /* @__PURE__ */ n.jsx(te, { className: "font-medium", children: a }),
+      a && /* @__PURE__ */ n.jsx(ne, { className: "font-medium", children: a }),
       o
     ]
   }
 ), Pa = ({
-  id: o = "",
-  title: a,
-  className: u,
-  help: l,
-  badge: f
-}) => /* @__PURE__ */ n.jsxs("div", { ...o ? { id: o } : null, className: U("mb-4", u), children: [
+  title: o,
+  className: a,
+  help: u,
+  badge: l,
+  ...d
+}) => /* @__PURE__ */ n.jsxs("div", { className: U("mb-2", a), ...d, children: [
   /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-wrap items-center gap-2 justify-between", children: [
-    /* @__PURE__ */ n.jsx("small", { className: "shrink-1 text-[12px]", children: a }),
-    !!f && /* @__PURE__ */ n.jsx(aa, { className: "text-[.65rem] py-px px-1", children: f }),
-    /* @__PURE__ */ n.jsx("span", { className: "h-[1px] w-full bg-easy" })
+    /* @__PURE__ */ n.jsx("span", { className: "shrink-1 text-[11px] font-medium uppercase leading-snug", children: o }),
+    !!l && /* @__PURE__ */ n.jsx(aa, { className: "text-[10px] py-px px-1", children: l })
   ] }),
-  l && /* @__PURE__ */ n.jsx("small", { className: "w-full shrink-0 text-[12px]", children: l })
+  u && /* @__PURE__ */ n.jsx("small", { className: "w-full shrink-0 text-[11px]", children: u })
 ] }), Na = ({ label: o, help: a, defaultChecked: u }) => {
-  const [l, f] = F(u);
+  const [l, d] = F(u);
   return K(() => {
-    f(u);
-  }, [u]), /* @__PURE__ */ n.jsx(te, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ n.jsx(
+    d(u);
+  }, [u]), /* @__PURE__ */ n.jsx(ne, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ n.jsx(
     En,
     {
       label: o,
       help: a,
       checked: l,
-      onChange: f
+      onChange: d
     }
   ) });
 }, ot = Vn(
@@ -2508,8 +2507,8 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
     onChange: a,
     className: u,
     defaultValue: l,
-    children: f,
-    inputClassName: d,
+    children: d,
+    inputClassName: f,
     readOnly: h,
     placeholder: v,
     onBlur: g,
@@ -2532,7 +2531,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
               id: S,
               className: U(
                 "border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0",
-                d
+                f
               ),
               type: p,
               value: l,
@@ -2546,7 +2545,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
               ref: T
             }
           ),
-          /* @__PURE__ */ n.jsx("span", { children: f }),
+          /* @__PURE__ */ n.jsx("span", { children: d }),
           _ && /* @__PURE__ */ n.jsx("p", { className: "text-primary !m-0 !mb-0 text-xs", children: _ })
         ]
       }
@@ -2559,8 +2558,8 @@ const Aa = ({
   active: a,
   setActive: u,
   onCreate: l,
-  onDelete: f,
-  onUpdate: d,
+  onDelete: d,
+  onUpdate: f,
   onSwitch: h,
   renderItemActions: v,
   addons: g,
@@ -2576,13 +2575,13 @@ const Aa = ({
   }, Y = () => {
     if (!a || o.length === 0) return;
     const H = o.filter((pe) => pe.id !== a?.id), X = o.findIndex((pe) => pe.id === a?.id), ie = H[X] || H[0];
-    f(a?.id), u(ie);
+    d(a?.id), u(ie);
   }, ge = (H) => {
-    ae(!0), O.id && d(O.id, { name: H }), setTimeout(() => {
+    ae(!0), O.id && f(O.id, { name: H }), setTimeout(() => {
       T({ id: "", name: "" }), ae(!1);
     }, 500);
   };
-  return /* @__PURE__ */ n.jsxs(te, { important: !0, className: p, children: [
+  return /* @__PURE__ */ n.jsxs(ne, { important: !0, className: p, children: [
     /* @__PURE__ */ n.jsxs("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto", children: [
       g,
       o.length > 0 && /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsx("ul", { className: "divide-y border-b", children: o.map((H) => /* @__PURE__ */ n.jsxs(
@@ -2612,7 +2611,7 @@ const Aa = ({
               O.id === H.id && !S && /* @__PURE__ */ n.jsx(
                 ot,
                 {
-                  className: "absolute left-1 top-0 w-full h-full",
+                  className: "absolute left-1 top-0 w-[calc(100%-.5rem)] h-full",
                   inputClassName: "w-full",
                   defaultValue: O.name,
                   onChange: (X) => T({ ...O, name: X }),
@@ -2666,9 +2665,9 @@ const Aa = ({
   className: a,
   children: u,
   show: l,
-  message: f
+  message: d
 }) => {
-  const [d, h] = F(!1), v = lr(!1), g = lr(null);
+  const [f, h] = F(!1), v = lr(!1), g = lr(null);
   return K(() => {
     v.current = !0;
   }, []), K(() => {
@@ -2678,12 +2677,12 @@ const Aa = ({
       }, o)), () => {
         g.current && clearTimeout(g.current);
       };
-  }, [l, o]), d ? /* @__PURE__ */ n.jsx(
-    te,
+  }, [l, o]), f ? /* @__PURE__ */ n.jsx(
+    ne,
     {
       important: !0,
       className: U("bb-ui__disappearing-message", a),
-      children: /* @__PURE__ */ n.jsx("div", { className: "bb-ui__disappearing-message__content", children: f ?? u })
+      children: /* @__PURE__ */ n.jsx("div", { className: "bb-ui__disappearing-message__content", children: d ?? u })
     }
   ) : null;
 }, oa = ({
@@ -2691,21 +2690,21 @@ const Aa = ({
   className: a,
   defaultValue: u,
   defaultIcon: l = hn,
-  onPressedChange: f,
-  options: d
+  onPressedChange: d,
+  options: f
 }) => {
   const [h, v] = F(null);
   K(() => {
     v(u);
   }, [u]);
   const g = [
-    ...d.map((p) => ({
+    ...f.map((p) => ({
       icon: p.icon,
       label: p.label,
       title: p.label,
       value: p.value,
       onClick: () => {
-        v(p.value), f(p.value);
+        v(p.value), d(p.value);
       }
     })),
     {
@@ -2713,7 +2712,7 @@ const Aa = ({
       title: "Reset",
       value: "reset",
       onClick: () => {
-        v("reset"), f("reset");
+        v("reset"), d("reset");
       }
     }
   ];
@@ -2725,7 +2724,7 @@ const Aa = ({
         "blockbite-ui__dropdown-picker border-primary border",
         a
       ),
-      icon: d.find((p) => p.value === h)?.icon || /* @__PURE__ */ n.jsx(He, { icon: l }),
+      icon: f.find((p) => p.value === h)?.icon || /* @__PURE__ */ n.jsx(He, { icon: l }),
       label: o || "Select"
     }
   );
@@ -2735,9 +2734,9 @@ function Da({
   title: a,
   description: u,
   children: l = null,
-  ...f
+  ...d
 }) {
-  return /* @__PURE__ */ n.jsx("div", { ...f, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: /* @__PURE__ */ n.jsxs("div", { className: "max-w-sm", children: [
+  return /* @__PURE__ */ n.jsx("div", { ...d, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: /* @__PURE__ */ n.jsxs("div", { className: "max-w-sm", children: [
     o && /* @__PURE__ */ n.jsx("div", { className: "mx-auto !text-gray-400", children: o }),
     /* @__PURE__ */ n.jsx("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium", children: a }),
     /* @__PURE__ */ n.jsx("p", { className: "mt-1 !font-sans text-sm !text-gray-500", children: u }),
@@ -2747,21 +2746,21 @@ function Da({
 function $a({
   children: o
 }) {
-  const a = lr(null), [u, l] = F({ x: 100, y: 100 }), [f, d] = F(!1), [h, v] = F({ x: 0, y: 0 });
+  const a = lr(null), [u, l] = F({ x: 100, y: 100 }), [d, f] = F(!1), [h, v] = F({ x: 0, y: 0 });
   K(() => {
     const p = (_) => {
-      f && l({
+      d && l({
         x: _.clientX - h.x,
         y: _.clientY - h.y
       });
-    }, j = () => d(!1);
+    }, j = () => f(!1);
     return window.addEventListener("mousemove", p), window.addEventListener("mouseup", j), () => {
       window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", j);
     };
-  }, [f, h]);
+  }, [d, h]);
   const g = (p) => {
     const j = a.current.getBoundingClientRect();
-    v({ x: p.clientX - j.left, y: p.clientY - j.top }), d(!0);
+    v({ x: p.clientX - j.left, y: p.clientY - j.top }), f(!0);
   };
   return /* @__PURE__ */ n.jsx("div", { className: "bb_", children: /* @__PURE__ */ n.jsxs(
     "div",
@@ -2787,7 +2786,7 @@ const Fa = ({
   onValueChange: a,
   url: u
 }) => {
-  const [l, f] = F({
+  const [l, d] = F({
     x: 0.5,
     y: 0.5
   });
@@ -2799,38 +2798,38 @@ const Fa = ({
     );
   }, [l]), K(() => {
     if (o.includes("%")) {
-      const [d, h] = o.replace("[", "").replace("%]", "").split("_").map((v) => parseFloat(v) / 100);
-      f({
-        x: d,
+      const [f, h] = o.replace("[", "").replace("%]", "").split("_").map((v) => parseFloat(v) / 100);
+      d({
+        x: f,
         y: h
       });
     }
-  }, [o]), /* @__PURE__ */ n.jsx(te, { className: "relative flex flex-col", children: /* @__PURE__ */ n.jsx(
+  }, [o]), /* @__PURE__ */ n.jsx(ne, { className: "relative flex flex-col", children: /* @__PURE__ */ n.jsx(
     kn,
     {
       url: u,
       value: l,
-      onDrag: (d) => f(d),
-      onChange: (d) => f(d)
+      onDrag: (f) => d(f),
+      onChange: (f) => d(f)
     }
   ) });
 };
 function La(o) {
-  const [a, u] = F(""), [l, f] = F([]), [d, h] = F({
+  const [a, u] = F(""), [l, d] = F([]), [f, h] = F({
     url: "",
     title: ""
   });
   return K(() => {
-    a !== "" && (f(null), Yn({
+    a !== "" && (d(null), Yn({
       path: `/blockbite/v1/block-helpers/get-links/${a}`
     }).then(
       (v) => {
-        v?.length ? f([...v]) : f([]);
+        v?.length ? d([...v]) : d([]);
       }
     ));
   }, [a]), K(() => {
-    d.url !== "" && o.parentCallback(d);
-  }, [d]), /* @__PURE__ */ n.jsxs(te, { className: "blockbite--editor-linkwrap", children: [
+    f.url !== "" && o.parentCallback(f);
+  }, [f]), /* @__PURE__ */ n.jsxs(ne, { className: "blockbite--editor-linkwrap", children: [
     /* @__PURE__ */ n.jsx(
       rt,
       {
@@ -2858,7 +2857,7 @@ function sa({ links: o, onActiveLink: a }) {
     return /* @__PURE__ */ n.jsx("p", { children: "Loading..." });
   if (o.length === 0)
     return /* @__PURE__ */ n.jsx("p", { children: "No Results" });
-  const u = o.map((l) => /* @__PURE__ */ n.jsx(te, { children: /* @__PURE__ */ n.jsxs(
+  const u = o.map((l) => /* @__PURE__ */ n.jsx(ne, { children: /* @__PURE__ */ n.jsxs(
     "span",
     {
       className: "blockbite--editor-link",
@@ -2880,7 +2879,7 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     "svg",
     "text/plain",
     "application/json"
-  ], [l, f] = F({
+  ], [l, d] = F({
     id: null,
     url: "",
     sizes: [],
@@ -2890,9 +2889,9 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     height: 0
   });
   K(() => {
-    o && f({ ...o });
+    o && d({ ...o });
   }, [o]);
-  const d = () => {
+  const f = () => {
     a({ ...{
       mediaId: 0,
       mediaUrl: ""
@@ -2954,7 +2953,7 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
         render: ({ open: v }) => /* @__PURE__ */ n.jsx(ye, { onClick: v, children: Me("Replace media", "blockbite") })
       }
     ) }),
-    l.id !== 0 && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(ye, { onClick: () => d(), isDestructive: !0, children: Me("Remove media", "blockbite") }) })
+    l.id !== 0 && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(ye, { onClick: () => f(), isDestructive: !0, children: Me("Remove media", "blockbite") }) })
   ] });
 }
 const ia = ({
@@ -2962,8 +2961,8 @@ const ia = ({
   className: a,
   position: u,
   visible: l,
-  onClick: f,
-  onVisibleChange: d
+  onClick: d,
+  onVisibleChange: f
 }) => {
   const [h, v] = F(!!l);
   K(() => {
@@ -2971,16 +2970,16 @@ const ia = ({
   }, [l]);
   const g = () => {
     const p = !h;
-    v(p), d && d(p);
+    v(p), f && f(p);
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: h && /* @__PURE__ */ n.jsx(
     Tn,
     {
       position: u,
       className: "blockbite-ui__popover bb_",
-      onClick: f,
+      onClick: d,
       onFocusOutside: () => {
-        v(!1), d && d(!1);
+        v(!1), f && f(!1);
       },
       children: /* @__PURE__ */ n.jsx("div", { className: a, children: /* @__PURE__ */ n.jsxs("div", { className: "relative h-full w-full p-4", children: [
         /* @__PURE__ */ n.jsx(
@@ -3001,8 +3000,8 @@ const ia = ({
   label: a,
   min: u = 0,
   max: l = 2e3,
-  withInputField: f = !1,
-  onValueChange: d,
+  withInputField: d = !1,
+  onValueChange: f,
   gridMode: h = !1,
   showTooltip: v = !1,
   ...g
@@ -3013,9 +3012,9 @@ const ia = ({
   }, [o]);
   function O(T) {
     const S = T * (h ? 16 : 1);
-    d(S.toString());
+    f(S.toString());
   }
-  return /* @__PURE__ */ n.jsxs(te, { className: "flex min-w-[240px] flex-col", children: [
+  return /* @__PURE__ */ n.jsxs(ne, { className: "flex min-w-[240px] flex-col", children: [
     /* @__PURE__ */ n.jsx(
       On,
       {
@@ -3024,7 +3023,7 @@ const ia = ({
         min: u,
         max: l,
         showTooltip: v,
-        withInputField: f,
+        withInputField: d,
         onChange: (T) => {
           _(T), O(T);
         },
@@ -3042,14 +3041,14 @@ const ia = ({
   defaultValue: a,
   onValueChange: u,
   onUnitChange: l,
-  inputClassName: f = "w-[75px]"
+  inputClassName: d = "w-[75px]"
 }) => {
-  const [d, h] = F(!1), [v, g] = F([]), [p, j] = F(o), [_, O] = F(""), [T, S] = F(a);
+  const [f, h] = F(!1), [v, g] = F([]), [p, j] = F(o), [_, O] = F(""), [T, S] = F(a);
   K(() => {
     o && j(o), O(a.toString());
   }, [o, a]), K(() => {
-    !d && p === "arbitrary" && S(_);
-  }, [d]);
+    !f && p === "arbitrary" && S(_);
+  }, [f]);
   const ae = (A) => {
     if (A !== "arbitrary" && bb?.codex?.units?.spacing?.[A]) {
       const Y = bb.codex.units.spacing[A];
@@ -3071,10 +3070,10 @@ const ia = ({
     { icon: /* @__PURE__ */ n.jsx(jn, {}), label: "Pixel Units", value: "arbitrary" },
     { icon: /* @__PURE__ */ n.jsx(Cn, {}), label: "Fluid Units", value: "fluid" }
   ];
-  return /* @__PURE__ */ n.jsx(te, { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ n.jsxs(
     ot,
     {
-      inputClassName: f,
+      inputClassName: d,
       defaultValue: (
         // Remove the "b_" prefix for grid units
         p === "grid" ? _.replace("b_", "") : _
@@ -3088,7 +3087,7 @@ const ia = ({
         /* @__PURE__ */ n.jsx(
           ia,
           {
-            visible: d,
+            visible: f,
             position: "bottom left",
             className: "w-[300px] bg-white shadow-sm",
             onVisibleChange: h,
@@ -3151,21 +3150,21 @@ const ia = ({
   defaultOpen: a,
   onOpenChange: u,
   title: l,
-  className: f
+  className: d
 }) => {
-  const [d, h] = F(!1);
+  const [f, h] = F(!1);
   K(() => {
     h(a);
   }, [a]);
   const v = () => h(!0), g = () => h(!1);
   return K(() => {
-    u(d);
-  }, [d, u]), /* @__PURE__ */ n.jsxs(Bt.Provider, { value: { closeModal: g, openModal: v }, children: [
+    u(f);
+  }, [f, u]), /* @__PURE__ */ n.jsxs(Bt.Provider, { value: { closeModal: g, openModal: v }, children: [
     Rr.map(o, (p) => kr(p) && p.type === da ? p : null),
-    d && /* @__PURE__ */ n.jsx(
+    f && /* @__PURE__ */ n.jsx(
       Pn,
       {
-        className: U("blockbite-ui__modal bb_", f),
+        className: U("blockbite-ui__modal bb_", d),
         onRequestClose: g,
         title: l,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -3215,8 +3214,8 @@ function pa(o, a) {
     try {
       if (u.cssRules) {
         const l = a.createElement("style");
-        Array.from(u.cssRules).forEach((f) => {
-          l.appendChild(a.createTextNode(f.cssText));
+        Array.from(u.cssRules).forEach((d) => {
+          l.appendChild(a.createTextNode(d.cssText));
         }), a.head.appendChild(l);
       } else if (u.href) {
         const l = a.createElement("link");
@@ -3224,8 +3223,8 @@ function pa(o, a) {
       }
     } catch (l) {
       if (u.href) {
-        const f = a.createElement("link");
-        f.rel = "stylesheet", f.href = u.href, a.head.appendChild(f);
+        const d = a.createElement("link");
+        d.rel = "stylesheet", d.href = u.href, a.head.appendChild(d);
       } else
         console.warn("Error copying styles:", l);
     }
@@ -3238,13 +3237,13 @@ const Ba = ({
 }) => {
   const l = Bn(() => document.createElement("div"), []);
   return K(() => {
-    const f = o;
-    f.document.body.innerHTML = "", f.document.body.appendChild(l), f.document.body.classList.add("bb_"), pa(document, f.document), f.document.title = document.title || "Blockbite Editor";
-    const d = () => {
+    const d = o;
+    d.document.body.innerHTML = "", d.document.body.appendChild(l), d.document.body.classList.add("bb_"), pa(document, d.document), d.document.title = document.title || "Blockbite Editor";
+    const f = () => {
       setTimeout(a, 100);
     };
-    return f.addEventListener("beforeunload", d), () => {
-      f.removeEventListener("beforeunload", d);
+    return d.addEventListener("beforeunload", f), () => {
+      d.removeEventListener("beforeunload", f);
     };
   }, [o]), Ut(u, l);
 }, Ya = ({
@@ -3252,13 +3251,13 @@ const Ba = ({
   status: a = "success",
   className: u
 }) => {
-  const [l, f] = F(!0);
-  return /* @__PURE__ */ n.jsx(te, { onClick: () => f(!1), children: l && /* @__PURE__ */ n.jsx(
+  const [l, d] = F(!0);
+  return /* @__PURE__ */ n.jsx(ne, { onClick: () => d(!1), children: l && /* @__PURE__ */ n.jsx(
     Nn,
     {
       status: a,
       className: U(u),
-      onRemove: () => f(!1),
+      onRemove: () => d(!1),
       children: o
     }
   ) });
@@ -3268,24 +3267,24 @@ const Ba = ({
   onChange: u,
   ...l
 }) => {
-  const [f, d] = F(!1);
+  const [d, f] = F(!1);
   return /* @__PURE__ */ n.jsx(
     An,
     {
       label: o,
       value: a,
-      type: f ? "text" : "password",
+      type: d ? "text" : "password",
       suffix: /* @__PURE__ */ n.jsx(In, { variant: "control", children: /* @__PURE__ */ n.jsx(
         ye,
         {
           icon: /* @__PURE__ */ n.jsx(zn, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n.jsx(
             qn,
             {
-              d: f ? "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" : "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z"
+              d: d ? "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" : "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z"
             }
           ) }),
           label: "Show password",
-          onClick: () => d((h) => !h),
+          onClick: () => f((h) => !h),
           size: "small"
         }
       ) }),
@@ -3298,23 +3297,23 @@ const Ba = ({
   activeId: a,
   onSelect: u,
   className: l
-}) => /* @__PURE__ */ n.jsx(te, { important: !0, className: l, children: /* @__PURE__ */ n.jsx("div", { className: "w-[200px] overflow-y-auto border-r border-gray-200 gap-2", children: o.map((f) => /* @__PURE__ */ n.jsxs(
+}) => /* @__PURE__ */ n.jsx(ne, { important: !0, className: l, children: /* @__PURE__ */ n.jsx("div", { className: "w-[200px] overflow-y-auto border-r border-gray-200 gap-2", children: o.map((d) => /* @__PURE__ */ n.jsxs(
   "div",
   {
-    onClick: () => u(f.id),
-    className: `cursor-pointer p-2 border-l-4 flex gap-2 items-center ${a === f.id ? "border-blue-500 bg-gray-100" : "border-transparent"}`,
+    onClick: () => u(d.id),
+    className: `cursor-pointer p-2 border-l-4 flex gap-2 items-center ${a === d.id ? "border-blue-500 bg-gray-100" : "border-transparent"}`,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "rounded bg-slate-300 w-12 h-12 flex items-center justify-center text-2xl font-bold text-white", children: f.name.charAt(0).toUpperCase() }),
-      /* @__PURE__ */ n.jsx("p", { className: "text-sm text-center mt-1", children: f.name })
+      /* @__PURE__ */ n.jsx("span", { className: "rounded bg-slate-300 w-12 h-12 flex items-center justify-center text-2xl font-bold text-white", children: d.name.charAt(0).toUpperCase() }),
+      /* @__PURE__ */ n.jsx("p", { className: "text-sm text-center mt-1", children: d.name })
     ]
   },
-  f.id
+  d.id
 )) }) });
 function Ga(o) {
-  const { media: a, mediaClass: u } = o, { url: l, alt: f, sizes: d } = a;
-  if (d === void 0)
-    return /* @__PURE__ */ n.jsx("img", { src: l, alt: f, className: `bf_media ${u}` });
-  const { thumbnail: h, medium: v, large: g } = d, p = h || l, j = v || l, _ = g || l;
+  const { media: a, mediaClass: u } = o, { url: l, alt: d, sizes: f } = a;
+  if (f === void 0)
+    return /* @__PURE__ */ n.jsx("img", { src: l, alt: d, className: `bf_media ${u}` });
+  const { thumbnail: h, medium: v, large: g } = f, p = h || l, j = v || l, _ = g || l;
   return /* @__PURE__ */ n.jsxs("picture", { className: "bf_responsive-media", children: [
     p ? /* @__PURE__ */ n.jsx(
       "source",
@@ -3340,11 +3339,11 @@ function Ga(o) {
         className: `bf_media ${u}`
       }
     ) : null,
-    j ? /* @__PURE__ */ n.jsx("img", { src: j, alt: f, className: `bf_media ${u}` }) : null
+    j ? /* @__PURE__ */ n.jsx("img", { src: j, alt: d, className: `bf_media ${u}` }) : null
   ] });
 }
 function Ka(o) {
-  const { media: a, mediaClass: u } = o, { url: l } = a, f = l;
+  const { media: a, mediaClass: u } = o, { url: l } = a, d = l;
   return /* @__PURE__ */ n.jsx(
     "video",
     {
@@ -3355,7 +3354,7 @@ function Ka(o) {
       autoPlay: !0,
       muted: !0,
       loop: !0,
-      children: /* @__PURE__ */ n.jsx("source", { src: f, type: "video/mp4" })
+      children: /* @__PURE__ */ n.jsx("source", { src: d, type: "video/mp4" })
     }
   );
 }
@@ -3364,7 +3363,7 @@ const Ha = ({
   className: a = "",
   height: u = "large"
 }) => /* @__PURE__ */ n.jsx(
-  te,
+  ne,
   {
     className: U("scrollbar relative overflow-y-scroll", a, {
       "h-[400px]": u === "large",
@@ -3378,8 +3377,8 @@ const Ha = ({
   className: a,
   defaultValue: u,
   options: l,
-  label: f = "",
-  emptyLabel: d = "No options available"
+  label: d = "",
+  emptyLabel: f = "No options available"
 }) => {
   const [h, v] = F("");
   K(() => {
@@ -3392,34 +3391,34 @@ const Ha = ({
     l && l.length > 0 && /* @__PURE__ */ n.jsx(
       Dn,
       {
-        label: f || "",
+        label: d || "",
         value: h || "",
         onChange: g,
         options: [{ value: "", label: "Select an option" }, ...l]
       }
     ),
-    (!l || l?.length === 0) && /* @__PURE__ */ n.jsx("p", { className: "mb-2", children: d })
+    (!l || l?.length === 0) && /* @__PURE__ */ n.jsx("p", { className: "mb-2", children: f })
   ] });
 }, { select: va, dispatch: ma } = wp.data, Xa = ({
   buttonText: o = "Add block"
 }) => {
   const a = () => {
-    const u = va("core/block-editor").getSelectedBlock(), { clientId: l, innerBlocks: f } = u, d = f[f.length - 1], h = Gn(
-      d.name,
-      d.attributes,
-      d.innerBlocks
+    const u = va("core/block-editor").getSelectedBlock(), { clientId: l, innerBlocks: d } = u, f = d[d.length - 1], h = Gn(
+      f.name,
+      f.attributes,
+      f.innerBlocks
     );
     ma("core/block-editor").insertBlocks(h, 0, l);
   };
   return /* @__PURE__ */ n.jsx(ye, { variant: "primary", onClick: () => a(), children: o });
 }, Za = ({ children: o, watch: a, className: u }) => {
-  const [l, f] = F(0);
+  const [l, d] = F(0);
   return K(() => {
     setTimeout(() => {
-      f(1);
+      d(1);
     }, 250);
   }, [a]), /* @__PURE__ */ n.jsx(
-    te,
+    ne,
     {
       className: U(
         u,
@@ -3444,29 +3443,29 @@ const Ha = ({
   defaultValue: a,
   value: u,
   onValueChange: l,
-  ...f
+  ...d
 }) => {
-  const d = u !== void 0, [h, v] = F(a || ""), j = {
-    activeTab: d ? u : h,
+  const f = u !== void 0, [h, v] = F(a || ""), j = {
+    activeTab: f ? u : h,
     setActiveTab: (_) => {
-      d || v(_), l && l(_);
+      f || v(_), l && l(_);
     }
   };
-  return /* @__PURE__ */ n.jsx(st.Provider, { value: j, children: /* @__PURE__ */ n.jsx(te, { important: !0, className: f.className, children: o }) });
+  return /* @__PURE__ */ n.jsx(st.Provider, { value: j, children: /* @__PURE__ */ n.jsx(ne, { important: !0, className: d.className, children: o }) });
 }, ya = ({
   options: o,
   children: a,
   className: u,
   onValueChange: l
 }) => {
-  const f = nt(st), d = l || f?.setActiveTab;
+  const d = nt(st), f = l || d?.setActiveTab;
   return /* @__PURE__ */ n.jsx(
     Fn,
     {
       className: U("tabs-list", u),
       tabs: o,
       onSelect: (h) => {
-        d(h);
+        f(h);
       },
       children: () => a
     }
@@ -3475,7 +3474,7 @@ const Ha = ({
   value: o,
   children: a,
   className: u
-}) => nt(st)?.activeTab === o ? /* @__PURE__ */ n.jsx(te, { className: u, children: a }) : null, eo = {
+}) => nt(st)?.activeTab === o ? /* @__PURE__ */ n.jsx(ne, { className: u, children: a }) : null, eo = {
   Wrapper: ha,
   List: ya,
   Content: ba
@@ -3488,7 +3487,7 @@ const Ha = ({
   onChange: o,
   defaultValue: a,
   children: u
-}) => /* @__PURE__ */ n.jsxs(te, { className: "blockbite-ui__text-control-label flex items-center", children: [
+}) => /* @__PURE__ */ n.jsxs(ne, { className: "blockbite-ui__text-control-label flex items-center", children: [
   /* @__PURE__ */ n.jsxs("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black", children: [
     /* @__PURE__ */ n.jsx(rt, { type: "text", value: a, onChange: o }),
     /* @__PURE__ */ n.jsx(Mt, { className: "absolute right-1 top-2" })
@@ -3501,20 +3500,20 @@ const Ha = ({
     options: a,
     defaultPressed: u,
     display: l = "label",
-    label: f = !1,
-    onPressedChange: d
+    label: d = !1,
+    onPressedChange: f
   }) => {
     const [h, v] = F(""), g = (p) => {
-      d(p);
+      f(p);
     };
     return K(() => {
       v(u);
-    }, [u]), /* @__PURE__ */ n.jsx(te, { className: U(o), children: /* @__PURE__ */ n.jsx(
+    }, [u]), /* @__PURE__ */ n.jsx(ne, { className: U(o), children: /* @__PURE__ */ n.jsx(
       Ln,
       {
         isBlock: !0,
         value: h,
-        label: typeof f == "string" ? f : "",
+        label: typeof d == "string" ? d : "",
         children: a.map(
           (p) => l === "icon" ? /* @__PURE__ */ n.jsx(
             Mn,
@@ -3545,16 +3544,16 @@ const Ha = ({
   checked: l = !1
   // Default to false if undefined, so it's always controlled
 }) => {
-  const [f, d] = F(l);
+  const [d, f] = F(l);
   return K(() => {
-    d(l);
-  }, [l]), /* @__PURE__ */ n.jsx(te, { className: U(a, "flex items-center gap-2"), children: /* @__PURE__ */ n.jsx(
+    f(l);
+  }, [l]), /* @__PURE__ */ n.jsx(ne, { className: U(a, "flex items-center gap-2"), children: /* @__PURE__ */ n.jsx(
     Un,
     {
-      checked: f,
+      checked: d,
       label: o,
       onChange: (h) => {
-        d(h), u && u(h);
+        f(h), u && u(h);
       }
     }
   ) });
@@ -3607,7 +3606,7 @@ export {
   to as TextControlLabel,
   no as ToggleGroup,
   ao as ToggleSwitch,
-  te as Wrap,
+  ne as Wrap,
   Yt as useModalContext
 };
 //# sourceMappingURL=index.js.map