@x4b/design-system 28.4.0

package/dist/design-system.es.js

@@ -0,0 +1,1312 @@
+import * as H from "react";
+import K from "react";
+function zr(r) {
+  var t, a, n = "";
+  if (typeof r == "string" || typeof r == "number")
+    n += r;
+  else if (typeof r == "object")
+    if (Array.isArray(r))
+      for (t = 0; t < r.length; t++)
+        r[t] && (a = zr(r[t])) && (n && (n += " "), n += a);
+    else
+      for (t in r)
+        r[t] && (n && (n += " "), n += t);
+  return n;
+}
+function F() {
+  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 = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Vr;
+function Ie() {
+  if (Vr)
+    return L;
+  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]);
+    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 };
+  }
+  return L.Fragment = a, L.jsx = p, L.jsxs = p, L;
+}
+var $ = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var 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";
+    function rr(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      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;
+    function R(e) {
+      {
+        for (var i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), u = 1; u < i; u++)
+          o[u - 1] = arguments[u];
+        ee("error", e, o);
+      }
+    }
+    function ee(e, i, o) {
+      {
+        var u = I.ReactDebugCurrentFrame, d = u.getStackAddendum();
+        d !== "" && (i += "%s", o = o.concat([d]));
+        var g = o.map(function(f) {
+          return String(f);
+        });
+        g.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, g);
+      }
+    }
+    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));
+    }
+    function ue(e, i, o) {
+      var u = e.displayName;
+      if (u)
+        return u;
+      var d = i.displayName || i.name || "";
+      return d !== "" ? o + "(" + d + ")" : o;
+    }
+    function gr(e) {
+      return e.displayName || "Context";
+    }
+    function C(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case n:
+          return "Fragment";
+        case a:
+          return "Portal";
+        case c:
+          return "Profiler";
+        case s:
+          return "StrictMode";
+        case E:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case m:
+            var i = e;
+            return gr(i) + ".Consumer";
+          case p:
+            var o = e;
+            return gr(o._context) + ".Provider";
+          case v:
+            return ue(e, e.render, "ForwardRef");
+          case y:
+            var u = e.displayName || null;
+            return u !== null ? u : C(e.type) || "Memo";
+          case O: {
+            var d = e, g = d._payload, f = d._init;
+            try {
+              return C(f(g));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var N = Object.assign, Y = 0, pr, mr, hr, br, wr, yr, xr;
+    function Er() {
+    }
+    Er.__reactDisabledLog = !0;
+    function ce() {
+      {
+        if (Y === 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,
+            enumerable: !0,
+            value: Er,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        Y++;
+      }
+    }
+    function le() {
+      {
+        if (Y--, Y === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: N({}, e, {
+              value: pr
+            }),
+            info: N({}, e, {
+              value: mr
+            }),
+            warn: N({}, e, {
+              value: hr
+            }),
+            error: N({}, e, {
+              value: br
+            }),
+            group: N({}, e, {
+              value: wr
+            }),
+            groupCollapsed: N({}, e, {
+              value: yr
+            }),
+            groupEnd: N({}, e, {
+              value: xr
+            })
+          });
+        }
+        Y < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var er = I.ReactCurrentDispatcher, tr;
+    function M(e, i, o) {
+      {
+        if (tr === void 0)
+          try {
+            throw Error();
+          } catch (d) {
+            var u = d.stack.trim().match(/\n( *(at )?)/);
+            tr = u && u[1] || "";
+          }
+        return `
+` + tr + e;
+      }
+    }
+    var ar = !1, W;
+    {
+      var fe = typeof WeakMap == "function" ? WeakMap : Map;
+      W = new fe();
+    }
+    function Rr(e, i) {
+      if (!e || ar)
+        return "";
+      {
+        var o = W.get(e);
+        if (o !== void 0)
+          return o;
+      }
+      var u;
+      ar = !0;
+      var d = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var g;
+      g = er.current, er.current = null, ce();
+      try {
+        if (i) {
+          var f = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(f.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(f, []);
+            } catch (P) {
+              u = P;
+            }
+            Reflect.construct(e, [], f);
+          } else {
+            try {
+              f.call();
+            } catch (P) {
+              u = P;
+            }
+            e.call(f.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (P) {
+            u = P;
+          }
+          e();
+        }
+      } catch (P) {
+        if (P && u && typeof P.stack == "string") {
+          for (var l = P.stack.split(`
+`), _ = u.stack.split(`
+`), w = l.length - 1, x = _.length - 1; w >= 1 && x >= 0 && l[w] !== _[x]; )
+            x--;
+          for (; w >= 1 && x >= 0; w--, x--)
+            if (l[w] !== _[x]) {
+              if (w !== 1 || x !== 1)
+                do
+                  if (w--, x--, x < 0 || l[w] !== _[x]) {
+                    var S = `
+` + l[w].replace(" at new ", " at ");
+                    return e.displayName && S.includes("<anonymous>") && (S = S.replace("<anonymous>", e.displayName)), typeof e == "function" && W.set(e, S), S;
+                  }
+                while (w >= 1 && x >= 0);
+              break;
+            }
+        }
+      } finally {
+        ar = !1, er.current = g, le(), Error.prepareStackTrace = d;
+      }
+      var j = e ? e.displayName || e.name : "", jr = j ? M(j) : "";
+      return typeof e == "function" && W.set(e, jr), jr;
+    }
+    function de(e, i, o) {
+      return Rr(e, !1);
+    }
+    function ve(e) {
+      var i = e.prototype;
+      return !!(i && i.isReactComponent);
+    }
+    function q(e, i, o) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Rr(e, ve(e));
+      if (typeof e == "string")
+        return M(e);
+      switch (e) {
+        case E:
+          return M("Suspense");
+        case b:
+          return M("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case v:
+            return de(e.render);
+          case y:
+            return q(e.type, i, o);
+          case O: {
+            var u = e, d = u._payload, g = u._init;
+            try {
+              return q(g(d), i, o);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var G = Object.prototype.hasOwnProperty, _r = {}, Tr = I.ReactDebugCurrentFrame;
+    function z(e) {
+      if (e) {
+        var i = e._owner, o = q(e.type, e._source, i ? i.type : null);
+        Tr.setExtraStackFrame(o);
+      } else
+        Tr.setExtraStackFrame(null);
+    }
+    function ge(e, i, o, u, d) {
+      {
+        var g = Function.call.bind(G);
+        for (var f in e)
+          if (g(e, f)) {
+            var l = void 0;
+            try {
+              if (typeof e[f] != "function") {
+                var _ = Error((u || "React class") + ": " + o + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw _.name = "Invariant Violation", _;
+              }
+              l = e[f](i, f, u, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (w) {
+              l = w;
+            }
+            l && !(l instanceof Error) && (z(d), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", o, f, typeof l), z(null)), l instanceof Error && !(l.message in _r) && (_r[l.message] = !0, z(d), R("Failed %s type: %s", o, l.message), z(null));
+          }
+      }
+    }
+    var pe = Array.isArray;
+    function nr(e) {
+      return pe(e);
+    }
+    function me(e) {
+      {
+        var i = typeof Symbol == "function" && Symbol.toStringTag, o = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o;
+      }
+    }
+    function he(e) {
+      try {
+        return Or(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Or(e) {
+      return "" + e;
+    }
+    function Ar(e) {
+      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 = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Sr, Cr, ir;
+    ir = {};
+    function we(e) {
+      if (G.call(e, "ref")) {
+        var i = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (i && i.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function ye(e) {
+      if (G.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning)
+          return !1;
+      }
+      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);
+      }
+    }
+    function Ee(e, i) {
+      {
+        var o = function() {
+          Sr || (Sr = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    function Re(e, i) {
+      {
+        var o = function() {
+          Cr || (Cr = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    var _e = function(e, i, o, u, d, g, f) {
+      var l = {
+        $$typeof: t,
+        type: e,
+        key: i,
+        ref: o,
+        props: f,
+        _owner: g
+      };
+      return l._store = {}, Object.defineProperty(l._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(l, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.defineProperty(l, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: d
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+    };
+    function Te(e, i, o, u, d) {
+      {
+        var g, f = {}, l = null, _ = null;
+        o !== void 0 && (Ar(o), l = "" + o), ye(i) && (Ar(i.key), l = "" + i.key), we(i) && (_ = i.ref, xe(i, d));
+        for (g in i)
+          G.call(i, g) && !be.hasOwnProperty(g) && (f[g] = i[g]);
+        if (e && e.defaultProps) {
+          var w = e.defaultProps;
+          for (g in w)
+            f[g] === void 0 && (f[g] = w[g]);
+        }
+        if (l || _) {
+          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);
+      }
+    }
+    var or = I.ReactCurrentOwner, Pr = I.ReactDebugCurrentFrame;
+    function D(e) {
+      if (e) {
+        var i = e._owner, o = q(e.type, e._source, i ? i.type : null);
+        Pr.setExtraStackFrame(o);
+      } else
+        Pr.setExtraStackFrame(null);
+    }
+    var sr;
+    sr = !1;
+    function ur(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function kr() {
+      {
+        if (or.current) {
+          var e = C(or.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function Oe(e) {
+      {
+        if (e !== void 0) {
+          var i = e.fileName.replace(/^.*[\\\/]/, ""), o = e.lineNumber;
+          return `
+
+Check your code at ` + i + ":" + o + ".";
+        }
+        return "";
+      }
+    }
+    var Nr = {};
+    function Ae(e) {
+      {
+        var i = kr();
+        if (!i) {
+          var o = typeof e == "string" ? e : e.displayName || e.name;
+          o && (i = `
+
+Check the top-level render call using <` + o + ">.");
+        }
+        return i;
+      }
+    }
+    function Fr(e, i) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var o = Ae(i);
+        if (Nr[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);
+      }
+    }
+    function Ir(e, i) {
+      {
+        if (typeof e != "object")
+          return;
+        if (nr(e))
+          for (var o = 0; o < e.length; o++) {
+            var u = e[o];
+            ur(u) && Fr(u, i);
+          }
+        else if (ur(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var d = rr(e);
+          if (typeof d == "function" && d !== e.entries)
+            for (var g = d.call(e), f; !(f = g.next()).done; )
+              ur(f.value) && Fr(f.value, i);
+        }
+      }
+    }
+    function Se(e) {
+      {
+        var i = e.type;
+        if (i == null || typeof i == "string")
+          return;
+        var o;
+        if (typeof i == "function")
+          o = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === v || i.$$typeof === y))
+          o = i.propTypes;
+        else
+          return;
+        if (o) {
+          var u = C(i);
+          ge(o, e.props, "prop", u, e);
+        } else if (i.PropTypes !== void 0 && !sr) {
+          sr = !0;
+          var d = C(i);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", d || "Unknown");
+        }
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Ce(e) {
+      {
+        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);
+            break;
+          }
+        }
+        e.ref !== null && (D(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+      }
+    }
+    function Dr(e, i, o, u, d, g) {
+      {
+        var f = se(e);
+        if (!f) {
+          var l = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " 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 _ = Oe(d);
+          _ ? l += _ : l += kr();
+          var w;
+          e === null ? w = "null" : nr(e) ? w = "array" : e !== void 0 && e.$$typeof === t ? (w = "<" + (C(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, l);
+        }
+        var x = Te(e, i, o, d, g);
+        if (x == null)
+          return x;
+        if (f) {
+          var S = i.children;
+          if (S !== void 0)
+            if (u)
+              if (nr(S)) {
+                for (var j = 0; j < S.length; j++)
+                  Ir(S[j], 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.");
+            else
+              Ir(S, e);
+        }
+        return e === n ? Ce(x) : Se(x), x;
+      }
+    }
+    function Pe(e, i, o) {
+      return Dr(e, i, o, !0);
+    }
+    function ke(e, i, o) {
+      return Dr(e, i, o, !1);
+    }
+    var Ne = ke, Fe = Pe;
+    $.Fragment = n, $.jsx = Ne, $.jsxs = Fe;
+  }()), $;
+}
+(function(r) {
+  process.env.NODE_ENV === "production" ? r.exports = Ie() : r.exports = De();
+})(Q);
+const Hr = Q.exports.Fragment, A = Q.exports.jsx, X = Q.exports.jsxs;
+function je({
+  label: r,
+  className: t,
+  ...a
+}) {
+  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),
+    children: /* @__PURE__ */ A("p", {
+      className: "tw-sr-only",
+      children: r
+    })
+  });
+}
+const Ve = K.forwardRef(({
+  variant: r = "solid",
+  isLoading: t = !1,
+  colorScheme: a = "primary",
+  size: n = "base",
+  compact: s = !1,
+  rounded: c = !1,
+  loadingLabel: p,
+  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,
+    children: /* @__PURE__ */ A(Ye, {
+      isLoading: t,
+      loadingLabel: p,
+      children: m
+    })
+  });
+});
+function Ye({
+  isLoading: r,
+  loadingLabel: t,
+  children: a
+}) {
+  return /* @__PURE__ */ X(Hr, {
+    children: [/* @__PURE__ */ A("div", {
+      className: F("tw-block tw-transition-opacity", {
+        "tw-opacity-0": r,
+        "tw-opacity-100": !r
+      }),
+      children: a
+    }), r && /* @__PURE__ */ A(je, {
+      className: "tw-absolute tw-top-0 tw-right-0 tw-bottom-0 tw-left-0 tw-m-auto",
+      label: t
+    })]
+  });
+}
+function It({
+  as: r,
+  children: t,
+  size: a = "base",
+  ...n
+}) {
+  const s = r || "a";
+  return /* @__PURE__ */ A(Ve, {
+    ...n,
+    className: F("tw-group", n.className),
+    as: s,
+    variant: "link",
+    colorScheme: "primary",
+    size: a,
+    children: /* @__PURE__ */ X("div", {
+      className: "tw-flex tw-items-center tw-gap-2",
+      children: [t, /* @__PURE__ */ A(qe, {
+        className: "tw-h-[0.8em] tw-translate-y-px tw-transition-transform tw-duration-500 group-hover:tw-duration-150 motion-safe:group-hover:tw-scale-125",
+        "aria-hidden": !0
+      })]
+    })
+  });
+}
+const Ue = typeof window > "u" ? () => {
+} : K.useLayoutEffect;
+function Dt({
+  img: r,
+  blurDataUrl: t,
+  ...a
+}) {
+  const [n, s] = H.useState(!1), c = H.useRef(null);
+  Ue(() => {
+    var m;
+    (m = c.current) != null && m.complete && s(!0);
+  }, []), H.useEffect(() => {
+    if (!c.current)
+      return;
+    if (c.current.complete) {
+      setTimeout(() => {
+        s(!0);
+      }, 0);
+      return;
+    }
+    let m = !0;
+    return c.current.addEventListener("load", () => {
+      !c.current || !m || setTimeout(() => {
+        s(!0);
+      }, 0);
+    }), () => {
+      m = !1;
+    };
+  }, []);
+  const p = H.cloneElement(r, {
+    ref: c,
+    className: F(r.props.className, "tw-transition-opacity", {
+      "tw-opacity-0": !n
+    })
+  });
+  return /* @__PURE__ */ X("div", {
+    ...a,
+    children: [t ? /* @__PURE__ */ X(Hr, {
+      children: [/* @__PURE__ */ A("img", {
+        src: t,
+        className: r.props.className,
+        alt: r.props.alt
+      }, t), /* @__PURE__ */ A("div", {
+        className: F(r.props.className, "tw-backdrop-blur-xl")
+      })]
+    }) : void 0, p, /* @__PURE__ */ A("noscript", {
+      children: r
+    })]
+  });
+}
+const jt = "var(--x4b-font-family, 'Open Sans', sans-serif)", Le = {
+  50: "var(--x4b-primary-50, hsl(225deg, 57%, 97%))",
+  100: "var(--x4b-primary-100, hsl(227deg, 100%, 94%))",
+  200: "var(--x4b-primary-200, hsl(227deg, 89%, 89%))",
+  300: "var(--x4b-primary-300, hsl(227deg, 89%, 80%))",
+  400: "var(--x4b-primary-400, hsl(227deg, 88%, 72%))",
+  500: "var(--x4b-primary-500, hsl(227deg, 93%, 65%))",
+  600: "var(--x4b-primary-600, hsl(227deg, 100%, 59%))",
+  700: "var(--x4b-primary-700, hsl(227deg, 82%, 46%))",
+  800: "var(--x4b-primary-800, hsl(227deg, 86%, 36%))",
+  900: "var(--x4b-primary-900, hsl(227deg, 90%, 28%))"
+}, $e = {
+  50: "var(--x4b-secondary-50, #E3F8FF)",
+  100: "var(--x4b-secondary-100, #B3ECFF)",
+  200: "var(--x4b-secondary-200, #81DEFD)",
+  300: "var(--x4b-secondary-300, #5ED0FA)",
+  400: "var(--x4b-secondary-400, #40C3F7)",
+  500: "var(--x4b-secondary-500, #2BB0ED)",
+  600: "var(--x4b-secondary-600, #1992D4)",
+  700: "var(--x4b-secondary-700, #127FBF)",
+  800: "var(--x4b-secondary-800, #0B69A3)",
+  900: "var(--x4b-secondary-900, #035388)"
+}, Be = {
+  100: "var(--x4b-yellow-100, hsl(48deg, 100%, 96%))",
+  200: "var(--x4b-yellow-200, hsl(48deg, 100%, 88%))",
+  300: "var(--x4b-yellow-300, hsl(48deg, 95%, 76%))",
+  400: "var(--x4b-yellow-400, hsl(48deg, 94%, 68%))",
+  500: "var(--x4b-yellow-500, hsl(44deg, 92%, 63%))",
+  600: "var(--x4b-yellow-600, hsl(42deg, 87%, 55%))",
+  700: "var(--x4b-yellow-700, hsl(36deg, 77%, 49%))",
+  800: "var(--x4b-yellow-800, hsl(29deg, 80%, 44%))",
+  900: "var(--x4b-yellow-900, hsl(22deg, 82%, 39%))"
+}, Me = {
+  100: "var(--x4b-green-100, hsl(125deg, 65%, 93%))",
+  200: "var(--x4b-green-200, hsl(127deg, 65%, 85%))",
+  300: "var(--x4b-green-300, hsl(123deg, 63%, 74%))",
+  400: "var(--x4b-green-400, hsl(123deg, 53%, 55%))",
+  500: "var(--x4b-green-500, hsl(123deg, 57%, 45%))",
+  600: "var(--x4b-green-600, hsl(122deg, 73%, 35%))",
+  700: "var(--x4b-green-700, hsl(122deg, 80%, 29%))",
+  800: "var(--x4b-green-800, hsl(125deg, 79%, 26%))",
+  900: "var(--x4b-green-900, hsl(125deg, 86%, 20%))"
+}, We = {
+  100: "var(--x4b-red-100, hsl(360deg, 100%, 95%))",
+  200: "var(--x4b-red-200, hsl(360deg, 100%, 87%))",
+  300: "var(--x4b-red-300, hsl(360deg, 100%, 80%))",
+  400: "var(--x4b-red-400, hsl(360deg, 91%, 69%))",
+  500: "var(--x4b-red-500, hsl(360deg, 83%, 62%))",
+  600: "var(--x4b-red-600, hsl(356deg, 75%, 53%))",
+  700: "var(--x4b-red-700, hsl(354deg, 85%, 44%))",
+  800: "var(--x4b-red-800, hsl(352deg, 90%, 35%))",
+  900: "var(--x4b-red-900, hsl(350deg, 94%, 28%))"
+}, Ur = {
+  50: "var(--x4b-gray-50, hsl(213deg, 20%, 96%))",
+  100: "var(--x4b-gray-100, hsl(213deg, 18%, 90%))",
+  200: "var(--x4b-gray-200, hsl(217deg, 18%, 80%))",
+  300: "var(--x4b-gray-300, hsl(218deg, 20%, 70%))",
+  400: "var(--x4b-gray-400, hsl(219deg, 19%, 60%))",
+  500: "var(--x4b-gray-500, hsl(221deg, 20%, 52%))",
+  600: "var(--x4b-gray-600, hsl(221deg, 20%, 42%))",
+  700: "var(--x4b-gray-700, hsl(221deg, 22%, 34%))",
+  800: "var(--x4b-gray-800, hsl(221deg, 23%, 27%))",
+  900: "var(--x4b-gray-900, hsl(221deg, 25%, 24%))"
+}, Vt = {
+  white: "hsl(0deg, 0%, 100%)",
+  black: Ur[900],
+  primary: { ...Le },
+  accent: { ...$e },
+  yellow: { ...Be },
+  green: { ...Me },
+  red: { ...We },
+  gray: { ...Ur }
+}, Yt = {
+  0: "0",
+  1: "calc(4 / 16 * 1rem)",
+  2: "calc(8 / 16 * 1rem)",
+  3: "calc(12 / 16 * 1rem)",
+  4: "calc(16 / 16 * 1rem)",
+  5: "calc(24 / 16 * 1rem)",
+  6: "calc(32 / 16 * 1rem)",
+  7: "calc(48 / 16 * 1rem)",
+  8: "calc(64 / 16 * 1rem)",
+  9: "calc(96 / 16 * 1rem)",
+  10: "calc(128 / 16 *1rem)",
+  11: "calc(192 / 16 *1rem)",
+  12: "calc(256 / 16 *1rem)",
+  13: "calc(384 / 16 *1rem)",
+  14: "calc(512 / 16 *1rem)",
+  15: "calc(640 / 16 *1rem)"
+}, cr = {
+  phone: 600,
+  tablet: 950,
+  laptop: 1300
+}, Ut = {
+  phoneAndSmaller: `(max-width: ${cr.phone / 16}rem)`,
+  tabletAndSmaller: `(max-width: ${cr.tablet / 16}rem)`,
+  laptopAndSmaller: `(max-width: ${cr.laptop / 16}rem)`
+}, Lt = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  base: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "4rem"
+}, $t = {
+  light: 300,
+  normal: 400,
+  medium: 500,
+  bold: 600
+}, Bt = {
+  rounded: {
+    none: "0",
+    sm: "0.125rem",
+    default: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem"
+  }
+};
+function qe(r) {
+  return /* @__PURE__ */ A("svg", {
+    ...r,
+    className: F("tw-block", r.className),
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ A("path", {
+      d: "m8.25 2.25 3 3.75-3 3.75m3-3.75H.75",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+var Ge = {
+  equal: "eq",
+  notEqual: "ne",
+  lessThan: "lt",
+  greaterThan: "gt",
+  lessOrEqual: "lte",
+  greaterOrEqual: "gte",
+  include: "in",
+  notInclude: "nin"
+}, Lr = {
+  UPLOAD: "upload",
+  FETCH: "fetch",
+  PRIVATE: "private",
+  AUTHENTICATED: "authenticated",
+  SPRITE: "sprite",
+  FACEBOOK: "facebook",
+  TWITTER: "twitter",
+  YOUTUBE: "youtube",
+  VIMEO: "vimeo",
+  MULTI: "multi",
+  INSTAGRAM: "instagram",
+  HULU: "hulu",
+  ANIMOTO: "animoto",
+  DAILYMOTION: "dailymotion"
+}, lr = {
+  IMAGE: "image",
+  VIDEO: "video",
+  RAW: "raw"
+}, ze = {
+  context: "ctx",
+  structureMetadata: "md"
+}, $r = {
+  "image/upload": "images",
+  "image/private": "private_images",
+  "image/authenticated": "authenticated_images",
+  "raw/upload": "files",
+  "video/upload": "videos"
+}, He = {
+  angle: "a",
+  rotate: "a",
+  background: "b",
+  color: "co",
+  colorSpace: "cs",
+  customFunction: "fn",
+  defaultImage: "d",
+  density: "dn",
+  dpr: "dpr",
+  opacity: "o",
+  format: "f",
+  gravity: "g",
+  overlay: "l",
+  page: "pg",
+  prefix: "p",
+  quality: "q",
+  radius: "r",
+  bitRate: "br",
+  keyframeInterval: "ki",
+  audioCodec: "ac",
+  audioFrequency: "af",
+  delay: "dl",
+  ocr: "ocr",
+  streamingProfile: "sp",
+  transformation: "t",
+  underlay: "u",
+  videoCodec: "vc",
+  videoSampling: "vs",
+  zoom: "z"
+}, Xe = {
+  "=": "eq",
+  "!=": "ne",
+  "<": "lt",
+  ">": "gt",
+  "<=": "lte",
+  ">=": "gte",
+  "&&": "and",
+  "||": "or",
+  "*": "mul",
+  "/": "div",
+  "+": "add",
+  "-": "sub",
+  "^": "pow"
+}, Xr = {
+  width: "w",
+  height: "h",
+  x: "x",
+  y: "y",
+  quality: "q",
+  if: "if",
+  aspectRatio: "ar",
+  rotate: "a",
+  opacity: "o",
+  radius: "r",
+  dpr: "dpr",
+  effect: "e",
+  border: "bo",
+  currentPage: "cp",
+  preview: "preview:duration",
+  duration: "du",
+  faceCount: "fc",
+  initialAspectRatio: "iar",
+  initialDuration: "idu",
+  initialHeight: "ih",
+  initialWidth: "iw",
+  pageCount: "pc",
+  pageX: "px",
+  pageY: "py",
+  tags: "tags"
+}, Je = "(" + Object.keys(Xr).join("|") + ")", Ke = ["quality", "if", "rotate", "zoom", "opacity", "radius", "effect", "dpr"], Qe = {
+  width: "w",
+  initialWidth: "iw",
+  height: "h",
+  initialHeight: "ih",
+  aspectRatio: "ar",
+  intialAspectRatio: "iar",
+  context: "ctx",
+  metadata: "md",
+  tags: "tags",
+  trimmedAspectRatio: "tar",
+  currentPage: "cp",
+  faceCount: "fc",
+  pageCount: "pc",
+  pageXOffset: "px",
+  pageYOffset: "py",
+  initialDensity: "idn",
+  illustration: "ils",
+  pageNames: "pgnames"
+}, T = function(r, t) {
+  return t === void 0 && (t = ":"), r.filter(Boolean).join(t);
+}, Br = function(r) {
+  var t = r.expression ? T(r.expression.map(function(n) {
+    return Ze(n);
+  }), "_and_") : "", a = r.transformations.map(function(n) {
+    return Zr(Qr(n));
+  });
+  return {
+    expression: t,
+    transformations: T(a, "/")
+  };
+}, Mr = function(r) {
+  return Qe[r] || r;
+}, Ze = function(r) {
+  var t = Array.isArray(r.characteristic) ? T(r.characteristic.map(Mr)) : Mr(r.characteristic), a = Ge[r.operator], n = isNaN(r.value) ? "!" + r.value + "!" : r.value;
+  return T([t, a, n], "_");
+}, rt = function(r) {
+  if (!r || !r.if || !r.if.expression)
+    return "";
+  var t = Br(r.if), a = r.else ? Br(r.else) : null, n = T(["if_" + t.expression, t.transformations], "/"), s = a ? T(["if_else", a.transformations], "/") : "";
+  return [T([n, s, "if_end"], "/")];
+}, et = function(r) {
+  var t = typeof r == "string";
+  if (!r || !t && !r.name)
+    return "";
+  if (t || !r.value)
+    return "e_" + (r.name || r);
+  var a = Array.isArray(r.value) ? r.value.join(":") : r.value, n = T([r.name, a]);
+  return "e_" + n;
+}, Jr = "$", tt = {
+  integer: "to_i",
+  float: "to_f"
+}, Kr = "((\\|\\||>=|<=|&&|!=|>|=|<|/|-|\\+|\\*|\\^)(?=[ _]))", at = function(r) {
+  var t = new RegExp(Kr, "g");
+  return r.replace(t, function(a) {
+    return Xe[a];
+  });
+}, nt = function(r) {
+  var t = new RegExp(Je, "g");
+  return r.replace(t, function(a, n, s) {
+    return r[s - 1] === Jr ? a : Xr[a];
+  });
+}, V = function(r) {
+  return isNaN(r) ? dr(r) : r;
+}, dr = function(r) {
+  if (!r)
+    return "";
+  var t = at(r), a = nt(t);
+  return a.replace(/[ _]+/g, "_");
+}, it = function(r) {
+  var t = new RegExp(Kr, "g");
+  return t.test(r);
+}, ot = function(r) {
+  if (!r || r.length === 0)
+    return "";
+  var t = typeof r == "string" ? r : r.join(":");
+  return "fl_" + t;
+}, st = function(r) {
+  return r;
+}, ut = function(r) {
+  if (!r || !r.expression)
+    return "";
+  var t = Array.isArray(r.expression) ? T(r.expression) : r.expression, a = it(t), n = dr(t), s = tt[r.formatAs] || "", c = n && !a ? "!" + n + "!" : n;
+  return T([c, s], "_");
+}, Wr = function(r) {
+  var t = "" + Jr + r.name, a = r.value;
+  isNaN(r.value) && (Array.isArray(r.value) ? a = T(r.value) : a = ut(r.value));
+  var n = T([ze[r.assignFrom], a], ":");
+  return n ? T([t, n], "_") : "";
+}, ct = function(r) {
+  return r ? Array.isArray(r) ? T(r.map(function(t) {
+    return Wr(t);
+  }), ",") : Wr(r) : "";
+}, lt = function(r) {
+  var t = typeof r == "object";
+  if (!r || t && !r.min)
+    return "";
+  var a = t ? T([r.min, r.max], "-") : r;
+  return "fps_" + a;
+}, ft = function(r) {
+  if (!r)
+    return "";
+  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) : "";
+  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;
+  if (!c)
+    return "";
+  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) : "";
+  return [n, s].filter(Boolean).join();
+}, pt = function(r) {
+  var t = r.resize || r.width || r.height || r.aspectRatio;
+  return t ? dt(r.resize || { width: r.width, height: r.height, type: r.crop, aspectRatio: r.aspectRatio }) : "";
+}, mt = function(r) {
+  if (!r.border)
+    return "";
+  var t = typeof r.border == "string" ? "bo_" + r.border : vt(r.border);
+  return t;
+}, ht = function(r) {
+  return !r.x && !r.y && !r.position ? "" : gt(r.position || { x: r.x, y: r.y });
+}, qr = function(r) {
+  var t = [];
+  t.push(ct(r.variables)), t.push(pt(r)), t.push(mt(r)), t.push(ht(r)), t.push(lt(r.fps)), t.push(ft(r.offset));
+  for (var a in r) {
+    var n = r[a], s = He[a];
+    if (!(!s || !n)) {
+      var c = Ke.includes(a);
+      t.push(s + "_" + (c ? V(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);
+}, Qr = function(r) {
+  var t = qr(r), a = r.transformation || r.chaining;
+  return a && Array.isArray(a) && a.forEach(function(n) {
+    var s = qr(n);
+    s.length > 0 && t.push(s);
+  }), t.filter(Boolean);
+}, Zr = function(r) {
+  return r.reduce(function(t, a) {
+    var n = Array.isArray(a), s = n ? "/" : ",";
+    return "" + t + (t ? s : "") + a.toString();
+  }, "");
+}, J = globalThis && globalThis.__assign || function() {
+  return J = 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;
+  }, J.apply(this, arguments);
+}, bt = ["cloudinary-a.akamaihd.net", "res.cloudinary.com"], wt = /^.+\.cloudinary\.com\/(?:[^\/]+\/)(?:(image|video|raw)\/)?(?:(upload|fetch|private|authenticated|sprite|facebook|twitter|youtube|vimeo)\/)?(?:(?:[^_/]+_[^,/]+,?)*\/)?(?:v(\d+|\w{1,2})\/)?([^\.^\s]+)(?:\.(.+))?$/, yt = function(r) {
+  if (!r)
+    return "";
+  var t = wt.exec(r);
+  return t && t.length > 2 ? t[t.length - 2] : r;
+}, xt = function(r) {
+  if (!r)
+    return "";
+  var t = r.indexOf("s--") === 0 && r.endsWith("--");
+  return t ? r : "s--" + r + "--";
+}, Et = function(r) {
+  return !r.match(/^v[0-9]+/) && !r.match(/^https?:\//);
+}, Gr = function(r) {
+  return encodeURIComponent(r).replace(/%3A/g, ":").replace(/%2F/g, "/");
+}, Rt = function(r, t) {
+  var a = t.forceVersion, n = a === void 0 ? !1 : a, s = t.version, c = s === void 0 ? 1 : s, p = Et(r) && n;
+  return p ? "v" + c : "";
+}, _t = function(r, t) {
+  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;
+}, 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;
+  if (E)
+    throw new Error("Root path only supported for image/upload");
+  if (p)
+    return b ? "iu" : "";
+  if (c) {
+    var O = $r[y];
+    if (O)
+      return O;
+    throw new Error("URL Suffix only supported for " + Object.keys($r).join(", "));
+  }
+  return y;
+}, re = function(r) {
+  return r && !!r.match(/^https?:\//);
+}, At = function(r, t) {
+  var a = t.urlSuffix, n = a === void 0 ? "" : a;
+  if (re(r))
+    return Gr(r);
+  var s = [r, n].filter(Boolean).join("/");
+  return Gr(s);
+}, 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));
+  return [c, m, p, y, s, v].filter(Boolean).join("/").replace(" ", "%20");
+}, k = globalThis && globalThis.__assign || function() {
+  return k = 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);
+}, fr = {}, Ct = function(r) {
+  return fr = k(k({}, 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);
+  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 }),
+    transformations: c
+  });
+};
+Ct({
+  cloudName: "x4b"
+});
+function Nt(r, t = "") {
+  function a(n) {
+    return kt(r, {
+      transformations: n
+    });
+  }
+  return a.alt = t, a.id = r, a;
+}
+function Mt(r, {
+  widths: t,
+  sizes: a,
+  transformations: n
+}) {
+  const s = Math.ceil(t.reduce((c, p) => c + p) / t.length);
+  return {
+    alt: r.alt,
+    src: r({
+      quality: "auto",
+      format: "auto",
+      ...n,
+      resize: {
+        width: s,
+        ...n == null ? void 0 : n.resize
+      }
+    }),
+    srcSet: t.map((c) => [r({
+      quality: "auto",
+      format: "auto",
+      ...n,
+      resize: {
+        width: c,
+        ...n == null ? void 0 : n.resize
+      }
+    }), `${c}w`].join(" ")).join(", "),
+    sizes: a.join(", ")
+  };
+}
+const Wt = (r) => {
+  const t = {};
+  for (const [a, {
+    id: n,
+    alt: s,
+    prefix: c
+  }] of Object.entries(r))
+    t[a] = Nt(`${c}/${n}`, s);
+  return t;
+};
+export {
+  It as AnchorLink,
+  Bt as BORDERS,
+  cr as BREAKPOINTS,
+  Dt as BlurrableImage,
+  Ve as Button,
+  Vt as COLORS,
+  jt as FONT_FAMILY,
+  Ut as QUERIES,
+  qe as RightArrow,
+  Yt as SPACES,
+  je as Spinner,
+  Lt as TEXT,
+  $t as WEIGHTS,
+  Wt as createImages,
+  Nt as getImageBuilder,
+  Mt as getImgProps
+};
+//# sourceMappingURL=design-system.es.js.map