this.gui 0.0.3 → 0.0.6

package/dist/this-gui.es.js

@@ -0,0 +1,2453 @@
+import un from "react";
+function kn(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var qe = { exports: {} }, Te = {};
+/**
+ * @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 Kr;
+function In() {
+  if (Kr)
+    return Te;
+  Kr = 1;
+  var r = un, u = Symbol.for("react.element"), s = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function S(y, h, w) {
+    var b, _ = {}, z = null, M = null;
+    w !== void 0 && (z = "" + w), h.key !== void 0 && (z = "" + h.key), h.ref !== void 0 && (M = h.ref);
+    for (b in h)
+      n.call(h, b) && !m.hasOwnProperty(b) && (_[b] = h[b]);
+    if (y && y.defaultProps)
+      for (b in h = y.defaultProps, h)
+        _[b] === void 0 && (_[b] = h[b]);
+    return { $$typeof: u, type: y, key: z, ref: M, props: _, _owner: o.current };
+  }
+  return Te.Fragment = s, Te.jsx = S, Te.jsxs = S, Te;
+}
+var Ee = {};
+/**
+ * @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 Xr;
+function Nn() {
+  return Xr || (Xr = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = un, u = Symbol.for("react.element"), s = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), y = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), G = Symbol.iterator, D = "@@iterator";
+    function V(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var a = G && e[G] || e[D];
+      return typeof a == "function" ? a : null;
+    }
+    var B = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function F(e) {
+      {
+        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
+          c[v - 1] = arguments[v];
+        U("error", e, c);
+      }
+    }
+    function U(e, a, c) {
+      {
+        var v = B.ReactDebugCurrentFrame, k = v.getStackAddendum();
+        k !== "" && (a += "%s", c = c.concat([k]));
+        var q = c.map(function($) {
+          return String($);
+        });
+        q.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, q);
+      }
+    }
+    var Y = !1, f = !1, te = !1, ye = !1, ve = !1, ue;
+    ue = Symbol.for("react.module.reference");
+    function be(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === m || ve || e === o || e === w || e === b || ye || e === M || Y || f || te || typeof e == "object" && e !== null && (e.$$typeof === z || e.$$typeof === _ || e.$$typeof === S || e.$$typeof === y || e.$$typeof === h || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === ue || e.getModuleId !== void 0));
+    }
+    function ce(e, a, c) {
+      var v = e.displayName;
+      if (v)
+        return v;
+      var k = a.displayName || a.name || "";
+      return k !== "" ? c + "(" + k + ")" : c;
+    }
+    function le(e) {
+      return e.displayName || "Context";
+    }
+    function K(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && F("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 s:
+          return "Portal";
+        case m:
+          return "Profiler";
+        case o:
+          return "StrictMode";
+        case w:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case y:
+            var a = e;
+            return le(a) + ".Consumer";
+          case S:
+            var c = e;
+            return le(c._context) + ".Provider";
+          case h:
+            return ce(e, e.render, "ForwardRef");
+          case _:
+            var v = e.displayName || null;
+            return v !== null ? v : K(e.type) || "Memo";
+          case z: {
+            var k = e, q = k._payload, $ = k._init;
+            try {
+              return K($(q));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var X = Object.assign, ae = 0, Q, ne, oe, fe, i, d, P;
+    function R() {
+    }
+    R.__reactDisabledLog = !0;
+    function g() {
+      {
+        if (ae === 0) {
+          Q = console.log, ne = console.info, oe = console.warn, fe = console.error, i = console.group, d = console.groupCollapsed, P = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: R,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        ae++;
+      }
+    }
+    function C() {
+      {
+        if (ae--, ae === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: X({}, e, {
+              value: Q
+            }),
+            info: X({}, e, {
+              value: ne
+            }),
+            warn: X({}, e, {
+              value: oe
+            }),
+            error: X({}, e, {
+              value: fe
+            }),
+            group: X({}, e, {
+              value: i
+            }),
+            groupCollapsed: X({}, e, {
+              value: d
+            }),
+            groupEnd: X({}, e, {
+              value: P
+            })
+          });
+        }
+        ae < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var T = B.ReactCurrentDispatcher, E;
+    function x(e, a, c) {
+      {
+        if (E === void 0)
+          try {
+            throw Error();
+          } catch (k) {
+            var v = k.stack.trim().match(/\n( *(at )?)/);
+            E = v && v[1] || "";
+          }
+        return `
+` + E + e;
+      }
+    }
+    var A = !1, j;
+    {
+      var J = typeof WeakMap == "function" ? WeakMap : Map;
+      j = new J();
+    }
+    function l(e, a) {
+      if (!e || A)
+        return "";
+      {
+        var c = j.get(e);
+        if (c !== void 0)
+          return c;
+      }
+      var v;
+      A = !0;
+      var k = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var q;
+      q = T.current, T.current = null, g();
+      try {
+        if (a) {
+          var $ = function() {
+            throw Error();
+          };
+          if (Object.defineProperty($.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct($, []);
+            } catch (Z) {
+              v = Z;
+            }
+            Reflect.construct(e, [], $);
+          } else {
+            try {
+              $.call();
+            } catch (Z) {
+              v = Z;
+            }
+            e.call($.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (Z) {
+            v = Z;
+          }
+          e();
+        }
+      } catch (Z) {
+        if (Z && v && typeof Z.stack == "string") {
+          for (var O = Z.stack.split(`
+`), H = v.stack.split(`
+`), W = O.length - 1, L = H.length - 1; W >= 1 && L >= 0 && O[W] !== H[L]; )
+            L--;
+          for (; W >= 1 && L >= 0; W--, L--)
+            if (O[W] !== H[L]) {
+              if (W !== 1 || L !== 1)
+                do
+                  if (W--, L--, L < 0 || O[W] !== H[L]) {
+                    var re = `
+` + O[W].replace(" at new ", " at ");
+                    return e.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", e.displayName)), typeof e == "function" && j.set(e, re), re;
+                  }
+                while (W >= 1 && L >= 0);
+              break;
+            }
+        }
+      } finally {
+        A = !1, T.current = q, C(), Error.prepareStackTrace = k;
+      }
+      var me = e ? e.displayName || e.name : "", se = me ? x(me) : "";
+      return typeof e == "function" && j.set(e, se), se;
+    }
+    function ee(e, a, c) {
+      return l(e, !1);
+    }
+    function de(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
+    }
+    function ie(e, a, c) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return l(e, de(e));
+      if (typeof e == "string")
+        return x(e);
+      switch (e) {
+        case w:
+          return x("Suspense");
+        case b:
+          return x("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case h:
+            return ee(e.render);
+          case _:
+            return ie(e.type, a, c);
+          case z: {
+            var v = e, k = v._payload, q = v._init;
+            try {
+              return ie(q(k), a, c);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var ge = Object.prototype.hasOwnProperty, qr = {}, Dr = B.ReactDebugCurrentFrame;
+    function Re(e) {
+      if (e) {
+        var a = e._owner, c = ie(e.type, e._source, a ? a.type : null);
+        Dr.setExtraStackFrame(c);
+      } else
+        Dr.setExtraStackFrame(null);
+    }
+    function fn(e, a, c, v, k) {
+      {
+        var q = Function.call.bind(ge);
+        for (var $ in e)
+          if (q(e, $)) {
+            var O = void 0;
+            try {
+              if (typeof e[$] != "function") {
+                var H = Error((v || "React class") + ": " + c + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw H.name = "Invariant Violation", H;
+              }
+              O = e[$](a, $, v, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (W) {
+              O = W;
+            }
+            O && !(O instanceof Error) && (Re(k), F("%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).", v || "React class", c, $, typeof O), Re(null)), O instanceof Error && !(O.message in qr) && (qr[O.message] = !0, Re(k), F("Failed %s type: %s", c, O.message), Re(null));
+          }
+      }
+    }
+    var dn = Array.isArray;
+    function xe(e) {
+      return dn(e);
+    }
+    function pn(e) {
+      {
+        var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c;
+      }
+    }
+    function mn(e) {
+      try {
+        return Mr(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Mr(e) {
+      return "" + e;
+    }
+    function Fr(e) {
+      if (mn(e))
+        return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pn(e)), Mr(e);
+    }
+    var he = B.ReactCurrentOwner, yn = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Wr, Yr, je;
+    je = {};
+    function vn(e) {
+      if (ge.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function bn(e) {
+      if (ge.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function gn(e, a) {
+      if (typeof e.ref == "string" && he.current && a && he.current.stateNode !== a) {
+        var c = K(he.current.type);
+        je[c] || (F('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', K(he.current.type), e.ref), je[c] = !0);
+      }
+    }
+    function hn(e, a) {
+      {
+        var c = function() {
+          Wr || (Wr = !0, F("%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)", a));
+        };
+        c.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: c,
+          configurable: !0
+        });
+      }
+    }
+    function Tn(e, a) {
+      {
+        var c = function() {
+          Yr || (Yr = !0, F("%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)", a));
+        };
+        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: c,
+          configurable: !0
+        });
+      }
+    }
+    var En = function(e, a, c, v, k, q, $) {
+      var O = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: u,
+        // Built-in properties that belong on the element
+        type: e,
+        key: a,
+        ref: c,
+        props: $,
+        // Record the component responsible for creating this element.
+        _owner: q
+      };
+      return O._store = {}, Object.defineProperty(O._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(O, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: v
+      }), Object.defineProperty(O, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: k
+      }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
+    };
+    function Rn(e, a, c, v, k) {
+      {
+        var q, $ = {}, O = null, H = null;
+        c !== void 0 && (Fr(c), O = "" + c), bn(a) && (Fr(a.key), O = "" + a.key), vn(a) && (H = a.ref, gn(a, k));
+        for (q in a)
+          ge.call(a, q) && !yn.hasOwnProperty(q) && ($[q] = a[q]);
+        if (e && e.defaultProps) {
+          var W = e.defaultProps;
+          for (q in W)
+            $[q] === void 0 && ($[q] = W[q]);
+        }
+        if (O || H) {
+          var L = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          O && hn($, L), H && Tn($, L);
+        }
+        return En(e, O, H, k, v, he.current, $);
+      }
+    }
+    var Oe = B.ReactCurrentOwner, Lr = B.ReactDebugCurrentFrame;
+    function pe(e) {
+      if (e) {
+        var a = e._owner, c = ie(e.type, e._source, a ? a.type : null);
+        Lr.setExtraStackFrame(c);
+      } else
+        Lr.setExtraStackFrame(null);
+    }
+    var Se;
+    Se = !1;
+    function Ce(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === u;
+    }
+    function Br() {
+      {
+        if (Oe.current) {
+          var e = K(Oe.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function Pn(e) {
+      {
+        if (e !== void 0) {
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), c = e.lineNumber;
+          return `
+
+Check your code at ` + a + ":" + c + ".";
+        }
+        return "";
+      }
+    }
+    var Ur = {};
+    function _n(e) {
+      {
+        var a = Br();
+        if (!a) {
+          var c = typeof e == "string" ? e : e.displayName || e.name;
+          c && (a = `
+
+Check the top-level render call using <` + c + ">.");
+        }
+        return a;
+      }
+    }
+    function Vr(e, a) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var c = _n(a);
+        if (Ur[c])
+          return;
+        Ur[c] = !0;
+        var v = "";
+        e && e._owner && e._owner !== Oe.current && (v = " It was passed a child from " + K(e._owner.type) + "."), pe(e), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, v), pe(null);
+      }
+    }
+    function Gr(e, a) {
+      {
+        if (typeof e != "object")
+          return;
+        if (xe(e))
+          for (var c = 0; c < e.length; c++) {
+            var v = e[c];
+            Ce(v) && Vr(v, a);
+          }
+        else if (Ce(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var k = V(e);
+          if (typeof k == "function" && k !== e.entries)
+            for (var q = k.call(e), $; !($ = q.next()).done; )
+              Ce($.value) && Vr($.value, a);
+        }
+      }
+    }
+    function xn(e) {
+      {
+        var a = e.type;
+        if (a == null || typeof a == "string")
+          return;
+        var c;
+        if (typeof a == "function")
+          c = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === h || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        a.$$typeof === _))
+          c = a.propTypes;
+        else
+          return;
+        if (c) {
+          var v = K(a);
+          fn(c, e.props, "prop", v, e);
+        } else if (a.PropTypes !== void 0 && !Se) {
+          Se = !0;
+          var k = K(a);
+          F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
+        }
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function jn(e) {
+      {
+        for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
+          var v = a[c];
+          if (v !== "children" && v !== "key") {
+            pe(e), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), pe(null);
+            break;
+          }
+        }
+        e.ref !== null && (pe(e), F("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null));
+      }
+    }
+    var Jr = {};
+    function Hr(e, a, c, v, k, q) {
+      {
+        var $ = be(e);
+        if (!$) {
+          var O = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (O += " 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 H = Pn(k);
+          H ? O += H : O += Br();
+          var W;
+          e === null ? W = "null" : xe(e) ? W = "array" : e !== void 0 && e.$$typeof === u ? (W = "<" + (K(e.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : W = typeof e, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, O);
+        }
+        var L = Rn(e, a, c, k, q);
+        if (L == null)
+          return L;
+        if ($) {
+          var re = a.children;
+          if (re !== void 0)
+            if (v)
+              if (xe(re)) {
+                for (var me = 0; me < re.length; me++)
+                  Gr(re[me], e);
+                Object.freeze && Object.freeze(re);
+              } else
+                F("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
+              Gr(re, e);
+        }
+        if (ge.call(a, "key")) {
+          var se = K(e), Z = Object.keys(a).filter(function(An) {
+            return An !== "key";
+          }), $e = Z.length > 0 ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Jr[se + $e]) {
+            var wn = Z.length > 0 ? "{" + Z.join(": ..., ") + ": ...}" : "{}";
+            F(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, $e, se, wn, se), Jr[se + $e] = !0;
+          }
+        }
+        return e === n ? jn(L) : xn(L), L;
+      }
+    }
+    function On(e, a, c) {
+      return Hr(e, a, c, !0);
+    }
+    function Sn(e, a, c) {
+      return Hr(e, a, c, !1);
+    }
+    var Cn = Sn, $n = On;
+    Ee.Fragment = n, Ee.jsx = Cn, Ee.jsxs = $n;
+  }()), Ee;
+}
+process.env.NODE_ENV === "production" ? qe.exports = In() : qe.exports = Nn();
+var p = qe.exports, De = { exports: {} }, Pe = { exports: {} }, I = {};
+/** @license React v16.13.1
+ * react-is.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 Zr;
+function zn() {
+  if (Zr)
+    return I;
+  Zr = 1;
+  var r = typeof Symbol == "function" && Symbol.for, u = r ? Symbol.for("react.element") : 60103, s = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, o = r ? Symbol.for("react.strict_mode") : 60108, m = r ? Symbol.for("react.profiler") : 60114, S = r ? Symbol.for("react.provider") : 60109, y = r ? Symbol.for("react.context") : 60110, h = r ? Symbol.for("react.async_mode") : 60111, w = r ? Symbol.for("react.concurrent_mode") : 60111, b = r ? Symbol.for("react.forward_ref") : 60112, _ = r ? Symbol.for("react.suspense") : 60113, z = r ? Symbol.for("react.suspense_list") : 60120, M = r ? Symbol.for("react.memo") : 60115, G = r ? Symbol.for("react.lazy") : 60116, D = r ? Symbol.for("react.block") : 60121, V = r ? Symbol.for("react.fundamental") : 60117, B = r ? Symbol.for("react.responder") : 60118, F = r ? Symbol.for("react.scope") : 60119;
+  function U(f) {
+    if (typeof f == "object" && f !== null) {
+      var te = f.$$typeof;
+      switch (te) {
+        case u:
+          switch (f = f.type, f) {
+            case h:
+            case w:
+            case n:
+            case m:
+            case o:
+            case _:
+              return f;
+            default:
+              switch (f = f && f.$$typeof, f) {
+                case y:
+                case b:
+                case G:
+                case M:
+                case S:
+                  return f;
+                default:
+                  return te;
+              }
+          }
+        case s:
+          return te;
+      }
+    }
+  }
+  function Y(f) {
+    return U(f) === w;
+  }
+  return I.AsyncMode = h, I.ConcurrentMode = w, I.ContextConsumer = y, I.ContextProvider = S, I.Element = u, I.ForwardRef = b, I.Fragment = n, I.Lazy = G, I.Memo = M, I.Portal = s, I.Profiler = m, I.StrictMode = o, I.Suspense = _, I.isAsyncMode = function(f) {
+    return Y(f) || U(f) === h;
+  }, I.isConcurrentMode = Y, I.isContextConsumer = function(f) {
+    return U(f) === y;
+  }, I.isContextProvider = function(f) {
+    return U(f) === S;
+  }, I.isElement = function(f) {
+    return typeof f == "object" && f !== null && f.$$typeof === u;
+  }, I.isForwardRef = function(f) {
+    return U(f) === b;
+  }, I.isFragment = function(f) {
+    return U(f) === n;
+  }, I.isLazy = function(f) {
+    return U(f) === G;
+  }, I.isMemo = function(f) {
+    return U(f) === M;
+  }, I.isPortal = function(f) {
+    return U(f) === s;
+  }, I.isProfiler = function(f) {
+    return U(f) === m;
+  }, I.isStrictMode = function(f) {
+    return U(f) === o;
+  }, I.isSuspense = function(f) {
+    return U(f) === _;
+  }, I.isValidElementType = function(f) {
+    return typeof f == "string" || typeof f == "function" || f === n || f === w || f === m || f === o || f === _ || f === z || typeof f == "object" && f !== null && (f.$$typeof === G || f.$$typeof === M || f.$$typeof === S || f.$$typeof === y || f.$$typeof === b || f.$$typeof === V || f.$$typeof === B || f.$$typeof === F || f.$$typeof === D);
+  }, I.typeOf = U, I;
+}
+var N = {};
+/** @license React v16.13.1
+ * react-is.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 Qr;
+function qn() {
+  return Qr || (Qr = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = typeof Symbol == "function" && Symbol.for, u = r ? Symbol.for("react.element") : 60103, s = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, o = r ? Symbol.for("react.strict_mode") : 60108, m = r ? Symbol.for("react.profiler") : 60114, S = r ? Symbol.for("react.provider") : 60109, y = r ? Symbol.for("react.context") : 60110, h = r ? Symbol.for("react.async_mode") : 60111, w = r ? Symbol.for("react.concurrent_mode") : 60111, b = r ? Symbol.for("react.forward_ref") : 60112, _ = r ? Symbol.for("react.suspense") : 60113, z = r ? Symbol.for("react.suspense_list") : 60120, M = r ? Symbol.for("react.memo") : 60115, G = r ? Symbol.for("react.lazy") : 60116, D = r ? Symbol.for("react.block") : 60121, V = r ? Symbol.for("react.fundamental") : 60117, B = r ? Symbol.for("react.responder") : 60118, F = r ? Symbol.for("react.scope") : 60119;
+    function U(l) {
+      return typeof l == "string" || typeof l == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      l === n || l === w || l === m || l === o || l === _ || l === z || typeof l == "object" && l !== null && (l.$$typeof === G || l.$$typeof === M || l.$$typeof === S || l.$$typeof === y || l.$$typeof === b || l.$$typeof === V || l.$$typeof === B || l.$$typeof === F || l.$$typeof === D);
+    }
+    function Y(l) {
+      if (typeof l == "object" && l !== null) {
+        var ee = l.$$typeof;
+        switch (ee) {
+          case u:
+            var de = l.type;
+            switch (de) {
+              case h:
+              case w:
+              case n:
+              case m:
+              case o:
+              case _:
+                return de;
+              default:
+                var ie = de && de.$$typeof;
+                switch (ie) {
+                  case y:
+                  case b:
+                  case G:
+                  case M:
+                  case S:
+                    return ie;
+                  default:
+                    return ee;
+                }
+            }
+          case s:
+            return ee;
+        }
+      }
+    }
+    var f = h, te = w, ye = y, ve = S, ue = u, be = b, ce = n, le = G, K = M, X = s, ae = m, Q = o, ne = _, oe = !1;
+    function fe(l) {
+      return oe || (oe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(l) || Y(l) === h;
+    }
+    function i(l) {
+      return Y(l) === w;
+    }
+    function d(l) {
+      return Y(l) === y;
+    }
+    function P(l) {
+      return Y(l) === S;
+    }
+    function R(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === u;
+    }
+    function g(l) {
+      return Y(l) === b;
+    }
+    function C(l) {
+      return Y(l) === n;
+    }
+    function T(l) {
+      return Y(l) === G;
+    }
+    function E(l) {
+      return Y(l) === M;
+    }
+    function x(l) {
+      return Y(l) === s;
+    }
+    function A(l) {
+      return Y(l) === m;
+    }
+    function j(l) {
+      return Y(l) === o;
+    }
+    function J(l) {
+      return Y(l) === _;
+    }
+    N.AsyncMode = f, N.ConcurrentMode = te, N.ContextConsumer = ye, N.ContextProvider = ve, N.Element = ue, N.ForwardRef = be, N.Fragment = ce, N.Lazy = le, N.Memo = K, N.Portal = X, N.Profiler = ae, N.StrictMode = Q, N.Suspense = ne, N.isAsyncMode = fe, N.isConcurrentMode = i, N.isContextConsumer = d, N.isContextProvider = P, N.isElement = R, N.isForwardRef = g, N.isFragment = C, N.isLazy = T, N.isMemo = E, N.isPortal = x, N.isProfiler = A, N.isStrictMode = j, N.isSuspense = J, N.isValidElementType = U, N.typeOf = Y;
+  }()), N;
+}
+var en;
+function cn() {
+  return en || (en = 1, process.env.NODE_ENV === "production" ? Pe.exports = zn() : Pe.exports = qn()), Pe.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var we, rn;
+function Dn() {
+  if (rn)
+    return we;
+  rn = 1;
+  var r = Object.getOwnPropertySymbols, u = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+  function n(m) {
+    if (m == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(m);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var m = new String("abc");
+      if (m[5] = "de", Object.getOwnPropertyNames(m)[0] === "5")
+        return !1;
+      for (var S = {}, y = 0; y < 10; y++)
+        S["_" + String.fromCharCode(y)] = y;
+      var h = Object.getOwnPropertyNames(S).map(function(b) {
+        return S[b];
+      });
+      if (h.join("") !== "0123456789")
+        return !1;
+      var w = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        w[b] = b;
+      }), Object.keys(Object.assign({}, w)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return we = o() ? Object.assign : function(m, S) {
+    for (var y, h = n(m), w, b = 1; b < arguments.length; b++) {
+      y = Object(arguments[b]);
+      for (var _ in y)
+        u.call(y, _) && (h[_] = y[_]);
+      if (r) {
+        w = r(y);
+        for (var z = 0; z < w.length; z++)
+          s.call(y, w[z]) && (h[w[z]] = y[w[z]]);
+      }
+    }
+    return h;
+  }, we;
+}
+var Ae, nn;
+function Me() {
+  if (nn)
+    return Ae;
+  nn = 1;
+  var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Ae = r, Ae;
+}
+var ke, tn;
+function ln() {
+  return tn || (tn = 1, ke = Function.call.bind(Object.prototype.hasOwnProperty)), ke;
+}
+var Ie, an;
+function Mn() {
+  if (an)
+    return Ie;
+  an = 1;
+  var r = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var u = Me(), s = {}, n = ln();
+    r = function(m) {
+      var S = "Warning: " + m;
+      typeof console < "u" && console.error(S);
+      try {
+        throw new Error(S);
+      } catch {
+      }
+    };
+  }
+  function o(m, S, y, h, w) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var b in m)
+        if (n(m, b)) {
+          var _;
+          try {
+            if (typeof m[b] != "function") {
+              var z = Error(
+                (h || "React class") + ": " + y + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw z.name = "Invariant Violation", z;
+            }
+            _ = m[b](S, b, h, y, null, u);
+          } catch (G) {
+            _ = G;
+          }
+          if (_ && !(_ instanceof Error) && r(
+            (h || "React class") + ": type specification of " + y + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof _ + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), _ instanceof Error && !(_.message in s)) {
+            s[_.message] = !0;
+            var M = w ? w() : "";
+            r(
+              "Failed " + y + " type: " + _.message + (M ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (s = {});
+  }, Ie = o, Ie;
+}
+var Ne, on;
+function Fn() {
+  if (on)
+    return Ne;
+  on = 1;
+  var r = cn(), u = Dn(), s = Me(), n = ln(), o = Mn(), m = function() {
+  };
+  process.env.NODE_ENV !== "production" && (m = function(y) {
+    var h = "Warning: " + y;
+    typeof console < "u" && console.error(h);
+    try {
+      throw new Error(h);
+    } catch {
+    }
+  });
+  function S() {
+    return null;
+  }
+  return Ne = function(y, h) {
+    var w = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
+    function _(i) {
+      var d = i && (w && i[w] || i[b]);
+      if (typeof d == "function")
+        return d;
+    }
+    var z = "<<anonymous>>", M = {
+      array: B("array"),
+      bigint: B("bigint"),
+      bool: B("boolean"),
+      func: B("function"),
+      number: B("number"),
+      object: B("object"),
+      string: B("string"),
+      symbol: B("symbol"),
+      any: F(),
+      arrayOf: U,
+      element: Y(),
+      elementType: f(),
+      instanceOf: te,
+      node: be(),
+      objectOf: ve,
+      oneOf: ye,
+      oneOfType: ue,
+      shape: le,
+      exact: K
+    };
+    function G(i, d) {
+      return i === d ? i !== 0 || 1 / i === 1 / d : i !== i && d !== d;
+    }
+    function D(i, d) {
+      this.message = i, this.data = d && typeof d == "object" ? d : {}, this.stack = "";
+    }
+    D.prototype = Error.prototype;
+    function V(i) {
+      if (process.env.NODE_ENV !== "production")
+        var d = {}, P = 0;
+      function R(C, T, E, x, A, j, J) {
+        if (x = x || z, j = j || E, J !== s) {
+          if (h) {
+            var l = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw l.name = "Invariant Violation", l;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var ee = x + ":" + E;
+            !d[ee] && // Avoid spamming the console because they are often not actionable except for lib authors
+            P < 3 && (m(
+              "You are manually calling a React.PropTypes validation function for the `" + j + "` prop on `" + x + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), d[ee] = !0, P++);
+          }
+        }
+        return T[E] == null ? C ? T[E] === null ? new D("The " + A + " `" + j + "` is marked as required " + ("in `" + x + "`, but its value is `null`.")) : new D("The " + A + " `" + j + "` is marked as required in " + ("`" + x + "`, but its value is `undefined`.")) : null : i(T, E, x, A, j);
+      }
+      var g = R.bind(null, !1);
+      return g.isRequired = R.bind(null, !0), g;
+    }
+    function B(i) {
+      function d(P, R, g, C, T, E) {
+        var x = P[R], A = Q(x);
+        if (A !== i) {
+          var j = ne(x);
+          return new D(
+            "Invalid " + C + " `" + T + "` of type " + ("`" + j + "` supplied to `" + g + "`, expected ") + ("`" + i + "`."),
+            { expectedType: i }
+          );
+        }
+        return null;
+      }
+      return V(d);
+    }
+    function F() {
+      return V(S);
+    }
+    function U(i) {
+      function d(P, R, g, C, T) {
+        if (typeof i != "function")
+          return new D("Property `" + T + "` of component `" + g + "` has invalid PropType notation inside arrayOf.");
+        var E = P[R];
+        if (!Array.isArray(E)) {
+          var x = Q(E);
+          return new D("Invalid " + C + " `" + T + "` of type " + ("`" + x + "` supplied to `" + g + "`, expected an array."));
+        }
+        for (var A = 0; A < E.length; A++) {
+          var j = i(E, A, g, C, T + "[" + A + "]", s);
+          if (j instanceof Error)
+            return j;
+        }
+        return null;
+      }
+      return V(d);
+    }
+    function Y() {
+      function i(d, P, R, g, C) {
+        var T = d[P];
+        if (!y(T)) {
+          var E = Q(T);
+          return new D("Invalid " + g + " `" + C + "` of type " + ("`" + E + "` supplied to `" + R + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return V(i);
+    }
+    function f() {
+      function i(d, P, R, g, C) {
+        var T = d[P];
+        if (!r.isValidElementType(T)) {
+          var E = Q(T);
+          return new D("Invalid " + g + " `" + C + "` of type " + ("`" + E + "` supplied to `" + R + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return V(i);
+    }
+    function te(i) {
+      function d(P, R, g, C, T) {
+        if (!(P[R] instanceof i)) {
+          var E = i.name || z, x = fe(P[R]);
+          return new D("Invalid " + C + " `" + T + "` of type " + ("`" + x + "` supplied to `" + g + "`, expected ") + ("instance of `" + E + "`."));
+        }
+        return null;
+      }
+      return V(d);
+    }
+    function ye(i) {
+      if (!Array.isArray(i))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? m(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : m("Invalid argument supplied to oneOf, expected an array.")), S;
+      function d(P, R, g, C, T) {
+        for (var E = P[R], x = 0; x < i.length; x++)
+          if (G(E, i[x]))
+            return null;
+        var A = JSON.stringify(i, function(J, l) {
+          var ee = ne(l);
+          return ee === "symbol" ? String(l) : l;
+        });
+        return new D("Invalid " + C + " `" + T + "` of value `" + String(E) + "` " + ("supplied to `" + g + "`, expected one of " + A + "."));
+      }
+      return V(d);
+    }
+    function ve(i) {
+      function d(P, R, g, C, T) {
+        if (typeof i != "function")
+          return new D("Property `" + T + "` of component `" + g + "` has invalid PropType notation inside objectOf.");
+        var E = P[R], x = Q(E);
+        if (x !== "object")
+          return new D("Invalid " + C + " `" + T + "` of type " + ("`" + x + "` supplied to `" + g + "`, expected an object."));
+        for (var A in E)
+          if (n(E, A)) {
+            var j = i(E, A, g, C, T + "." + A, s);
+            if (j instanceof Error)
+              return j;
+          }
+        return null;
+      }
+      return V(d);
+    }
+    function ue(i) {
+      if (!Array.isArray(i))
+        return process.env.NODE_ENV !== "production" && m("Invalid argument supplied to oneOfType, expected an instance of array."), S;
+      for (var d = 0; d < i.length; d++) {
+        var P = i[d];
+        if (typeof P != "function")
+          return m(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(P) + " at index " + d + "."
+          ), S;
+      }
+      function R(g, C, T, E, x) {
+        for (var A = [], j = 0; j < i.length; j++) {
+          var J = i[j], l = J(g, C, T, E, x, s);
+          if (l == null)
+            return null;
+          l.data && n(l.data, "expectedType") && A.push(l.data.expectedType);
+        }
+        var ee = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
+        return new D("Invalid " + E + " `" + x + "` supplied to " + ("`" + T + "`" + ee + "."));
+      }
+      return V(R);
+    }
+    function be() {
+      function i(d, P, R, g, C) {
+        return X(d[P]) ? null : new D("Invalid " + g + " `" + C + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      }
+      return V(i);
+    }
+    function ce(i, d, P, R, g) {
+      return new D(
+        (i || "React class") + ": " + d + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + g + "`."
+      );
+    }
+    function le(i) {
+      function d(P, R, g, C, T) {
+        var E = P[R], x = Q(E);
+        if (x !== "object")
+          return new D("Invalid " + C + " `" + T + "` of type `" + x + "` " + ("supplied to `" + g + "`, expected `object`."));
+        for (var A in i) {
+          var j = i[A];
+          if (typeof j != "function")
+            return ce(g, C, T, A, ne(j));
+          var J = j(E, A, g, C, T + "." + A, s);
+          if (J)
+            return J;
+        }
+        return null;
+      }
+      return V(d);
+    }
+    function K(i) {
+      function d(P, R, g, C, T) {
+        var E = P[R], x = Q(E);
+        if (x !== "object")
+          return new D("Invalid " + C + " `" + T + "` of type `" + x + "` " + ("supplied to `" + g + "`, expected `object`."));
+        var A = u({}, P[R], i);
+        for (var j in A) {
+          var J = i[j];
+          if (n(i, j) && typeof J != "function")
+            return ce(g, C, T, j, ne(J));
+          if (!J)
+            return new D(
+              "Invalid " + C + " `" + T + "` key `" + j + "` supplied to `" + g + "`.\nBad object: " + JSON.stringify(P[R], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
+            );
+          var l = J(E, j, g, C, T + "." + j, s);
+          if (l)
+            return l;
+        }
+        return null;
+      }
+      return V(d);
+    }
+    function X(i) {
+      switch (typeof i) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !i;
+        case "object":
+          if (Array.isArray(i))
+            return i.every(X);
+          if (i === null || y(i))
+            return !0;
+          var d = _(i);
+          if (d) {
+            var P = d.call(i), R;
+            if (d !== i.entries) {
+              for (; !(R = P.next()).done; )
+                if (!X(R.value))
+                  return !1;
+            } else
+              for (; !(R = P.next()).done; ) {
+                var g = R.value;
+                if (g && !X(g[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function ae(i, d) {
+      return i === "symbol" ? !0 : d ? d["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && d instanceof Symbol : !1;
+    }
+    function Q(i) {
+      var d = typeof i;
+      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : ae(d, i) ? "symbol" : d;
+    }
+    function ne(i) {
+      if (typeof i > "u" || i === null)
+        return "" + i;
+      var d = Q(i);
+      if (d === "object") {
+        if (i instanceof Date)
+          return "date";
+        if (i instanceof RegExp)
+          return "regexp";
+      }
+      return d;
+    }
+    function oe(i) {
+      var d = ne(i);
+      switch (d) {
+        case "array":
+        case "object":
+          return "an " + d;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + d;
+        default:
+          return d;
+      }
+    }
+    function fe(i) {
+      return !i.constructor || !i.constructor.name ? z : i.constructor.name;
+    }
+    return M.checkPropTypes = o, M.resetWarningCache = o.resetWarningCache, M.PropTypes = M, M;
+  }, Ne;
+}
+var ze, sn;
+function Wn() {
+  if (sn)
+    return ze;
+  sn = 1;
+  var r = Me();
+  function u() {
+  }
+  function s() {
+  }
+  return s.resetWarningCache = u, ze = function() {
+    function n(S, y, h, w, b, _) {
+      if (_ !== r) {
+        var z = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw z.name = "Invariant Violation", z;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var m = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: s,
+      resetWarningCache: u
+    };
+    return m.PropTypes = m, m;
+  }, ze;
+}
+if (process.env.NODE_ENV !== "production") {
+  var Yn = cn(), Ln = !0;
+  De.exports = Fn()(Yn.isElement, Ln);
+} else
+  De.exports = Wn()();
+var Bn = De.exports;
+const t = /* @__PURE__ */ kn(Bn);
+const Fe = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "heading--primary" : "heading--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["heading", `heading--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Fe.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Fe.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const We = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "paragraph--primary" : "paragraph--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["paragraph", `paragraph--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+We.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+We.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Ye = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "label--primary" : "label--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["label", `label--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Ye.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Ye.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Le = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "caption--primary" : "caption--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["caption", `caption--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Le.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Le.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Be = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "container--primary" : "container--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["container", `container--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Be.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Be.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Ue = ({ primary: r, size: u, label: s, noBorder: n, children: o, ...m }) => {
+  const S = r ? "button--primary" : "button--secondary", y = u === "small" ? "button--small" : u === "large" ? "button--large" : "button--medium", h = n ? "button--no-border" : "";
+  return /* @__PURE__ */ p.jsx(
+    "button",
+    {
+      type: "button",
+      className: `button ${S} ${y} ${h} rounded px-4 py-2`,
+      ...m,
+      children: o || s
+    }
+  );
+};
+Ue.propTypes = {
+  primary: t.bool,
+  size: t.oneOf(["small", "medium", "large"]),
+  label: t.string,
+  noBorder: t.bool,
+  // New prop for no border button
+  children: t.node
+};
+Ue.defaultProps = {
+  primary: !1,
+  size: "medium",
+  label: "",
+  noBorder: !1
+  // Default no border to false
+};
+const Ve = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "link--primary" : "link--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["link", `link--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Ve.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Ve.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const _e = ({ name: r, size: u, color: s, ...n }) => {
+  const o = u ? `icon--${u}` : "", m = s ? `icon--${s}` : "";
+  return /* @__PURE__ */ p.jsx(
+    "svg",
+    {
+      className: ["icon", o, m].join(" ").trim(),
+      ...n,
+      children: /* @__PURE__ */ p.jsx("use", { xlinkHref: `#icon-${r}` })
+    }
+  );
+};
+_e.propTypes = {
+  /**
+   * Name of the icon (should correspond to an existing SVG symbol)
+   */
+  name: t.string.isRequired,
+  /**
+   * Size of the icon
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Color variant of the icon
+   */
+  color: t.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "danger",
+    "warning",
+    "info"
+  ])
+};
+_e.defaultProps = {
+  size: "medium",
+  color: "primary"
+};
+const Ge = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "checkbox--primary" : "checkbox--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["checkbox", `checkbox--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Ge.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Ge.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Je = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "radiobutton--primary" : "radiobutton--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["radiobutton", `radiobutton--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Je.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Je.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const He = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "toggle--primary" : "toggle--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["toggle", `toggle--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+He.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+He.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Ke = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "textinput--primary" : "textinput--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["textinput", `textinput--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Ke.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Ke.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Xe = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "textarea--primary" : "textarea--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["textarea", `textarea--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Xe.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Xe.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Ze = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "select--primary" : "select--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["select", `select--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Ze.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Ze.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Qe = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "slider--primary" : "slider--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["slider", `slider--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+Qe.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+Qe.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const er = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "rangeinput--primary" : "rangeinput--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["rangeinput", `rangeinput--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+er.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+er.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const rr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "image--primary" : "image--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["image", `image--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+rr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+rr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const nr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "video--primary" : "video--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["video", `video--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+nr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+nr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const tr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "audio--primary" : "audio--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["audio", `audio--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+tr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+tr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const ar = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "divider--primary" : "divider--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["divider", `divider--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+ar.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+ar.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const or = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "spacer--primary" : "spacer--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["spacer", `spacer--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+or.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+or.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const ir = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "tooltip--primary" : "tooltip--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["tooltip", `tooltip--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+ir.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+ir.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const sr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "badge--primary" : "badge--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["badge", `badge--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+sr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+sr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const ur = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "tag--primary" : "tag--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["tag", `tag--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+ur.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+ur.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const cr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "loader--primary" : "loader--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["loader", `loader--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+cr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+cr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const lr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "spinner--primary" : "spinner--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["spinner", `spinner--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+lr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+lr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const fr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "progressbar--primary" : "progressbar--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["progressbar", `progressbar--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+fr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+fr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const dr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "alert--primary" : "alert--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["alert", `alert--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+dr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+dr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const pr = ({ primary: r, size: u, children: s, ...n }) => {
+  const o = r ? "snackbar--primary" : "snackbar--secondary";
+  return /* @__PURE__ */ p.jsx(
+    "div",
+    {
+      className: ["snackbar", `snackbar--${u}`, o].join(" "),
+      ...n,
+      children: s
+    }
+  );
+};
+pr.propTypes = {
+  /**
+   * Is this the primary style for the component?
+   */
+  primary: t.bool,
+  /**
+   * Size of the component
+   */
+  size: t.oneOf(["small", "medium", "large"]),
+  /**
+   * Content to be rendered inside the component
+   */
+  children: t.node.isRequired
+};
+pr.defaultProps = {
+  primary: !1,
+  size: "medium"
+};
+const Un = {
+  Text: {
+    Heading: Fe,
+    Paragraph: We,
+    Label: Ye,
+    Caption: Le
+  },
+  Interactive: {
+    Container: Be,
+    Button: Ue,
+    Link: Ve,
+    Icon: _e,
+    Checkbox: Ge,
+    RadioButton: Je,
+    Toggle: He,
+    TextInput: Ke,
+    TextArea: Xe,
+    Select: Ze,
+    Slider: Qe,
+    RangeInput: er
+  },
+  Media: {
+    Image: rr,
+    Video: nr,
+    Audio: tr,
+    Icon: _e
+    // Reusing the Icon component
+  },
+  Visual: {
+    Divider: ar,
+    Spacer: or,
+    Tooltip: ir,
+    Badge: sr,
+    Tag: ur
+  },
+  Feedback: {
+    Loader: cr,
+    Spinner: lr,
+    ProgressBar: fr,
+    Alert: dr,
+    Snackbar: pr
+  }
+};
+const mr = ({ links: r, logo: u, userControls: s }) => {
+  const n = ({ url: o, label: m, isActive: S, ...y }) => /* @__PURE__ */ p.jsx(
+    "a",
+    {
+      href: o,
+      className: `navbar__link ${S ? "navbar__link--active" : ""}`,
+      ...y,
+      children: m
+    }
+  );
+  return n.propTypes = {
+    url: t.string.isRequired,
+    label: t.string.isRequired,
+    isActive: t.bool
+  }, n.defaultProps = {
+    isActive: !1
+  }, /* @__PURE__ */ p.jsxs("nav", { className: "navbar", children: [
+    /* @__PURE__ */ p.jsx("div", { className: "navbar__logo", children: u }),
+    /* @__PURE__ */ p.jsx("ul", { className: "navbar__links", children: r.map((o, m) => /* @__PURE__ */ p.jsx("li", { className: "navbar__item", children: /* @__PURE__ */ p.jsx(
+      n,
+      {
+        url: o.url,
+        label: o.label,
+        isActive: o.isActive
+      }
+    ) }, m)) }),
+    /* @__PURE__ */ p.jsx("div", { className: "navbar__controls", children: s })
+  ] });
+};
+mr.propTypes = {
+  /**
+   * Array of navigation links
+   */
+  links: t.arrayOf(
+    t.shape({
+      url: t.string.isRequired,
+      label: t.string.isRequired,
+      isActive: t.bool
+      // Optional prop to indicate active link
+    })
+  ).isRequired,
+  /**
+   * Logo component or element
+   */
+  logo: t.node,
+  /**
+   * User control elements (e.g., login/logout buttons)
+   */
+  userControls: t.node
+};
+mr.defaultProps = {
+  logo: null,
+  userControls: null
+};
+const yr = (r) => /* @__PURE__ */ p.jsx("div", { className: "sidebar", ...r });
+yr.propTypes = {
+  // Define prop types here
+};
+yr.defaultProps = {
+  // Define default props here
+};
+const vr = (r) => /* @__PURE__ */ p.jsx("div", { className: "breadcrumbs", ...r });
+vr.propTypes = {
+  // Define prop types here
+};
+vr.defaultProps = {
+  // Define default props here
+};
+const br = (r) => /* @__PURE__ */ p.jsx("div", { className: "inputgroup", ...r });
+br.propTypes = {
+  // Define prop types here
+};
+br.defaultProps = {
+  // Define default props here
+};
+const gr = (r) => /* @__PURE__ */ p.jsx("div", { className: "inputwithlabel", ...r });
+gr.propTypes = {
+  // Define prop types here
+};
+gr.defaultProps = {
+  // Define default props here
+};
+const hr = (r) => /* @__PURE__ */ p.jsx("div", { className: "searchbar", ...r });
+hr.propTypes = {
+  // Define prop types here
+};
+hr.defaultProps = {
+  // Define default props here
+};
+const Tr = (r) => /* @__PURE__ */ p.jsx("div", { className: "fileupload", ...r });
+Tr.propTypes = {
+  // Define prop types here
+};
+Tr.defaultProps = {
+  // Define default props here
+};
+const Er = (r) => /* @__PURE__ */ p.jsx("div", { className: "formfield", ...r });
+Er.propTypes = {
+  // Define prop types here
+};
+Er.defaultProps = {
+  // Define default props here
+};
+const Rr = (r) => /* @__PURE__ */ p.jsx("div", { className: "iconbutton", ...r });
+Rr.propTypes = {
+  // Define prop types here
+};
+Rr.defaultProps = {
+  // Define default props here
+};
+const Pr = (r) => /* @__PURE__ */ p.jsx("div", { className: "buttongroup", ...r });
+Pr.propTypes = {
+  // Define prop types here
+};
+Pr.defaultProps = {
+  // Define default props here
+};
+const _r = (r) => /* @__PURE__ */ p.jsx("div", { className: "imagewithcaption", ...r });
+_r.propTypes = {
+  // Define prop types here
+};
+_r.defaultProps = {
+  // Define default props here
+};
+const xr = (r) => /* @__PURE__ */ p.jsx("div", { className: "videowithdescription", ...r });
+xr.propTypes = {
+  // Define prop types here
+};
+xr.defaultProps = {
+  // Define default props here
+};
+const jr = (r) => /* @__PURE__ */ p.jsx("div", { className: "avatarwithname", ...r });
+jr.propTypes = {
+  // Define prop types here
+};
+jr.defaultProps = {
+  // Define default props here
+};
+const Or = (r) => /* @__PURE__ */ p.jsx("div", { className: "audioplayer", ...r });
+Or.propTypes = {
+  // Define prop types here
+};
+Or.defaultProps = {
+  // Define default props here
+};
+const Sr = (r) => /* @__PURE__ */ p.jsx("div", { className: "card", ...r });
+Sr.propTypes = {
+  // Define prop types here
+};
+Sr.defaultProps = {
+  // Define default props here
+};
+const Cr = (r) => /* @__PURE__ */ p.jsx("div", { className: "mediacard", ...r });
+Cr.propTypes = {
+  // Define prop types here
+};
+Cr.defaultProps = {
+  // Define default props here
+};
+const $r = (r) => /* @__PURE__ */ p.jsx("div", { className: "list", ...r });
+$r.propTypes = {
+  // Define prop types here
+};
+$r.defaultProps = {
+  // Define default props here
+};
+const wr = (r) => /* @__PURE__ */ p.jsx("div", { className: "accordion", ...r });
+wr.propTypes = {
+  // Define prop types here
+};
+wr.defaultProps = {
+  // Define default props here
+};
+const Ar = (r) => /* @__PURE__ */ p.jsx("div", { className: "notification", ...r });
+Ar.propTypes = {
+  // Define prop types here
+};
+Ar.defaultProps = {
+  // Define default props here
+};
+const kr = (r) => /* @__PURE__ */ p.jsx("div", { className: "modal", ...r });
+kr.propTypes = {
+  // Define prop types here
+};
+kr.defaultProps = {
+  // Define default props here
+};
+const Ir = (r) => /* @__PURE__ */ p.jsx("div", { className: "datatable", ...r });
+Ir.propTypes = {
+  // Define prop types here
+};
+Ir.defaultProps = {
+  // Define default props here
+};
+const Nr = (r) => /* @__PURE__ */ p.jsx("div", { className: "pricingtable", ...r });
+Nr.propTypes = {
+  // Define prop types here
+};
+Nr.defaultProps = {
+  // Define default props here
+};
+const zr = (r) => /* @__PURE__ */ p.jsx("div", { className: "comparisontable", ...r });
+zr.propTypes = {
+  // Define prop types here
+};
+zr.defaultProps = {
+  // Define default props here
+};
+const Vn = {
+  Navigation: {
+    Navbar: mr,
+    Sidebar: yr,
+    Breadcrumbs: vr
+  },
+  FormElements: {
+    InputGroup: br,
+    InputWithLabel: gr,
+    SearchBar: hr,
+    FileUpload: Tr,
+    FormField: Er
+  },
+  ButtonsWithIcons: {
+    IconButton: Rr,
+    ButtonGroup: Pr
+  },
+  MediaMolecules: {
+    ImageWithCaption: _r,
+    VideoWithDescription: xr,
+    AvatarWithName: jr,
+    AudioPlayer: Or
+  },
+  ContentDisplay: {
+    Card: Sr,
+    MediaCard: Cr,
+    List: $r,
+    Accordion: wr
+  },
+  FeedbackMolecules: {
+    Notification: Ar,
+    Modal: kr
+  },
+  Tables: {
+    DataTable: Ir,
+    PricingTable: Nr,
+    ComparisonTable: zr
+  }
+}, Jn = {
+  atoms: Un,
+  molecules: Vn
+  // ... other categories
+};
+export {
+  Jn as GUI,
+  Jn as default
+};