@emporix/cockpit-component-library 1.0.1 → 1.0.3

package/dist/index.es.js

@@ -1,1339 +1,2513 @@
-import X, { useState as Re, useRef as _e, useMemo as Bt, useEffect as Oe, useId as dt } from "react";
-var Be = { exports: {} }, we = {};
-/**
- * @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 it;
-function $t() {
-  if (it) return we;
-  it = 1;
-  var t = X, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, f = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function y(j, l, d) {
-    var b, D = {}, I = null, Y = null;
-    d !== void 0 && (I = "" + d), l.key !== void 0 && (I = "" + l.key), l.ref !== void 0 && (Y = l.ref);
-    for (b in l) i.call(l, b) && !m.hasOwnProperty(b) && (D[b] = l[b]);
-    if (j && j.defaultProps) for (b in l = j.defaultProps, l) D[b] === void 0 && (D[b] = l[b]);
-    return { $$typeof: n, type: j, key: I, ref: Y, props: D, _owner: f.current };
-  }
-  return we.Fragment = a, we.jsx = y, we.jsxs = y, we;
-}
-var Ce = {};
-/**
- * @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 ot;
-function Ft() {
-  return ot || (ot = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = X, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), j = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), Q = Symbol.iterator, C = "@@iterator";
-    function k(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = Q && e[Q] || e[C];
-      return typeof r == "function" ? r : null;
-    }
-    var S = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(e) {
-      {
-        for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
-          o[c - 1] = arguments[c];
-        F("error", e, o);
-      }
-    }
-    function F(e, r, o) {
-      {
-        var c = S.ReactDebugCurrentFrame, g = c.getStackAddendum();
-        g !== "" && (r += "%s", o = o.concat([g]));
-        var R = o.map(function(_) {
-          return String(_);
-        });
-        R.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, R);
-      }
-    }
-    var N = !1, O = !1, Z = !1, q = !1, Se = !1, ae;
-    ae = Symbol.for("react.module.reference");
-    function Pe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === m || Se || e === f || e === d || e === b || q || e === Y || N || O || Z || typeof e == "object" && e !== null && (e.$$typeof === I || e.$$typeof === D || e.$$typeof === y || e.$$typeof === j || e.$$typeof === l || // 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 === ae || e.getModuleId !== void 0));
-    }
-    function ie(e, r, o) {
-      var c = e.displayName;
-      if (c)
-        return c;
-      var g = r.displayName || r.name || "";
-      return g !== "" ? o + "(" + g + ")" : o;
-    }
-    function K(e) {
-      return e.displayName || "Context";
-    }
-    function W(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && v("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 i:
-          return "Fragment";
-        case a:
-          return "Portal";
-        case m:
-          return "Profiler";
-        case f:
-          return "StrictMode";
-        case d:
-          return "Suspense";
-        case b:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case j:
-            var r = e;
-            return K(r) + ".Consumer";
-          case y:
-            var o = e;
-            return K(o._context) + ".Provider";
-          case l:
-            return ie(e, e.render, "ForwardRef");
-          case D:
-            var c = e.displayName || null;
-            return c !== null ? c : W(e.type) || "Memo";
-          case I: {
-            var g = e, R = g._payload, _ = g._init;
-            try {
-              return W(_(R));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var B = Object.assign, H = 0, Te, ye, De, ge, oe, L, se;
-    function Ie() {
-    }
-    Ie.__reactDisabledLog = !0;
-    function Ne() {
-      {
-        if (H === 0) {
-          Te = console.log, ye = console.info, De = console.warn, ge = console.error, oe = console.group, L = console.groupCollapsed, se = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Ie,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        H++;
-      }
-    }
-    function be() {
-      {
-        if (H--, H === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: B({}, e, {
-              value: Te
-            }),
-            info: B({}, e, {
-              value: ye
-            }),
-            warn: B({}, e, {
-              value: De
-            }),
-            error: B({}, e, {
-              value: ge
-            }),
-            group: B({}, e, {
-              value: oe
-            }),
-            groupCollapsed: B({}, e, {
-              value: L
-            }),
-            groupEnd: B({}, e, {
-              value: se
-            })
-          });
-        }
-        H < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var le = S.ReactCurrentDispatcher, xe;
-    function ce(e, r, o) {
-      {
-        if (xe === void 0)
-          try {
-            throw Error();
-          } catch (g) {
-            var c = g.stack.trim().match(/\n( *(at )?)/);
-            xe = c && c[1] || "";
-          }
-        return `
-` + xe + e;
-      }
-    }
-    var je = !1, ue;
-    {
-      var fe = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new fe();
-    }
-    function de(e, r) {
-      if (!e || je)
-        return "";
-      {
-        var o = ue.get(e);
-        if (o !== void 0)
-          return o;
-      }
-      var c;
-      je = !0;
-      var g = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var R;
-      R = le.current, le.current = null, Ne();
-      try {
-        if (r) {
-          var _ = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(_.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(_, []);
-            } catch (A) {
-              c = A;
-            }
-            Reflect.construct(e, [], _);
-          } else {
-            try {
-              _.call();
-            } catch (A) {
-              c = A;
-            }
-            e.call(_.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (A) {
-            c = A;
-          }
-          e();
-        }
-      } catch (A) {
-        if (A && c && typeof A.stack == "string") {
-          for (var p = A.stack.split(`
-`), $ = c.stack.split(`
-`), P = p.length - 1, T = $.length - 1; P >= 1 && T >= 0 && p[P] !== $[T]; )
-            T--;
-          for (; P >= 1 && T >= 0; P--, T--)
-            if (p[P] !== $[T]) {
-              if (P !== 1 || T !== 1)
-                do
-                  if (P--, T--, T < 0 || p[P] !== $[T]) {
-                    var z = `
-` + p[P].replace(" at new ", " at ");
-                    return e.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, z), z;
-                  }
-                while (P >= 1 && T >= 0);
-              break;
-            }
-        }
-      } finally {
-        je = !1, le.current = R, be(), Error.prepareStackTrace = g;
-      }
-      var ve = e ? e.displayName || e.name : "", ee = ve ? ce(ve) : "";
-      return typeof e == "function" && ue.set(e, ee), ee;
-    }
-    function s(e, r, o) {
-      return de(e, !1);
-    }
-    function h(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function x(e, r, o) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return de(e, h(e));
-      if (typeof e == "string")
-        return ce(e);
-      switch (e) {
-        case d:
-          return ce("Suspense");
-        case b:
-          return ce("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case l:
-            return s(e.render);
-          case D:
-            return x(e.type, r, o);
-          case I: {
-            var c = e, g = c._payload, R = c._init;
-            try {
-              return x(R(g), r, o);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var w = Object.prototype.hasOwnProperty, M = {}, J = S.ReactDebugCurrentFrame;
-    function V(e) {
-      if (e) {
-        var r = e._owner, o = x(e.type, e._source, r ? r.type : null);
-        J.setExtraStackFrame(o);
-      } else
-        J.setExtraStackFrame(null);
-    }
-    function Ae(e, r, o, c, g) {
-      {
-        var R = Function.call.bind(w);
-        for (var _ in e)
-          if (R(e, _)) {
-            var p = void 0;
-            try {
-              if (typeof e[_] != "function") {
-                var $ = Error((c || "React class") + ": " + o + " 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 $.name = "Invariant Violation", $;
-              }
-              p = e[_](r, _, c, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              p = P;
-            }
-            p && !(p instanceof Error) && (V(g), v("%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).", c || "React class", o, _, typeof p), V(null)), p instanceof Error && !(p.message in M) && (M[p.message] = !0, V(g), v("Failed %s type: %s", o, p.message), V(null));
-          }
-      }
-    }
-    var We = Array.isArray;
-    function Ve(e) {
-      return We(e);
-    }
-    function _t(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, o = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o;
-      }
-    }
-    function ht(e) {
-      try {
-        return Ke(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ke(e) {
-      return "" + e;
-    }
-    function He(e) {
-      if (ht(e))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _t(e)), Ke(e);
-    }
-    var Je = S.ReactCurrentOwner, mt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Ge, Xe;
-    function yt(e) {
-      if (w.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function gt(e) {
-      if (w.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function bt(e, r) {
-      typeof e.ref == "string" && Je.current;
-    }
-    function xt(e, r) {
-      {
-        var o = function() {
-          Ge || (Ge = !0, v("%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)", r));
-        };
-        o.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: o,
-          configurable: !0
-        });
-      }
-    }
-    function jt(e, r) {
-      {
-        var o = function() {
-          Xe || (Xe = !0, v("%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)", r));
-        };
-        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: o,
-          configurable: !0
-        });
-      }
-    }
-    var Rt = function(e, r, o, c, g, R, _) {
-      var p = {
-        // 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: r,
-        ref: o,
-        props: _,
-        // Record the component responsible for creating this element.
-        _owner: R
-      };
-      return p._store = {}, Object.defineProperty(p._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(p, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: c
-      }), Object.defineProperty(p, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: g
-      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
-    };
-    function Ot(e, r, o, c, g) {
-      {
-        var R, _ = {}, p = null, $ = null;
-        o !== void 0 && (He(o), p = "" + o), gt(r) && (He(r.key), p = "" + r.key), yt(r) && ($ = r.ref, bt(r, g));
-        for (R in r)
-          w.call(r, R) && !mt.hasOwnProperty(R) && (_[R] = r[R]);
-        if (e && e.defaultProps) {
-          var P = e.defaultProps;
-          for (R in P)
-            _[R] === void 0 && (_[R] = P[R]);
-        }
-        if (p || $) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          p && xt(_, T), $ && jt(_, T);
-        }
-        return Rt(e, p, $, g, c, Je.current, _);
-      }
-    }
-    var Ye = S.ReactCurrentOwner, Qe = S.ReactDebugCurrentFrame;
-    function pe(e) {
-      if (e) {
-        var r = e._owner, o = x(e.type, e._source, r ? r.type : null);
-        Qe.setExtraStackFrame(o);
-      } else
-        Qe.setExtraStackFrame(null);
-    }
-    var qe;
-    qe = !1;
-    function ze(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
-    }
-    function Ze() {
-      {
-        if (Ye.current) {
-          var e = W(Ye.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function wt(e) {
-      return "";
-    }
-    var et = {};
-    function Ct(e) {
-      {
-        var r = Ze();
-        if (!r) {
-          var o = typeof e == "string" ? e : e.displayName || e.name;
-          o && (r = `
-
-Check the top-level render call using <` + o + ">.");
-        }
-        return r;
-      }
-    }
-    function tt(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var o = Ct(r);
-        if (et[o])
-          return;
-        et[o] = !0;
-        var c = "";
-        e && e._owner && e._owner !== Ye.current && (c = " It was passed a child from " + W(e._owner.type) + "."), pe(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, c), pe(null);
-      }
-    }
-    function rt(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (Ve(e))
-          for (var o = 0; o < e.length; o++) {
-            var c = e[o];
-            ze(c) && tt(c, r);
-          }
-        else if (ze(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var g = k(e);
-          if (typeof g == "function" && g !== e.entries)
-            for (var R = g.call(e), _; !(_ = R.next()).done; )
-              ze(_.value) && tt(_.value, r);
-        }
-      }
-    }
-    function Et(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var o;
-        if (typeof r == "function")
-          o = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === D))
-          o = r.propTypes;
-        else
-          return;
-        if (o) {
-          var c = W(r);
-          Ae(o, e.props, "prop", c, e);
-        } else if (r.PropTypes !== void 0 && !qe) {
-          qe = !0;
-          var g = W(r);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function kt(e) {
-      {
-        for (var r = Object.keys(e.props), o = 0; o < r.length; o++) {
-          var c = r[o];
-          if (c !== "children" && c !== "key") {
-            pe(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), pe(null);
-            break;
-          }
-        }
-        e.ref !== null && (pe(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null));
-      }
-    }
-    var nt = {};
-    function at(e, r, o, c, g, R) {
-      {
-        var _ = Pe(e);
-        if (!_) {
-          var p = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " 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 $ = wt();
-          $ ? p += $ : p += Ze();
-          var P;
-          e === null ? P = "null" : Ve(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (W(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, p);
-        }
-        var T = Ot(e, r, o, g, R);
-        if (T == null)
-          return T;
-        if (_) {
-          var z = r.children;
-          if (z !== void 0)
-            if (c)
-              if (Ve(z)) {
-                for (var ve = 0; ve < z.length; ve++)
-                  rt(z[ve], e);
-                Object.freeze && Object.freeze(z);
-              } else
-                v("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
-              rt(z, e);
-        }
-        if (w.call(r, "key")) {
-          var ee = W(e), A = Object.keys(r).filter(function(Nt) {
-            return Nt !== "key";
-          }), Me = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!nt[ee + Me]) {
-            var It = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
-            v(`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} />`, Me, ee, It, ee), nt[ee + Me] = !0;
-          }
-        }
-        return e === i ? kt(T) : Et(T), T;
-      }
-    }
-    function St(e, r, o) {
-      return at(e, r, o, !0);
-    }
-    function Pt(e, r, o) {
-      return at(e, r, o, !1);
-    }
-    var Tt = Pt, Dt = St;
-    Ce.Fragment = i, Ce.jsx = Tt, Ce.jsxs = Dt;
-  })()), Ce;
-}
-var st;
-function Lt() {
-  return st || (st = 1, process.env.NODE_ENV === "production" ? Be.exports = $t() : Be.exports = Ft()), Be.exports;
-}
-var u = Lt();
-const At = "_primaryButton_3izpp_1", Wt = "_primaryButtonDisabled_3izpp_37", Vt = "_spinner_3izpp_52", Yt = "_iconLeft_3izpp_56", qt = "_iconRight_3izpp_62", zt = "_iconOnly_3izpp_68", he = {
-  primaryButton: At,
-  primaryButtonDisabled: Wt,
-  spinner: Vt,
-  iconLeft: Yt,
-  iconRight: qt,
-  iconOnly: zt
+import { jsxs as u, jsx as o, Fragment as kt } from "react/jsx-runtime";
+import J, { useRef as q, useState as M, useEffect as $, useMemo as Lt, useCallback as tt, useId as Et, createContext as Le, useContext as Ae } from "react";
+import { createPortal as ae } from "react-dom";
+const Ie = "_primaryButton_1fi9p_1", De = "_primaryButtonDisabled_1fi9p_51", Te = "_spinner_1fi9p_63", qe = "_iconLeft_1fi9p_69", Ee = "_iconRight_1fi9p_70", Re = "_iconOnly_1fi9p_71", gt = {
+  primaryButton: Ie,
+  primaryButtonDisabled: De,
+  spinner: Te,
+  iconLeft: qe,
+  iconRight: Ee,
+  iconOnly: Re
 };
-var pt = {
+var se = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, lt = X.createContext && /* @__PURE__ */ X.createContext(pt), Mt = ["attr", "size", "title"];
-function Ut(t, n) {
+}, Yt = J.createContext && /* @__PURE__ */ J.createContext(se), Se = ["attr", "size", "title"];
+function Oe(t, e) {
   if (t == null) return {};
-  var a, i, f = Kt(t, n);
+  var n, r, a = $e(t, e);
   if (Object.getOwnPropertySymbols) {
-    var m = Object.getOwnPropertySymbols(t);
-    for (i = 0; i < m.length; i++) a = m[i], n.indexOf(a) === -1 && {}.propertyIsEnumerable.call(t, a) && (f[a] = t[a]);
+    var s = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < s.length; r++) n = s[r], e.indexOf(n) === -1 && {}.propertyIsEnumerable.call(t, n) && (a[n] = t[n]);
   }
-  return f;
+  return a;
 }
-function Kt(t, n) {
+function $e(t, e) {
   if (t == null) return {};
-  var a = {};
-  for (var i in t) if ({}.hasOwnProperty.call(t, i)) {
-    if (n.indexOf(i) !== -1) continue;
-    a[i] = t[i];
+  var n = {};
+  for (var r in t) if ({}.hasOwnProperty.call(t, r)) {
+    if (e.indexOf(r) !== -1) continue;
+    n[r] = t[r];
   }
-  return a;
+  return n;
 }
-function $e() {
-  return $e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var i in a) ({}).hasOwnProperty.call(a, i) && (t[i] = a[i]);
+function Tt() {
+  return Tt = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var r in n) ({}).hasOwnProperty.call(n, r) && (t[r] = n[r]);
     }
     return t;
-  }, $e.apply(null, arguments);
+  }, Tt.apply(null, arguments);
 }
-function ct(t, n) {
-  var a = Object.keys(t);
+function Gt(t, e) {
+  var n = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(t);
-    n && (i = i.filter(function(f) {
-      return Object.getOwnPropertyDescriptor(t, f).enumerable;
-    })), a.push.apply(a, i);
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(t, a).enumerable;
+    })), n.push.apply(n, r);
   }
-  return a;
+  return n;
 }
-function Fe(t) {
-  for (var n = 1; n < arguments.length; n++) {
-    var a = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? ct(Object(a), !0).forEach(function(i) {
-      Ht(t, i, a[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : ct(Object(a)).forEach(function(i) {
-      Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(a, i));
+function qt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Gt(Object(n), !0).forEach(function(r) {
+      Pe(t, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Gt(Object(n)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return t;
 }
-function Ht(t, n, a) {
-  return (n = Jt(n)) in t ? Object.defineProperty(t, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = a, t;
+function Pe(t, e, n) {
+  return (e = ze(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function Jt(t) {
-  var n = Gt(t, "string");
-  return typeof n == "symbol" ? n : n + "";
+function ze(t) {
+  var e = We(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function Gt(t, n) {
+function We(t, e) {
   if (typeof t != "object" || !t) return t;
-  var a = t[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var i = a.call(t, n);
-    if (typeof i != "object") return i;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (n === "string" ? String : Number)(t);
+  return (e === "string" ? String : Number)(t);
 }
-function vt(t) {
-  return t && t.map((n, a) => /* @__PURE__ */ X.createElement(n.tag, Fe({
-    key: a
-  }, n.attr), vt(n.child)));
+function ce(t) {
+  return t && t.map((e, n) => /* @__PURE__ */ J.createElement(e.tag, qt({
+    key: n
+  }, e.attr), ce(e.child)));
 }
-function Le(t) {
-  return (n) => /* @__PURE__ */ X.createElement(Xt, $e({
-    attr: Fe({}, t.attr)
-  }, n), vt(t.child));
+function H(t) {
+  return (e) => /* @__PURE__ */ J.createElement(Me, Tt({
+    attr: qt({}, t.attr)
+  }, e), ce(t.child));
 }
-function Xt(t) {
-  var n = (a) => {
+function Me(t) {
+  var e = (n) => {
     var {
-      attr: i,
-      size: f,
-      title: m
-    } = t, y = Ut(t, Mt), j = f || a.size || "1em", l;
-    return a.className && (l = a.className), t.className && (l = (l ? l + " " : "") + t.className), /* @__PURE__ */ X.createElement("svg", $e({
+      attr: r,
+      size: a,
+      title: s
+    } = t, c = Oe(t, Se), i = a || n.size || "1em", l;
+    return n.className && (l = n.className), t.className && (l = (l ? l + " " : "") + t.className), /* @__PURE__ */ J.createElement("svg", Tt({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, i, y, {
+    }, n.attr, r, c, {
       className: l,
-      style: Fe(Fe({
-        color: t.color || a.color
-      }, a.style), t.style),
-      height: j,
-      width: j,
+      style: qt(qt({
+        color: t.color || n.color
+      }, n.style), t.style),
+      height: i,
+      width: i,
       xmlns: "http://www.w3.org/2000/svg"
-    }), m && /* @__PURE__ */ X.createElement("title", null, m), t.children);
+    }), s && /* @__PURE__ */ J.createElement("title", null, s), t.children);
   };
-  return lt !== void 0 ? /* @__PURE__ */ X.createElement(lt.Consumer, null, (a) => n(a)) : n(pt);
+  return Yt !== void 0 ? /* @__PURE__ */ J.createElement(Yt.Consumer, null, (n) => e(n)) : e(se);
 }
-function Qt(t) {
-  return Le({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874c-47-47-84-101.7-109.8-162.7C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3 22.2 52.4 53.9 99.5 94.3 139.9 40.4 40.4 87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952c59.4 0 117-11.6 171.3-34.6 52.4-22.2 99.5-53.9 139.9-94.3 40.4-40.4 72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512c0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874c-47 47-101.8 83.9-162.7 109.7-63.1 26.8-130.2 40.3-199.3 40.3z" }, child: [] }] })(t);
+function He(t) {
+  return H({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874c-47-47-84-101.7-109.8-162.7C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3 22.2 52.4 53.9 99.5 94.3 139.9 40.4 40.4 87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952c59.4 0 117-11.6 171.3-34.6 52.4-22.2 99.5-53.9 139.9-94.3 40.4-40.4 72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512c0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874c-47 47-101.8 83.9-162.7 109.7-63.1 26.8-130.2 40.3-199.3 40.3z" }, child: [] }] })(t);
 }
-const ln = ({
+const Ze = ({
   label: t,
-  disabled: n = !1,
-  loading: a = !1,
-  icon: i,
-  iconPos: f = "left",
-  onClick: m,
-  className: y = "",
-  "data-testid": j,
+  disabled: e = !1,
+  loading: n = !1,
+  icon: r,
+  iconPos: a = "left",
+  onClick: s,
+  className: c = "",
+  "data-testid": i,
   ...l
 }) => {
-  const d = [
-    he.primaryButton,
-    n ? he.primaryButtonDisabled : "",
-    y
-  ].filter(Boolean).join(" "), b = !!t;
-  return /* @__PURE__ */ u.jsxs(
+  const m = [
+    gt.primaryButton,
+    e ? gt.primaryButtonDisabled : "",
+    c
+  ].filter(Boolean).join(" "), f = !!t;
+  return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
-      className: d,
-      disabled: n || a,
-      onClick: m,
-      "data-testid": j,
+      className: m,
+      disabled: e || n,
+      onClick: s,
+      "data-testid": i,
       ...l,
       children: [
-        a && /* @__PURE__ */ u.jsx(Qt, { className: he.spinner, size: 16 }),
-        b ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-          i && f === "left" && /* @__PURE__ */ u.jsx("span", { className: he.iconLeft, children: i }),
+        n && /* @__PURE__ */ o(He, { className: gt.spinner, "aria-hidden": !0 }),
+        f ? /* @__PURE__ */ u(kt, { children: [
+          r && a === "left" && /* @__PURE__ */ o("span", { className: gt.iconLeft, children: r }),
           t,
-          i && f === "right" && /* @__PURE__ */ u.jsx("span", { className: he.iconRight, children: i })
-        ] }) : i && /* @__PURE__ */ u.jsx("span", { className: he.iconOnly, children: i })
+          r && a === "right" && /* @__PURE__ */ o("span", { className: gt.iconRight, children: r })
+        ] }) : r && /* @__PURE__ */ o("span", { className: gt.iconOnly, children: r })
       ]
     }
   );
-}, Zt = "_secondaryButton_1ct3d_1", er = "_iconLeft_1ct3d_34", tr = "_iconRight_1ct3d_40", rr = "_iconOnly_1ct3d_46", nr = "_secondaryButtonDisabled_1ct3d_58", Ee = {
-  secondaryButton: Zt,
-  iconLeft: er,
-  iconRight: tr,
-  iconOnly: rr,
-  secondaryButtonDisabled: nr
-}, cn = ({
+}, Ve = "_secondaryButton_l9k9t_1", Fe = "_iconLeft_l9k9t_53", Ue = "_iconRight_l9k9t_54", Ke = "_iconOnly_l9k9t_55", Qe = "_secondaryButtonDisabled_l9k9t_61", Ct = {
+  secondaryButton: Ve,
+  iconLeft: Fe,
+  iconRight: Ue,
+  iconOnly: Ke,
+  secondaryButtonDisabled: Qe
+}, ie = ({
   label: t,
-  disabled: n = !1,
-  icon: a,
-  iconPos: i = "left",
-  onClick: f,
-  className: m = "",
-  "data-testid": y,
-  ...j
+  disabled: e = !1,
+  icon: n,
+  iconPos: r = "left",
+  onClick: a,
+  className: s = "",
+  "data-testid": c,
+  ...i
 }) => {
   const l = [
-    Ee.secondaryButton,
-    n ? Ee.secondaryButtonDisabled : "",
-    m
-  ].filter(Boolean).join(" "), d = !!t;
-  return /* @__PURE__ */ u.jsx(
+    Ct.secondaryButton,
+    e ? Ct.secondaryButtonDisabled : "",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
       className: l,
-      disabled: n,
-      onClick: f,
-      "data-testid": y,
-      ...j,
-      children: d ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-        a && i === "left" && /* @__PURE__ */ u.jsx("span", { className: Ee.iconLeft, children: a }),
+      disabled: e,
+      onClick: a,
+      "data-testid": c,
+      ...i,
+      children: !!t ? /* @__PURE__ */ u(kt, { children: [
+        n && r === "left" && /* @__PURE__ */ o("span", { className: Ct.iconLeft, children: n }),
         t,
-        a && i === "right" && /* @__PURE__ */ u.jsx("span", { className: Ee.iconRight, children: a })
-      ] }) : a && /* @__PURE__ */ u.jsx("span", { className: Ee.iconOnly, children: a })
+        n && r === "right" && /* @__PURE__ */ o("span", { className: Ct.iconRight, children: n })
+      ] }) : n && /* @__PURE__ */ o("span", { className: Ct.iconOnly, children: n })
     }
   );
-}, ar = "_tabsContainer_m3c4e_1", ir = "_tabsHeader_m3c4e_7", or = "_tabItem_m3c4e_13", sr = "_tabContent_m3c4e_29", lr = "_tabLabel_m3c4e_51", cr = "_tabLine_m3c4e_61", ur = "_active_m3c4e_68", fr = "_inactive_m3c4e_76", dr = "_tabPanels_m3c4e_84", G = {
-  tabsContainer: ar,
-  tabsHeader: ir,
-  tabItem: or,
-  tabContent: sr,
-  tabLabel: lr,
-  tabLine: cr,
-  active: ur,
-  inactive: fr,
-  tabPanels: dr
-}, un = ({
+}, Xe = "_tertiaryButton_l2p3w_1", Ye = "_iconLeft_l2p3w_51", Ge = "_iconRight_l2p3w_52", Je = "_iconOnly_l2p3w_53", tn = "_tertiaryButtonDisabled_l2p3w_59", jt = {
+  tertiaryButton: Xe,
+  iconLeft: Ye,
+  iconRight: Ge,
+  iconOnly: Je,
+  tertiaryButtonDisabled: tn
+}, Gc = ({
+  label: t,
+  disabled: e = !1,
+  icon: n,
+  iconPos: r = "left",
+  className: a = "",
+  ...s
+}) => {
+  const c = [
+    jt.tertiaryButton,
+    e ? jt.tertiaryButtonDisabled : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: c,
+      disabled: e,
+      ...s,
+      children: !!t ? /* @__PURE__ */ u(kt, { children: [
+        n && r === "left" && /* @__PURE__ */ o("span", { className: jt.iconLeft, children: n }),
+        t,
+        n && r === "right" && /* @__PURE__ */ o("span", { className: jt.iconRight, children: n })
+      ] }) : n && /* @__PURE__ */ o("span", { className: jt.iconOnly, children: n })
+    }
+  );
+}, en = "_contrastButton_6r7h8_1", nn = "_iconLeft_6r7h8_53", on = "_iconRight_6r7h8_54", rn = "_iconOnly_6r7h8_55", an = "_contrastButtonDisabled_6r7h8_61", xt = {
+  contrastButton: en,
+  iconLeft: nn,
+  iconRight: on,
+  iconOnly: rn,
+  contrastButtonDisabled: an
+}, Jc = ({
+  label: t,
+  disabled: e = !1,
+  icon: n,
+  iconPos: r = "left",
+  className: a = "",
+  ...s
+}) => {
+  const c = [
+    xt.contrastButton,
+    e ? xt.contrastButtonDisabled : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: c,
+      disabled: e,
+      ...s,
+      children: !!t ? /* @__PURE__ */ u(kt, { children: [
+        n && r === "left" && /* @__PURE__ */ o("span", { className: xt.iconLeft, children: n }),
+        t,
+        n && r === "right" && /* @__PURE__ */ o("span", { className: xt.iconRight, children: n })
+      ] }) : n && /* @__PURE__ */ o("span", { className: xt.iconOnly, children: n })
+    }
+  );
+}, sn = "_tabsContainer_xbhwy_1", cn = "_tabsHeader_xbhwy_7", ln = "_tabItem_xbhwy_14", dn = "_tabContent_xbhwy_30", un = "_tabLabel_xbhwy_52", _n = "_tabLine_xbhwy_62", hn = "_active_xbhwy_69", pn = "_inactive_xbhwy_77", mn = "_tabPanels_xbhwy_85", nt = {
+  tabsContainer: sn,
+  tabsHeader: cn,
+  tabItem: ln,
+  tabContent: dn,
+  tabLabel: un,
+  tabLine: _n,
+  active: hn,
+  inactive: pn,
+  tabPanels: mn
+}, ti = ({
   tabs: t,
-  activeTabId: n,
-  onTabChange: a,
-  className: i = "",
-  "data-testid": f,
-  ...m
+  activeTabId: e,
+  onTabChange: n,
+  className: r = "",
+  "data-testid": a,
+  ...s
 }) => {
-  var j;
-  const y = [G.tabsContainer, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u.jsxs("div", { className: y, "data-testid": f, ...m, children: [
-    /* @__PURE__ */ u.jsx("div", { className: G.tabsHeader, children: t.map((l) => {
-      const d = l.id === n, b = [
-        G.tabItem,
-        d ? G.active : G.inactive
+  var i;
+  const c = [nt.tabsContainer, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u("div", { className: c, "data-testid": a, ...s, children: [
+    /* @__PURE__ */ o("div", { className: nt.tabsHeader, children: t.map((l) => {
+      const m = l.id === e, f = [
+        nt.tabItem,
+        m ? nt.active : nt.inactive
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ u.jsxs(
+      return /* @__PURE__ */ u(
         "button",
         {
           type: "button",
-          className: b,
-          onClick: () => a(l.id),
-          "data-testid": `${f}-tab-${l.id}`,
+          className: f,
+          onClick: () => n(l.id),
+          "data-testid": `${a}-tab-${l.id}`,
           children: [
-            /* @__PURE__ */ u.jsx("div", { className: G.tabContent, children: /* @__PURE__ */ u.jsx("span", { className: G.tabLabel, children: l.label }) }),
-            /* @__PURE__ */ u.jsx("div", { className: G.tabLine })
+            /* @__PURE__ */ o("div", { className: nt.tabContent, children: /* @__PURE__ */ o("span", { className: nt.tabLabel, children: l.label }) }),
+            /* @__PURE__ */ o("div", { className: nt.tabLine })
           ]
         },
         l.id
       );
     }) }),
-    /* @__PURE__ */ u.jsx("div", { className: G.tabPanels, children: (j = t.find((l) => l.id === n)) == null ? void 0 : j.content })
+    /* @__PURE__ */ o("div", { className: nt.tabPanels, children: (i = t.find((l) => l.id === e)) == null ? void 0 : i.content })
   ] });
+}, fn = "_root_1tlq4_1", yn = "_editorHost_1tlq4_27", Jt = {
+  root: fn,
+  editorHost: yn
+}, gn = [
+  [{ font: [] }, { size: [] }],
+  ["bold", "italic", "underline"],
+  [{ color: [] }, { background: [] }],
+  [{ list: "ordered" }, { list: "bullet" }, { indent: "-1" }, { indent: "+1" }],
+  ["link", "clean"]
+], ei = ({
+  value: t,
+  onChange: e,
+  placeholder: n = "Type your message...",
+  className: r = "",
+  readOnly: a = !1,
+  "data-testid": s
+}) => {
+  const c = q(null), i = q(null), l = q(t), m = q(e), f = q(n), g = q(null), [p, j] = M(!1);
+  return $(() => {
+    m.current = e, f.current = n;
+  }, [e, n]), $(() => {
+    if (!c.current) return;
+    let h = !1;
+    return j(!1), g.current = null, (async () => {
+      try {
+        if (await Promise.resolve({               }), h || !c.current) return;
+        const { default: y } = await import("./quill-B5-e7UWH.js");
+        if (h || !c.current) return;
+        const B = new y(c.current, {
+          theme: "snow",
+          placeholder: f.current,
+          readOnly: a,
+          modules: {
+            toolbar: a ? !1 : gn
+          }
+        }), x = l.current;
+        if (x) {
+          const T = B.clipboard.convert({ html: x });
+          B.setContents(T, "silent"), l.current = x;
+        }
+        const C = () => {
+          const T = B.root.innerHTML;
+          l.current = T, m.current(T);
+        };
+        if (g.current = C, B.on("text-change", C), h) {
+          B.off("text-change", C), g.current = null;
+          return;
+        }
+        i.current = B, j(!0);
+      } catch (y) {
+        console.error("RichTextEditor: failed to load Quill", y);
+      }
+    })(), () => {
+      h = !0;
+      const y = i.current, B = g.current;
+      i.current = null, g.current = null, y && B && y.off("text-change", B), y && c.current && (l.current = y.root.innerHTML, c.current.innerHTML = "");
+    };
+  }, [a]), $(() => {
+    const k = i.current;
+    !k || !p || (k.root.dataset.placeholder = n);
+  }, [n, p]), $(() => {
+    const k = i.current;
+    if (!k || !p || t === l.current) return;
+    const h = k.clipboard.convert({ html: t });
+    k.setContents(h, "silent"), l.current = t;
+  }, [t, p]), /* @__PURE__ */ o(
+    "div",
+    {
+      className: [Jt.root, r].filter(Boolean).join(" "),
+      "data-testid": s,
+      children: /* @__PURE__ */ o("div", { ref: c, className: Jt.editorHost })
+    }
+  );
+}, bn = "_root_4kkdv_1", vn = "_circle_4kkdv_8", Nn = "_spin_4kkdv_1", kn = "_track_4kkdv_12", Bn = "_arc_4kkdv_16", Cn = "_sm_4kkdv_22", jn = "_md_4kkdv_27", xn = "_lg_4kkdv_32", wn = "_label_4kkdv_37", bt = {
+  root: bn,
+  circle: vn,
+  spin: Nn,
+  track: kn,
+  arc: Bn,
+  sm: Cn,
+  md: jn,
+  lg: xn,
+  label: wn
+}, ni = ({
+  size: t = "md",
+  label: e,
+  "aria-label": n,
+  className: r = "",
+  "data-testid": a
+}) => {
+  const s = [bt.root, bt[t], r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: s,
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": e ? void 0 : n ?? "Loading",
+      "data-testid": a,
+      children: [
+        /* @__PURE__ */ u("svg", { className: bt.circle, viewBox: "0 0 50 50", "aria-hidden": "true", children: [
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              className: bt.track,
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              className: bt.arc,
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none",
+              strokeWidth: "4",
+              strokeLinecap: "round"
+            }
+          )
+        ] }),
+        e && /* @__PURE__ */ o("span", { className: bt.label, children: e })
+      ]
+    }
+  );
 };
-function pr(t) {
-  return Le({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(t);
+function le(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "18", y1: "6", x2: "6", y2: "18" }, child: [] }, { tag: "line", attr: { x1: "6", y1: "6", x2: "18", y2: "18" }, child: [] }] })(t);
+}
+function Ln(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, child: [] }, { tag: "polyline", attr: { points: "17 8 12 3 7 8" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "3", x2: "12", y2: "15" }, child: [] }] })(t);
+}
+function An(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "3 6 5 6 21 6" }, child: [] }, { tag: "path", attr: { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }, child: [] }, { tag: "line", attr: { x1: "10", y1: "11", x2: "10", y2: "17" }, child: [] }, { tag: "line", attr: { x1: "14", y1: "11", x2: "14", y2: "17" }, child: [] }] })(t);
+}
+function In(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(t);
 }
-function vr(t) {
-  return Le({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "16", x2: "12", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "8", x2: "12.01", y2: "8" }, child: [] }] })(t);
+function de(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "5", x2: "12", y2: "19" }, child: [] }, { tag: "line", attr: { x1: "5", y1: "12", x2: "19", y2: "12" }, child: [] }] })(t);
 }
-function _r(t) {
-  return Le({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "6 9 12 15 18 9" }, child: [] }] })(t);
+function Dn(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "2", x2: "12", y2: "6" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "18", x2: "12", y2: "22" }, child: [] }, { tag: "line", attr: { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }, child: [] }, { tag: "line", attr: { x1: "16.24", y1: "16.24", x2: "19.07", y2: "19.07" }, child: [] }, { tag: "line", attr: { x1: "2", y1: "12", x2: "6", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "18", y1: "12", x2: "22", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "4.93", y1: "19.07", x2: "7.76", y2: "16.24" }, child: [] }, { tag: "line", attr: { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" }, child: [] }] })(t);
 }
-const hr = "_dropdown_mthi8_1", mr = "_label_mthi8_9", yr = "_required_mthi8_20", gr = "_trigger_mthi8_25", br = "_triggerDisabled_mthi8_49", xr = "_triggerInput_mthi8_58", jr = "_value_mthi8_76", Rr = "_placeholder_mthi8_84", Or = "_chevron_mthi8_88", wr = "_open_mthi8_95", Cr = "_panel_mthi8_119", Er = "_panelClosing_mthi8_136", kr = "_filterWrapper_mthi8_140", Sr = "_filterInput_mthi8_147", Pr = "_filterIcon_mthi8_166", Tr = "_list_mthi8_177", Dr = "_option_mthi8_186", Ir = "_optionSelected_mthi8_198", Nr = "_optionHighlighted_mthi8_202", Br = "_optionDisabled_mthi8_206", $r = "_empty_mthi8_215", Fr = "_disabled_mthi8_222", E = {
-  dropdown: hr,
-  label: mr,
-  required: yr,
-  trigger: gr,
-  triggerDisabled: br,
-  triggerInput: xr,
-  value: jr,
-  placeholder: Rr,
-  chevron: Or,
-  open: wr,
-  panel: Cr,
-  panelClosing: Er,
-  filterWrapper: kr,
-  filterInput: Sr,
-  filterIcon: Pr,
-  list: Tr,
-  option: Dr,
-  optionSelected: Ir,
-  optionHighlighted: Nr,
-  optionDisabled: Br,
-  empty: $r,
-  disabled: Fr
-}, te = (t, n) => {
-  const i = t[n];
-  return i != null ? String(i) : "";
-}, me = (t, n) => t[n], U = (t, n) => n == null ? !1 : !!t[n], fn = ({
+function ue(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "16", x2: "12", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "8", x2: "12.01", y2: "8" }, child: [] }] })(t);
+}
+function Tn(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "9 18 15 12 9 6" }, child: [] }] })(t);
+}
+function qn(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "15 18 9 12 15 6" }, child: [] }] })(t);
+}
+function _e(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "6 9 12 15 18 9" }, child: [] }] })(t);
+}
+function En(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "20 6 9 17 4 12" }, child: [] }] })(t);
+}
+function Rn(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, child: [] }, { tag: "polyline", attr: { points: "22 4 12 14.01 9 11.01" }, child: [] }] })(t);
+}
+function Sn(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "9", x2: "12", y2: "13" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "17", x2: "12.01", y2: "17" }, child: [] }] })(t);
+}
+function On(t) {
+  return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "8", x2: "12", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "16", x2: "12.01", y2: "16" }, child: [] }] })(t);
+}
+const $n = "_root_1e6ob_1", Pn = "_back_1e6ob_12", zn = "_backIcon_1e6ob_39", Wn = "_backLabel_1e6ob_45", Mn = "_list_1e6ob_49", Hn = "_item_1e6ob_60", Zn = "_separator_1e6ob_68", Vn = "_link_1e6ob_76", Fn = "_linkButton_1e6ob_93", Un = "_segmentPlain_1e6ob_117", Kn = "_current_1e6ob_122", Y = {
+  root: $n,
+  back: Pn,
+  backIcon: zn,
+  backLabel: Wn,
+  list: Mn,
+  item: Hn,
+  separator: Zn,
+  link: Vn,
+  linkButton: Fn,
+  segmentPlain: Un,
+  current: Kn
+}, Qn = ({
+  item: t,
+  isLast: e,
+  testIdPrefix: n,
+  index: r
+}) => {
+  const a = n ? `${n}-segment-${r}` : void 0;
+  return e ? /* @__PURE__ */ o("span", { className: Y.current, "aria-current": "page", "data-testid": a, children: t.label }) : t.href !== void 0 && t.href !== "" ? /* @__PURE__ */ o(
+    "a",
+    {
+      href: t.href,
+      className: Y.link,
+      onClick: t.onClick,
+      "data-testid": a,
+      children: t.label
+    }
+  ) : t.onClick ? /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: Y.linkButton,
+      onClick: t.onClick,
+      "data-testid": a,
+      children: t.label
+    }
+  ) : /* @__PURE__ */ o("span", { className: Y.segmentPlain, "data-testid": a, children: t.label });
+}, oi = ({
+  items: t,
+  onBack: e,
+  backLabel: n = "Back",
+  className: r = "",
+  "data-testid": a
+}) => {
+  const s = [Y.root, r].filter(Boolean).join(" ");
+  return t.length === 0 ? /* @__PURE__ */ o("nav", { className: s, "aria-label": "Breadcrumb", "data-testid": a }) : /* @__PURE__ */ u("nav", { className: s, "aria-label": "Breadcrumb", "data-testid": a, children: [
+    e && /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        className: Y.back,
+        onClick: e,
+        "data-testid": a ? `${a}-back` : void 0,
+        children: [
+          /* @__PURE__ */ o(qn, { className: Y.backIcon, "aria-hidden": !0 }),
+          /* @__PURE__ */ o("span", { className: Y.backLabel, children: n })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("ol", { className: Y.list, children: t.map((c, i) => {
+      const l = i === t.length - 1;
+      return /* @__PURE__ */ u("li", { className: Y.item, children: [
+        i > 0 && /* @__PURE__ */ o(Tn, { className: Y.separator, "aria-hidden": !0 }),
+        /* @__PURE__ */ o(
+          Qn,
+          {
+            item: c,
+            isLast: l,
+            testIdPrefix: a,
+            index: i
+          }
+        )
+      ] }, `${c.label}-${i}`);
+    }) })
+  ] });
+}, Xn = "_dropdown_175a9_1", Yn = "_label_175a9_9", Gn = "_required_175a9_20", Jn = "_trigger_175a9_25", to = "_triggerDisabled_175a9_49", eo = "_triggerInput_175a9_58", no = "_value_175a9_76", oo = "_placeholder_175a9_84", ro = "_chevron_175a9_88", ao = "_open_175a9_96", so = "_panel_175a9_120", co = "_panelTop_175a9_157", io = "_panelClosing_175a9_163", lo = "_filterWrapper_175a9_171", uo = "_filterInput_175a9_178", _o = "_filterIcon_175a9_197", ho = "_list_175a9_208", po = "_option_175a9_217", mo = "_optionSelected_175a9_229", fo = "_optionHighlighted_175a9_233", yo = "_optionDisabled_175a9_237", go = "_empty_175a9_246", bo = "_loadingItem_175a9_261", vo = "_spinner_175a9_271", No = "_disabled_175a9_278", D = {
+  dropdown: Xn,
+  label: Yn,
+  required: Gn,
+  trigger: Jn,
+  triggerDisabled: to,
+  triggerInput: eo,
+  value: no,
+  placeholder: oo,
+  chevron: ro,
+  open: ao,
+  panel: so,
+  panelTop: co,
+  panelClosing: io,
+  filterWrapper: lo,
+  filterInput: uo,
+  filterIcon: _o,
+  list: ho,
+  option: po,
+  optionSelected: mo,
+  optionHighlighted: fo,
+  optionDisabled: yo,
+  empty: go,
+  loadingItem: bo,
+  spinner: vo,
+  disabled: No
+}, it = (t, e) => {
+  const r = t[e];
+  return r != null ? String(r) : "";
+}, vt = (t, e) => t[e], X = (t, e) => e == null ? !1 : !!t[e], ri = ({
   value: t,
-  onChange: n,
-  onEditEnd: a,
-  options: i,
-  optionLabel: f = "label",
-  optionValue: m = "value",
-  optionDisabled: y,
-  placeholder: j = "Select",
+  onChange: e,
+  onEditEnd: n,
+  options: r,
+  optionLabel: a = "label",
+  optionValue: s = "value",
+  optionDisabled: c,
+  placeholder: i = "Select",
   filter: l = !1,
-  editable: d = !1,
-  disabled: b = !1,
-  required: D = !1,
-  label: I,
-  inputId: Y,
-  className: Q = "",
-  panelClassName: C = "",
-  valueTemplate: k,
-  itemTemplate: S,
-  "data-testid": v
+  filterPlaceholder: m = "Search...",
+  onFilter: f,
+  loading: g = !1,
+  hasMore: p = !1,
+  onLoadMore: j,
+  panelPosition: k = "auto",
+  editable: h = !1,
+  disabled: y = !1,
+  required: B = !1,
+  label: x,
+  inputId: C,
+  className: T = "",
+  panelClassName: E = "",
+  valueTemplate: K,
+  itemTemplate: et,
+  "data-testid": z
 }) => {
-  const F = i.find(
-    (s) => me(s, m) === t
-  ), N = F ? te(F, f) : "", [O, Z] = Re(!1), [q, Se] = Re(!1), [ae, Pe] = Re(""), [ie, K] = Re(N), [W, B] = Re(0), H = _e(null), Te = _e(null), ye = _e(null), De = _e(null), ge = _e(null), oe = _e(!1), L = Bt(
-    () => l && !d ? i.filter(
-      (s) => te(s, f).toLowerCase().includes(ae.toLowerCase())
-    ) : i,
-    [l, d, i, f, ae]
-  );
-  Oe(() => {
-    d && K(N);
-  }, [d, t, N]), Oe(() => {
-    O && l && !d && (Pe(""), B(0), setTimeout(() => {
-      var s;
-      return (s = ye.current) == null ? void 0 : s.focus();
+  const w = r.find(
+    (d) => vt(d, s) === t
+  ), b = w ? it(w, a) : "", [L, _] = M(!1), [N, R] = M(!1), [G, pt] = M(""), [mt, ft] = M(b), [At, at] = M(0), It = q(null), ye = q(null), Ft = q(null), ge = q(null), Ut = q(null), Rt = q(!1), [be, St] = M(
+    "bottom"
+  ), Bt = !!f, Q = Lt(
+    () => l && !h && !Bt ? r.filter(
+      (d) => it(d, a).toLowerCase().includes(G.toLowerCase())
+    ) : r,
+    [l, h, Bt, r, a, G]
+  ), Kt = q(null), ve = tt(() => {
+    if (!p || g || !j) return;
+    const d = Kt.current;
+    if (!d) return;
+    d.scrollHeight - d.scrollTop - d.clientHeight < 60 && j();
+  }, [p, g, j]);
+  $(() => {
+    if (!L || k !== "auto") {
+      k === "top" ? St("top") : k === "bottom" && St("bottom");
+      return;
+    }
+    const d = It.current;
+    if (!d) return;
+    const v = d.getBoundingClientRect(), I = window.innerHeight - v.bottom;
+    St(I < 280 ? "top" : "bottom");
+  }, [L, k]), $(() => {
+    h && ft(b);
+  }, [h, t, b]), $(() => {
+    L && l && !h && (pt(""), at(0), Bt && (f == null || f("")), setTimeout(() => {
+      var d;
+      return (d = Ft.current) == null ? void 0 : d.focus();
     }, 0));
-  }, [O, l, d]), Oe(() => {
-    if (!O) return;
-    const s = L.findIndex(
-      (w) => me(w, m) === t
-    ), h = L.findIndex(
-      (w) => !U(w, y)
-    ), x = s >= 0 && !U(L[s], y);
-    B(x ? s : h >= 0 ? h : 0);
-  }, [O, t, L, m, y]), Oe(() => {
-    const s = ge.current;
-    s != null && s.scrollIntoView && typeof s.scrollIntoView == "function" && s.scrollIntoView({ block: "nearest" });
-  }, [W]);
-  const se = () => {
-    oe.current = !0, Se(!0);
-  }, Ie = (s) => {
-    var h;
-    (oe.current || (h = s.animationName) != null && h.includes("menuOut")) && (oe.current = !1, Z(!1), Se(!1), d && K(N));
+  }, [L, l, h, Bt]), $(() => {
+    if (!L) return;
+    const d = Q.findIndex(
+      (S) => vt(S, s) === t
+    ), v = Q.findIndex(
+      (S) => !X(S, c)
+    ), I = d >= 0 && !X(Q[d], c);
+    at(I ? d : v >= 0 ? v : 0);
+  }, [L, t, Q, s, c]), $(() => {
+    const d = Ut.current;
+    d != null && d.scrollIntoView && typeof d.scrollIntoView == "function" && d.scrollIntoView({ block: "nearest" });
+  }, [At]);
+  const Ot = () => {
+    Rt.current = !0, R(!0);
+  }, Ne = (d) => {
+    var v;
+    (Rt.current || (v = d.animationName) != null && v.includes("menuOut")) && (Rt.current = !1, _(!1), R(!1), h && ft(b));
   };
-  Oe(() => {
-    if (!O && !q) return;
-    const s = (h) => {
-      H.current && !H.current.contains(h.target) && (d && K(N), se());
+  $(() => {
+    if (!L && !N) return;
+    const d = (v) => {
+      It.current && !It.current.contains(v.target) && (h && ft(b), Ot());
     };
-    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, [O, q, d, N]);
-  const Ne = () => {
-    b || Z((s) => !s);
-  }, be = (s, h) => {
-    if (U(s, y)) return;
-    const x = me(s, m);
-    d && K(te(s, f)), n == null || n({
-      value: x ?? null,
-      originalEvent: h
-    }), se();
-  }, le = (s) => {
-    if (!O) {
-      if (s.key === "Enter" && d && ie.trim()) {
-        s.preventDefault();
-        const h = ie.trim(), x = h.toLowerCase(), w = i.find((J) => {
-          const V = te(J, f).toLowerCase();
-          return V === x || V.startsWith(x);
-        }), M = w && !U(w, y) ? me(w, m) : null;
-        w && !U(w, y) && (K(te(w, f)), n == null || n({
-          value: M,
-          originalEvent: s
-        })), a == null || a({
-          value: h,
-          selectedValue: M,
-          originalEvent: s
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, [L, N, h, b]);
+  const Qt = () => {
+    y || _((d) => !d);
+  }, $t = (d, v) => {
+    if (X(d, c)) return;
+    const I = vt(d, s);
+    h && ft(it(d, a)), e == null || e({
+      value: I ?? null,
+      originalEvent: v
+    }), Ot();
+  }, Xt = (d) => {
+    if (!L) {
+      if (d.key === "Enter" && h && mt.trim()) {
+        d.preventDefault();
+        const v = mt.trim(), I = v.toLowerCase(), S = r.find((yt) => {
+          const ct = it(yt, a).toLowerCase();
+          return ct === I || ct.startsWith(I);
+        }), st = S && !X(S, c) ? vt(S, s) : null;
+        S && !X(S, c) && (ft(it(S, a)), e == null || e({
+          value: st,
+          originalEvent: d
+        })), n == null || n({
+          value: v,
+          selectedValue: st,
+          originalEvent: d
         });
         return;
       }
-      (s.key === "Enter" || s.key === " " || s.key === "ArrowDown") && (s.preventDefault(), Z(!0));
+      (d.key === "Enter" || d.key === " " || d.key === "ArrowDown") && (d.preventDefault(), _(!0));
       return;
     }
-    if (s.key === "Escape") {
-      s.preventDefault(), se();
+    if (d.key === "Escape") {
+      d.preventDefault(), Ot();
       return;
     }
-    if (s.key === "ArrowDown") {
-      s.preventDefault(), B((h) => {
-        for (let x = h + 1; x < L.length; x++)
-          if (!U(L[x], y))
-            return x;
-        return h;
+    if (d.key === "ArrowDown") {
+      d.preventDefault(), at((v) => {
+        for (let I = v + 1; I < Q.length; I++)
+          if (!X(Q[I], c))
+            return I;
+        return v;
       });
       return;
     }
-    if (s.key === "ArrowUp") {
-      s.preventDefault(), B((h) => {
-        for (let x = h - 1; x >= 0; x--)
-          if (!U(L[x], y))
-            return x;
-        return h;
+    if (d.key === "ArrowUp") {
+      d.preventDefault(), at((v) => {
+        for (let I = v - 1; I >= 0; I--)
+          if (!X(Q[I], c))
+            return I;
+        return v;
       });
       return;
     }
-    if (s.key === "Enter") {
-      if (s.preventDefault(), d) {
-        const h = ie.trim();
-        if (h) {
-          const x = h.toLowerCase(), w = i.find((J) => {
-            const V = te(J, f).toLowerCase();
-            return V === x || V.startsWith(x);
-          }), M = w && !U(w, y) ? me(w, m) : null;
-          w && !U(w, y) && be(w, s), a == null || a({
-            value: h,
-            selectedValue: M,
-            originalEvent: s
+    if (d.key === "Enter") {
+      if (d.preventDefault(), h) {
+        const v = mt.trim();
+        if (v) {
+          const I = v.toLowerCase(), S = r.find((yt) => {
+            const ct = it(yt, a).toLowerCase();
+            return ct === I || ct.startsWith(I);
+          }), st = S && !X(S, c) ? vt(S, s) : null;
+          S && !X(S, c) && $t(S, d), n == null || n({
+            value: v,
+            selectedValue: st,
+            originalEvent: d
           });
         } else
-          a == null || a({ value: "", selectedValue: null, originalEvent: s });
-      } else if (L[W]) {
-        const h = L[W];
-        U(h, y) || be(h, s);
+          n == null || n({ value: "", selectedValue: null, originalEvent: d });
+      } else if (Q[At]) {
+        const v = Q[At];
+        X(v, c) || $t(v, d);
       }
     }
-  }, xe = [
-    E.dropdown,
-    b ? E.disabled : "",
-    O ? E.open : "",
-    Q
-  ].filter(Boolean).join(" "), ce = [
-    E.trigger,
-    b ? E.triggerDisabled : ""
-  ].filter(Boolean).join(" "), je = [
-    E.panel,
-    q ? E.panelClosing : "",
-    C
-  ].filter(Boolean).join(" "), ue = dt(), fe = Y ?? `dropdown-${ue.replace(/[^a-zA-Z0-9_-]/g, "")}`, de = `${fe}-panel`;
-  return /* @__PURE__ */ u.jsxs("div", { className: xe, ref: H, "data-testid": v, children: [
-    I != null && /* @__PURE__ */ u.jsxs("label", { htmlFor: fe, className: E.label, children: [
-      I,
-      D && /* @__PURE__ */ u.jsx("span", { className: E.required, children: "*" })
+  }, ke = [
+    D.dropdown,
+    y ? D.disabled : "",
+    L ? D.open : "",
+    T
+  ].filter(Boolean).join(" "), Be = [
+    D.trigger,
+    y ? D.triggerDisabled : ""
+  ].filter(Boolean).join(" "), Ce = [
+    D.panel,
+    be === "top" ? D.panelTop : "",
+    N ? D.panelClosing : "",
+    E
+  ].filter(Boolean).join(" "), je = Et(), Dt = C ?? `dropdown-${je.replace(/[^a-zA-Z0-9_-]/g, "")}`, Pt = `${Dt}-panel`;
+  return /* @__PURE__ */ u("div", { className: ke, ref: It, "data-testid": z, children: [
+    x != null && /* @__PURE__ */ u("label", { htmlFor: Dt, className: D.label, children: [
+      x,
+      B && /* @__PURE__ */ o("span", { className: D.required, children: "*" })
     ] }),
-    /* @__PURE__ */ u.jsxs(
+    /* @__PURE__ */ u(
       "div",
       {
-        id: d ? void 0 : fe,
+        id: h ? void 0 : Dt,
         role: "combobox",
-        "aria-expanded": O || q,
+        "aria-expanded": L || N,
         "aria-haspopup": "listbox",
-        "aria-controls": O || q ? de : void 0,
-        "aria-disabled": b,
-        "aria-label": typeof I == "string" ? I : void 0,
-        tabIndex: d || b ? -1 : 0,
-        className: ce,
-        onClick: d ? void 0 : Ne,
-        onKeyDown: d ? void 0 : le,
-        "data-testid": v && !d ? `${v}-trigger` : void 0,
+        "aria-controls": L || N ? Pt : void 0,
+        "aria-disabled": y,
+        "aria-label": typeof x == "string" ? x : void 0,
+        tabIndex: h || y ? -1 : 0,
+        className: Be,
+        onClick: h ? void 0 : Qt,
+        onKeyDown: h ? void 0 : Xt,
+        "data-testid": z && !h ? `${z}-trigger` : void 0,
         children: [
-          d ? /* @__PURE__ */ u.jsx(
+          h ? /* @__PURE__ */ o(
             "input",
             {
-              ref: De,
-              id: fe,
+              ref: ge,
+              id: Dt,
               type: "text",
-              className: E.triggerInput,
-              value: ie,
-              onChange: (s) => {
-                K(s.target.value), !O && !q && Z(!0), B(0);
+              className: D.triggerInput,
+              value: mt,
+              onChange: (d) => {
+                ft(d.target.value), !L && !N && _(!0), at(0);
               },
               onFocus: () => {
-                !b && !O && !q && Z(!0);
+                !y && !L && !N && _(!0);
               },
-              onKeyDown: le,
-              placeholder: j,
-              disabled: b,
+              onKeyDown: Xt,
+              placeholder: i,
+              disabled: y,
               "aria-autocomplete": "list",
-              "aria-controls": O || q ? de : void 0,
-              "aria-expanded": O || q,
-              "data-testid": v ? `${v}-trigger` : void 0
+              "aria-controls": L || N ? Pt : void 0,
+              "aria-expanded": L || N,
+              "data-testid": z ? `${z}-trigger` : void 0
             }
-          ) : /* @__PURE__ */ u.jsx("span", { className: E.value, children: k ? k(F ?? null) : N || /* @__PURE__ */ u.jsx("span", { className: E.placeholder, children: j }) }),
-          /* @__PURE__ */ u.jsx(
-            _r,
+          ) : /* @__PURE__ */ o("span", { className: D.value, children: K ? K(w ?? null) : b || /* @__PURE__ */ o("span", { className: D.placeholder, children: i }) }),
+          /* @__PURE__ */ o(
+            _e,
             {
-              className: E.chevron,
+              className: D.chevron,
               "aria-hidden": !0,
-              onClick: d ? Ne : void 0
+              onClick: h ? Qt : void 0
             }
           )
         ]
       }
     ),
-    (O || q) && /* @__PURE__ */ u.jsxs(
+    (L || N) && /* @__PURE__ */ u(
       "div",
       {
-        ref: Te,
-        id: de,
-        className: je,
+        ref: ye,
+        id: Pt,
+        className: Ce,
         role: "presentation",
-        onAnimationEnd: Ie,
-        "data-testid": v ? `${v}-panel` : void 0,
+        onAnimationEnd: Ne,
+        "data-testid": z ? `${z}-panel` : void 0,
         children: [
-          l && !d && /* @__PURE__ */ u.jsxs("div", { className: E.filterWrapper, children: [
-            /* @__PURE__ */ u.jsx(
+          l && !h && /* @__PURE__ */ u("div", { className: D.filterWrapper, children: [
+            /* @__PURE__ */ o(
               "input",
               {
-                ref: ye,
+                ref: Ft,
                 type: "text",
-                className: E.filterInput,
-                value: ae,
-                onChange: (s) => {
-                  Pe(s.target.value), B(0);
+                className: D.filterInput,
+                value: G,
+                onChange: (d) => {
+                  const v = d.target.value;
+                  pt(v), at(0), Bt && (f == null || f(v));
                 },
-                onKeyDown: (s) => {
-                  s.key === "Escape" && Z(!1), s.stopPropagation();
+                onKeyDown: (d) => {
+                  d.key === "Escape" && _(!1), d.stopPropagation();
                 },
-                placeholder: "Search...",
+                placeholder: m,
                 "aria-label": "Filter options",
                 title: "Filter options",
-                "data-testid": v ? `${v}-filter` : void 0
+                "data-testid": z ? `${z}-filter` : void 0
               }
             ),
-            /* @__PURE__ */ u.jsx(pr, { className: E.filterIcon, "aria-hidden": !0 })
+            /* @__PURE__ */ o(In, { className: D.filterIcon, "aria-hidden": !0 })
           ] }),
-          /* @__PURE__ */ u.jsx("ul", { className: E.list, role: "listbox", "aria-label": "Options", children: L.length === 0 ? /* @__PURE__ */ u.jsx("li", { className: E.empty, children: "No results" }) : L.map((s, h) => {
-            const x = me(s, m), w = te(s, f), M = U(s, y), J = t === x, V = h === W, Ae = x != null ? String(x) : `option-${h}`;
-            return /* @__PURE__ */ u.jsx(
-              "li",
-              {
-                ref: V ? ge : void 0,
-                role: "option",
-                "aria-selected": J,
-                "aria-disabled": M,
-                className: [
-                  E.option,
-                  J ? E.optionSelected : "",
-                  V ? E.optionHighlighted : "",
-                  M ? E.optionDisabled : ""
-                ].filter(Boolean).join(" "),
-                onMouseEnter: () => !M && B(h),
-                onClick: (We) => be(s, We),
-                "data-testid": v ? `${v}-option-${h}` : void 0,
-                children: S ? S(s) : w
-              },
-              Ae
-            );
-          }) })
+          /* @__PURE__ */ u(
+            "ul",
+            {
+              ref: Kt,
+              className: D.list,
+              role: "listbox",
+              "aria-label": "Options",
+              onScroll: ve,
+              children: [
+                Q.length === 0 ? /* @__PURE__ */ o("li", { className: D.empty, children: "No results" }) : Q.map((d, v) => {
+                  const I = vt(d, s), S = it(d, a), st = X(d, c), yt = t === I, ct = v === At, xe = I != null ? String(I) : `option-${v}`;
+                  return /* @__PURE__ */ o(
+                    "li",
+                    {
+                      ref: ct ? Ut : void 0,
+                      role: "option",
+                      "aria-selected": yt,
+                      "aria-disabled": st,
+                      className: [
+                        D.option,
+                        yt ? D.optionSelected : "",
+                        ct ? D.optionHighlighted : "",
+                        st ? D.optionDisabled : ""
+                      ].filter(Boolean).join(" "),
+                      onMouseEnter: () => !st && at(v),
+                      onClick: (we) => $t(d, we),
+                      "data-testid": z ? `${z}-option-${v}` : void 0,
+                      children: et ? et(d) : S
+                    },
+                    xe
+                  );
+                }),
+                g && /* @__PURE__ */ u("li", { className: D.loadingItem, "aria-live": "polite", children: [
+                  /* @__PURE__ */ o(Dn, { className: D.spinner, "aria-hidden": !0 }),
+                  " Loading…"
+                ] })
+              ]
+            }
+          )
         ]
       }
     )
   ] });
-}, Lr = "_inputText_k5apy_1", Ar = "_label_k5apy_9", Wr = "_required_k5apy_20", Vr = "_tooltipIcon_k5apy_25", Yr = "_input_k5apy_1", qr = "_inputTextarea_k5apy_72", zr = "_inputTextDisabled_k5apy_79", re = {
-  inputText: Lr,
-  label: Ar,
-  required: Wr,
-  tooltipIcon: Vr,
-  input: Yr,
-  inputTextarea: qr,
-  inputTextDisabled: zr
-}, dn = ({
+}, ko = "_chip_qgxbp_1", Bo = "_chipSuccess_qgxbp_19", Co = "_chipWarning_qgxbp_25", jo = "_chipInfo_qgxbp_31", xo = "_chipError_qgxbp_37", wt = {
+  chip: ko,
+  chipSuccess: Bo,
+  chipWarning: Co,
+  chipInfo: jo,
+  chipError: xo
+}, wo = {
+  success: wt.chipSuccess,
+  warning: wt.chipWarning,
+  info: wt.chipInfo,
+  error: wt.chipError
+}, Lo = ({
+  variant: t = "info",
+  children: e,
+  className: n = "",
+  "data-testid": r,
+  ...a
+}) => {
+  const s = [wt.chip, wo[t], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("span", { className: s, "data-testid": r, ...a, children: e });
+}, Ao = "_root_1dryk_1", Io = "_label_1dryk_9", Do = "_trigger_1dryk_20", To = "_triggerDisabled_1dryk_44", qo = "_chips_1dryk_50", Eo = "_chip_1dryk_50", Ro = "_chipLabel_1dryk_64", So = "_chipRemove_1dryk_70", Oo = "_placeholder_1dryk_86", $o = "_chevron_1dryk_90", Po = "_open_1dryk_98", zo = "_panel_1dryk_102", Wo = "_list_1dryk_112", Mo = "_option_1dryk_120", Ho = "_optionSelected_1dryk_134", Zo = "_optionFocused_1dryk_138", Vo = "_optionCheckbox_1dryk_143", Fo = "_empty_1dryk_148", Uo = "_disabled_1dryk_155", P = {
+  root: Ao,
+  label: Io,
+  trigger: Do,
+  triggerDisabled: To,
+  chips: qo,
+  chip: Eo,
+  chipLabel: Ro,
+  chipRemove: So,
+  placeholder: Oo,
+  chevron: $o,
+  open: Po,
+  panel: zo,
+  list: Wo,
+  option: Mo,
+  optionSelected: Ho,
+  optionFocused: Zo,
+  optionCheckbox: Vo,
+  empty: Fo,
+  disabled: Uo
+}, te = (t, e) => {
+  const n = t[e];
+  return n != null ? String(n) : "";
+}, zt = (t, e) => {
+  const n = t[e];
+  return n != null ? String(n) : "";
+}, ai = ({
+  value: t,
+  onChange: e,
+  options: n,
+  optionLabel: r = "label",
+  optionValue: a = "value",
+  placeholder: s = "Select…",
+  disabled: c = !1,
+  label: i,
+  className: l = "",
+  "data-testid": m
+}) => {
+  const [f, g] = M(!1), [p, j] = M(-1), k = q(null), h = q(null), y = q(null), x = `multiselect-${Et().replace(/[^a-zA-Z0-9_-]/g, "")}`, [C, T] = M({}), E = tt(() => {
+    if (!h.current) return;
+    const _ = h.current.getBoundingClientRect();
+    T({
+      position: "fixed",
+      top: _.bottom + 4,
+      left: _.left,
+      width: _.width
+    });
+  }, []);
+  $(() => {
+    if (!f) return;
+    E();
+    const _ = () => E();
+    return window.addEventListener("scroll", _, !0), window.addEventListener("resize", _), () => {
+      window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
+    };
+  }, [f, E]), $(() => {
+    if (!f) return;
+    const _ = (N) => {
+      const R = N.target;
+      k.current && !k.current.contains(R) && y.current && !y.current.contains(R) && g(!1);
+    };
+    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+  }, [f]), $(() => {
+    f && j(-1);
+  }, [f]);
+  const K = (_) => {
+    t.includes(_) ? e(t.filter((N) => N !== _)) : e([...t, _]);
+  }, et = (_) => {
+    e(t.filter((N) => N !== _));
+  }, z = Lt(() => {
+    const _ = {};
+    return n.forEach((N) => {
+      _[zt(N, a)] = te(N, r);
+    }), _;
+  }, [n, r, a]), w = (_) => {
+    if ((_.key === "Enter" || _.key === " " || _.key === "ArrowDown") && (_.preventDefault(), !c && !f)) {
+      g(!0);
+      return;
+    }
+    if (_.key === "Escape") {
+      g(!1);
+      return;
+    }
+    if (!(!f || n.length === 0)) {
+      if (_.key === "ArrowDown")
+        _.preventDefault(), j((N) => N < n.length - 1 ? N + 1 : 0);
+      else if (_.key === "ArrowUp")
+        _.preventDefault(), j((N) => N > 0 ? N - 1 : n.length - 1);
+      else if ((_.key === "Enter" || _.key === " ") && p >= 0) {
+        _.preventDefault();
+        const N = n[p];
+        N && K(zt(N, a));
+      }
+    }
+  };
+  $(() => {
+    var G;
+    if (!f || p < 0) return;
+    const _ = y.current;
+    if (!_) return;
+    const R = _.querySelectorAll('[role="option"]')[p];
+    (G = R == null ? void 0 : R.scrollIntoView) == null || G.call(R, { block: "nearest" });
+  }, [p, f]);
+  const b = [
+    P.root,
+    c ? P.disabled : "",
+    f ? P.open : "",
+    l
+  ].filter(Boolean).join(" "), L = f ? ae(
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: P.panel,
+        style: C,
+        ref: y,
+        role: "presentation",
+        children: /* @__PURE__ */ u(
+          "ul",
+          {
+            className: P.list,
+            role: "listbox",
+            "aria-multiselectable": "true",
+            children: [
+              n.map((_, N) => {
+                const R = zt(_, a), G = te(_, r), pt = t.includes(R), mt = N === p;
+                return /* @__PURE__ */ u(
+                  "li",
+                  {
+                    role: "option",
+                    "aria-selected": pt,
+                    className: [
+                      P.option,
+                      pt ? P.optionSelected : "",
+                      mt ? P.optionFocused : ""
+                    ].filter(Boolean).join(" "),
+                    onClick: () => K(R),
+                    children: [
+                      /* @__PURE__ */ o(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: pt,
+                          readOnly: !0,
+                          tabIndex: -1,
+                          className: P.optionCheckbox
+                        }
+                      ),
+                      /* @__PURE__ */ o("span", { children: G })
+                    ]
+                  },
+                  R
+                );
+              }),
+              n.length === 0 && /* @__PURE__ */ o("li", { className: P.empty, children: "No options" })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ u("div", { className: b, ref: k, "data-testid": m, children: [
+    i != null && /* @__PURE__ */ o("label", { htmlFor: x, className: P.label, children: i }),
+    /* @__PURE__ */ u(
+      "div",
+      {
+        id: x,
+        ref: h,
+        role: "combobox",
+        "aria-expanded": f,
+        "aria-haspopup": "listbox",
+        "aria-activedescendant": f && p >= 0 ? `${x}-option-${p}` : void 0,
+        tabIndex: c ? -1 : 0,
+        className: [P.trigger, c ? P.triggerDisabled : ""].filter(Boolean).join(" "),
+        onClick: () => !c && g((_) => !_),
+        onKeyDown: w,
+        children: [
+          /* @__PURE__ */ u("div", { className: P.chips, children: [
+            t.length === 0 && /* @__PURE__ */ o("span", { className: P.placeholder, children: s }),
+            t.map((_) => /* @__PURE__ */ u(Lo, { variant: "info", className: P.chip, children: [
+              /* @__PURE__ */ o("span", { className: P.chipLabel, children: z[_] ?? _ }),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  className: P.chipRemove,
+                  "aria-label": `Remove ${z[_] ?? _}`,
+                  onClick: (N) => {
+                    N.stopPropagation(), et(_);
+                  },
+                  children: /* @__PURE__ */ o(le, { size: 10 })
+                }
+              )
+            ] }, _))
+          ] }),
+          /* @__PURE__ */ o(_e, { className: P.chevron, "aria-hidden": !0 })
+        ]
+      }
+    ),
+    L
+  ] });
+}, Ko = "_inputText_aq6o5_1", Qo = "_label_aq6o5_9", Xo = "_required_aq6o5_20", Yo = "_tooltipIcon_aq6o5_25", Go = "_input_aq6o5_1", Jo = "_inputTextarea_aq6o5_71", tr = "_inputTextDisabled_aq6o5_78", lt = {
+  inputText: Ko,
+  label: Qo,
+  required: Xo,
+  tooltipIcon: Yo,
+  input: Go,
+  inputTextarea: Jo,
+  inputTextDisabled: tr
+}, si = ({
   label: t,
-  tooltip: n,
-  required: a = !1,
-  inputId: i,
-  textarea: f = !1,
-  rows: m,
-  className: y = "",
-  "data-testid": j,
+  tooltip: e,
+  required: n = !1,
+  inputId: r,
+  textarea: a = !1,
+  rows: s,
+  className: c = "",
+  "data-testid": i,
   disabled: l = !1,
-  ...d
+  ...m
 }) => {
-  const { type: b = "text", ...D } = d, I = dt(), Y = i || `input-text-${I.replace(/[^a-zA-Z0-9_-]/g, "")}`, Q = [
-    re.inputText,
-    l ? re.inputTextDisabled : "",
-    y
-  ].filter(Boolean).join(" "), C = D["aria-invalid"];
-  let k;
-  C === void 0 ? k = void 0 : C === !0 ? k = "true" : C === !1 ? k = "false" : k = C;
-  const S = a ? { "aria-required": "true" } : { "aria-required": "false" }, v = k === void 0 ? {} : { "aria-invalid": k }, F = [re.input, f ? re.inputTextarea : ""].filter(Boolean).join(" "), N = {
-    id: Y,
-    className: F,
+  const { type: f = "text", ...g } = m, p = Et(), j = r || `input-text-${p.replace(/[^a-zA-Z0-9_-]/g, "")}`, k = [
+    lt.inputText,
+    l ? lt.inputTextDisabled : "",
+    c
+  ].filter(Boolean).join(" "), h = g["aria-invalid"];
+  let y;
+  h === void 0 ? y = void 0 : h === !0 ? y = "true" : h === !1 ? y = "false" : y = h;
+  const B = n ? { "aria-required": "true" } : { "aria-required": "false" }, x = y === void 0 ? {} : { "aria-invalid": y }, C = [lt.input, a ? lt.inputTextarea : ""].filter(Boolean).join(" "), T = {
+    id: j,
+    className: C,
     disabled: l,
-    ...S,
-    ...v,
-    "data-testid": j ? `${j}-input` : void 0
+    ...B,
+    ...x,
+    "data-testid": i ? `${i}-input` : void 0
   };
-  return /* @__PURE__ */ u.jsxs("div", { className: Q, "data-testid": j, children: [
-    t != null && /* @__PURE__ */ u.jsxs("label", { htmlFor: Y, className: re.label, children: [
+  return /* @__PURE__ */ u("div", { className: k, "data-testid": i, children: [
+    t != null && /* @__PURE__ */ u("label", { htmlFor: j, className: lt.label, children: [
       t,
-      a && /* @__PURE__ */ u.jsx("span", { className: re.required, children: "*" }),
-      n != null && /* @__PURE__ */ u.jsx(
+      n && /* @__PURE__ */ o("span", { className: lt.required, children: "*" }),
+      e != null && /* @__PURE__ */ o(
         "span",
         {
-          className: re.tooltipIcon,
-          title: n,
-          "aria-label": n,
-          children: /* @__PURE__ */ u.jsx(vr, { "aria-hidden": !0 })
+          className: lt.tooltipIcon,
+          title: e,
+          "aria-label": e,
+          children: /* @__PURE__ */ o(ue, { "aria-hidden": !0 })
         }
       )
     ] }),
-    f ? /* @__PURE__ */ u.jsx(
+    a ? /* @__PURE__ */ o(
       "textarea",
       {
-        ...D,
-        ...N,
-        rows: m ?? 3
+        ...g,
+        ...T,
+        rows: s ?? 3
       }
-    ) : /* @__PURE__ */ u.jsx("input", { ...D, ...N, type: b })
+    ) : /* @__PURE__ */ o("input", { ...g, ...T, type: f })
   ] });
-}, Mr = "_selectButton_1u3fo_1", Ur = "_selectButtonDisabled_1u3fo_9", Kr = "_selectButtonInvalid_1u3fo_14", Hr = "_button_1u3fo_14", Jr = "_buttonFirst_1u3fo_47", Gr = "_buttonLast_1u3fo_51", Xr = "_buttonSelected_1u3fo_59", ne = {
-  selectButton: Mr,
-  selectButtonDisabled: Ur,
-  selectButtonInvalid: Kr,
-  button: Hr,
-  buttonFirst: Jr,
-  buttonLast: Gr,
-  buttonSelected: Xr
-}, ut = (t, n) => {
-  const i = t[n];
-  return i != null ? String(i) : "";
-}, Ue = (t, n) => t[n], ft = (t, n) => n == null ? !1 : !!t[n], pn = ({
+}, er = "_selectButton_1xelm_1", nr = "_selectButtonDisabled_1xelm_9", or = "_selectButtonInvalid_1xelm_14", rr = "_button_1xelm_14", ar = "_buttonFirst_1xelm_47", sr = "_buttonLast_1xelm_51", cr = "_buttonSelected_1xelm_59", dt = {
+  selectButton: er,
+  selectButtonDisabled: nr,
+  selectButtonInvalid: or,
+  button: rr,
+  buttonFirst: ar,
+  buttonLast: sr,
+  buttonSelected: cr
+}, ee = (t, e) => {
+  const r = t[e];
+  return r != null ? String(r) : "";
+}, Wt = (t, e) => t[e], ne = (t, e) => e == null ? !1 : !!t[e], ci = ({
   value: t,
-  onChange: n,
-  options: a,
-  optionLabel: i = "label",
-  optionValue: f = "value",
-  optionDisabled: m,
-  multiple: y = !1,
-  itemTemplate: j,
+  onChange: e,
+  options: n,
+  optionLabel: r = "label",
+  optionValue: a = "value",
+  optionDisabled: s,
+  multiple: c = !1,
+  itemTemplate: i,
   disabled: l = !1,
-  invalid: d = !1,
-  className: b = "",
-  "data-testid": D
+  invalid: m = !1,
+  className: f = "",
+  "data-testid": g
 }) => {
-  const I = (C) => {
-    const k = Ue(C, f);
-    return y && Array.isArray(t) ? t.includes(k) : t === k;
-  }, Y = (C, k) => {
-    if (l || ft(C, m)) return;
-    const S = Ue(C, f);
-    if (S === void 0) return;
-    let v;
-    if (y) {
-      const F = Array.isArray(t) ? t : [];
-      v = F.includes(S) ? F.filter((O) => O !== S) : [...F, S];
+  const p = (h) => {
+    const y = Wt(h, a);
+    return c && Array.isArray(t) ? t.includes(y) : t === y;
+  }, j = (h, y) => {
+    if (l || ne(h, s)) return;
+    const B = Wt(h, a);
+    if (B === void 0) return;
+    let x;
+    if (c) {
+      const C = Array.isArray(t) ? t : [];
+      x = C.includes(B) ? C.filter((E) => E !== B) : [...C, B];
     } else
-      v = t === S ? null : S;
-    n == null || n({
-      value: v,
-      originalEvent: k
+      x = t === B ? null : B;
+    e == null || e({
+      value: x,
+      originalEvent: y
     });
-  }, Q = [
-    ne.selectButton,
-    l ? ne.selectButtonDisabled : "",
-    d ? ne.selectButtonInvalid : "",
-    b
+  }, k = [
+    dt.selectButton,
+    l ? dt.selectButtonDisabled : "",
+    m ? dt.selectButtonInvalid : "",
+    f
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: Q,
+      className: k,
       role: "group",
       "aria-disabled": l,
-      "data-testid": D,
-      children: a.map((C, k) => {
-        const S = Ue(C, f), v = S != null ? String(S) : `option-${k}`, F = ft(C, m), N = I(C);
-        return /* @__PURE__ */ u.jsx(
+      "data-testid": g,
+      children: n.map((h, y) => {
+        const B = Wt(h, a), x = B != null ? String(B) : `option-${y}`, C = ne(h, s), T = p(h);
+        return /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            "aria-pressed": N,
-            "aria-disabled": F || l,
-            "aria-label": ut(C, i),
-            disabled: l || F,
+            "aria-pressed": T,
+            "aria-disabled": C || l,
+            "aria-label": ee(h, r),
+            disabled: l || C,
             className: [
-              ne.button,
-              N ? ne.buttonSelected : "",
-              k === 0 ? ne.buttonFirst : "",
-              k === a.length - 1 ? ne.buttonLast : ""
+              dt.button,
+              T ? dt.buttonSelected : "",
+              y === 0 ? dt.buttonFirst : "",
+              y === n.length - 1 ? dt.buttonLast : ""
             ].filter(Boolean).join(" "),
-            onClick: (O) => Y(C, O),
-            onKeyDown: (O) => {
-              (O.key === " " || O.key === "Enter") && (O.preventDefault(), Y(C, O));
+            onClick: (E) => j(h, E),
+            onKeyDown: (E) => {
+              (E.key === " " || E.key === "Enter") && (E.preventDefault(), j(h, E));
             },
-            "data-testid": D ? `${D}-option-${k}` : void 0,
-            children: j ? j(C) : ut(C, i)
+            "data-testid": g ? `${g}-option-${y}` : void 0,
+            children: i ? i(h) : ee(h, r)
           },
-          v
+          x
         );
       })
     }
   );
-}, Qr = "_card_uv0bu_1", Zr = {
-  card: Qr
-}, vn = ({
-  children: t,
+}, ir = "_card_13psy_1", lr = "_body_13psy_13", dr = "_header_13psy_20", ur = "_headerLeading_13psy_29", _r = "_headerActions_13psy_36", hr = "_title_13psy_44", pr = "_meta_13psy_53", mr = "_metaRow_13psy_59", fr = "_metaIcon_13psy_71", yr = "_metaContent_13psy_86", gr = "_footer_13psy_91", br = "_iconButton_13psy_99", vr = "_iconButtonDanger_13psy_126", F = {
+  card: ir,
+  body: lr,
+  header: dr,
+  headerLeading: ur,
+  headerActions: _r,
+  title: hr,
+  meta: pr,
+  metaRow: mr,
+  metaIcon: fr,
+  metaContent: yr,
+  footer: gr,
+  iconButton: br,
+  iconButtonDanger: vr
+}, Nr = ({ children: t, className: e = "", ...n }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: [F.body, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), kr = ({
+  tag: t,
+  actions: e,
+  children: n,
+  className: r = "",
+  ...a
+}) => !(t != null || e != null) && n != null ? /* @__PURE__ */ o(
+  "div",
+  {
+    className: [F.header, r].filter(Boolean).join(" "),
+    ...a,
+    children: n
+  }
+) : /* @__PURE__ */ u(
+  "div",
+  {
+    className: [F.header, r].filter(Boolean).join(" "),
+    ...a,
+    children: [
+      /* @__PURE__ */ u("div", { className: F.headerLeading, children: [
+        t,
+        n
+      ] }),
+      e ? /* @__PURE__ */ o("div", { className: F.headerActions, children: e }) : null
+    ]
+  }
+), Br = ({ children: t, className: e = "", ...n }) => /* @__PURE__ */ o(
+  "h2",
+  {
+    className: [F.title, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), Cr = ({ children: t, className: e = "", ...n }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: [F.meta, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), jr = ({
+  icon: t,
+  children: e,
   className: n = "",
-  "data-testid": a,
-  ...i
+  ...r
+}) => /* @__PURE__ */ u(
+  "div",
+  {
+    className: [F.metaRow, n].filter(Boolean).join(" "),
+    ...r,
+    children: [
+      /* @__PURE__ */ o("span", { className: F.metaIcon, "aria-hidden": !0, children: t }),
+      /* @__PURE__ */ o("div", { className: F.metaContent, children: e })
+    ]
+  }
+), xr = ({
+  children: t,
+  className: e = "",
+  ...n
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: [F.footer, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), he = J.forwardRef(
+  ({
+    className: t = "",
+    type: e = "button",
+    variant: n = "default",
+    children: r,
+    ...a
+  }, s) => /* @__PURE__ */ o(
+    "button",
+    {
+      ref: s,
+      type: e,
+      className: [
+        F.iconButton,
+        n === "danger" ? F.iconButtonDanger : "",
+        t
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: r
+    }
+  )
+);
+he.displayName = "Card.IconButton";
+const wr = ({
+  children: t,
+  className: e = "",
+  "data-testid": n,
+  ...r
 }) => {
-  const f = [Zr.card, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u.jsx("div", { className: f, "data-testid": a, ...i, children: t });
-}, en = "_chip_830il_1", tn = "_chipSuccess_830il_16", rn = "_chipWarning_830il_21", nn = "_chipInfo_830il_26", an = "_chipError_830il_31", ke = {
-  chip: en,
-  chipSuccess: tn,
-  chipWarning: rn,
-  chipInfo: nn,
-  chipError: an
-}, on = {
-  success: ke.chipSuccess,
-  warning: ke.chipWarning,
-  info: ke.chipInfo,
-  error: ke.chipError
-}, _n = ({
+  const a = [F.card, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: a, "data-testid": n, ...r, children: t });
+}, Ht = Object.assign(wr, {
+  Body: Nr,
+  Header: kr,
+  Title: Br,
+  Meta: Cr,
+  MetaRow: jr,
+  Footer: xr,
+  IconButton: he
+}), Lr = "_iconCard_e9t2h_1", Ar = "_iconSection_e9t2h_12", Ir = "_content_e9t2h_22", Vt = {
+  iconCard: Lr,
+  iconSection: Ar,
+  content: Ir
+}, Dr = ({
+  children: t,
+  className: e = "",
+  ...n
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: [Vt.iconSection, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), Tr = ({
+  children: t,
+  className: e = "",
+  ...n
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: [Vt.content, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), qr = ({
+  children: t,
+  className: e = "",
+  "data-testid": n,
+  ...r
+}) => {
+  const a = [Vt.iconCard, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: a, "data-testid": n, ...r, children: t });
+}, ii = Object.assign(qr, {
+  Icon: Dr,
+  Content: Tr
+}), pe = {
+  pdf: {
+    extensions: [".pdf"],
+    mimeTypes: ["application/pdf"]
+  },
+  doc: {
+    extensions: [".doc"],
+    mimeTypes: ["application/msword"]
+  },
+  docx: {
+    extensions: [".docx"],
+    mimeTypes: [
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    ]
+  },
+  xls: {
+    extensions: [".xls"],
+    mimeTypes: ["application/vnd.ms-excel"]
+  },
+  xlsx: {
+    extensions: [".xlsx"],
+    mimeTypes: [
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    ]
+  },
+  png: {
+    extensions: [".png"],
+    mimeTypes: ["image/png"]
+  },
+  jpeg: {
+    extensions: [".jpg", ".jpeg"],
+    mimeTypes: ["image/jpeg"]
+  }
+}, Er = [
+  "pdf"
+];
+function Rr(t) {
+  return t.length === 0 ? Er : t;
+}
+function Sr(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const n of t) {
+    const r = pe[n];
+    for (const a of r.extensions) e.add(a);
+    for (const a of r.mimeTypes) e.add(a);
+  }
+  return [...e].join(",");
+}
+function Or(t, e) {
+  const n = /* @__PURE__ */ new Set(), r = [];
+  for (const c of e) {
+    const i = pe[c];
+    for (const l of i.mimeTypes) n.add(l);
+    for (const l of i.extensions) r.push(l.slice(1));
+  }
+  const a = r.map(
+    (c) => c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+  ), s = new RegExp(`\\.(${a.join("|")})$`, "i");
+  return !!(t.type && n.has(t.type) || !t.type && s.test(t.name) || t.type && s.test(t.name));
+}
+const $r = "_root_1mmsz_1", Pr = "_dropZone_1mmsz_6", zr = "_dropZoneDisabled_1mmsz_18", Wr = "_dropZoneActive_1mmsz_26", Mr = "_iconWrap_1mmsz_37", Hr = "_dropTitle_1mmsz_49", Zr = "_formats_1mmsz_57", Vr = "_browseWrap_1mmsz_65", Fr = "_hiddenInput_1mmsz_70", ot = {
+  root: $r,
+  dropZone: Pr,
+  dropZoneDisabled: zr,
+  dropZoneActive: Wr,
+  iconWrap: Mr,
+  dropTitle: Hr,
+  formats: Zr,
+  browseWrap: Vr,
+  hiddenInput: Fr
+}, li = ({
+  supportedTypes: t,
+  onFileSelect: e,
+  onRejectFile: n,
+  maxSizeBytes: r,
+  uploading: a = !1,
+  dropHint: s,
+  formatsHint: c,
+  browseLabel: i,
+  uploadingLabel: l,
+  className: m = "",
+  "data-testid": f
+}) => {
+  const g = q(null), p = Et(), [j, k] = M(!1), h = Lt(
+    () => Rr(t),
+    [t]
+  ), y = Lt(
+    () => Sr(h),
+    [h]
+  ), B = tt(
+    (b) => {
+      if (r != null && b.size > r) {
+        n == null || n(b, "size");
+        return;
+      }
+      if (!Or(b, h)) {
+        n == null || n(b, "type");
+        return;
+      }
+      e(b);
+    },
+    [r, e, n, h]
+  ), x = tt(() => {
+    var b;
+    a || (b = g.current) == null || b.click();
+  }, [a]), C = (b) => {
+    var _;
+    const L = (_ = b.target.files) == null ? void 0 : _[0];
+    L && B(L), b.target.value = "";
+  }, T = (b) => {
+    b.preventDefault(), b.stopPropagation(), a || k(!0);
+  }, E = (b) => {
+    b.preventDefault(), b.stopPropagation(), k(!1);
+  }, K = (b) => {
+    var _;
+    if (b.preventDefault(), b.stopPropagation(), k(!1), a) return;
+    const L = (_ = b.dataTransfer.files) == null ? void 0 : _[0];
+    L && B(L);
+  }, et = (b) => {
+    a || b.target.closest("button") || x();
+  }, z = (b) => {
+    a || b.key !== "Enter" && b.key !== " " || (b.preventDefault(), x());
+  }, w = [
+    ot.dropZone,
+    j ? ot.dropZoneActive : "",
+    a ? ot.dropZoneDisabled : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    Ht,
+    {
+      className: [ot.root, m].filter(Boolean).join(" "),
+      "data-testid": f,
+      children: /* @__PURE__ */ o(Ht.Body, { children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: w,
+          onDragOver: T,
+          onDragLeave: E,
+          onDrop: K,
+          onClick: et,
+          onKeyDown: z,
+          role: "button",
+          tabIndex: a ? -1 : 0,
+          "aria-disabled": a || void 0,
+          "aria-labelledby": p,
+          children: [
+            /* @__PURE__ */ o("div", { className: ot.iconWrap, "aria-hidden": !0, children: /* @__PURE__ */ o(Ln, { size: 22 }) }),
+            /* @__PURE__ */ o("p", { id: p, className: ot.dropTitle, children: s }),
+            /* @__PURE__ */ o("p", { className: ot.formats, children: c }),
+            /* @__PURE__ */ u("div", { className: ot.browseWrap, children: [
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  ref: g,
+                  type: "file",
+                  className: ot.hiddenInput,
+                  accept: y,
+                  onChange: C,
+                  disabled: a,
+                  "aria-hidden": !0
+                }
+              ),
+              /* @__PURE__ */ o(
+                ie,
+                {
+                  label: a ? l : i,
+                  onClick: x,
+                  disabled: a
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    }
+  );
+}, Ur = "_alert_90rze_1", Kr = "_alertTitle_90rze_7", Qr = "_alertBody_90rze_16", Xr = "_alertError_90rze_22", Yr = "_alertWarning_90rze_28", Gr = "_alertInfo_90rze_34", Jr = "_alertSuccess_90rze_40", ht = {
+  alert: Ur,
+  alertTitle: Kr,
+  alertBody: Qr,
+  alertError: Xr,
+  alertWarning: Yr,
+  alertInfo: Gr,
+  alertSuccess: Jr
+}, ta = {
+  error: ht.alertError,
+  warning: ht.alertWarning,
+  info: ht.alertInfo,
+  success: ht.alertSuccess
+}, ea = {
+  error: /* @__PURE__ */ o(On, { size: 16, "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ o(Sn, { size: 16, "aria-hidden": !0 }),
+  info: /* @__PURE__ */ o(ue, { size: 16, "aria-hidden": !0 }),
+  success: /* @__PURE__ */ o(Rn, { size: 16, "aria-hidden": !0 })
+}, di = ({
   variant: t = "info",
+  title: e,
   children: n,
+  className: r,
+  "data-testid": a,
+  ...s
+}) => {
+  const c = [ht.alert, ta[t], r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u("div", { className: c, role: "alert", "data-testid": a, ...s, children: [
+    e && /* @__PURE__ */ u("div", { className: ht.alertTitle, children: [
+      ea[t],
+      /* @__PURE__ */ o("span", { children: e })
+    ] }),
+    n && /* @__PURE__ */ o("div", { className: ht.alertBody, children: n })
+  ] });
+}, na = "_sideMenu_9at6r_1", oa = "_brand_9at6r_11", ra = "_logoMark_9at6r_19", aa = "_brandText_9at6r_33", sa = "_brandTitle_9at6r_40", ca = "_brandSubtitle_9at6r_47", ia = "_sectionLabel_9at6r_52", la = "_nav_9at6r_61", da = "_navItem_9at6r_68", ua = "_navItemActive_9at6r_102", _a = "_navIcon_9at6r_109", ha = "_navLabel_9at6r_123", pa = "_navBadge_9at6r_130", ma = "_footer_9at6r_145", Z = {
+  sideMenu: na,
+  brand: oa,
+  logoMark: ra,
+  brandText: aa,
+  brandTitle: sa,
+  brandSubtitle: ca,
+  sectionLabel: ia,
+  nav: la,
+  navItem: da,
+  navItemActive: ua,
+  navIcon: _a,
+  navLabel: ha,
+  navBadge: pa,
+  footer: ma
+}, fa = ({
+  title: t = "EMPORIX",
+  subtitle: e,
+  logo: n,
+  className: r = "",
+  ...a
+}) => /* @__PURE__ */ u(
+  "div",
+  {
+    className: [Z.brand, r].filter(Boolean).join(" "),
+    ...a,
+    children: [
+      /* @__PURE__ */ o("div", { className: Z.logoMark, "aria-hidden": "true", children: n ?? "E" }),
+      /* @__PURE__ */ u("div", { className: Z.brandText, children: [
+        /* @__PURE__ */ o("div", { className: Z.brandTitle, children: t }),
+        e && /* @__PURE__ */ o("div", { className: Z.brandSubtitle, children: e })
+      ] })
+    ]
+  }
+), ya = ({
+  label: t,
+  children: e,
+  className: n = "",
+  ...r
+}) => /* @__PURE__ */ u(kt, { children: [
+  t && /* @__PURE__ */ o("div", { className: Z.sectionLabel, children: t }),
+  /* @__PURE__ */ o(
+    "nav",
+    {
+      className: [Z.nav, n].filter(Boolean).join(" "),
+      "aria-label": t ?? "Navigation",
+      ...r,
+      children: e
+    }
+  )
+] }), ga = ({
+  icon: t,
+  active: e = !1,
+  badge: n,
+  children: r,
   className: a = "",
-  "data-testid": i,
-  ...f
+  as: s = "div",
+  type: c = "button",
+  ...i
 }) => {
-  const m = [ke.chip, on[t], a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u.jsx("span", { className: m, "data-testid": i, ...f, children: n });
+  const l = [
+    Z.navItem,
+    e ? Z.navItemActive : "",
+    a
+  ].filter(Boolean).join(" "), m = /* @__PURE__ */ u(kt, { children: [
+    t && /* @__PURE__ */ o("span", { className: Z.navIcon, "aria-hidden": "true", children: t }),
+    /* @__PURE__ */ o("span", { className: Z.navLabel, children: r }),
+    n != null && /* @__PURE__ */ o("span", { className: Z.navBadge, children: n })
+  ] });
+  return s === "button" ? /* @__PURE__ */ o("button", { type: c, className: l, ...i, children: m }) : /* @__PURE__ */ o("div", { className: l, ...i, children: m });
+}, ba = ({
+  children: t,
+  className: e = "",
+  ...n
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: [Z.footer, e].filter(Boolean).join(" "),
+    ...n,
+    children: t
+  }
+), va = ({
+  children: t,
+  className: e = "",
+  "data-testid": n,
+  ...r
+}) => /* @__PURE__ */ o(
+  "nav",
+  {
+    className: [Z.sideMenu, e].filter(Boolean).join(" "),
+    "data-testid": n,
+    "aria-label": "Side navigation",
+    ...r,
+    children: t
+  }
+), ui = Object.assign(va, {
+  Brand: fa,
+  Nav: ya,
+  NavItem: ga,
+  Footer: ba
+}), Na = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAAYCAYAAACWYU02AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAo6ADAAQAAAABAAAAGAAAAADUwQHYAAAKfklEQVRoBcWbfdBVVRXGeUEzwsEvSEpSbHQiMCvUIj+m14xRMw2pmWw0xkwtyxqwD61IPqTQcJSSYNJyypBRahCcKfnDQFRmypKyFKQMEtGkVFBQUFH6PS9n39Zdd+1zzr28DmvmYa+PZ629z3nXPfecfS5dfUpk586d+xA+BhwOhoIdYF2Bx7q6uragVwp1hkESrPyT/Cesox2dmifC38vlrKDmq8kHZxD6UcnOjJvwr617LJkafZhrX2IfB93gvWAYOBhsAxvAGrAALGKurYy1hLonQeyXIe/EvxGso+bLGU7opu6xBLRmKzoP661DOtwzGSaDkWA1uA7ePMaOhHrnkXgZeDd4BEyj3p2MrQL5ZLAUvALKRJzu1grNHjhTgiIv4XtnM7OeRd71QT251HwNwR6b4UXuv+OcDUY0CtRQ4A8E14IXQB3ZDOlLoKtGeTXCi3WKwnkKLAeXg4OqasP5G/DyHZ8HYYInFfZMz61jkzszU29SUz6kfcDtGXKZu+UgbGESp2WS51teHZ06Q8GOTL232hpw2mlGW3I+xjtsrUiHcxBYaRPb0NU4dZqmbjPaqZ/EOD5ac/IR391m1HxtNaT4SsrItLQ2fQLfDJZliHXcX28UcwrJuWZ8jdhwRy814f+iZDG+Gc8u4VaFtkDQLUooxAaDNVVFKuJPEH9XOEHhJN5JM2pa5emrOBRitZpRyXBzV0dC9RpSPJEzcn3TIiHNzRD/hH886C7wBUadRC+v4/hgU9HCwJ9rRtXQfVQtgTscqIFz4psxujIq/x6D+9FztyOPE3uTXxy+AeBBUCbPENTVLzpXNm89RvYKSSxqxtX40zGsQ8/JSr/2ZJNQuxmVA//K3CT4S6+QipfktjTiGRmyGrTl3gafrqJ3Bjl3p4O1I7yyZlSZWldHeL8SuUTqNONWuzbp1NsPzMvUPTfg35Lhyv1rcDpoPHSgq/5Z4M8gkqV+jmRD1r21Fz0ANITgIeBGTyrsExpEoxBrqxmVSs6MzBxyhw0pf0nOHLOkngn6Ql4VJCzC19KIKZlYf/BYkDcycdIIp6oZFyZubqTG0cFc3tVRM2pOCvUDf/EFsW+xa8IeHXDkeh6cbbleJ94FpoNI9MTaIhCjK2NTMyoJnmrrIczLt1qK7uK33YzFPLmHR83b1JCy/WKM3dyIRfEzDcGqh0cHYX2Qz7cJhf5NyynmqGpGpWo7JCvEf1PULxs6bkZNTOFonSvsouAsCRagW5TwCmRzkw53QVDjwRS3I7zKK2Piw50T1L0hxe0Ir6NmVA1ytXuQk9MKzvdzBPw/tmtJel8U7Y15uZ99H+0nVsl9AWF04Itc/uvyqogkH4tXzY+5+BZn94b5YlCkf/Kxjv3RT0m2GWdwvpqa1sQi9WKcL7nAKOof5nwytZdYV6K9xs11k+vyOFY9rM4N+LOI6cN6JbHwioz/ZnBpkNuzaXxiEBhAwSmB37u0Ke5liHdk7J/g/5qJ6Qo9ioOJbrqvNjypz4E7wOdl9KIcGdR62vjGoPuN9tfwzTKcSpVj3Myx/gziVxxZH7joj+xorSb19KA1tjXS5+HAt9sujkF7papzSVFMjTgR3wTsqYXPD7fiuBBe+AHTiW36aiuy388odCKDaibdBG8csLcD07GbroAcnK5EHwZW1JyHWkdGj+55I5+uvoOp8Zmgzu+Nb5jRk7qUk/vfZLQx6o2Db0a9kehUppA4zCXr6rvE+XrNLBpyBwV3oF/GOVRjNj8d/382NeL4XCOKpmY8UEovyvagVvRJ0EFMBvYBQU+hH2DBD5gaM4wudSPQfdAPZFRING+Tj/n2psYZQLcJbwnq3W58bzN6Uju98jyaCpjxEKOXqeNY9xEFoT+j1j8ySJjIuXw+8Peai/pfVTHWcwHDnEzh2/B/tqwRladm3AYGyDCyDn29sdtRdcXzEl2N5NOn5dtguEn4HvoY2RzgWQzHSTei95jbiRlXW6puQeomz2auNab660ZPqs5hJ6Lz3qnoqV0ok6tY+41lhN6KcTrPpdZPM/V0sTm/qhGVqxP5DPDNuJjkiSL0kkR/xD7MoafQK5hjkZnno/g+gr0MXGP8UvUhSc0e1Yx8rkRtU1/PulG38rQ1Cn1Y4KvjOjQgPRn4og9yQGu49FQ+iXP7hn09N2ZC4W/1KQY1XLTOnkYkdh28h1mT7pOz0pfIhiBa+ooq4Fe5ooX25LDAxSh/dAVmYp8M7BVTlMnwX5WCRDUj3y52/X9fhjobdDOXdCv6MHgZw4ne3ztr2NEuxqogr+5VPKU+i7I8GW/kyHGfQ/3bgPrIS6MRCeih5ib44z2pyYZwNfCyBUc0QVNuXYNaU/0E2EekfPRTgvgDzvcIdmNN6D90cZl6CGkIdvQ60KdtwqFXnnrbpHfZ/lvC1htIPPqRRltfh5oDPAu8tNyTQtjqSdhjtSjG9wH9rbxU/gCFhI73GYu5z6GGvtki0dsgbcL7DXLxL2qcUK8Q1Cc7kvM8t1Ob4tFmcqMZVRfOvdEijE9P3g3B/yMTS2rTzgBONZeXaC+xUbdKoVi06a05mnYByurAjX4ZZR/aGulwo03vxv0i8StAJD0N2yjkFBI6bkZySxtRU8E5NVpU4bvELWeXSXAv8K8gcSO+g8Mk54R3FBjl3A2TWJ1mPA5eTh5qFCsUiHuqGUdnFqkfW3zCr9PaxPuCn2fyT7fcpMOtasa94Twe1Pw3vn1THT8S66gZybsgmCu5mp6mcZa9qfmyX1OPTdKFqZob9euQI8MknMQOA78DST4ZcQlWNqPy4C1Ohdx4qq9LfI80Y7HOX7r1WVPn49NgYFoz+hBwOVgLIrkrcf0IubQZi/Xkbkdm+XrJpm7bzUjOeJD9ak617Qi/7P1065sYEvSJvRtEosnvApPAaeBicDO4B2wHVmSfYBcjHV/dZtRPxLzc6+sVNfdkM+qer+onZDqOlSD6MYliSdaiHBAdY3Gclc1Y8JangmbU3+6YqDb+tpoR/kVA9SIpvWcmoe2GPJAknZjdkS0kj/YHj69WMxYn1V7at5F7tK9X8PZYMxbzD2ZtfwW7I/qto98xaDpc4nWbcQTc6OFKTdevqSgGvtrNCFeNmBO9gKgUkssa0m+h9SxwP5J+m5u1wv8f4sdGq8Jf+jRtc+DqKexDoBscZmNWJ1bnabrXH2DcGnSFzN1aECoVfbMMsvUiHU6tZlQu3BsyM2prpUngPRRwv9hEwoBzacBLrlqNmGqS1F5DKpGkcWBVmrFifIH4AvD2NKkfidW+MvrcnE3NPXpltOtiLbp9WQrqiJqw5w2TrZHT4UbNGD4pwz0A6MHTi75hhto5sH0z6j90tdwu4JsAImmrEdPcFMo15GS9gWkRNnsX4lxI4nsYTwLaBNcbg7RY/VJlEVgC9x+MVbIMgn878lxVUkVcN/2+ht+2WQ1nqqvzirN32+Qc6G3HEs7XEMZucDzQvbN+o6k3XH8A94H5cJ9ibEemQ9Yvcqw8ao2kU1t7ptrV+Bzwf1vdDmxIXMa5QOuVbALzlN9jmX/wzaKm/sZTgPpB5/Ra/Lcyti3kfYN6K0j8LhgBtNE/Hf8d/wPfUXoPHjYzNwAAAABJRU5ErkJggg==", ka = "_topNav_5wym0_1", Ba = "_left_5wym0_14", Ca = "_logoArea_5wym0_20", ja = "_logoImage_5wym0_25", xa = "_start_5wym0_31", wa = "_actions_5wym0_36", Nt = {
+  topNav: ka,
+  left: Ba,
+  logoArea: Ca,
+  logoImage: ja,
+  start: xa,
+  actions: wa
+}, me = () => /* @__PURE__ */ o("img", { src: Na, alt: "Emporix", className: Nt.logoImage }), La = ({
+  logo: t,
+  start: e,
+  children: n,
+  className: r = "",
+  "data-testid": a,
+  ...s
+}) => /* @__PURE__ */ u(
+  "header",
+  {
+    className: [Nt.topNav, r].filter(Boolean).join(" "),
+    "data-testid": a,
+    "aria-label": "Top navigation",
+    ...s,
+    children: [
+      /* @__PURE__ */ u("div", { className: Nt.left, children: [
+        e && /* @__PURE__ */ o("div", { className: Nt.start, children: e }),
+        /* @__PURE__ */ o("div", { className: Nt.logoArea, children: t ?? /* @__PURE__ */ o(me, {}) })
+      ] }),
+      n && /* @__PURE__ */ o("div", { className: Nt.actions, children: n })
+    ]
+  }
+), _i = Object.assign(La, {
+  Logo: me
+}), Aa = "_overlay_1cjjq_1", Ia = "_toast_1cjjq_15", Da = "_toastExiting_1cjjq_35", Ta = "_toastSuccess_1cjjq_59", qa = "_toastError_1cjjq_63", Ea = "_toastWarning_1cjjq_67", Ra = "_toastInfo_1cjjq_71", Sa = "_icon_1cjjq_75", Oa = "_iconSuccess_1cjjq_89", $a = "_iconError_1cjjq_94", Pa = "_iconWarning_1cjjq_99", za = "_iconInfo_1cjjq_104", Wa = "_message_1cjjq_109", Ma = "_closeButton_1cjjq_114", V = {
+  overlay: Aa,
+  toast: Ia,
+  toastExiting: Da,
+  toastSuccess: Ta,
+  toastError: qa,
+  toastWarning: Ea,
+  toastInfo: Ra,
+  icon: Sa,
+  iconSuccess: Oa,
+  iconError: $a,
+  iconWarning: Pa,
+  iconInfo: za,
+  message: Wa,
+  closeButton: Ma
+}, Ha = {
+  success: V.toastSuccess,
+  error: V.toastError,
+  warning: V.toastWarning,
+  info: V.toastInfo
+}, Za = {
+  success: V.iconSuccess,
+  error: V.iconError,
+  warning: V.iconWarning,
+  info: V.iconInfo
+}, Va = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M3.5 8.5L6.5 11.5L12.5 4.5",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) }), Fa = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M4 4L12 12M12 4L4 12",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) }), Ua = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M8 4V9M8 11.5V12",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  }
+) }), Ka = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M8 4.5V4M8 7V12",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  }
+) }), Qa = {
+  success: Va,
+  error: Fa,
+  warning: Ua,
+  info: Ka
+}, Xa = () => /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M3 3L11 11M11 3L3 11",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+let Ya = 0;
+const Ga = 4e3, Ja = ({ entry: t, onClose: e }) => {
+  const [n, r] = M(!1), a = q(null), s = q(null), c = q(e), i = q(t.id);
+  $(() => {
+    c.current = e, i.current = t.id;
+  }, [e, t.id]);
+  const l = tt(() => {
+    r(!0), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+      s.current = null, c.current(i.current);
+    }, 200);
+  }, []);
+  $(() => {
+    const p = t.duration ?? Ga;
+    return p > 0 && (a.current = setTimeout(l, p)), () => {
+      a.current && clearTimeout(a.current);
+    };
+  }, [t.duration, l]), $(() => () => {
+    s.current && (clearTimeout(s.current), s.current = null, c.current(i.current));
+  }, []);
+  const m = Qa[t.variant], f = [
+    V.toast,
+    Ha[t.variant],
+    n ? V.toastExiting : ""
+  ].filter(Boolean).join(" "), g = [V.icon, Za[t.variant]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u("div", { className: f, role: "alert", children: [
+    /* @__PURE__ */ o("span", { className: g, "aria-hidden": "true", children: /* @__PURE__ */ o(m, {}) }),
+    /* @__PURE__ */ o("span", { className: V.message, children: t.message }),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: V.closeButton,
+        onClick: l,
+        "aria-label": "Close notification",
+        children: /* @__PURE__ */ o(Xa, {})
+      }
+    )
+  ] });
+}, fe = Le(null), hi = ({ children: t }) => {
+  const [e, n] = M([]), r = tt(
+    (s, c = "success", i) => {
+      const l = `toast-${++Ya}`;
+      n((m) => [...m, { id: l, message: s, variant: c, duration: i }]);
+    },
+    []
+  ), a = tt((s) => {
+    n((c) => c.filter((i) => i.id !== s));
+  }, []);
+  return /* @__PURE__ */ u(fe.Provider, { value: { showToast: r }, children: [
+    t,
+    ae(
+      /* @__PURE__ */ o("div", { className: V.overlay, children: e.map((s) => /* @__PURE__ */ o(Ja, { entry: s, onClose: a }, s.id)) }),
+      document.body
+    )
+  ] });
+}, pi = () => {
+  const t = Ae(fe);
+  if (!t)
+    throw new Error("useToast must be used within a <ToastProvider>");
+  return t;
+}, ts = "_overlay_r7enq_1", es = "_dialog_r7enq_13", ns = "_header_r7enq_26", os = "_titleBlock_r7enq_36", rs = "_title_r7enq_36", as = "_subtitle_r7enq_47", ss = "_closeBtn_r7enq_54", cs = "_body_r7enq_87", is = "_footer_r7enq_97", rt = {
+  overlay: ts,
+  dialog: es,
+  header: ns,
+  titleBlock: os,
+  title: rs,
+  subtitle: as,
+  closeBtn: ss,
+  body: cs,
+  footer: is
+}, ls = ({
+  open: t,
+  onClose: e,
+  title: n,
+  subtitle: r,
+  children: a,
+  footer: s,
+  maxWidth: c = "520px",
+  disableClose: i = !1,
+  className: l = "",
+  titleId: m = "modal-title",
+  "data-testid": f
+}) => ($(() => {
+  if (!t) return;
+  const g = (p) => {
+    !i && p.key === "Escape" && e();
+  };
+  return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+}, [t, e, i]), t ? /* @__PURE__ */ o(
+  "div",
+  {
+    className: [rt.overlay, l].filter(Boolean).join(" "),
+    role: "presentation",
+    onMouseDown: (g) => {
+      !i && g.target === g.currentTarget && e();
+    },
+    "data-testid": f,
+    children: /* @__PURE__ */ u(
+      "div",
+      {
+        className: rt.dialog,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": m,
+        style: { "--modal-max-width": c },
+        children: [
+          /* @__PURE__ */ u("div", { className: rt.header, children: [
+            /* @__PURE__ */ u("div", { className: rt.titleBlock, children: [
+              /* @__PURE__ */ o("h2", { id: m, className: rt.title, children: n }),
+              r && /* @__PURE__ */ o("p", { className: rt.subtitle, children: r })
+            ] }),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                className: rt.closeBtn,
+                "aria-label": "Close",
+                disabled: i,
+                onClick: e,
+                children: /* @__PURE__ */ o(le, { size: 18 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o("div", { className: rt.body, children: a }),
+          s && /* @__PURE__ */ o("div", { className: rt.footer, children: s })
+        ]
+      }
+    )
+  }
+) : null), ds = "_message_q6xsi_1", us = "_footer_q6xsi_8", _s = "_dangerButton_q6xsi_16", Mt = {
+  message: ds,
+  footer: us,
+  dangerButton: _s
+}, mi = ({
+  open: t,
+  onClose: e,
+  onConfirm: n,
+  title: r,
+  message: a,
+  confirmLabel: s = "Confirm",
+  cancelLabel: c = "Cancel",
+  loading: i = !1,
+  variant: l = "default",
+  "data-testid": m
+}) => /* @__PURE__ */ o(
+  ls,
+  {
+    open: t,
+    onClose: e,
+    disableClose: i,
+    title: r,
+    maxWidth: "420px",
+    "data-testid": m,
+    footer: /* @__PURE__ */ u("div", { className: Mt.footer, children: [
+      /* @__PURE__ */ o(
+        ie,
+        {
+          label: c,
+          onClick: e,
+          disabled: i
+        }
+      ),
+      /* @__PURE__ */ o(
+        Ze,
+        {
+          label: s,
+          loading: i,
+          onClick: n,
+          className: l === "danger" ? Mt.dangerButton : void 0
+        }
+      )
+    ] }),
+    children: /* @__PURE__ */ o("p", { className: Mt.message, children: a })
+  }
+), hs = "_root_1ljnu_1", ps = "_header_1ljnu_7", ms = "_title_1ljnu_14", fs = "_addBtn_1ljnu_22", ys = "_tableWrap_1ljnu_56", gs = "_tableWrapEmbedded_1ljnu_64", bs = "_table_1ljnu_56", vs = "_thLeft_1ljnu_102", Ns = "_thCenter_1ljnu_106", ks = "_thRight_1ljnu_110", Bs = "_tdCenter_1ljnu_114", Cs = "_tdRight_1ljnu_118", js = "_tdName_1ljnu_123", xs = "_tdHighlight_1ljnu_127", ws = "_productCell_1ljnu_133", Ls = "_productThumb_1ljnu_139", As = "_productThumbEmpty_1ljnu_149", Is = "_productInfo_1ljnu_158", Ds = "_productName_1ljnu_164", Ts = "_productCode_1ljnu_171", qs = "_rowBusy_1ljnu_177", Es = "_rowInvalid_1ljnu_182", Rs = "_actionsCell_1ljnu_189", Ss = "_addRowBtn_1ljnu_197", Os = "_empty_1ljnu_232", A = {
+  root: hs,
+  header: ps,
+  title: ms,
+  addBtn: fs,
+  tableWrap: ys,
+  tableWrapEmbedded: gs,
+  table: bs,
+  thLeft: vs,
+  thCenter: Ns,
+  thRight: ks,
+  tdCenter: Bs,
+  tdRight: Cs,
+  tdName: js,
+  tdHighlight: xs,
+  productCell: ws,
+  productThumb: Ls,
+  productThumbEmpty: As,
+  productInfo: Is,
+  productName: Ds,
+  productCode: Ts,
+  rowBusy: qs,
+  rowInvalid: Es,
+  actionsCell: Rs,
+  addRowBtn: Ss,
+  empty: Os
+}, Zt = J.forwardRef(({ className: t = "", "aria-label": e, ...n }, r) => /* @__PURE__ */ o(
+  "button",
+  {
+    ref: r,
+    type: "button",
+    className: [A.addRowBtn, t].filter(Boolean).join(" "),
+    "aria-label": e,
+    ...n,
+    children: /* @__PURE__ */ o(de, { "aria-hidden": !0 })
+  }
+));
+Zt.displayName = "ProductTableIconAddButton";
+const oe = (t, e) => t === "center" ? e ? A.thCenter : A.tdCenter : t === "right" ? e ? A.thRight : A.tdRight : e ? A.thLeft : "", fi = ({
+  items: t,
+  columns: e,
+  onDelete: n,
+  onRowAdd: r,
+  rowAddLabel: a = "Add",
+  disableRowActions: s = !1,
+  isRowAddDisabled: c,
+  onAdd: i,
+  addLabel: l = "Add Item",
+  addInActionsColumnHeader: m = !1,
+  title: f,
+  emptyMessage: g = "No items.",
+  busyItemIds: p = [],
+  invalidItemIds: j = [],
+  nameColumnHeader: k = "Name",
+  actionsColumnHeader: h = "Actions",
+  renderProductMeta: y,
+  embedded: B = !1,
+  className: x = "",
+  "data-testid": C
+}) => {
+  const T = new Set(p), E = new Set(j), K = !!(n || r), et = !!i && !(m && K), z = [A.root, x].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u("div", { className: z, "data-testid": C, children: [
+    (f || et) && /* @__PURE__ */ u("div", { className: A.header, children: [
+      f && /* @__PURE__ */ o("h2", { className: A.title, children: f }),
+      et && /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: A.addBtn,
+          onClick: i,
+          "data-testid": C ? `${C}-add` : void 0,
+          children: [
+            /* @__PURE__ */ o(de, { size: 14, "aria-hidden": !0 }),
+            /* @__PURE__ */ o("span", { children: l })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { className: B ? A.tableWrapEmbedded : A.tableWrap, children: [
+      /* @__PURE__ */ u("table", { className: A.table, children: [
+        /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ u("tr", { children: [
+          /* @__PURE__ */ o("th", { className: A.thLeft, children: k }),
+          e.map((w) => /* @__PURE__ */ o("th", { className: oe(w.align, !0), children: w.header }, w.key)),
+          K && /* @__PURE__ */ o("th", { className: A.thCenter, children: i && m ? /* @__PURE__ */ o("div", { className: A.actionsCell, children: /* @__PURE__ */ o(
+            Zt,
+            {
+              "aria-label": l,
+              onClick: i,
+              "data-testid": C ? `${C}-header-add` : void 0
+            }
+          ) }) : h })
+        ] }) }),
+        /* @__PURE__ */ o("tbody", { children: t.map((w, b) => {
+          const L = T.has(w.id), _ = E.has(w.id), N = [
+            L ? A.rowBusy : "",
+            _ ? A.rowInvalid : ""
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ u("tr", { className: N, children: [
+            /* @__PURE__ */ o("td", { className: A.tdName, children: /* @__PURE__ */ u("div", { className: A.productCell, children: [
+              w.imageUrl ? /* @__PURE__ */ o(
+                "img",
+                {
+                  src: w.imageUrl,
+                  alt: "",
+                  className: A.productThumb
+                }
+              ) : /* @__PURE__ */ o("div", { className: A.productThumbEmpty }),
+              /* @__PURE__ */ u("div", { className: A.productInfo, children: [
+                /* @__PURE__ */ o("span", { className: A.productName, children: w.name }),
+                w.code && /* @__PURE__ */ o("span", { className: A.productCode, children: w.code }),
+                y == null ? void 0 : y(w, b)
+              ] })
+            ] }) }),
+            e.map((R) => {
+              const G = [
+                oe(R.align, !1),
+                R.highlight ? A.tdHighlight : ""
+              ].filter(Boolean).join(" ");
+              return /* @__PURE__ */ o("td", { className: G, children: R.render(w, b) }, R.key);
+            }),
+            K && /* @__PURE__ */ o("td", { className: A.tdCenter, children: /* @__PURE__ */ u("div", { className: A.actionsCell, children: [
+              n && /* @__PURE__ */ o(
+                Ht.IconButton,
+                {
+                  type: "button",
+                  variant: "danger",
+                  "aria-label": `Delete ${w.name}`,
+                  onClick: () => n(w),
+                  disabled: L || s,
+                  "data-testid": C ? `${C}-delete-${w.id}` : void 0,
+                  children: /* @__PURE__ */ o(An, { "aria-hidden": !0 })
+                }
+              ),
+              r && /* @__PURE__ */ o(
+                Zt,
+                {
+                  "aria-label": typeof a == "function" ? a(w, b) : a,
+                  onClick: () => r(w),
+                  disabled: L || s || !!(c != null && c(w)),
+                  "data-testid": C ? `${C}-add-${w.id}` : void 0
+                }
+              )
+            ] }) })
+          ] }, w.id);
+        }) })
+      ] }),
+      t.length === 0 && /* @__PURE__ */ o("div", { className: A.empty, children: g })
+    ] })
+  ] });
+}, $s = "_tag_15jzc_1", Ps = "_created_15jzc_18", zs = "_confirmed_15jzc_24", Ws = "_completed_15jzc_30", Ms = "_declined_15jzc_36", Hs = "_shipped_15jzc_42", _t = {
+  tag: $s,
+  created: Ps,
+  confirmed: zs,
+  completed: Ws,
+  declined: Ms,
+  shipped: Hs
+}, ut = {
+  IN_CHECKOUT: _t.created,
+  CREATED: _t.created,
+  CONFIRMED: _t.confirmed,
+  DECLINED: _t.declined,
+  SHIPPED: _t.shipped,
+  COMPLETED: _t.completed
+}, Zs = (t) => {
+  const e = t.toUpperCase().trim();
+  return e in ut ? ut[e] : e.includes("CONFIRM") ? ut.CONFIRMED : e.includes("DECLINE") || e.includes("CANCEL") || e.includes("FAIL") ? ut.DECLINED : e.includes("COMPLETE") || e.includes("DELIVER") ? ut.COMPLETED : e.includes("SHIP") ? ut.SHIPPED : ut.CREATED;
+}, Vs = ({
+  status: t,
+  className: e = "",
+  "data-testid": n
+}) => {
+  const r = t.toUpperCase().trim(), a = Zs(r), s = [_t.tag, a, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("span", { className: s, "data-testid": n, children: r });
+}, Fs = "_root_uqjwd_1", Us = "_header_uqjwd_7", Ks = "_title_uqjwd_14", Qs = "_tableWrap_uqjwd_22", Xs = "_tableWrapEmbedded_uqjwd_29", Ys = "_table_uqjwd_22", Gs = "_thLeft_uqjwd_66", Js = "_thRight_uqjwd_70", tc = "_tdRight_uqjwd_74", ec = "_orderLink_uqjwd_79", nc = "_cellMuted_uqjwd_100", oc = "_empty_uqjwd_104", O = {
+  root: Fs,
+  header: Us,
+  title: Ks,
+  tableWrap: Qs,
+  tableWrapEmbedded: Xs,
+  table: Ys,
+  thLeft: Gs,
+  thRight: Js,
+  tdRight: tc,
+  orderLink: ec,
+  cellMuted: nc,
+  empty: oc
+}, rc = /^(\d{4})-(\d{2})-(\d{2})$/;
+function ac(t) {
+  const e = t.trim(), n = rc.exec(e);
+  if (n) {
+    const r = Number(n[1]), a = Number(n[2]) - 1, s = Number(n[3]), c = new Date(r, a, s);
+    if (c.getFullYear() === r && c.getMonth() === a && c.getDate() === s)
+      return c;
+  }
+  return new Date(t);
+}
+const re = (t) => {
+  if (t == null || t === "")
+    return "—";
+  const e = typeof t == "string" ? ac(t) : t;
+  return Number.isNaN(e.getTime()) ? "—" : new Intl.DateTimeFormat("de-DE", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  }).format(e);
+}, sc = (t, e) => new Intl.NumberFormat("de-DE", {
+  style: "currency",
+  currency: e
+}).format(t), cc = ({
+  row: t,
+  getOrderHref: e,
+  onOrderNavigate: n,
+  testId: r
+}) => {
+  const a = `#${t.id}`;
+  return e ? /* @__PURE__ */ o(
+    "a",
+    {
+      href: e(t),
+      className: O.orderLink,
+      "data-testid": r ? `${r}-order-link-${t.id}` : void 0,
+      children: a
+    }
+  ) : n ? /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: O.orderLink,
+      onClick: () => n(t),
+      "data-testid": r ? `${r}-order-nav-${t.id}` : void 0,
+      children: a
+    }
+  ) : /* @__PURE__ */ o("span", { className: O.cellMuted, children: a });
+}, yi = ({
+  items: t,
+  title: e,
+  getOrderHref: n,
+  onOrderNavigate: r,
+  emptyMessage: a = "No orders.",
+  embedded: s = !1,
+  className: c = "",
+  "data-testid": i
+}) => {
+  const l = [O.root, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u("div", { className: l, "data-testid": i, children: [
+    e && /* @__PURE__ */ o("div", { className: O.header, children: /* @__PURE__ */ o("h2", { className: O.title, children: e }) }),
+    /* @__PURE__ */ u("div", { className: s ? O.tableWrapEmbedded : O.tableWrap, children: [
+      /* @__PURE__ */ u("table", { className: O.table, children: [
+        /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ u("tr", { children: [
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Order #" }),
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Status" }),
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Customer" }),
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Order Date" }),
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Delivery Date" }),
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Delivery Address" }),
+          /* @__PURE__ */ o("th", { className: O.thLeft, children: "Payment" }),
+          /* @__PURE__ */ o("th", { className: O.thRight, children: "Order Value" })
+        ] }) }),
+        /* @__PURE__ */ o("tbody", { children: t.map((m) => /* @__PURE__ */ u("tr", { children: [
+          /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+            cc,
+            {
+              row: m,
+              getOrderHref: n,
+              onOrderNavigate: r,
+              testId: i
+            }
+          ) }),
+          /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(Vs, { status: m.status }) }),
+          /* @__PURE__ */ o("td", { children: m.customerName }),
+          /* @__PURE__ */ o("td", { children: re(m.orderDate) }),
+          /* @__PURE__ */ o("td", { className: O.cellMuted, children: re(m.deliveryDate ?? null) }),
+          /* @__PURE__ */ o("td", { children: m.deliveryAddress }),
+          /* @__PURE__ */ o("td", { children: m.payment }),
+          /* @__PURE__ */ o("td", { className: O.tdRight, children: sc(
+            m.orderValue.amount,
+            m.orderValue.currency
+          ) })
+        ] }, m.id)) })
+      ] }),
+      t.length === 0 && /* @__PURE__ */ o("div", { className: O.empty, children: a })
+    ] })
+  ] });
+}, ic = "_wizard_ymuhn_2", lc = "_stepper_ymuhn_9", dc = "_stepItem_ymuhn_17", uc = "_indicator_ymuhn_25", _c = "_indicatorCurrent_ymuhn_41", hc = "_indicatorCompleted_ymuhn_47", pc = "_checkIcon_ymuhn_53", mc = "_connector_ymuhn_58", fc = "_connectorCompleted_ymuhn_69", yc = "_stepLabel_ymuhn_73", gc = "_stepLabelCurrent_ymuhn_81", bc = "_stepLabelCompleted_ymuhn_86", vc = "_body_ymuhn_91", Nc = "_actions_ymuhn_96", kc = "_btn_ymuhn_104", Bc = "_btnSecondary_ymuhn_123", Cc = "_btnPrimary_ymuhn_133", W = {
+  wizard: ic,
+  stepper: lc,
+  stepItem: dc,
+  indicator: uc,
+  indicatorCurrent: _c,
+  indicatorCompleted: hc,
+  checkIcon: pc,
+  connector: mc,
+  connectorCompleted: fc,
+  stepLabel: yc,
+  stepLabelCurrent: gc,
+  stepLabelCompleted: bc,
+  body: vc,
+  actions: Nc,
+  btn: kc,
+  btnSecondary: Bc,
+  btnPrimary: Cc
+}, gi = ({
+  steps: t,
+  activeStep: e,
+  onStepChange: n,
+  onSubmit: r,
+  backLabel: a = "Back",
+  nextLabel: s = "Next",
+  submitLabel: c = "Submit",
+  submitting: i = !1,
+  className: l = "",
+  "data-testid": m
+}) => {
+  const f = e === 0, g = e === t.length - 1, p = t[e], j = (p == null ? void 0 : p.canProceed) !== !1, k = tt(() => {
+    f || n(e - 1);
+  }, [f, e, n]), h = tt(() => {
+    g ? r == null || r() : n(e + 1);
+  }, [g, e, n, r]), y = Lt(
+    () => [W.wizard, l].filter(Boolean).join(" "),
+    [l]
+  );
+  return /* @__PURE__ */ u("div", { className: y, "data-testid": m, children: [
+    /* @__PURE__ */ o("nav", { className: W.stepper, "aria-label": "Wizard steps", children: t.map((B, x) => {
+      const C = x < e, T = x === e, E = [
+        W.indicator,
+        C ? W.indicatorCompleted : "",
+        T ? W.indicatorCurrent : ""
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ u(J.Fragment, { children: [
+        x > 0 && /* @__PURE__ */ o(
+          "div",
+          {
+            className: [
+              W.connector,
+              C ? W.connectorCompleted : ""
+            ].filter(Boolean).join(" ")
+          }
+        ),
+        /* @__PURE__ */ u("div", { className: W.stepItem, children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: E,
+              "aria-current": T ? "step" : void 0,
+              children: C ? /* @__PURE__ */ o(En, { className: W.checkIcon, "aria-hidden": !0 }) : /* @__PURE__ */ o("span", { children: x + 1 })
+            }
+          ),
+          /* @__PURE__ */ o(
+            "span",
+            {
+              className: [
+                W.stepLabel,
+                T ? W.stepLabelCurrent : "",
+                C ? W.stepLabelCompleted : ""
+              ].filter(Boolean).join(" "),
+              children: B.label
+            }
+          )
+        ] })
+      ] }, B.id);
+    }) }),
+    /* @__PURE__ */ o("div", { className: W.body, children: p == null ? void 0 : p.content }),
+    /* @__PURE__ */ u("div", { className: W.actions, children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: [W.btn, W.btnSecondary].join(" "),
+          onClick: k,
+          disabled: f,
+          "data-testid": m ? `${m}-back` : void 0,
+          children: a
+        }
+      ),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: [W.btn, W.btnPrimary].join(" "),
+          onClick: h,
+          disabled: !j || i,
+          "data-testid": m ? `${m}-next` : void 0,
+          children: g ? i ? `${c}…` : c : s
+        }
+      )
+    ] })
+  ] });
+}, jc = "_timeline_qccju_2", xc = "_line_qccju_11", wc = "_lineAnimated_qccju_21", Lc = "_drawLine_qccju_1", Ac = "_pulse_qccju_1", Ic = "_event_qccju_63", Dc = "_eventAnimated_qccju_71", Tc = "_eventVisible_qccju_77", qc = "_dot_qccju_83", Ec = "_dotInner_qccju_105", Rc = "_dot_info_qccju_113", Sc = "_dot_info_qccju_113", Oc = "_dot_success_qccju_119", $c = "_dot_success_qccju_119", Pc = "_dot_warning_qccju_125", zc = "_dot_warning_qccju_125", Wc = "_dot_error_qccju_131", Mc = "_dot_error_qccju_131", Hc = "_dot_default_qccju_137", Zc = "_dot_default_qccju_137", Vc = "_content_qccju_144", Fc = "_title_qccju_159", Uc = "_description_qccju_168", Kc = "_time_qccju_2", U = {
+  timeline: jc,
+  line: xc,
+  lineAnimated: wc,
+  drawLine: Lc,
+  pulse: Ac,
+  event: Ic,
+  eventAnimated: Dc,
+  eventVisible: Tc,
+  dot: qc,
+  dotInner: Ec,
+  dot_info: Rc,
+  dotInfo: Sc,
+  dot_success: Oc,
+  dotSuccess: $c,
+  dot_warning: Pc,
+  dotWarning: zc,
+  dot_error: Wc,
+  dotError: Mc,
+  dot_default: Hc,
+  dotDefault: Zc,
+  content: Vc,
+  title: Fc,
+  description: Uc,
+  time: Kc
+}, bi = ({
+  events: t,
+  animated: e = !0,
+  animateLine: n = !0,
+  className: r = "",
+  "data-testid": a
+}) => {
+  const s = q(null), c = q([]), [i, l] = M(0), [m, f] = M(!e), g = tt(
+    (p) => (j) => {
+      c.current[p] = j;
+    },
+    []
+  );
+  return $(() => {
+    if (!e) return;
+    const p = requestAnimationFrame(() => f(!0));
+    return () => cancelAnimationFrame(p);
+  }, [e]), $(() => {
+    const p = s.current;
+    if (!p || t.length < 2) {
+      l(0);
+      return;
+    }
+    const j = c.current[0], k = c.current[t.length - 1];
+    if (!j || !k) return;
+    const h = p.getBoundingClientRect().top, y = j.getBoundingClientRect().top - h + j.offsetHeight / 2, B = k.getBoundingClientRect().top - h + k.offsetHeight / 2;
+    l(B - y);
+  }, [t]), t.length === 0 ? null : /* @__PURE__ */ u(
+    "div",
+    {
+      ref: s,
+      className: [U.timeline, r].filter(Boolean).join(" "),
+      "data-testid": a,
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: [
+              U.line,
+              n && m ? U.lineAnimated : ""
+            ].filter(Boolean).join(" "),
+            style: { height: i, top: 20 }
+          }
+        ),
+        t.map((p, j) => {
+          const k = p.variant ? U[`dot_${p.variant}`] : "";
+          return /* @__PURE__ */ u(
+            "div",
+            {
+              className: [
+                U.event,
+                e ? U.eventAnimated : "",
+                m ? U.eventVisible : ""
+              ].filter(Boolean).join(" "),
+              style: e ? { transitionDelay: `${j * 120}ms` } : void 0,
+              children: [
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    ref: g(j),
+                    className: [U.dot, k].filter(Boolean).join(" "),
+                    children: p.icon ?? /* @__PURE__ */ o("span", { className: U.dotInner })
+                  }
+                ),
+                /* @__PURE__ */ u("div", { className: U.content, children: [
+                  /* @__PURE__ */ o("h4", { className: U.title, children: p.title }),
+                  p.description && /* @__PURE__ */ o("p", { className: U.description, children: p.description }),
+                  p.timestamp && /* @__PURE__ */ o("time", { className: U.time, children: p.timestamp })
+                ] })
+              ]
+            },
+            p.id
+          );
+        })
+      ]
+    }
+  );
 };
 export {
-  vn as Card,
-  _n as Chip,
-  fn as Dropdown,
-  dn as InputText,
-  ln as PrimaryButton,
-  cn as SecondaryButton,
-  pn as SelectButton,
-  un as Tabs
+  di as AlertBox,
+  oi as Breadcrumb,
+  Ht as Card,
+  Lo as Chip,
+  mi as ConfirmDialog,
+  Jc as ContrastButton,
+  ri as Dropdown,
+  li as FileUploadDropzone,
+  ii as IconCard,
+  si as InputText,
+  ls as Modal,
+  ai as MultiSelect,
+  Vs as OrderStatusTag,
+  yi as OrderTable,
+  Ze as PrimaryButton,
+  fi as ProductTable,
+  Zt as ProductTableIconAddButton,
+  ei as RichTextEditor,
+  ie as SecondaryButton,
+  ci as SelectButton,
+  ui as SideMenu,
+  ni as Spinner,
+  ti as Tabs,
+  Gc as TertiaryButton,
+  bi as Timeline,
+  Ja as Toast,
+  hi as ToastProvider,
+  _i as TopNav,
+  gi as Wizard,
+  pi as useToast
 };