@blockbite/ui 2.0.19 → 2.0.20

package/dist/index.js

@@ -1,6 +1,6 @@
-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 { Button as ye, Dropdown as pn, TextControl as rt, CheckboxControl as vn, DropdownMenu as mn, FocalPointPicker as hn, PanelRow as yn, Popover as bn, RangeControl as gn, Modal as xn, Notice as _n, __experimentalInputControl as jn, __experimentalInputControlSuffixWrapper as Cn, SelectControl as wn, Spinner as En, TabPanel as Rn, __experimentalToggleGroupControl as Sn, __experimentalToggleGroupControlOptionIcon as kn, __experimentalToggleGroupControlOption as Tn, ToggleControl as On } from "@wordpress/components";
+import { memo as tt, useState as F, useEffect as G, useCallback as Mt, useRef as lr, createPortal as Bt, forwardRef as Pn, createContext as Wt, useContext as nt, Children as Rr, isValidElement as Sr, useMemo as Nn } from "@wordpress/element";
+import { Plus as An, Trash as In, ChevronDown as Dn, Cross2 as $n, Tailwind as Fn, Percentage as Ln, Grid as Mn, Desktop as Bn, Slider as Wn, ColumnSpacing as Un, Pencil1 as Vn } from "@blockbite/icons";
 import Yn from "@wordpress/api-fetch";
 import { __ as Me } from "@wordpress/i18n";
 import { MediaUploadCheck as Qr, MediaUpload as Pt } from "@wordpress/block-editor";
@@ -656,8 +656,8 @@ function Jn() {
           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;
+            q != null && (Z = Ye(q) + "/"), Fe(L, r, Z, "", function(dn) {
+              return dn;
             });
           } else L != null && (Re(L) && (L.key && (!S || S.key !== L.key) && Ae(L.key), L = Ir(
             L,
@@ -681,8 +681,8 @@ function Jn() {
           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);
+            for (var cn = Zr.call(kt), Tt, fn = 0; !(Tt = cn.next()).done; )
+              Q = Tt.value, re = ce + $e(Q, fn++), 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.");
@@ -993,7 +993,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var e = C();
         return e.useId();
       }
-      function zt(e, r, i) {
+      function Yt(e, r, i) {
         var c = C();
         return c.useSyncExternalStore(e, r, i);
       }
@@ -1001,7 +1001,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
       function vt() {
       }
       vt.__reactDisabledLog = !0;
-      function Ht() {
+      function zt() {
         {
           if (ar === 0) {
             it = console.log, lt = console.info, ut = console.warn, ct = console.error, ft = console.group, dt = console.groupCollapsed, pt = console.groupEnd;
@@ -1024,7 +1024,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           ar++;
         }
       }
-      function qt() {
+      function Ht() {
         {
           if (ar--, ar === 0) {
             var e = {
@@ -1075,8 +1075,8 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
       }
       var qr = !1, xr;
       {
-        var Gt = typeof WeakMap == "function" ? WeakMap : Map;
-        xr = new Gt();
+        var qt = typeof WeakMap == "function" ? WeakMap : Map;
+        xr = new qt();
       }
       function mt(e, r) {
         if (!e || qr)
@@ -1091,7 +1091,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var b = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var R;
-        R = zr.current, zr.current = null, Ht();
+        R = zr.current, zr.current = null, zt();
         try {
           if (r) {
             var w = function() {
@@ -1144,15 +1144,15 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
               }
           }
         } finally {
-          qr = !1, zr.current = R, qt(), Error.prepareStackTrace = b;
+          qr = !1, zr.current = R, Ht(), 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) {
+      function Gt(e, r, i) {
         return mt(e, !1);
       }
-      function Jt(e) {
+      function Kt(e) {
         var r = e.prototype;
         return !!(r && r.isReactComponent);
       }
@@ -1160,7 +1160,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         if (e == null)
           return "";
         if (typeof e == "function")
-          return mt(e, Jt(e));
+          return mt(e, Kt(e));
         if (typeof e == "string")
           return gr(e);
         switch (e) {
@@ -1172,7 +1172,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         if (typeof e == "object")
           switch (e.$$typeof) {
             case j:
-              return Kt(e.render);
+              return Gt(e.render);
             case T:
               return _r(e.type, r, i);
             case k: {
@@ -1193,7 +1193,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         } else
           yt.setExtraStackFrame(null);
       }
-      function Xt(e, r, i, c, b) {
+      function Jt(e, r, i, c, b) {
         {
           var R = Function.call.bind(De);
           for (var w in e)
@@ -1231,7 +1231,7 @@ Check the render method of \`` + e + "`.";
         }
         return "";
       }
-      function Zt(e) {
+      function Xt(e) {
         if (e !== void 0) {
           var r = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
           return `
@@ -1240,11 +1240,11 @@ Check your code at ` + r + ":" + i + ".";
         }
         return "";
       }
-      function Qt(e) {
-        return e != null ? Zt(e.__source) : "";
+      function Zt(e) {
+        return e != null ? Xt(e.__source) : "";
       }
       var gt = {};
-      function en(e) {
+      function Qt(e) {
         var r = bt();
         if (!r) {
           var i = typeof e == "string" ? e : e.displayName || e.name;
@@ -1257,7 +1257,7 @@ Check the top-level render call using <` + i + ">.");
       function xt(e, r) {
         if (!(!e._store || e._store.validated || e.key != null)) {
           e._store.validated = !0;
-          var i = en(r);
+          var i = Qt(r);
           if (!gt[i]) {
             gt[i] = !0;
             var c = "";
@@ -1298,7 +1298,7 @@ Check the top-level render call using <` + i + ">.");
             return;
           if (i) {
             var c = _e(r);
-            Xt(i, e.props, "prop", c, e);
+            Jt(i, e.props, "prop", c, e);
           } else if (r.PropTypes !== void 0 && !Gr) {
             Gr = !0;
             var b = _e(r);
@@ -1307,7 +1307,7 @@ Check the top-level render call using <` + i + ">.");
           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) {
+      function en(e) {
         {
           for (var r = Object.keys(e.props), i = 0; i < r.length; i++) {
             var c = r[i];
@@ -1324,7 +1324,7 @@ Check the top-level render call using <` + i + ">.");
         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);
+          var R = Zt(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);
@@ -1335,10 +1335,10 @@ Check the top-level render call using <` + i + ">.");
         if (c)
           for (var L = 2; L < arguments.length; L++)
             _t(arguments[L], e);
-        return e === f ? rn(S) : jt(S), S;
+        return e === f ? en(S) : jt(S), S;
       }
       var wt = !1;
-      function tn(e) {
+      function rn(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,
@@ -1349,12 +1349,12 @@ Check the top-level render call using <` + i + ">.");
           }
         }), r;
       }
-      function nn(e, r, i) {
+      function tn(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) {
+      function nn(e, r) {
         var i = K.transition;
         K.transition = {};
         var c = K.transition;
@@ -1369,7 +1369,7 @@ Check the top-level render call using <` + i + ">.");
         }
       }
       var Et = !1, Cr = null;
-      function on(e) {
+      function an(e) {
         if (Cr === null)
           try {
             var r = ("require" + Math.random()).slice(0, 7), i = o && o[r];
@@ -1443,7 +1443,7 @@ Check the top-level render call using <` + i + ">.");
           var c = X.current;
           if (c !== null)
             try {
-              Xr(c), on(function() {
+              Xr(c), an(function() {
                 c.length === 0 ? (X.current = null, r(e)) : Kr(e, r, i);
               });
             } catch (b) {
@@ -1473,14 +1473,14 @@ Check the top-level render call using <` + i + ">.");
           }
         }
       }
-      var sn = Ct, ln = nn, un = tn, cn = {
+      var on = Ct, sn = tn, ln = rn, un = {
         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());
+      a.Children = un, 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 = sn, a.createContext = Lr, a.createElement = on, a.createFactory = ln, a.createRef = Or, a.forwardRef = Ur, a.isValidElement = Re, a.lazy = Wr, a.memo = x, a.startTransition = nn, 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 = Yt, 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;
 }
@@ -2182,7 +2182,7 @@ const W = /* @__PURE__ */ Gn(ra), ne = ({
     G(() => {
       _(d === u);
     }, [d]);
-    const O = Bt(() => {
+    const O = Mt(() => {
       _((T) => !T), f(u);
     }, [j, f]);
     return /* @__PURE__ */ n.jsxs(
@@ -2222,7 +2222,7 @@ const W = /* @__PURE__ */ Gn(ra), ne = ({
     G(() => {
       _(a);
     }, [a]);
-    const O = Bt(
+    const O = Mt(
       (k) => {
         const ae = u && j === k ? "" : k;
         _(ae), p?.(ae);
@@ -2282,7 +2282,7 @@ function Sa({
   }, [d, a]), G(() => {
     f(""), v(a);
   }, [o, a]), /* @__PURE__ */ n.jsx(
-    wn,
+    pn,
     {
       className: "option-panel-dropdown",
       contentClassName: "option-panel-dropdown-content",
@@ -2294,8 +2294,8 @@ function Sa({
           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(
+          children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-1.5 !bg-transparent !p-0 !text-[11px] !text-current", children: [
+            u && !!o && /* @__PURE__ */ n.jsx(
               "div",
               {
                 className: W(
@@ -2303,8 +2303,7 @@ function Sa({
                 )
               }
             ),
-            /* @__PURE__ */ n.jsx("span", { children: o || "Select option…" }),
-            /* @__PURE__ */ n.jsx(Mt, {})
+            /* @__PURE__ */ n.jsx("span", { children: o || "Select option…" })
           ] })
         }
       ) }),
@@ -2320,7 +2319,7 @@ function Sa({
             autoComplete: "off"
           }
         ),
-        /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-2 gap-1 !bg-transparent !p-0 !pt-2", children: [
+        /* @__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,
@@ -2409,7 +2408,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
             height: "100%"
           }
         ),
-        d && Wt(
+        d && Bt(
           /* @__PURE__ */ n.jsx("div", { className: "b_", children: /* @__PURE__ */ n.jsx(
             "div",
             {
@@ -2495,7 +2494,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
   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,
+    vn,
     {
       label: o,
       help: a,
@@ -2503,7 +2502,7 @@ const aa = ({ children: o, className: a, label: u, onClick: l }) => /* @__PURE__
       onChange: d
     }
   ) });
-}, ot = Un(
+}, ot = Pn(
   ({
     onClick: o,
     onChange: a,
@@ -2641,7 +2640,7 @@ const Aa = ({
             ye,
             {
               onClick: A,
-              icon: /* @__PURE__ */ n.jsx(vn, { className: "h-4 w-4" }),
+              icon: /* @__PURE__ */ n.jsx(An, { className: "h-4 w-4" }),
               variant: "tertiary",
               size: "compact",
               children: "Add"
@@ -2651,7 +2650,7 @@ const Aa = ({
             ye,
             {
               onClick: Y,
-              icon: /* @__PURE__ */ n.jsx(mn, { className: "h-4 w-4" }),
+              icon: /* @__PURE__ */ n.jsx(In, { className: "h-4 w-4" }),
               variant: "tertiary",
               size: "compact",
               disabled: !a || o.length === 0,
@@ -2691,7 +2690,7 @@ const Aa = ({
   label: o,
   className: a,
   defaultValue: u,
-  defaultIcon: l = hn,
+  defaultIcon: l = Dn,
   onPressedChange: d,
   options: f
 }) => {
@@ -2719,7 +2718,7 @@ const Aa = ({
     }
   ];
   return /* @__PURE__ */ n.jsx(
-    Rn,
+    mn,
     {
       controls: g,
       className: W(
@@ -2807,7 +2806,7 @@ const Fa = ({
       });
     }
   }, [o]), /* @__PURE__ */ n.jsx(ne, { className: "relative flex flex-col", children: /* @__PURE__ */ n.jsx(
-    Sn,
+    hn,
     {
       url: u,
       value: l,
@@ -2921,7 +2920,7 @@ function Ma({ mediaProps: o, mediaCallback: a }) {
     };
     a({ ...p });
   };
-  return /* @__PURE__ */ n.jsxs(kn, { children: [
+  return /* @__PURE__ */ n.jsxs(yn, { children: [
     l.id !== null && /* @__PURE__ */ n.jsx(Qr, { children: /* @__PURE__ */ n.jsx(
       Pt,
       {
@@ -2977,7 +2976,7 @@ const ia = ({
     v(p), f && f(p);
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: h && /* @__PURE__ */ n.jsx(
-    Tn,
+    bn,
     {
       position: u,
       className: "blockbite-ui__popover bb_",
@@ -2992,7 +2991,7 @@ const ia = ({
             onClick: g,
             size: "small",
             className: "close-button absolute right-0 top-0",
-            children: /* @__PURE__ */ n.jsx(yn, {})
+            children: /* @__PURE__ */ n.jsx($n, {})
           }
         ),
         o
@@ -3020,7 +3019,7 @@ const ia = ({
   }
   return /* @__PURE__ */ n.jsxs(ne, { className: "flex min-w-[240px] flex-col", children: [
     /* @__PURE__ */ n.jsx(
-      On,
+      gn,
       {
         __next40pxDefaultSize: !0,
         __nextHasNoMarginBottom: !0,
@@ -3066,15 +3065,15 @@ const ia = ({
     h(!0);
   }, de = [
     {
-      icon: /* @__PURE__ */ n.jsx(bn, {}),
+      icon: /* @__PURE__ */ n.jsx(Fn, {}),
       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__ */ n.jsx(Ln, {}), label: "Percentage Units", value: "percent" },
+    { icon: /* @__PURE__ */ n.jsx(Mn, {}), label: "Grid Units", value: "grid" },
+    { icon: /* @__PURE__ */ n.jsx(Bn, {}), label: "Screen Units", value: "screen" },
+    { icon: /* @__PURE__ */ n.jsx(Wn, {}), label: "Pixel Units", value: "arbitrary" },
+    { icon: /* @__PURE__ */ n.jsx(Un, {}), label: "Fluid Units", value: "fluid" }
   ];
   return /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ n.jsxs(
     ot,
@@ -3146,8 +3145,8 @@ const ia = ({
       ]
     }
   ) });
-}, Vt = Ut(null), Yt = () => {
-  const o = nt(Vt);
+}, Ut = Wt(null), Vt = () => {
+  const o = nt(Ut);
   if (!o)
     throw new Error("useModalContext must be used within a ModalProvider");
   return o;
@@ -3165,10 +3164,10 @@ const ia = ({
   const v = () => h(!0), g = () => h(!1);
   return G(() => {
     u(f);
-  }, [f, u]), /* @__PURE__ */ n.jsxs(Vt.Provider, { value: { closeModal: g, openModal: v }, children: [
+  }, [f, u]), /* @__PURE__ */ n.jsxs(Ut.Provider, { value: { closeModal: g, openModal: v }, children: [
     Rr.map(o, (p) => Sr(p) && p.type === da ? p : null),
     f && /* @__PURE__ */ n.jsx(
-      Pn,
+      xn,
       {
         className: W("blockbite-ui__modal bb_", d),
         onRequestClose: g,
@@ -3209,10 +3208,10 @@ const ia = ({
     children: o
   }
 ), Ua = ({ children: o }) => {
-  const { closeModal: a } = Yt();
+  const { closeModal: a } = Vt();
   return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
 }, da = ({ children: o }) => {
-  const { openModal: a } = Yt();
+  const { openModal: a } = Vt();
   return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
 };
 function pa(o, a) {
@@ -3241,7 +3240,7 @@ const Va = ({
   onClose: a,
   children: u
 }) => {
-  const l = Vn(() => document.createElement("div"), []);
+  const l = Nn(() => 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";
@@ -3251,7 +3250,7 @@ const Va = ({
     return d.addEventListener("beforeunload", f), () => {
       d.removeEventListener("beforeunload", f);
     };
-  }, [o]), Wt(u, l);
+  }, [o]), Bt(u, l);
 }, Ya = ({
   children: o,
   status: a = "success",
@@ -3259,7 +3258,7 @@ const Va = ({
 }) => {
   const [l, d] = F(!0);
   return /* @__PURE__ */ n.jsx(ne, { onClick: () => d(!1), children: l && /* @__PURE__ */ n.jsx(
-    Nn,
+    _n,
     {
       status: a,
       className: W(u),
@@ -3275,12 +3274,12 @@ const Va = ({
 }) => {
   const [d, f] = F(!1);
   return /* @__PURE__ */ n.jsx(
-    An,
+    jn,
     {
       label: o,
       value: a,
       type: d ? "text" : "password",
-      suffix: /* @__PURE__ */ n.jsx(In, { variant: "control", children: /* @__PURE__ */ n.jsx(
+      suffix: /* @__PURE__ */ n.jsx(Cn, { 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(
@@ -3395,7 +3394,7 @@ const Ka = ({
   };
   return /* @__PURE__ */ n.jsxs("div", { className: a, children: [
     l && l.length > 0 && /* @__PURE__ */ n.jsx(
-      Dn,
+      wn,
       {
         __next40pxDefaultSize: !0,
         __nextHasNoMarginBottom: !0,
@@ -3445,8 +3444,8 @@ const Ka = ({
     setTimeout(() => {
       l(!1);
     }, 500), a && l(!0);
-  }, [u, a]), u && /* @__PURE__ */ n.jsx($n, { className: W(o) });
-}, st = Ut(null), ha = ({
+  }, [u, a]), u && /* @__PURE__ */ n.jsx(En, { className: W(o) });
+}, st = Wt(null), ha = ({
   children: o,
   defaultValue: a,
   value: u,
@@ -3468,7 +3467,7 @@ const Ka = ({
 }) => {
   const d = nt(st), f = l || d?.setActiveTab;
   return /* @__PURE__ */ n.jsx(
-    Fn,
+    Rn,
     {
       className: W("tabs-list", u),
       tabs: o,
@@ -3507,7 +3506,7 @@ const Ka = ({
         onChange: o
       }
     ),
-    /* @__PURE__ */ n.jsx(Mt, { className: "absolute right-1 top-2" })
+    /* @__PURE__ */ n.jsx(Vn, { className: "absolute right-1 top-2" })
   ] }),
   " ",
   u
@@ -3526,7 +3525,7 @@ const Ka = ({
     return G(() => {
       v(u);
     }, [u]), /* @__PURE__ */ n.jsx(ne, { className: W(o), children: /* @__PURE__ */ n.jsx(
-      Ln,
+      Sn,
       {
         __next40pxDefaultSize: !0,
         __nextHasNoMarginBottom: !0,
@@ -3535,7 +3534,7 @@ const Ka = ({
         label: typeof d == "string" ? d : "",
         children: a.map(
           (p) => l === "icon" ? /* @__PURE__ */ n.jsx(
-            Mn,
+            kn,
             {
               icon: p.icon,
               label: p.label,
@@ -3544,7 +3543,7 @@ const Ka = ({
             },
             `ToggleGroupControlIcon-${p.value}`
           ) : /* @__PURE__ */ n.jsx(
-            Bn,
+            Tn,
             {
               value: p.value,
               label: p.label,
@@ -3567,7 +3566,7 @@ const Ka = ({
   return G(() => {
     f(l);
   }, [l]), /* @__PURE__ */ n.jsx(ne, { className: W(a, "flex items-center gap-2"), children: /* @__PURE__ */ n.jsx(
-    Wn,
+    On,
     {
       checked: d,
       label: o,
@@ -3626,6 +3625,6 @@ export {
   no as ToggleGroup,
   ao as ToggleSwitch,
   ne as Wrap,
-  Yt as useModalContext
+  Vt as useModalContext
 };
 //# sourceMappingURL=index.js.map