@rhavenside/custom-ui-library 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1902 @@
+import ze, { useState as ne, useRef as ce, useEffect as ye } from "react";
+var Se = { exports: {} }, me = {};
+/**
+ * @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 Qe;
+function Nr() {
+  if (Qe) return me;
+  Qe = 1;
+  var a = ze, n = Symbol.for("react.element"), d = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, p = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, _ = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(c, o, v) {
+    var h, l = {}, x = null, f = null;
+    v !== void 0 && (x = "" + v), o.key !== void 0 && (x = "" + o.key), o.ref !== void 0 && (f = o.ref);
+    for (h in o) u.call(o, h) && !_.hasOwnProperty(h) && (l[h] = o[h]);
+    if (c && c.defaultProps) for (h in o = c.defaultProps, o) l[h] === void 0 && (l[h] = o[h]);
+    return { $$typeof: n, type: c, key: x, ref: f, props: l, _owner: p.current };
+  }
+  return me.Fragment = d, me.jsx = i, me.jsxs = i, me;
+}
+var ge = {};
+/**
+ * @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 er;
+function Ir() {
+  return er || (er = 1, process.env.NODE_ENV !== "production" && function() {
+    var a = ze, n = Symbol.for("react.element"), d = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), f = Symbol.for("react.offscreen"), w = Symbol.iterator, b = "@@iterator";
+    function $(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var t = w && e[w] || e[b];
+      return typeof t == "function" ? t : null;
+    }
+    var O = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(e) {
+      {
+        for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), m = 1; m < t; m++)
+          s[m - 1] = arguments[m];
+        D("error", e, s);
+      }
+    }
+    function D(e, t, s) {
+      {
+        var m = O.ReactDebugCurrentFrame, E = m.getStackAddendum();
+        E !== "" && (t += "%s", s = s.concat([E]));
+        var N = s.map(function(y) {
+          return String(y);
+        });
+        N.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, N);
+      }
+    }
+    var L = !1, z = !1, C = !1, R = !1, P = !1, G;
+    G = Symbol.for("react.module.reference");
+    function A(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === u || e === _ || P || e === p || e === v || e === h || R || e === f || L || z || C || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === l || e.$$typeof === i || e.$$typeof === c || e.$$typeof === o || // 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 === G || e.getModuleId !== void 0));
+    }
+    function te(e, t, s) {
+      var m = e.displayName;
+      if (m)
+        return m;
+      var E = t.displayName || t.name || "";
+      return E !== "" ? s + "(" + E + ")" : s;
+    }
+    function Y(e) {
+      return e.displayName || "Context";
+    }
+    function g(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && k("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 u:
+          return "Fragment";
+        case d:
+          return "Portal";
+        case _:
+          return "Profiler";
+        case p:
+          return "StrictMode";
+        case v:
+          return "Suspense";
+        case h:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case c:
+            var t = e;
+            return Y(t) + ".Consumer";
+          case i:
+            var s = e;
+            return Y(s._context) + ".Provider";
+          case o:
+            return te(e, e.render, "ForwardRef");
+          case l:
+            var m = e.displayName || null;
+            return m !== null ? m : g(e.type) || "Memo";
+          case x: {
+            var E = e, N = E._payload, y = E._init;
+            try {
+              return g(y(N));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var I = Object.assign, q = 0, M, de, ve, fe, X, Pe, Be;
+    function Fe() {
+    }
+    Fe.__reactDisabledLog = !0;
+    function rr() {
+      {
+        if (q === 0) {
+          M = console.log, de = console.info, ve = console.warn, fe = console.error, X = console.group, Pe = console.groupCollapsed, Be = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Fe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        q++;
+      }
+    }
+    function tr() {
+      {
+        if (q--, q === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: I({}, e, {
+              value: M
+            }),
+            info: I({}, e, {
+              value: de
+            }),
+            warn: I({}, e, {
+              value: ve
+            }),
+            error: I({}, e, {
+              value: fe
+            }),
+            group: I({}, e, {
+              value: X
+            }),
+            groupCollapsed: I({}, e, {
+              value: Pe
+            }),
+            groupEnd: I({}, e, {
+              value: Be
+            })
+          });
+        }
+        q < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var Re = O.ReactCurrentDispatcher, $e;
+    function xe(e, t, s) {
+      {
+        if ($e === void 0)
+          try {
+            throw Error();
+          } catch (E) {
+            var m = E.stack.trim().match(/\n( *(at )?)/);
+            $e = m && m[1] || "";
+          }
+        return `
+` + $e + e;
+      }
+    }
+    var Ee = !1, we;
+    {
+      var sr = typeof WeakMap == "function" ? WeakMap : Map;
+      we = new sr();
+    }
+    function De(e, t) {
+      if (!e || Ee)
+        return "";
+      {
+        var s = we.get(e);
+        if (s !== void 0)
+          return s;
+      }
+      var m;
+      Ee = !0;
+      var E = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var N;
+      N = Re.current, Re.current = null, rr();
+      try {
+        if (t) {
+          var y = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(y.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(y, []);
+            } catch (W) {
+              m = W;
+            }
+            Reflect.construct(e, [], y);
+          } else {
+            try {
+              y.call();
+            } catch (W) {
+              m = W;
+            }
+            e.call(y.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (W) {
+            m = W;
+          }
+          e();
+        }
+      } catch (W) {
+        if (W && m && typeof W.stack == "string") {
+          for (var j = W.stack.split(`
+`), V = m.stack.split(`
+`), T = j.length - 1, S = V.length - 1; T >= 1 && S >= 0 && j[T] !== V[S]; )
+            S--;
+          for (; T >= 1 && S >= 0; T--, S--)
+            if (j[T] !== V[S]) {
+              if (T !== 1 || S !== 1)
+                do
+                  if (T--, S--, S < 0 || j[T] !== V[S]) {
+                    var H = `
+` + j[T].replace(" at new ", " at ");
+                    return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && we.set(e, H), H;
+                  }
+                while (T >= 1 && S >= 0);
+              break;
+            }
+        }
+      } finally {
+        Ee = !1, Re.current = N, tr(), Error.prepareStackTrace = E;
+      }
+      var _e = e ? e.displayName || e.name : "", oe = _e ? xe(_e) : "";
+      return typeof e == "function" && we.set(e, oe), oe;
+    }
+    function ar(e, t, s) {
+      return De(e, !1);
+    }
+    function nr(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
+    }
+    function je(e, t, s) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return De(e, nr(e));
+      if (typeof e == "string")
+        return xe(e);
+      switch (e) {
+        case v:
+          return xe("Suspense");
+        case h:
+          return xe("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case o:
+            return ar(e.render);
+          case l:
+            return je(e.type, t, s);
+          case x: {
+            var m = e, E = m._payload, N = m._init;
+            try {
+              return je(N(E), t, s);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var pe = Object.prototype.hasOwnProperty, Ae = {}, Le = O.ReactDebugCurrentFrame;
+    function ke(e) {
+      if (e) {
+        var t = e._owner, s = je(e.type, e._source, t ? t.type : null);
+        Le.setExtraStackFrame(s);
+      } else
+        Le.setExtraStackFrame(null);
+    }
+    function or(e, t, s, m, E) {
+      {
+        var N = Function.call.bind(pe);
+        for (var y in e)
+          if (N(e, y)) {
+            var j = void 0;
+            try {
+              if (typeof e[y] != "function") {
+                var V = Error((m || "React class") + ": " + s + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw V.name = "Invariant Violation", V;
+              }
+              j = e[y](t, y, m, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              j = T;
+            }
+            j && !(j instanceof Error) && (ke(E), k("%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).", m || "React class", s, y, typeof j), ke(null)), j instanceof Error && !(j.message in Ae) && (Ae[j.message] = !0, ke(E), k("Failed %s type: %s", s, j.message), ke(null));
+          }
+      }
+    }
+    var lr = Array.isArray;
+    function Ne(e) {
+      return lr(e);
+    }
+    function ir(e) {
+      {
+        var t = typeof Symbol == "function" && Symbol.toStringTag, s = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
+      }
+    }
+    function cr(e) {
+      try {
+        return Me(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Me(e) {
+      return "" + e;
+    }
+    function Ve(e) {
+      if (cr(e))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(e)), Me(e);
+    }
+    var qe = O.ReactCurrentOwner, dr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, We, Ye;
+    function ur(e) {
+      if (pe.call(e, "ref")) {
+        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function _r(e) {
+      if (pe.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function fr(e, t) {
+      typeof e.ref == "string" && qe.current;
+    }
+    function pr(e, t) {
+      {
+        var s = function() {
+          We || (We = !0, k("%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)", t));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    function mr(e, t) {
+      {
+        var s = function() {
+          Ye || (Ye = !0, k("%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)", t));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    var gr = function(e, t, s, m, E, N, y) {
+      var j = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: n,
+        // Built-in properties that belong on the element
+        type: e,
+        key: t,
+        ref: s,
+        props: y,
+        // Record the component responsible for creating this element.
+        _owner: N
+      };
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(j, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: m
+      }), Object.defineProperty(j, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: E
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
+    };
+    function hr(e, t, s, m, E) {
+      {
+        var N, y = {}, j = null, V = null;
+        s !== void 0 && (Ve(s), j = "" + s), _r(t) && (Ve(t.key), j = "" + t.key), ur(t) && (V = t.ref, fr(t, E));
+        for (N in t)
+          pe.call(t, N) && !dr.hasOwnProperty(N) && (y[N] = t[N]);
+        if (e && e.defaultProps) {
+          var T = e.defaultProps;
+          for (N in T)
+            y[N] === void 0 && (y[N] = T[N]);
+        }
+        if (j || V) {
+          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          j && pr(y, S), V && mr(y, S);
+        }
+        return gr(e, j, V, E, m, qe.current, y);
+      }
+    }
+    var Ie = O.ReactCurrentOwner, Ue = O.ReactDebugCurrentFrame;
+    function ue(e) {
+      if (e) {
+        var t = e._owner, s = je(e.type, e._source, t ? t.type : null);
+        Ue.setExtraStackFrame(s);
+      } else
+        Ue.setExtraStackFrame(null);
+    }
+    var Oe;
+    Oe = !1;
+    function Ce(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
+    }
+    function Ke() {
+      {
+        if (Ie.current) {
+          var e = g(Ie.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function br(e) {
+      return "";
+    }
+    var Je = {};
+    function vr(e) {
+      {
+        var t = Ke();
+        if (!t) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (t = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return t;
+      }
+    }
+    function Ge(e, t) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var s = vr(t);
+        if (Je[s])
+          return;
+        Je[s] = !0;
+        var m = "";
+        e && e._owner && e._owner !== Ie.current && (m = " It was passed a child from " + g(e._owner.type) + "."), ue(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, m), ue(null);
+      }
+    }
+    function Xe(e, t) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Ne(e))
+          for (var s = 0; s < e.length; s++) {
+            var m = e[s];
+            Ce(m) && Ge(m, t);
+          }
+        else if (Ce(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var E = $(e);
+          if (typeof E == "function" && E !== e.entries)
+            for (var N = E.call(e), y; !(y = N.next()).done; )
+              Ce(y.value) && Ge(y.value, t);
+        }
+      }
+    }
+    function xr(e) {
+      {
+        var t = e.type;
+        if (t == null || typeof t == "string")
+          return;
+        var s;
+        if (typeof t == "function")
+          s = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === o || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        t.$$typeof === l))
+          s = t.propTypes;
+        else
+          return;
+        if (s) {
+          var m = g(t);
+          or(s, e.props, "prop", m, e);
+        } else if (t.PropTypes !== void 0 && !Oe) {
+          Oe = !0;
+          var E = g(t);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        }
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function wr(e) {
+      {
+        for (var t = Object.keys(e.props), s = 0; s < t.length; s++) {
+          var m = t[s];
+          if (m !== "children" && m !== "key") {
+            ue(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), ue(null);
+            break;
+          }
+        }
+        e.ref !== null && (ue(e), k("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
+      }
+    }
+    var He = {};
+    function Ze(e, t, s, m, E, N) {
+      {
+        var y = A(e);
+        if (!y) {
+          var j = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (j += " 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 V = br();
+          V ? j += V : j += Ke();
+          var T;
+          e === null ? T = "null" : Ne(e) ? T = "array" : e !== void 0 && e.$$typeof === n ? (T = "<" + (g(e.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, j);
+        }
+        var S = hr(e, t, s, E, N);
+        if (S == null)
+          return S;
+        if (y) {
+          var H = t.children;
+          if (H !== void 0)
+            if (m)
+              if (Ne(H)) {
+                for (var _e = 0; _e < H.length; _e++)
+                  Xe(H[_e], e);
+                Object.freeze && Object.freeze(H);
+              } else
+                k("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
+              Xe(H, e);
+        }
+        if (pe.call(t, "key")) {
+          var oe = g(e), W = Object.keys(t).filter(function(Er) {
+            return Er !== "key";
+          }), Te = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!He[oe + Te]) {
+            var $r = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
+            k(`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} />`, Te, oe, $r, oe), He[oe + Te] = !0;
+          }
+        }
+        return e === u ? wr(S) : xr(S), S;
+      }
+    }
+    function jr(e, t, s) {
+      return Ze(e, t, s, !0);
+    }
+    function kr(e, t, s) {
+      return Ze(e, t, s, !1);
+    }
+    var yr = kr, Rr = jr;
+    ge.Fragment = u, ge.jsx = yr, ge.jsxs = Rr;
+  }()), ge;
+}
+process.env.NODE_ENV === "production" ? Se.exports = Nr() : Se.exports = Ir();
+var r = Se.exports;
+const Or = "_button_fa67_1", Cr = "_spinner_fa67_175", Tr = "_spin_fa67_175", Z = {
+  button: Or,
+  "button--small": "_button--small_fa67_29",
+  "button--medium": "_button--medium_fa67_34",
+  "button--large": "_button--large_fa67_39",
+  "button--full-width": "_button--full-width_fa67_44",
+  "button--loading": "_button--loading_fa67_47",
+  "button--disabled": "_button--disabled_fa67_51",
+  "button--primary": "_button--primary_fa67_56",
+  "button--secondary": "_button--secondary_fa67_66",
+  "button--success": "_button--success_fa67_76",
+  "button--danger": "_button--danger_fa67_86",
+  "button--warning": "_button--warning_fa67_96",
+  "button--info": "_button--info_fa67_106",
+  "button--outline": "_button--outline_fa67_116",
+  "button--ghost": "_button--ghost_fa67_133",
+  "button--link": "_button--link_fa67_145",
+  "button-icon": "_button-icon_fa67_164",
+  "button-text": "_button-text_fa67_171",
+  spinner: Cr,
+  spin: Tr
+}, Ct = ({
+  children: a,
+  variant: n = "primary",
+  size: d = "medium",
+  disabled: u = !1,
+  loading: p = !1,
+  icon: _,
+  iconPosition: i = "left",
+  fullWidth: c = !1,
+  onClick: o,
+  type: v = "button",
+  className: h = "",
+  style: l,
+  ...x
+}) => {
+  const f = [
+    Z.button,
+    Z[`button--${n}`],
+    Z[`button--${d}`],
+    c && Z["button--full-width"],
+    p && Z["button--loading"],
+    u && Z["button--disabled"],
+    h
+  ].filter(Boolean).join(" "), w = ($) => {
+    if (u || p) {
+      $.preventDefault();
+      return;
+    }
+    o && o($);
+  }, b = () => p ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx("span", { className: Z.spinner }),
+    a && /* @__PURE__ */ r.jsx("span", { className: Z["button-text"], children: a })
+  ] }) : _ ? i === "left" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx("span", { className: Z["button-icon"], children: _ }),
+    a && /* @__PURE__ */ r.jsx("span", { className: Z["button-text"], children: a })
+  ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    a && /* @__PURE__ */ r.jsx("span", { className: Z["button-text"], children: a }),
+    /* @__PURE__ */ r.jsx("span", { className: Z["button-icon"], children: _ })
+  ] }) : a;
+  return /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      type: v,
+      className: f,
+      style: l,
+      onClick: w,
+      disabled: u || p,
+      ...x,
+      children: b()
+    }
+  );
+}, Sr = "_input_j85a0_1", B = {
+  "input-wrapper": "_input-wrapper_j85a0_1",
+  "input-wrapper--full-width": "_input-wrapper--full-width_j85a0_6",
+  "input-label": "_input-label_j85a0_10",
+  "input-required": "_input-required_j85a0_17",
+  "input-container": "_input-container_j85a0_22",
+  input: Sr,
+  "input--outlined": "_input--outlined_j85a0_55",
+  "input--filled": "_input--filled_j85a0_59",
+  "input--underlined": "_input--underlined_j85a0_67",
+  "input--error": "_input--error_j85a0_79",
+  "input--disabled": "_input--disabled_j85a0_86",
+  "input--full-width": "_input--full-width_j85a0_89",
+  "input--floating-label": "_input--floating-label_j85a0_92",
+  "input--focused": "_input--focused_j85a0_96",
+  "input-icon": "_input-icon_j85a0_100",
+  "input-icon--left": "_input-icon--left_j85a0_109",
+  "input-icon--right": "_input-icon--right_j85a0_112",
+  "input-floating-label": "_input-floating-label_j85a0_140",
+  "input-error": "_input-error_j85a0_166",
+  "input-helper": "_input-helper_j85a0_172"
+}, Tt = ({
+  type: a = "text",
+  variant: n = "default",
+  label: d,
+  placeholder: u,
+  value: p,
+  defaultValue: _,
+  error: i,
+  helperText: c,
+  icon: o,
+  iconPosition: v = "left",
+  disabled: h = !1,
+  required: l = !1,
+  fullWidth: x = !1,
+  floatingLabel: f = !1,
+  onChange: w,
+  onFocus: b,
+  onBlur: $,
+  className: O = "",
+  style: k,
+  wrapperStyle: D,
+  inputStyle: L,
+  ...z
+}) => {
+  const [C, R] = ne(!1), [P, G] = ne(_ || ""), A = ce(null), te = p !== void 0, Y = te ? p : P, g = Y && Y.toString().length > 0, I = (X) => {
+    te || G(X.target.value), w && w(X);
+  }, q = (X) => {
+    R(!0), b && b(X);
+  }, M = (X) => {
+    R(!1), $ && $(X);
+  }, de = [
+    B.input,
+    B[`input--${n}`],
+    i && B["input--error"],
+    h && B["input--disabled"],
+    x && B["input--full-width"],
+    f && B["input--floating-label"],
+    (C || g) && f && B["input--focused"],
+    O
+  ].filter(Boolean).join(" "), ve = [
+    B["input-wrapper"],
+    x && B["input-wrapper--full-width"]
+  ].filter(Boolean).join(" "), fe = () => o ? /* @__PURE__ */ r.jsx("span", { className: B[`input-icon--${v}`], children: o }) : null;
+  return /* @__PURE__ */ r.jsxs("div", { className: ve, style: D || k, children: [
+    d && !f && /* @__PURE__ */ r.jsxs("label", { className: B["input-label"], children: [
+      d,
+      l && /* @__PURE__ */ r.jsx("span", { className: B["input-required"], children: "*" })
+    ] }),
+    /* @__PURE__ */ r.jsxs("div", { className: B["input-container"], children: [
+      o && v === "left" && fe(),
+      f && /* @__PURE__ */ r.jsxs(
+        "label",
+        {
+          className: B["input-floating-label"],
+          onClick: () => {
+            var X;
+            return (X = A.current) == null ? void 0 : X.focus();
+          },
+          children: [
+            d,
+            l && /* @__PURE__ */ r.jsx("span", { className: B["input-required"], children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          ref: A,
+          type: a,
+          className: de,
+          placeholder: f ? "" : u,
+          value: Y,
+          disabled: h,
+          required: l,
+          style: L,
+          onChange: I,
+          onFocus: q,
+          onBlur: M,
+          ...z
+        }
+      ),
+      o && v === "right" && fe()
+    ] }),
+    i && /* @__PURE__ */ r.jsx("span", { className: B["input-error"], children: i }),
+    c && !i && /* @__PURE__ */ r.jsx("span", { className: B["input-helper"], children: c })
+  ] });
+}, zr = "_fadeIn_1ukwf_1", Pr = "_fadeOut_1ukwf_1", Br = "_slideInTop_1ukwf_1", Fr = "_slideInBottom_1ukwf_1", Dr = "_slideInLeft_1ukwf_1", Ar = "_slideInRight_1ukwf_1", Lr = "_scaleIn_1ukwf_1", Mr = "_scaleOut_1ukwf_1", Vr = "_pulse_1ukwf_1", qr = "_spin_1ukwf_1", Wr = "_shake_1ukwf_1", Yr = "_modal_1ukwf_212", Ur = "_slideOutTop_1ukwf_1", Kr = "_slideOutBottom_1ukwf_1", Jr = "_rotate_1ukwf_1", Gr = "_bounce_1ukwf_1", se = {
+  "animate-fadeIn": "_animate-fadeIn_1ukwf_140",
+  fadeIn: zr,
+  "animate-fadeOut": "_animate-fadeOut_1ukwf_144",
+  fadeOut: Pr,
+  "animate-slideInTop": "_animate-slideInTop_1ukwf_148",
+  slideInTop: Br,
+  "animate-slideInBottom": "_animate-slideInBottom_1ukwf_152",
+  slideInBottom: Fr,
+  "animate-slideInLeft": "_animate-slideInLeft_1ukwf_156",
+  slideInLeft: Dr,
+  "animate-slideInRight": "_animate-slideInRight_1ukwf_160",
+  slideInRight: Ar,
+  "animate-scaleIn": "_animate-scaleIn_1ukwf_164",
+  scaleIn: Lr,
+  "animate-scaleOut": "_animate-scaleOut_1ukwf_168",
+  scaleOut: Mr,
+  "animate-pulse": "_animate-pulse_1ukwf_172",
+  pulse: Vr,
+  "animate-spin": "_animate-spin_1ukwf_176",
+  spin: qr,
+  "animate-shake": "_animate-shake_1ukwf_180",
+  shake: Wr,
+  "modal-overlay": "_modal-overlay_1ukwf_212",
+  modal: Yr,
+  "modal--small": "_modal--small_1ukwf_240",
+  "modal--medium": "_modal--medium_1ukwf_243",
+  "modal--large": "_modal--large_1ukwf_246",
+  "modal--xlarge": "_modal--xlarge_1ukwf_249",
+  "modal--fullscreen": "_modal--fullscreen_1ukwf_252",
+  "modal--top": "_modal--top_1ukwf_258",
+  "modal--bottom": "_modal--bottom_1ukwf_263",
+  "modal--left": "_modal--left_1ukwf_268",
+  "modal--right": "_modal--right_1ukwf_273",
+  "modal-header": "_modal-header_1ukwf_279",
+  "modal-title": "_modal-title_1ukwf_288",
+  "modal-close": "_modal-close_1ukwf_295",
+  "modal-body": "_modal-body_1ukwf_323",
+  "modal-footer": "_modal-footer_1ukwf_344",
+  slideOutTop: Ur,
+  slideOutBottom: Kr,
+  rotate: Jr,
+  bounce: Gr,
+  "progress-animation": "_progress-animation_1ukwf_1",
+  "progress-pulse": "_progress-pulse_1ukwf_1",
+  "progress-shimmer": "_progress-shimmer_1ukwf_1"
+}, St = ({
+  isOpen: a = !1,
+  onClose: n,
+  title: d,
+  children: u,
+  size: p = "medium",
+  variant: _ = "center",
+  closeOnOverlayClick: i = !0,
+  showCloseButton: c = !0,
+  footer: o,
+  className: v = "",
+  style: h,
+  overlayStyle: l,
+  ...x
+}) => {
+  if (ye(() => (a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [a]), ye(() => {
+    const b = ($) => {
+      $.key === "Escape" && a && n && n();
+    };
+    return a && document.addEventListener("keydown", b), () => {
+      document.removeEventListener("keydown", b);
+    };
+  }, [a, n]), !a) return null;
+  const f = (b) => {
+    i && b.target === b.currentTarget && n && n();
+  }, w = [
+    se.modal,
+    se[`modal--${_}`],
+    se[`modal--${p}`],
+    v
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: se["modal-overlay"],
+      style: l,
+      onClick: f,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": d ? "modal-title" : void 0,
+      children: /* @__PURE__ */ r.jsxs("div", { className: w, style: h, ...x, children: [
+        (d || c) && /* @__PURE__ */ r.jsxs("div", { className: se["modal-header"], children: [
+          d && /* @__PURE__ */ r.jsx("h2", { id: "modal-title", className: se["modal-title"], children: d }),
+          c && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              className: se["modal-close"],
+              onClick: n,
+              "aria-label": "Schließen",
+              children: /* @__PURE__ */ r.jsxs(
+                "svg",
+                {
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ r.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ r.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { className: se["modal-body"], children: u }),
+        o && /* @__PURE__ */ r.jsx("div", { className: se["modal-footer"], children: o })
+      ] })
+    }
+  );
+}, Xr = "_card_10pt3_1", ee = {
+  card: Xr,
+  "card--default": "_card--default_10pt3_9",
+  "card--elevated": "_card--elevated_10pt3_12",
+  "card--outlined": "_card--outlined_10pt3_16",
+  "card--filled": "_card--filled_10pt3_19",
+  "card--hover": "_card--hover_10pt3_23",
+  "card--clickable": "_card--clickable_10pt3_27",
+  "card-image": "_card-image_10pt3_41",
+  "card-header": "_card-header_10pt3_53",
+  "card-title": "_card-title_10pt3_58",
+  "card-subtitle": "_card-subtitle_10pt3_65",
+  "card-content--none": "_card-content--none_10pt3_71",
+  "card-content--small": "_card-content--small_10pt3_74",
+  "card-content--medium": "_card-content--medium_10pt3_77",
+  "card-content--large": "_card-content--large_10pt3_80",
+  "card-actions": "_card-actions_10pt3_84"
+}, zt = ({
+  children: a,
+  variant: n = "default",
+  hover: d = !1,
+  padding: u = "medium",
+  title: p,
+  subtitle: _,
+  image: i,
+  imageAlt: c,
+  actions: o,
+  className: v = "",
+  style: h,
+  onClick: l,
+  ...x
+}) => {
+  const f = [
+    ee.card,
+    ee[`card--${n}`],
+    d && ee["card--hover"],
+    l && ee["card--clickable"],
+    v
+  ].filter(Boolean).join(" "), w = [
+    ee["card-content"],
+    ee[`card-content--${u}`]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: f,
+      style: h,
+      onClick: l,
+      role: l ? "button" : void 0,
+      tabIndex: l ? 0 : void 0,
+      onKeyDown: (b) => {
+        l && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), l(b));
+      },
+      ...x,
+      children: [
+        i && /* @__PURE__ */ r.jsx("div", { className: ee["card-image"], children: /* @__PURE__ */ r.jsx("img", { src: i, alt: c || "" }) }),
+        (p || _) && /* @__PURE__ */ r.jsxs("div", { className: ee["card-header"], children: [
+          p && /* @__PURE__ */ r.jsx("h3", { className: ee["card-title"], children: p }),
+          _ && /* @__PURE__ */ r.jsx("p", { className: ee["card-subtitle"], children: _ })
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { className: w, children: a }),
+        o && /* @__PURE__ */ r.jsx("div", { className: ee["card-actions"], children: o })
+      ]
+    }
+  );
+}, Hr = "_badge_1xd29_1", he = {
+  badge: Hr,
+  "badge--small": "_badge--small_1xd29_10",
+  "badge--medium": "_badge--medium_1xd29_15",
+  "badge--large": "_badge--large_1xd29_20",
+  "badge-color": "_badge-color_1xd29_26",
+  "badge--default": "_badge--default_1xd29_31",
+  "badge--primary": "_badge--primary_1xd29_34",
+  "badge--success": "_badge--success_1xd29_37",
+  "badge--danger": "_badge--danger_1xd29_40",
+  "badge--warning": "_badge--warning_1xd29_43",
+  "badge--info": "_badge--info_1xd29_46",
+  "badge-text": "_badge-text_1xd29_50"
+}, Pt = ({
+  text: a,
+  children: n,
+  variant: d = "default",
+  size: u = "medium",
+  className: p = "",
+  style: _,
+  ...i
+}) => {
+  const c = a || n, o = [
+    he.badge,
+    he[`badge--${d}`],
+    he[`badge--${u}`],
+    p
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("span", { className: o, style: _, ...i, children: [
+    /* @__PURE__ */ r.jsx("span", { className: he["badge-color"] }),
+    /* @__PURE__ */ r.jsx("span", { className: he["badge-text"], children: c })
+  ] });
+}, Zr = "_dropdown_1kj0n_1", F = {
+  dropdown: Zr,
+  "dropdown-trigger": "_dropdown-trigger_1kj0n_6",
+  "dropdown--error": "_dropdown--error_1kj0n_37",
+  "dropdown-value": "_dropdown-value_1kj0n_45",
+  "dropdown-arrow": "_dropdown-arrow_1kj0n_54",
+  "dropdown-arrow--open": "_dropdown-arrow--open_1kj0n_62",
+  "dropdown-menu": "_dropdown-menu_1kj0n_66",
+  "dropdown-search": "_dropdown-search_1kj0n_83",
+  "dropdown-search-input": "_dropdown-search-input_1kj0n_88",
+  "dropdown-options": "_dropdown-options_1kj0n_104",
+  "dropdown-option": "_dropdown-option_1kj0n_104",
+  "dropdown-option--disabled": "_dropdown-option--disabled_1kj0n_136",
+  "dropdown-option--selected": "_dropdown-option--selected_1kj0n_139",
+  "dropdown-checkbox": "_dropdown-checkbox_1kj0n_149",
+  "dropdown-empty": "_dropdown-empty_1kj0n_168"
+}, Qr = ({
+  options: a = [],
+  value: n,
+  defaultValue: d,
+  onChange: u,
+  placeholder: p = "Auswählen...",
+  disabled: _ = !1,
+  searchable: i = !1,
+  multiSelect: c = !1,
+  error: o = !1,
+  className: v = "",
+  style: h,
+  triggerStyle: l,
+  menuStyle: x,
+  ...f
+}) => {
+  const [w, b] = ne(!1), [$, O] = ne(""), [k, D] = ne(
+    c ? d || [] : null
+  ), L = ce(null), z = ce(null), C = n !== void 0, R = C ? n : k;
+  ye(() => {
+    const g = (I) => {
+      L.current && !L.current.contains(I.target) && (b(!1), O(""));
+    };
+    return w && (document.addEventListener("mousedown", g), i && z.current && z.current.focus()), () => {
+      document.removeEventListener("mousedown", g);
+    };
+  }, [w, i]);
+  const P = i ? a.filter(
+    (g) => g.label.toLowerCase().includes($.toLowerCase())
+  ) : a, G = (g) => {
+    if (c) {
+      const I = C ? [...n || []] : [...k || []], q = I.findIndex((M) => M === g.value);
+      q > -1 ? I.splice(q, 1) : I.push(g.value), C || D(I), u && u(I);
+    } else
+      C || D(g.value), u && u(g.value), b(!1), O("");
+  }, A = (g) => c ? R && R.includes(g) : R === g, te = () => {
+    if (c) {
+      if (!R || R.length === 0)
+        return p;
+      if (R.length === 1) {
+        const g = a.find((I) => I.value === R[0]);
+        return g ? g.label : p;
+      }
+      return `${R.length} ausgewählt`;
+    } else {
+      if (!R)
+        return p;
+      const g = a.find((I) => I.value === R);
+      return g ? g.label : p;
+    }
+  }, Y = [
+    F.dropdown,
+    w && F["dropdown--open"],
+    _ && F["dropdown--disabled"],
+    o && F["dropdown--error"],
+    v
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: Y, ref: L, style: h, ...f, children: [
+    /* @__PURE__ */ r.jsxs(
+      "button",
+      {
+        type: "button",
+        className: F["dropdown-trigger"],
+        style: l,
+        onClick: () => !_ && b(!w),
+        disabled: _,
+        children: [
+          /* @__PURE__ */ r.jsx("span", { className: F["dropdown-value"], children: te() }),
+          /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: `${F["dropdown-arrow"]} ${w ? F["dropdown-arrow--open"] : ""}`,
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ r.jsx("polyline", { points: "6 9 10 13 14 9" })
+            }
+          )
+        ]
+      }
+    ),
+    w && /* @__PURE__ */ r.jsxs("div", { className: F["dropdown-menu"], style: x, children: [
+      i && /* @__PURE__ */ r.jsx("div", { className: F["dropdown-search"], children: /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          ref: z,
+          type: "text",
+          className: F["dropdown-search-input"],
+          placeholder: "Suchen...",
+          value: $,
+          onChange: (g) => O(g.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx("div", { className: F["dropdown-options"], children: P.length > 0 ? P.map((g) => /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: `${F["dropdown-option"]} ${A(g.value) ? F["dropdown-option--selected"] : ""} ${g.disabled ? F["dropdown-option--disabled"] : ""}`,
+          onClick: () => !g.disabled && G(g),
+          children: [
+            c && /* @__PURE__ */ r.jsx("span", { className: F["dropdown-checkbox"], children: A(g.value) && /* @__PURE__ */ r.jsx(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: /* @__PURE__ */ r.jsx("polyline", { points: "4 8 6 10 12 4" })
+              }
+            ) }),
+            /* @__PURE__ */ r.jsx("span", { children: g.label })
+          ]
+        },
+        g.value
+      )) : /* @__PURE__ */ r.jsx("div", { className: F["dropdown-empty"], children: "Keine Optionen gefunden" }) })
+    ] })
+  ] });
+}, et = "_toggle_1hp0g_1", U = {
+  "toggle-container": "_toggle-container_1hp0g_1",
+  "toggle-container--reverse": "_toggle-container--reverse_1hp0g_6",
+  toggle: et,
+  "toggle--disabled": "_toggle--disabled_1hp0g_15",
+  "toggle-input": "_toggle-input_1hp0g_20",
+  "toggle-switch": "_toggle-switch_1hp0g_27",
+  "toggle--small": "_toggle--small_1hp0g_38",
+  "toggle--medium": "_toggle--medium_1hp0g_42",
+  "toggle--large": "_toggle--large_1hp0g_46",
+  "toggle-switch--checked": "_toggle-switch--checked_1hp0g_50",
+  "toggle--primary": "_toggle--primary_1hp0g_53",
+  "toggle--checked": "_toggle--checked_1hp0g_53",
+  "toggle--success": "_toggle--success_1hp0g_56",
+  "toggle--danger": "_toggle--danger_1hp0g_59",
+  "toggle-thumb": "_toggle-thumb_1hp0g_66",
+  "toggle-label": "_toggle-label_1hp0g_100"
+}, Bt = ({
+  checked: a = !1,
+  onChange: n,
+  disabled: d = !1,
+  size: u = "medium",
+  variant: p = "default",
+  label: _,
+  labelPosition: i = "right",
+  className: c = "",
+  style: o,
+  switchStyle: v,
+  ...h
+}) => {
+  const l = (b) => {
+    !d && n && n(b.target.checked);
+  }, x = [
+    U.toggle,
+    U[`toggle--${u}`],
+    U[`toggle--${p}`],
+    a && U["toggle--checked"],
+    d && U["toggle--disabled"],
+    c
+  ].filter(Boolean).join(" "), f = [
+    U["toggle-switch"],
+    a && U["toggle-switch--checked"]
+  ].filter(Boolean).join(" "), w = [
+    U["toggle-container"],
+    i === "left" && U["toggle-container--reverse"]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: w, style: o, children: [
+    _ && i === "left" && /* @__PURE__ */ r.jsx("label", { className: U["toggle-label"], onClick: () => !d && n && n(!a), children: _ }),
+    /* @__PURE__ */ r.jsxs("label", { className: x, children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: a,
+          onChange: l,
+          disabled: d,
+          className: U["toggle-input"],
+          ...h
+        }
+      ),
+      /* @__PURE__ */ r.jsx("span", { className: f, style: v, children: /* @__PURE__ */ r.jsx("span", { className: U["toggle-thumb"] }) })
+    ] }),
+    _ && i === "right" && /* @__PURE__ */ r.jsx("label", { className: U["toggle-label"], onClick: () => !d && n && n(!a), children: _ })
+  ] });
+}, rt = "_textarea_163r4_1", re = {
+  "textarea-wrapper": "_textarea-wrapper_163r4_1",
+  "textarea-wrapper--full-width": "_textarea-wrapper--full-width_163r4_6",
+  "textarea-label": "_textarea-label_163r4_10",
+  "textarea-required": "_textarea-required_163r4_17",
+  textarea: rt,
+  "textarea--outlined": "_textarea--outlined_163r4_64",
+  "textarea--filled": "_textarea--filled_163r4_68",
+  "textarea--underlined": "_textarea--underlined_163r4_76",
+  "textarea--error": "_textarea--error_163r4_88",
+  "textarea--disabled": "_textarea--disabled_163r4_95",
+  "textarea--full-width": "_textarea--full-width_163r4_98",
+  "textarea-error": "_textarea-error_163r4_102",
+  "textarea-helper": "_textarea-helper_163r4_108"
+}, Ft = ({
+  variant: a = "default",
+  label: n,
+  placeholder: d,
+  value: u,
+  defaultValue: p,
+  error: _,
+  helperText: i,
+  disabled: c = !1,
+  required: o = !1,
+  fullWidth: v = !1,
+  rows: h = 4,
+  resize: l = "vertical",
+  onChange: x,
+  onFocus: f,
+  onBlur: w,
+  className: b = "",
+  style: $,
+  wrapperStyle: O,
+  textareaStyle: k,
+  ...D
+}) => {
+  const [L, z] = ne(!1), [C, R] = ne(p || ""), P = ce(null), G = u !== void 0, A = G ? u : C, te = (M) => {
+    G || R(M.target.value), x && x(M);
+  }, Y = (M) => {
+    z(!0), f && f(M);
+  }, g = (M) => {
+    z(!1), w && w(M);
+  }, I = [
+    re.textarea,
+    re[`textarea--${a}`],
+    _ && re["textarea--error"],
+    c && re["textarea--disabled"],
+    v && re["textarea--full-width"],
+    b
+  ].filter(Boolean).join(" "), q = [
+    re["textarea-wrapper"],
+    v && re["textarea-wrapper--full-width"]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: q, style: O || $, children: [
+    n && /* @__PURE__ */ r.jsxs("label", { className: re["textarea-label"], children: [
+      n,
+      o && /* @__PURE__ */ r.jsx("span", { className: re["textarea-required"], children: "*" })
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      "textarea",
+      {
+        ref: P,
+        className: I,
+        placeholder: d,
+        value: A,
+        disabled: c,
+        required: o,
+        rows: h,
+        style: { resize: l, ...k },
+        onChange: te,
+        onFocus: Y,
+        onBlur: g,
+        ...D
+      }
+    ),
+    _ && /* @__PURE__ */ r.jsx("span", { className: re["textarea-error"], children: _ }),
+    i && !_ && /* @__PURE__ */ r.jsx("span", { className: re["textarea-helper"], children: i })
+  ] });
+}, ae = {
+  "select-wrapper": "_select-wrapper_1917o_1",
+  "select-wrapper--full-width": "_select-wrapper--full-width_1917o_6",
+  "select-label": "_select-label_1917o_9",
+  "select-required": "_select-required_1917o_16",
+  "select-dropdown-wrapper": "_select-dropdown-wrapper_1917o_21",
+  "select-error": "_select-error_1917o_28",
+  "select-helper": "_select-helper_1917o_34"
+}, Dt = ({
+  options: a = [],
+  value: n,
+  defaultValue: d,
+  onChange: u,
+  placeholder: p = "Auswählen...",
+  label: _,
+  error: i,
+  helperText: c,
+  disabled: o = !1,
+  required: v = !1,
+  fullWidth: h = !1,
+  searchable: l = !1,
+  className: x = "",
+  style: f,
+  ...w
+}) => {
+  const b = [
+    ae["select-wrapper"],
+    h && ae["select-wrapper--full-width"],
+    i && ae["select-wrapper--error"],
+    x
+  ].filter(Boolean).join(" "), $ = (O) => {
+    if (u) {
+      const k = {
+        target: {
+          value: O,
+          name: w.name || ""
+        },
+        currentTarget: {
+          value: O,
+          name: w.name || ""
+        },
+        preventDefault: () => {
+        },
+        stopPropagation: () => {
+        }
+      };
+      u(k);
+    }
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: b, style: f, children: [
+    _ && /* @__PURE__ */ r.jsxs("label", { className: ae["select-label"], children: [
+      _,
+      v && /* @__PURE__ */ r.jsx("span", { className: ae["select-required"], children: "*" })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: ae["select-dropdown-wrapper"], children: /* @__PURE__ */ r.jsx(
+      Qr,
+      {
+        options: a,
+        value: n,
+        defaultValue: d,
+        onChange: $,
+        placeholder: p,
+        disabled: o,
+        searchable: l,
+        error: !!i,
+        ...w
+      }
+    ) }),
+    i && /* @__PURE__ */ r.jsx("span", { className: ae["select-error"], children: i }),
+    c && !i && /* @__PURE__ */ r.jsx("span", { className: ae["select-helper"], children: c })
+  ] });
+}, tt = "_checkbox_qb3mc_1", K = {
+  "checkbox-container": "_checkbox-container_qb3mc_1",
+  "checkbox-container--reverse": "_checkbox-container--reverse_qb3mc_6",
+  checkbox: tt,
+  "checkbox--disabled": "_checkbox--disabled_qb3mc_16",
+  "checkbox-input": "_checkbox-input_qb3mc_21",
+  "checkbox-box": "_checkbox-box_qb3mc_28",
+  "checkbox--small": "_checkbox--small_qb3mc_40",
+  "checkbox--medium": "_checkbox--medium_qb3mc_44",
+  "checkbox--large": "_checkbox--large_qb3mc_48",
+  "checkbox--checked": "_checkbox--checked_qb3mc_52",
+  "checkbox--indeterminate": "_checkbox--indeterminate_qb3mc_56",
+  "checkbox--primary": "_checkbox--primary_qb3mc_60",
+  "checkbox--success": "_checkbox--success_qb3mc_64",
+  "checkbox--danger": "_checkbox--danger_qb3mc_68",
+  "checkbox-check": "_checkbox-check_qb3mc_80",
+  "checkbox-label": "_checkbox-label_qb3mc_87"
+}, At = ({
+  checked: a = !1,
+  onChange: n,
+  disabled: d = !1,
+  label: u,
+  labelPosition: p = "right",
+  size: _ = "medium",
+  variant: i = "default",
+  indeterminate: c = !1,
+  className: o = "",
+  style: v,
+  boxStyle: h,
+  ...l
+}) => {
+  const x = (b) => {
+    !d && n && n(b.target.checked);
+  }, f = [
+    K.checkbox,
+    K[`checkbox--${_}`],
+    K[`checkbox--${i}`],
+    a && K["checkbox--checked"],
+    c && K["checkbox--indeterminate"],
+    d && K["checkbox--disabled"],
+    o
+  ].filter(Boolean).join(" "), w = [
+    K["checkbox-container"],
+    p === "left" && K["checkbox-container--reverse"]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: w, style: v, children: [
+    u && p === "left" && /* @__PURE__ */ r.jsx("label", { className: K["checkbox-label"], onClick: () => !d && n && n(!a), children: u }),
+    /* @__PURE__ */ r.jsxs("label", { className: f, children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: a,
+          onChange: x,
+          disabled: d,
+          ref: (b) => {
+            b && (b.indeterminate = c);
+          },
+          className: K["checkbox-input"],
+          ...l
+        }
+      ),
+      /* @__PURE__ */ r.jsx("span", { className: K["checkbox-box"], style: h, children: (a || c) && /* @__PURE__ */ r.jsx(
+        "svg",
+        {
+          className: K["checkbox-check"],
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: c ? /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "8", x2: "12", y2: "8" }) : /* @__PURE__ */ r.jsx("polyline", { points: "4 8 6 10 12 4" })
+        }
+      ) })
+    ] }),
+    u && p === "right" && /* @__PURE__ */ r.jsx("label", { className: K["checkbox-label"], onClick: () => !d && n && n(!a), children: u })
+  ] });
+}, st = "_radio_nmwcz_1", Q = {
+  "radio-container": "_radio-container_nmwcz_1",
+  "radio-container--reverse": "_radio-container--reverse_nmwcz_6",
+  radio: st,
+  "radio--disabled": "_radio--disabled_nmwcz_16",
+  "radio-input": "_radio-input_nmwcz_21",
+  "radio-circle": "_radio-circle_nmwcz_28",
+  "radio--small": "_radio--small_nmwcz_40",
+  "radio--medium": "_radio--medium_nmwcz_44",
+  "radio--large": "_radio--large_nmwcz_48",
+  "radio--checked": "_radio--checked_nmwcz_52",
+  "radio--primary": "_radio--primary_nmwcz_55",
+  "radio--success": "_radio--success_nmwcz_58",
+  "radio--danger": "_radio--danger_nmwcz_61",
+  "radio-dot": "_radio-dot_nmwcz_72",
+  "radio-label": "_radio-label_nmwcz_99"
+}, Lt = ({
+  checked: a = !1,
+  onChange: n,
+  disabled: d = !1,
+  label: u,
+  labelPosition: p = "right",
+  size: _ = "medium",
+  variant: i = "default",
+  name: c,
+  value: o,
+  className: v = "",
+  style: h,
+  circleStyle: l,
+  ...x
+}) => {
+  const f = ($) => {
+    !d && n && n($.target.value);
+  }, w = [
+    Q.radio,
+    Q[`radio--${_}`],
+    Q[`radio--${i}`],
+    a && Q["radio--checked"],
+    d && Q["radio--disabled"],
+    v
+  ].filter(Boolean).join(" "), b = [
+    Q["radio-container"],
+    p === "left" && Q["radio-container--reverse"]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: b, style: h, children: [
+    u && p === "left" && /* @__PURE__ */ r.jsx("label", { className: Q["radio-label"], onClick: () => !d && n && n(o), children: u }),
+    /* @__PURE__ */ r.jsxs("label", { className: w, children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "radio",
+          checked: a,
+          onChange: f,
+          disabled: d,
+          name: c,
+          value: o,
+          className: Q["radio-input"],
+          ...x
+        }
+      ),
+      /* @__PURE__ */ r.jsx("span", { className: Q["radio-circle"], style: l, children: a && /* @__PURE__ */ r.jsx("span", { className: Q["radio-dot"] }) })
+    ] }),
+    u && p === "right" && /* @__PURE__ */ r.jsx("label", { className: Q["radio-label"], onClick: () => !d && n && n(o), children: u })
+  ] });
+}, at = "_fadeIn_szmsm_1", nt = "_fadeOut_szmsm_1", ot = "_slideInTop_szmsm_1", lt = "_slideInBottom_szmsm_1", it = "_slideInLeft_szmsm_1", ct = "_slideInRight_szmsm_1", dt = "_scaleIn_szmsm_1", ut = "_scaleOut_szmsm_1", _t = "_pulse_szmsm_1", ft = "_spin_szmsm_1", pt = "_shake_szmsm_1", mt = "_progress_szmsm_212", gt = "_slideOutTop_szmsm_1", ht = "_slideOutBottom_szmsm_1", bt = "_rotate_szmsm_1", vt = "_bounce_szmsm_1", J = {
+  "animate-fadeIn": "_animate-fadeIn_szmsm_140",
+  fadeIn: at,
+  "animate-fadeOut": "_animate-fadeOut_szmsm_144",
+  fadeOut: nt,
+  "animate-slideInTop": "_animate-slideInTop_szmsm_148",
+  slideInTop: ot,
+  "animate-slideInBottom": "_animate-slideInBottom_szmsm_152",
+  slideInBottom: lt,
+  "animate-slideInLeft": "_animate-slideInLeft_szmsm_156",
+  slideInLeft: it,
+  "animate-slideInRight": "_animate-slideInRight_szmsm_160",
+  slideInRight: ct,
+  "animate-scaleIn": "_animate-scaleIn_szmsm_164",
+  scaleIn: dt,
+  "animate-scaleOut": "_animate-scaleOut_szmsm_168",
+  scaleOut: ut,
+  "animate-pulse": "_animate-pulse_szmsm_172",
+  pulse: _t,
+  "animate-spin": "_animate-spin_szmsm_176",
+  spin: ft,
+  "animate-shake": "_animate-shake_szmsm_180",
+  shake: pt,
+  progress: mt,
+  "progress--small": "_progress--small_szmsm_221",
+  "progress--medium": "_progress--medium_szmsm_225",
+  "progress--large": "_progress--large_szmsm_229",
+  "progress--vertical": "_progress--vertical_szmsm_233",
+  "progress-bar": "_progress-bar_szmsm_265",
+  "progress--default": "_progress--default_szmsm_299",
+  "progress--success": "_progress--success_szmsm_303",
+  "progress--danger": "_progress--danger_szmsm_307",
+  "progress--warning": "_progress--warning_szmsm_311",
+  "progress--info": "_progress--info_szmsm_315",
+  "progress-bar--striped": "_progress-bar--striped_szmsm_339",
+  "progress-bar--animated": "_progress-bar--animated_szmsm_344",
+  "progress-animation": "_progress-animation_szmsm_1",
+  "progress-bar--pulse": "_progress-bar--pulse_szmsm_373",
+  "progress-pulse": "_progress-pulse_szmsm_1",
+  "progress-bar--shimmer": "_progress-bar--shimmer_szmsm_376",
+  "progress-shimmer": "_progress-shimmer_szmsm_1",
+  "progress-label": "_progress-label_szmsm_397",
+  "progress-label--external": "_progress-label--external_szmsm_416",
+  slideOutTop: gt,
+  slideOutBottom: ht,
+  rotate: bt,
+  bounce: vt
+}, Mt = ({
+  value: a = 0,
+  max: n = 100,
+  variant: d = "default",
+  size: u = "medium",
+  showLabel: p = !1,
+  label: _,
+  animated: i = !1,
+  striped: c = !1,
+  pulse: o = !1,
+  shimmer: v = !1,
+  animationSpeed: h = "normal",
+  // 'slow', 'normal', 'fast' oder Zahl in Sekunden
+  vertical: l = !1,
+  // Vertikale Progress Bar
+  className: x = "",
+  style: f,
+  barStyle: w,
+  ...b
+}) => {
+  const $ = Math.min(Math.max(a / n * 100, 0), 100), k = ((P) => {
+    if (typeof P == "number")
+      return P;
+    switch (P) {
+      case "slow":
+        return 3;
+      case "fast":
+        return 0.5;
+      case "normal":
+      default:
+        return 1;
+    }
+  })(h), D = [
+    J.progress,
+    J[`progress--${d}`],
+    J[`progress--${u}`],
+    l && J["progress--vertical"],
+    i && J["progress--animated"],
+    c && J["progress--striped"],
+    x
+  ].filter(Boolean).join(" "), L = [
+    J["progress-bar"],
+    i && J["progress-bar--animated"],
+    c && J["progress-bar--striped"],
+    o && J["progress-bar--pulse"],
+    v && J["progress-bar--shimmer"]
+  ].filter(Boolean).join(" "), z = _ || (p ? `${Math.round($)}%` : ""), C = {};
+  (i || o || v) && (i && (C["--animation-speed"] = `${k}s`), o && (C["--pulse-speed"] = `${k * 2}s`), v && (C["--shimmer-speed"] = `${k * 1.5}s`));
+  const R = l ? {
+    height: `${$}%`,
+    width: "100%",
+    ...C,
+    ...w
+  } : {
+    width: `${$}%`,
+    ...C,
+    ...w
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: D, style: f, ...b, children: [
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: L,
+        role: "progressbar",
+        "aria-valuenow": a,
+        "aria-valuemin": 0,
+        "aria-valuemax": n,
+        style: R,
+        children: z && !l && /* @__PURE__ */ r.jsx("span", { className: J["progress-label"], children: z })
+      }
+    ),
+    z && l && /* @__PURE__ */ r.jsx("span", { className: J["progress-label--external"], children: z })
+  ] });
+}, xt = "_container_b6ikf_1", wt = "_progress_b6ikf_8", jt = "_radio_b6ikf_31", kt = "_label_b6ikf_35", be = {
+  container: xt,
+  progress: wt,
+  "progress-bar": "_progress-bar_b6ikf_20",
+  radio: jt,
+  label: kt
+}, Vt = ({
+  options: a = [
+    { value: 5, label: "5%", color: "#f63a0f" },
+    { value: 25, label: "25%", color: "#f27011" },
+    { value: 50, label: "50%", color: "#f2b01e" },
+    { value: 75, label: "75%", color: "#f2d31b" },
+    { value: 100, label: "100%", color: "#86e01e" }
+  ],
+  defaultValue: n = 25,
+  name: d = "progress",
+  className: u = "",
+  style: p,
+  barStyle: _,
+  ...i
+}) => {
+  const [c, o] = ne(n), v = (f) => {
+    o(f);
+  }, h = a.find((f) => f.value === c) || a[0], l = c, x = [
+    be.container,
+    u
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: x, style: p, ...i, children: [
+    a.map((f) => /* @__PURE__ */ r.jsxs(ze.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "radio",
+          className: be.radio,
+          name: d,
+          value: f.value,
+          id: `${d}-${f.value}`,
+          checked: c === f.value,
+          onChange: () => v(f.value)
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "label",
+        {
+          htmlFor: `${d}-${f.value}`,
+          className: be.label,
+          children: f.label
+        }
+      )
+    ] }, f.value)),
+    /* @__PURE__ */ r.jsx("div", { className: be.progress, children: /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: be["progress-bar"],
+        role: "progressbar",
+        "aria-valuenow": l,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        style: {
+          width: `${l}%`,
+          backgroundColor: h.color,
+          ..._
+        }
+      }
+    ) })
+  ] });
+}, le = {
+  "circle-progress": "_circle-progress_14zpr_1",
+  "circle-progress--small": "_circle-progress--small_14zpr_9",
+  "circle-progress--medium": "_circle-progress--medium_14zpr_13",
+  "circle-progress--large": "_circle-progress--large_14zpr_17",
+  "circle-progress-svg": "_circle-progress-svg_14zpr_22",
+  "circle-progress-circle": "_circle-progress-circle_14zpr_27",
+  "circle-progress-segment": "_circle-progress-segment_14zpr_32",
+  "circle-progress-value": "_circle-progress-value_14zpr_38",
+  "circle-progress-text": "_circle-progress-text_14zpr_45"
+}, qt = ({
+  value: a = 0,
+  max: n = 100,
+  size: d = "medium",
+  showLabel: u = !1,
+  label: p,
+  textFormat: _,
+  animationDuration: i = 400,
+  className: c = "",
+  style: o,
+  ...v
+}) => {
+  const h = Math.min(Math.max(a / n * 100, 0), 100), l = a / n, x = 240 * (1 - l), f = 100, w = 30 + 20 * l, b = `hsl(${x}, ${f}%, ${w}%)`, $ = 60, O = Math.round(h / 100 * $), k = 360 / $, D = [
+    le["circle-progress"],
+    le[`circle-progress--${d}`],
+    c
+  ].filter(Boolean).join(" "), L = _ ? _(a) : p || (u ? `${Math.round(h)}%` : ""), z = {
+    "--progress-value": l,
+    "--color": b,
+    ...o
+  }, C = [], R = 45, P = 4, G = 5;
+  for (let A = 0; A < $; A++) {
+    const te = A < O, Y = (A * k - 90) * (Math.PI / 180), g = 50 + R * Math.cos(Y), I = 50 + R * Math.sin(Y), q = g - P / 2, M = I - G / 2, de = A * k - 90 + 90;
+    C.push(
+      /* @__PURE__ */ r.jsx(
+        "rect",
+        {
+          x: q,
+          y: M,
+          width: P,
+          height: G,
+          fill: te ? b : "transparent",
+          transform: `rotate(${de} ${g} ${I})`,
+          className: le["circle-progress-segment"]
+        },
+        A
+      )
+    );
+  }
+  return /* @__PURE__ */ r.jsx("div", { className: D, style: z, ...v, children: /* @__PURE__ */ r.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 100 100",
+      className: le["circle-progress-svg"],
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "circle",
+          {
+            cx: "50",
+            cy: "50",
+            r: "45",
+            fill: "none",
+            stroke: "hsl(228, 8%, 10%)",
+            strokeWidth: "0.5",
+            className: le["circle-progress-circle"]
+          }
+        ),
+        /* @__PURE__ */ r.jsx("g", { className: le["circle-progress-segments"], children: C }),
+        L && /* @__PURE__ */ r.jsx(
+          "text",
+          {
+            x: "50",
+            y: "50",
+            textAnchor: "middle",
+            dy: "0.35em",
+            className: le["circle-progress-text"],
+            children: L
+          }
+        )
+      ]
+    }
+  ) });
+}, yt = "_progress_pnlsj_9", Rt = "_inner_pnlsj_20", $t = "_percent_pnlsj_27", Et = "_water_pnlsj_81", Nt = "_spin_pnlsj_1", It = "_glare_pnlsj_107", ie = {
+  progress: yt,
+  "progress--medium": "_progress--medium_pnlsj_15",
+  inner: Rt,
+  percent: $t,
+  "progress--small": "_progress--small_pnlsj_30",
+  "progress--large": "_progress--large_pnlsj_45",
+  "progress--red": "_progress--red_pnlsj_60",
+  "progress--orange": "_progress--orange_pnlsj_64",
+  "progress--green": "_progress--green_pnlsj_68",
+  water: Et,
+  spin: Nt,
+  glare: It
+}, Wt = ({
+  value: a = 0,
+  max: n = 100,
+  size: d = "medium",
+  showLabel: u = !1,
+  label: p,
+  animationSpeed: _ = "normal",
+  animateCounter: i = !1,
+  counterDuration: c = 5e3,
+  className: o = "",
+  style: v,
+  ...h
+}) => {
+  const l = Math.min(Math.max(a / n * 100, 0), 100), x = ce(null), f = ce(null), w = ce(null), $ = ((R) => {
+    if (typeof R == "number")
+      return R;
+    switch (R) {
+      case "slow":
+        return 1.5;
+      case "fast":
+        return 0.5;
+      case "normal":
+      default:
+        return 1;
+    }
+  })(_), k = ((R) => R < 33 ? "red" : R < 66 ? "orange" : "green")(l), D = 100 - l;
+  ye(() => {
+    if (typeof window < "u" && window.$ && x.current && i) {
+      window.$(x.current);
+      const R = window.$(f.current), P = window.$(w.current);
+      R.length && i && window.$({ Counter: 0 }).animate(
+        { Counter: l },
+        {
+          duration: c,
+          easing: "linear",
+          step: function() {
+            R.length && R.find("span").text(Math.ceil(this.Counter));
+          }
+        }
+      ), P.length && P.stop().animate(
+        { top: `${D}%` },
+        {
+          duration: $ * 1e3,
+          easing: "linear"
+        }
+      );
+    }
+  }, [a, l, D, $, i, c]);
+  const L = [
+    ie.progress,
+    ie[`progress--${d}`],
+    ie[`progress--${k}`],
+    o
+  ].filter(Boolean).join(" "), z = p || (u ? `${Math.round(l)}%` : ""), C = {
+    "--level-change-speed": `${$}s`
+  };
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      ref: x,
+      className: L,
+      style: { ...v, ...C },
+      ...h,
+      children: /* @__PURE__ */ r.jsxs("div", { className: ie.inner, children: [
+        z && /* @__PURE__ */ r.jsxs("div", { ref: f, className: ie.percent, children: [
+          /* @__PURE__ */ r.jsx("span", { children: Math.round(l) }),
+          "%"
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            ref: w,
+            className: ie.water,
+            style: {
+              top: `${D}%`
+            }
+          }
+        ),
+        /* @__PURE__ */ r.jsx("div", { className: ie.glare })
+      ] })
+    }
+  );
+};
+export {
+  Pt as Badge,
+  Ct as Button,
+  zt as Card,
+  At as Checkbox,
+  Qr as Dropdown,
+  Tt as Input,
+  St as Modal,
+  Mt as Progress,
+  Wt as ProgressBubble,
+  qt as ProgressCircle,
+  Vt as ProgressRadio,
+  Lt as Radio,
+  Dt as Select,
+  Ft as Textarea,
+  Bt as Toggle
+};