@x4b/design-system 28.5.0 → 28.7.0

package/dist/design-system.es.js

@@ -13,12 +13,12 @@ function zr(r) {
         r[t] && (n && (n += " "), n += t);
   return n;
 }
-function F() {
+function I() {
   for (var r, t, a = 0, n = ""; a < arguments.length; )
     (r = arguments[a++]) && (t = zr(r)) && (n && (n += " "), n += t);
   return n;
 }
-var Q = { exports: {} }, L = {};
+var Q = { exports: {} }, $ = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -31,22 +31,22 @@ var Q = { exports: {} }, L = {};
 var Vr;
 function Ie() {
   if (Vr)
-    return L;
+    return $;
   Vr = 1;
   var r = K, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
   function p(m, v, E) {
-    var b, y = {}, O = null, h = null;
-    E !== void 0 && (O = "" + E), v.key !== void 0 && (O = "" + v.key), v.ref !== void 0 && (h = v.ref);
-    for (b in v)
-      n.call(v, b) && !c.hasOwnProperty(b) && (y[b] = v[b]);
+    var h, y = {}, O = null, k = null;
+    E !== void 0 && (O = "" + E), v.key !== void 0 && (O = "" + v.key), v.ref !== void 0 && (k = v.ref);
+    for (h in v)
+      n.call(v, h) && !c.hasOwnProperty(h) && (y[h] = v[h]);
     if (m && m.defaultProps)
-      for (b in v = m.defaultProps, v)
-        y[b] === void 0 && (y[b] = v[b]);
-    return { $$typeof: t, type: m, key: O, ref: h, props: y, _owner: s.current };
+      for (h in v = m.defaultProps, v)
+        y[h] === void 0 && (y[h] = v[h]);
+    return { $$typeof: t, type: m, key: O, ref: k, props: y, _owner: s.current };
   }
-  return L.Fragment = a, L.jsx = p, L.jsxs = p, L;
+  return $.Fragment = a, $.jsx = p, $.jsxs = p, $;
 }
-var $ = {};
+var B = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -59,14 +59,14 @@ var $ = {};
 var Yr;
 function De() {
   return Yr || (Yr = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = K, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), m = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), B = Symbol.iterator, Z = "@@iterator";
+    var r = K, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), m = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), b = Symbol.iterator, Z = "@@iterator";
     function rr(e) {
       if (e === null || typeof e != "object")
         return null;
-      var i = B && e[B] || e[Z];
+      var i = b && e[b] || e[Z];
       return typeof i == "function" ? i : null;
     }
-    var I = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var D = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function R(e) {
       {
         for (var i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), u = 1; u < i; u++)
@@ -76,7 +76,7 @@ function De() {
     }
     function ee(e, i, o) {
       {
-        var u = I.ReactDebugCurrentFrame, d = u.getStackAddendum();
+        var u = D.ReactDebugCurrentFrame, d = u.getStackAddendum();
         d !== "" && (i += "%s", o = o.concat([d]));
         var g = o.map(function(f) {
           return String(f);
@@ -87,7 +87,7 @@ function De() {
     var te = !1, ae = !1, ne = !1, ie = !1, oe = !1, vr;
     vr = Symbol.for("react.module.reference");
     function se(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === c || oe || e === s || e === E || e === b || ie || e === h || te || ae || ne || typeof e == "object" && e !== null && (e.$$typeof === O || e.$$typeof === y || e.$$typeof === p || e.$$typeof === m || e.$$typeof === v || e.$$typeof === vr || e.getModuleId !== void 0));
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === c || oe || e === s || e === E || e === h || ie || e === k || te || ae || ne || typeof e == "object" && e !== null && (e.$$typeof === O || e.$$typeof === y || e.$$typeof === p || e.$$typeof === m || e.$$typeof === v || e.$$typeof === vr || e.getModuleId !== void 0));
     }
     function ue(e, i, o) {
       var u = e.displayName;
@@ -117,7 +117,7 @@ function De() {
           return "StrictMode";
         case E:
           return "Suspense";
-        case b:
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
@@ -144,13 +144,13 @@ function De() {
         }
       return null;
     }
-    var N = Object.assign, Y = 0, pr, mr, hr, br, wr, yr, xr;
+    var F = Object.assign, U = 0, pr, mr, hr, br, wr, yr, xr;
     function Er() {
     }
     Er.__reactDisabledLog = !0;
     function ce() {
       {
-        if (Y === 0) {
+        if (U === 0) {
           pr = console.log, mr = console.info, hr = console.warn, br = console.error, wr = console.group, yr = console.groupCollapsed, xr = console.groupEnd;
           var e = {
             configurable: !0,
@@ -168,45 +168,45 @@ function De() {
             groupEnd: e
           });
         }
-        Y++;
+        U++;
       }
     }
     function le() {
       {
-        if (Y--, Y === 0) {
+        if (U--, U === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: N({}, e, {
+            log: F({}, e, {
               value: pr
             }),
-            info: N({}, e, {
+            info: F({}, e, {
               value: mr
             }),
-            warn: N({}, e, {
+            warn: F({}, e, {
               value: hr
             }),
-            error: N({}, e, {
+            error: F({}, e, {
               value: br
             }),
-            group: N({}, e, {
+            group: F({}, e, {
               value: wr
             }),
-            groupCollapsed: N({}, e, {
+            groupCollapsed: F({}, e, {
               value: yr
             }),
-            groupEnd: N({}, e, {
+            groupEnd: F({}, e, {
               value: xr
             })
           });
         }
-        Y < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var er = I.ReactCurrentDispatcher, tr;
+    var er = D.ReactCurrentDispatcher, tr;
     function M(e, i, o) {
       {
         if (tr === void 0)
@@ -293,7 +293,7 @@ function De() {
       } finally {
         ar = !1, er.current = g, le(), Error.prepareStackTrace = d;
       }
-      var j = e ? e.displayName || e.name : "", jr = j ? M(j) : "";
+      var V = e ? e.displayName || e.name : "", jr = V ? M(V) : "";
       return typeof e == "function" && W.set(e, jr), jr;
     }
     function de(e, i, o) {
@@ -313,7 +313,7 @@ function De() {
       switch (e) {
         case E:
           return M("Suspense");
-        case b:
+        case h:
           return M("SuspenseList");
       }
       if (typeof e == "object")
@@ -332,7 +332,7 @@ function De() {
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, _r = {}, Tr = I.ReactDebugCurrentFrame;
+    var G = Object.prototype.hasOwnProperty, _r = {}, Tr = D.ReactDebugCurrentFrame;
     function z(e) {
       if (e) {
         var i = e._owner, o = q(e.type, e._source, i ? i.type : null);
@@ -383,7 +383,7 @@ function De() {
       if (he(e))
         return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", me(e)), Or(e);
     }
-    var U = I.ReactCurrentOwner, be = {
+    var L = D.ReactCurrentOwner, be = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -407,9 +407,9 @@ function De() {
       return e.key !== void 0;
     }
     function xe(e, i) {
-      if (typeof e.ref == "string" && U.current && i && U.current.stateNode !== i) {
-        var o = C(U.current.type);
-        ir[o] || (R('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', C(U.current.type), e.ref), ir[o] = !0);
+      if (typeof e.ref == "string" && L.current && i && L.current.stateNode !== i) {
+        var o = C(L.current.type);
+        ir[o] || (R('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', C(L.current.type), e.ref), ir[o] = !0);
       }
     }
     function Ee(e, i) {
@@ -475,11 +475,11 @@ function De() {
           var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           l && Ee(f, x), _ && Re(f, x);
         }
-        return _e(e, l, _, d, u, U.current, f);
+        return _e(e, l, _, d, u, L.current, f);
       }
     }
-    var or = I.ReactCurrentOwner, Pr = I.ReactDebugCurrentFrame;
-    function D(e) {
+    var or = D.ReactCurrentOwner, Pr = D.ReactDebugCurrentFrame;
+    function j(e) {
       if (e) {
         var i = e._owner, o = q(e.type, e._source, i ? i.type : null);
         Pr.setExtraStackFrame(o);
@@ -537,7 +537,7 @@ Check the top-level render call using <` + o + ">.");
           return;
         Nr[o] = !0;
         var u = "";
-        e && e._owner && e._owner !== or.current && (u = " It was passed a child from " + C(e._owner.type) + "."), D(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, u), D(null);
+        e && e._owner && e._owner !== or.current && (u = " It was passed a child from " + C(e._owner.type) + "."), j(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, u), j(null);
       }
     }
     function Ir(e, i) {
@@ -587,11 +587,11 @@ Check the top-level render call using <` + o + ">.");
         for (var i = Object.keys(e.props), o = 0; o < i.length; o++) {
           var u = i[o];
           if (u !== "children" && u !== "key") {
-            D(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), D(null);
+            j(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), j(null);
             break;
           }
         }
-        e.ref !== null && (D(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+        e.ref !== null && (j(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), j(null));
       }
     }
     function Dr(e, i, o, u, d, g) {
@@ -613,8 +613,8 @@ Check the top-level render call using <` + o + ">.");
           if (S !== void 0)
             if (u)
               if (nr(S)) {
-                for (var j = 0; j < S.length; j++)
-                  Ir(S[j], e);
+                for (var V = 0; V < S.length; V++)
+                  Ir(S[V], e);
                 Object.freeze && Object.freeze(S);
               } else
                 R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -631,8 +631,8 @@ Check the top-level render call using <` + o + ">.");
       return Dr(e, i, o, !1);
     }
     var Ne = ke, Fe = Pe;
-    $.Fragment = n, $.jsx = Ne, $.jsxs = Fe;
-  }()), $;
+    B.Fragment = n, B.jsx = Ne, B.jsxs = Fe;
+  }()), B;
 }
 (function(r) {
   process.env.NODE_ENV === "production" ? r.exports = Ie() : r.exports = De();
@@ -645,7 +645,7 @@ function je({
 }) {
   return /* @__PURE__ */ A("div", {
     ...a,
-    className: F("tw-inline-block tw-h-[1em] tw-w-[1em] tw-animate-spin tw-rounded-full tw-border-2 tw-border-solid tw-border-current tw-border-b-trnsparent tw-border-l-transparent", t),
+    className: I("tw-inline-block tw-h-[1em] tw-w-[1em] tw-animate-spin tw-rounded-full tw-border-2 tw-border-solid tw-border-current tw-border-b-trnsparent tw-border-l-transparent", t),
     children: /* @__PURE__ */ A("p", {
       className: "tw-sr-only",
       children: r
@@ -663,14 +663,15 @@ const Ve = K.forwardRef(({
   children: m,
   className: v,
   as: E,
-  ...b
-}, y) => {
-  const O = E || "button", h = t;
-  return /* @__PURE__ */ A(O, {
-    ref: y,
-    disabled: h,
-    className: F("svg-block tw-relative tw-inline-block tw-font-sans tw-leading-normal tw-no-underline tw-transition-colors tw-duration-500 hover:tw-duration-150 focus:tw-outline-none", n === "sm" && "tw-text-sm", n === "base" && "tw-text-base", n === "lg" && "tw-text-base lg:tw-text-lg", n === "xl" && "tw-text-base lg:tw-text-lg xl:tw-text-xl", c ? "tw-px-3" : s ? "tw-px-2" : "tw-px-4", c ? "tw-rounded-full tw-py-3" : "tw-rounded-lg tw-py-2", h ? "tw-cursor-default tw-opacity-40" : "tw-cursor-pointer", r === "solid" && ["tw-rounded-lg tw-border tw-border-solid tw-py-2 tw-font-semibold focus-visible:tw-ring", a === "primary" && ["tw-bg-primary-600 tw-border-primary-600 focus-visible:tw-ring-primary-300  tw-text-white", !h && "hover:tw-bg-primary-700 hover:tw-border-primary-700"], a === "accent" && ["tw-bg-accent-800 tw-border-accent-800 focus-visible:tw-ring-accent-300 tw-text-white", !h && "hover:tw-bg-accent-900 hover:tw-border-accent-900"], a === "gray" && ["tw-border-gray-100 tw-bg-gray-100 tw-text-gray-700 focus-visible:tw-ring-gray-300 ", !h && "hover:tw-border-gray-200 hover:tw-bg-gray-200 hover:tw-text-gray-900"], a === "red" && ["tw-border-red-700 tw-bg-red-700 tw-text-white focus-visible:tw-ring-red-300", !h && "hover:tw-border-red-800 hover:tw-bg-red-800"], a === "green" && ["tw-border-green-700 tw-bg-green-700 tw-text-white focus-visible:tw-ring-green-300", !h && "hover:tw-border-green-800 hover:tw-bg-green-800"]], r === "outline" && ["tw-border tw-border-solid tw-bg-transparent tw-py-2 tw-font-medium focus:tw-outline-none focus-visible:tw-ring", a === "primary" && ["tw-border-primary-600 tw-text-primary-600 focus-visible:tw-ring-primary-300", !h && "hover:tw-text-primary-700 hover:tw-bg-primary-50 hover:tw-border-primary-700"], a === "accent" && ["tw-border-accent-800 tw-text-accent-800 focus-visible:tw-ring-accent-300", !h && "hover:tw-text-accent-800 hover:tw-border-accent-800 hover:tw-bg-accent-50"], a === "gray" && ["tw-border-gray-700  tw-text-gray-700 focus-visible:tw-ring-gray-300", !h && "hover:tw-border-gray-700 hover:tw-bg-gray-100 hover:tw-text-gray-700"], a === "red" && ["tw-border-red-800  tw-text-red-800 focus-visible:tw-ring-red-300", !h && "hover:tw-border-red-800 hover:tw-bg-red-100 hover:tw-text-red-800"], a === "green" && ["tw-border-green-800  tw-text-green-800 focus-visible:tw-ring-green-300", !h && "hover:tw-border-green-800 hover:tw-bg-green-100 hover:tw-text-green-800"]], r === "ghost" && ["tw-border tw-border-solid tw-border-transparent tw-bg-transparent tw-py-2 tw-font-medium focus:tw-outline-none focus-visible:tw-ring", a === "primary" && ["tw-text-primary-600 focus-visible:tw-ring-primary-300", !h && "hover:tw-text-primary-700 hover:tw-bg-primary-100 hover:tw-border-primary-100"], a === "accent" && ["tw-text-accent-800 focus-visible:tw-ring-accent-300", !h && "hover:tw-text-accent-800 hover:tw-border-accent-50 hover:tw-bg-accent-50"], a === "gray" && ["tw-text-gray-700 focus-visible:tw-ring-gray-300", !h && "hover:tw-border-gray-100 hover:tw-bg-gray-100 hover:tw-text-gray-700"], a === "red" && ["tw-text-red-800 focus-visible:tw-ring-red-300", !h && "hover:tw-border-red-100 hover:tw-bg-red-100 hover:tw-text-red-900"], a === "green" && ["tw-text-green-800 focus-visible:tw-ring-green-300", !h && "hover:tw-border-green-100 hover:tw-bg-green-100 hover:tw-text-green-800"]], r === "link" && ["tw-border tw-border-solid tw-border-transparent tw-bg-transparent !tw-px-0 !tw-py-0 tw-font-medium hover:tw-underline focus:tw-outline-none focus-visible:tw-ring focus-visible:tw-ring-offset-2", a === "primary" && ["focus-visible:tw-ring-primary-300 tw-text-primary-700"], a === "gray" && ["tw-text-gray-700 focus-visible:tw-ring-gray-300"]], v),
-    ...b,
+  disabled: h,
+  ...y
+}, O) => {
+  const k = E || "button", b = h || t;
+  return /* @__PURE__ */ A(k, {
+    ref: O,
+    disabled: b,
+    className: I("svg-block tw-relative tw-inline-block tw-font-sans tw-leading-normal tw-no-underline tw-transition-colors tw-duration-500 hover:tw-duration-150 focus:tw-outline-none", n === "sm" && "tw-text-sm", n === "base" && "tw-text-base", n === "lg" && "tw-text-base lg:tw-text-lg", n === "xl" && "tw-text-base lg:tw-text-lg xl:tw-text-xl", c ? "tw-px-3" : s ? "tw-px-2" : "tw-px-4", c ? "tw-rounded-full tw-py-3" : "tw-rounded-lg tw-py-2", b ? "tw-cursor-default tw-opacity-40" : "tw-cursor-pointer", r === "solid" && ["tw-rounded-lg tw-border tw-border-solid tw-py-2 tw-font-semibold focus-visible:tw-ring", a === "primary" && ["tw-bg-primary-600 tw-border-primary-600 focus-visible:tw-ring-primary-300  tw-text-white", !b && "hover:tw-bg-primary-700 hover:tw-border-primary-700"], a === "accent" && ["tw-bg-accent-800 tw-border-accent-800 focus-visible:tw-ring-accent-300 tw-text-white", !b && "hover:tw-bg-accent-900 hover:tw-border-accent-900"], a === "gray" && ["tw-border-gray-100 tw-bg-gray-100 tw-text-gray-700 focus-visible:tw-ring-gray-300 ", !b && "hover:tw-border-gray-200 hover:tw-bg-gray-200 hover:tw-text-gray-900"], a === "red" && ["tw-border-red-700 tw-bg-red-700 tw-text-white focus-visible:tw-ring-red-300", !b && "hover:tw-border-red-800 hover:tw-bg-red-800"], a === "green" && ["tw-border-green-700 tw-bg-green-700 tw-text-white focus-visible:tw-ring-green-300", !b && "hover:tw-border-green-800 hover:tw-bg-green-800"]], r === "outline" && ["tw-border tw-border-solid tw-bg-transparent tw-py-2 tw-font-medium focus:tw-outline-none focus-visible:tw-ring", a === "primary" && ["tw-border-primary-600 tw-text-primary-600 focus-visible:tw-ring-primary-300", !b && "hover:tw-text-primary-700 hover:tw-bg-primary-50 hover:tw-border-primary-700"], a === "accent" && ["tw-border-accent-800 tw-text-accent-800 focus-visible:tw-ring-accent-300", !b && "hover:tw-text-accent-800 hover:tw-border-accent-800 hover:tw-bg-accent-50"], a === "gray" && ["tw-border-gray-700  tw-text-gray-700 focus-visible:tw-ring-gray-300", !b && "hover:tw-border-gray-700 hover:tw-bg-gray-100 hover:tw-text-gray-700"], a === "red" && ["tw-border-red-800  tw-text-red-800 focus-visible:tw-ring-red-300", !b && "hover:tw-border-red-800 hover:tw-bg-red-100 hover:tw-text-red-800"], a === "green" && ["tw-border-green-800  tw-text-green-800 focus-visible:tw-ring-green-300", !b && "hover:tw-border-green-800 hover:tw-bg-green-100 hover:tw-text-green-800"]], r === "ghost" && ["tw-border tw-border-solid tw-border-transparent tw-bg-transparent tw-py-2 tw-font-medium focus:tw-outline-none focus-visible:tw-ring", a === "primary" && ["tw-text-primary-600 focus-visible:tw-ring-primary-300", !b && "hover:tw-text-primary-700 hover:tw-bg-primary-100 hover:tw-border-primary-100"], a === "accent" && ["tw-text-accent-800 focus-visible:tw-ring-accent-300", !b && "hover:tw-text-accent-800 hover:tw-border-accent-50 hover:tw-bg-accent-50"], a === "gray" && ["tw-text-gray-700 focus-visible:tw-ring-gray-300", !b && "hover:tw-border-gray-100 hover:tw-bg-gray-100 hover:tw-text-gray-700"], a === "red" && ["tw-text-red-800 focus-visible:tw-ring-red-300", !b && "hover:tw-border-red-100 hover:tw-bg-red-100 hover:tw-text-red-900"], a === "green" && ["tw-text-green-800 focus-visible:tw-ring-green-300", !b && "hover:tw-border-green-100 hover:tw-bg-green-100 hover:tw-text-green-800"]], r === "link" && ["tw-border tw-border-solid tw-border-transparent tw-bg-transparent !tw-px-0 !tw-py-0 tw-font-medium hover:tw-underline focus:tw-outline-none focus-visible:tw-ring focus-visible:tw-ring-offset-2", a === "primary" && ["focus-visible:tw-ring-primary-300 tw-text-primary-700"], a === "gray" && ["tw-text-gray-700 focus-visible:tw-ring-gray-300"]], v),
+    ...y,
     children: /* @__PURE__ */ A(Ye, {
       isLoading: t,
       loadingLabel: p,
@@ -685,7 +686,7 @@ function Ye({
 }) {
   return /* @__PURE__ */ X(Hr, {
     children: [/* @__PURE__ */ A("div", {
-      className: F("tw-block tw-transition-opacity", {
+      className: I("tw-block tw-transition-opacity", {
         "tw-opacity-0": r,
         "tw-opacity-100": !r
       }),
@@ -705,7 +706,7 @@ function It({
   const s = r || "a";
   return /* @__PURE__ */ A(Ve, {
     ...n,
-    className: F("tw-group", n.className),
+    className: I("tw-group", n.className),
     as: s,
     variant: "link",
     colorScheme: "primary",
@@ -750,7 +751,7 @@ function Dt({
   }, []);
   const p = H.cloneElement(r, {
     ref: c,
-    className: F(r.props.className, "tw-transition-opacity", {
+    className: I(r.props.className, "tw-transition-opacity", {
       "tw-opacity-0": !n
     })
   });
@@ -762,7 +763,7 @@ function Dt({
         className: r.props.className,
         alt: r.props.alt
       }, t), /* @__PURE__ */ A("div", {
-        className: F(r.props.className, "tw-backdrop-blur-xl")
+        className: I(r.props.className, "tw-backdrop-blur-xl")
       })]
     }) : void 0, p, /* @__PURE__ */ A("noscript", {
       children: r
@@ -895,7 +896,7 @@ const jt = "var(--x4b-font-family, 'Open Sans', sans-serif)", Le = {
 function qe(r) {
   return /* @__PURE__ */ A("svg", {
     ...r,
-    className: F("tw-block", r.className),
+    className: I("tw-block", r.className),
     viewBox: "0 0 12 12",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1076,7 +1077,7 @@ var Ge = {
   return r.replace(t, function(a, n, s) {
     return r[s - 1] === Jr ? a : Xr[a];
   });
-}, V = function(r) {
+}, Y = function(r) {
   return isNaN(r) ? dr(r) : r;
 }, dr = function(r) {
   if (!r)
@@ -1119,7 +1120,7 @@ var Ge = {
   var t = r.start ? "so_" + r.start : "", a = r.end ? "eo_" + r.end : "", n = r.duration ? "du_" + r.duration : "";
   return [t, a, n].filter(Boolean).join(",");
 }, dt = function(r) {
-  var t = r.type, a = r.width, n = r.height, s = r.aspectRatio, c = a ? "w_" + V(a) : "", p = n ? "h_" + V(n) : "", m = t ? "c_" + t : "", v = s ? "ar_" + V(s) : "";
+  var t = r.type, a = r.width, n = r.height, s = r.aspectRatio, c = a ? "w_" + Y(a) : "", p = n ? "h_" + Y(n) : "", m = t ? "c_" + t : "", v = s ? "ar_" + Y(s) : "";
   return [m, c, p, v].filter(Boolean).join();
 }, vt = function(r) {
   var t = r.type, a = t === void 0 ? "solid" : t, n = r.color, s = n === void 0 ? "black" : n, c = r.width;
@@ -1128,7 +1129,7 @@ var Ge = {
   var p = isNaN(c) ? dr(c) : c + "px";
   return "bo_" + p + "_" + a + "_" + s;
 }, gt = function(r) {
-  var t = r.x, a = r.y, n = t ? "x_" + V(t) : "", s = a ? "y_" + V(a) : "";
+  var t = r.x, a = r.y, n = t ? "x_" + Y(t) : "", s = a ? "y_" + Y(a) : "";
   return [n, s].filter(Boolean).join();
 }, pt = function(r) {
   var t = r.resize || r.width || r.height || r.aspectRatio;
@@ -1147,7 +1148,7 @@ var Ge = {
     var n = r[a], s = He[a];
     if (!(!s || !n)) {
       var c = Ke.includes(a);
-      t.push(s + "_" + (c ? V(n) : n));
+      t.push(s + "_" + (c ? Y(n) : n));
     }
   }
   return t.push(et(r.effect)), t.push(ot(r.flags)), t.push(st(r.rawTransformation)), t.push(rt(r.condition)), t.filter(Boolean);
@@ -1192,14 +1193,14 @@ var Ge = {
   var a = t.cdnSubdomain, n = a === void 0 ? !1 : a, s = t.cname;
   return s ? n ? "a" + r + "." : "" : "res" + (n ? "-" + r : "");
 }, Tt = function(r, t) {
-  var a = t.cloudName, n = t.privateCdn, s = n === void 0 ? !1 : n, c = t.cdnSubdomain, p = c === void 0 ? !1 : c, m = t.secureDistribution, v = t.cname, E = t.secure, b = E === void 0 ? !0 : E, y = b && m && !bt.includes(m), O = "http" + (b ? "s" : "") + "://", h = s && !y ? a + "-" : "", B = s ? "" : "/" + a, Z = y ? "" : _t(r, { cdnSubdomain: p, cname: v }), rr = y ? m : v || ".cloudinary.com";
-  return "" + O + h + Z + rr + B;
+  var a = t.cloudName, n = t.privateCdn, s = n === void 0 ? !1 : n, c = t.cdnSubdomain, p = c === void 0 ? !1 : c, m = t.secureDistribution, v = t.cname, E = t.secure, h = E === void 0 ? !0 : E, y = h && m && !bt.includes(m), O = "http" + (h ? "s" : "") + "://", k = s && !y ? a + "-" : "", b = s ? "" : "/" + a, Z = y ? "" : _t(r, { cdnSubdomain: p, cname: v }), rr = y ? m : v || ".cloudinary.com";
+  return "" + O + k + Z + rr + b;
 }, Ot = function(r) {
-  var t = r.resourceType, a = t === void 0 ? lr.IMAGE : t, n = r.storageType, s = n === void 0 ? Lr.UPLOAD : n, c = r.urlSuffix, p = r.useRootPath, m = r.shortern, v = a === lr.IMAGE && s === Lr.UPLOAD, E = p && !v, b = m && v, y = a + "/" + s;
+  var t = r.resourceType, a = t === void 0 ? lr.IMAGE : t, n = r.storageType, s = n === void 0 ? Lr.UPLOAD : n, c = r.urlSuffix, p = r.useRootPath, m = r.shortern, v = a === lr.IMAGE && s === Lr.UPLOAD, E = p && !v, h = m && v, y = a + "/" + s;
   if (E)
     throw new Error("Root path only supported for image/upload");
   if (p)
-    return b ? "iu" : "";
+    return h ? "iu" : "";
   if (c) {
     var O = $r[y];
     if (O)
@@ -1218,26 +1219,26 @@ var Ge = {
 }, St = function(r, t, a) {
   if (t === void 0 && (t = { cloudName: "" }), !t.cloudName)
     throw Error("cloudName is required!");
-  var n = re(r) ? yt(r) : r, s = Rt(n, t), c = Tt(n, t), p = xt(t.signature), m = Ot(t), v = At(n, { urlSuffix: t.urlSuffix }), E = a.fetchFormat || a.format || "auto", b = J(J({ quality: "auto" }, a), { format: E }), y = Zr(Qr(b));
+  var n = re(r) ? yt(r) : r, s = Rt(n, t), c = Tt(n, t), p = xt(t.signature), m = Ot(t), v = At(n, { urlSuffix: t.urlSuffix }), E = a.fetchFormat || a.format || "auto", h = J(J({ quality: "auto" }, a), { format: E }), y = Zr(Qr(h));
   return [c, m, p, y, s, v].filter(Boolean).join("/").replace(" ", "%20");
-}, k = globalThis && globalThis.__assign || function() {
-  return k = Object.assign || function(r) {
+}, N = globalThis && globalThis.__assign || function() {
+  return N = Object.assign || function(r) {
     for (var t, a = 1, n = arguments.length; a < n; a++) {
       t = arguments[a];
       for (var s in t)
         Object.prototype.hasOwnProperty.call(t, s) && (r[s] = t[s]);
     }
     return r;
-  }, k.apply(this, arguments);
+  }, N.apply(this, arguments);
 }, fr = {}, Ct = function(r) {
-  return fr = k(k({}, fr), r);
+  return fr = N(N({}, fr), r);
 }, Pt = function(r, t) {
-  var a = t.cloud, n = a === void 0 ? {} : a, s = t.transformations, c = s === void 0 ? {} : s, p = k(k({}, fr), n);
+  var a = t.cloud, n = a === void 0 ? {} : a, s = t.transformations, c = s === void 0 ? {} : s, p = N(N({}, fr), n);
   return St(r, p, c);
 }, kt = function(r, t) {
   var a = t.cloud, n = a === void 0 ? {} : a, s = t.transformations, c = s === void 0 ? {} : s;
   return Pt(r, {
-    cloud: k(k({}, n), { resourceType: lr.IMAGE }),
+    cloud: N(N({}, n), { resourceType: lr.IMAGE }),
     transformations: c
   });
 };