eidotter 0.3.0 → 0.3.2

package/dist/index.es.js

@@ -1,699 +1,58 @@
-import fe, { useState as K, useEffect as ee, useRef as me, forwardRef as hr, useCallback as Be, useId as vr } from "react";
-import { createPortal as br } from "react-dom";
-var de = { exports: {} }, J = {};
-/**
- * @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 We;
-function xr() {
-  if (We)
-    return J;
-  We = 1;
-  var l = fe, u = Symbol.for("react.element"), d = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(p, c, v) {
-    var m, _ = {}, E = null, O = null;
-    v !== void 0 && (E = "" + v), c.key !== void 0 && (E = "" + c.key), c.ref !== void 0 && (O = c.ref);
-    for (m in c)
-      n.call(c, m) && !i.hasOwnProperty(m) && (_[m] = c[m]);
-    if (p && p.defaultProps)
-      for (m in c = p.defaultProps, c)
-        _[m] === void 0 && (_[m] = c[m]);
-    return { $$typeof: u, type: p, key: E, ref: O, props: _, _owner: s.current };
-  }
-  return J.Fragment = d, J.jsx = o, J.jsxs = o, J;
-}
-var G = {};
-/**
- * @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 Le;
-function jr() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = fe, u = Symbol.for("react.element"), d = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), p = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), D = Symbol.iterator, j = "@@iterator";
-    function S(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var t = D && e[D] || e[j];
-      return typeof t == "function" ? t : null;
-    }
-    var N = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(e) {
-      {
-        for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), f = 1; f < t; f++)
-          a[f - 1] = arguments[f];
-        $("error", e, a);
-      }
-    }
-    function $(e, t, a) {
-      {
-        var f = N.ReactDebugCurrentFrame, x = f.getStackAddendum();
-        x !== "" && (t += "%s", a = a.concat([x]));
-        var g = a.map(function(b) {
-          return String(b);
-        });
-        g.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, g);
-      }
-    }
-    var L = !1, P = !1, M = !1, re = !1, F = !1, pe;
-    pe = Symbol.for("react.module.reference");
-    function Me(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === i || F || e === s || e === v || e === m || re || e === O || L || P || M || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === _ || e.$$typeof === o || e.$$typeof === p || e.$$typeof === c || // 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 === pe || e.getModuleId !== void 0));
-    }
-    function Ye(e, t, a) {
-      var f = e.displayName;
-      if (f)
-        return f;
-      var x = t.displayName || t.name || "";
-      return x !== "" ? a + "(" + x + ")" : a;
-    }
-    function _e(e) {
-      return e.displayName || "Context";
-    }
-    function A(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case n:
-          return "Fragment";
-        case d:
-          return "Portal";
-        case i:
-          return "Profiler";
-        case s:
-          return "StrictMode";
-        case v:
-          return "Suspense";
-        case m:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case p:
-            var t = e;
-            return _e(t) + ".Consumer";
-          case o:
-            var a = e;
-            return _e(a._context) + ".Provider";
-          case c:
-            return Ye(e, e.render, "ForwardRef");
-          case _:
-            var f = e.displayName || null;
-            return f !== null ? f : A(e.type) || "Memo";
-          case E: {
-            var x = e, g = x._payload, b = x._init;
-            try {
-              return A(b(g));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var B = Object.assign, V = 0, he, ve, be, xe, je, ye, ge;
-    function Ee() {
-    }
-    Ee.__reactDisabledLog = !0;
-    function ze() {
-      {
-        if (V === 0) {
-          he = console.log, ve = console.info, be = console.warn, xe = console.error, je = console.group, ye = console.groupCollapsed, ge = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Ee,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        V++;
-      }
-    }
-    function Ke() {
-      {
-        if (V--, V === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: B({}, e, {
-              value: he
-            }),
-            info: B({}, e, {
-              value: ve
-            }),
-            warn: B({}, e, {
-              value: be
-            }),
-            error: B({}, e, {
-              value: xe
-            }),
-            group: B({}, e, {
-              value: je
-            }),
-            groupCollapsed: B({}, e, {
-              value: ye
-            }),
-            groupEnd: B({}, e, {
-              value: ge
-            })
-          });
-        }
-        V < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var te = N.ReactCurrentDispatcher, ae;
-    function X(e, t, a) {
-      {
-        if (ae === void 0)
-          try {
-            throw Error();
-          } catch (x) {
-            var f = x.stack.trim().match(/\n( *(at )?)/);
-            ae = f && f[1] || "";
-          }
-        return `
-` + ae + e;
-      }
-    }
-    var ne = !1, H;
-    {
-      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new Ve();
-    }
-    function we(e, t) {
-      if (!e || ne)
-        return "";
-      {
-        var a = H.get(e);
-        if (a !== void 0)
-          return a;
-      }
-      var f;
-      ne = !0;
-      var x = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var g;
-      g = te.current, te.current = null, ze();
-      try {
-        if (t) {
-          var b = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(b.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(b, []);
-            } catch (C) {
-              f = C;
-            }
-            Reflect.construct(e, [], b);
-          } else {
-            try {
-              b.call();
-            } catch (C) {
-              f = C;
-            }
-            e.call(b.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (C) {
-            f = C;
-          }
-          e();
-        }
-      } catch (C) {
-        if (C && f && typeof C.stack == "string") {
-          for (var h = C.stack.split(`
-`), k = f.stack.split(`
-`), w = h.length - 1, R = k.length - 1; w >= 1 && R >= 0 && h[w] !== k[R]; )
-            R--;
-          for (; w >= 1 && R >= 0; w--, R--)
-            if (h[w] !== k[R]) {
-              if (w !== 1 || R !== 1)
-                do
-                  if (w--, R--, R < 0 || h[w] !== k[R]) {
-                    var T = `
-` + h[w].replace(" at new ", " at ");
-                    return e.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, T), T;
-                  }
-                while (w >= 1 && R >= 0);
-              break;
-            }
-        }
-      } finally {
-        ne = !1, te.current = g, Ke(), Error.prepareStackTrace = x;
-      }
-      var z = e ? e.displayName || e.name : "", W = z ? X(z) : "";
-      return typeof e == "function" && H.set(e, W), W;
-    }
-    function Ue(e, t, a) {
-      return we(e, !1);
-    }
-    function qe(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
-    }
-    function Q(e, t, a) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return we(e, qe(e));
-      if (typeof e == "string")
-        return X(e);
-      switch (e) {
-        case v:
-          return X("Suspense");
-        case m:
-          return X("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case c:
-            return Ue(e.render);
-          case _:
-            return Q(e.type, t, a);
-          case E: {
-            var f = e, x = f._payload, g = f._init;
-            try {
-              return Q(g(x), t, a);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var U = Object.prototype.hasOwnProperty, Re = {}, Ne = N.ReactDebugCurrentFrame;
-    function Z(e) {
-      if (e) {
-        var t = e._owner, a = Q(e.type, e._source, t ? t.type : null);
-        Ne.setExtraStackFrame(a);
-      } else
-        Ne.setExtraStackFrame(null);
-    }
-    function Je(e, t, a, f, x) {
-      {
-        var g = Function.call.bind(U);
-        for (var b in e)
-          if (g(e, b)) {
-            var h = void 0;
-            try {
-              if (typeof e[b] != "function") {
-                var k = Error((f || "React class") + ": " + a + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw k.name = "Invariant Violation", k;
-              }
-              h = e[b](t, b, f, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (w) {
-              h = w;
-            }
-            h && !(h instanceof Error) && (Z(x), y("%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).", f || "React class", a, b, typeof h), Z(null)), h instanceof Error && !(h.message in Re) && (Re[h.message] = !0, Z(x), y("Failed %s type: %s", a, h.message), Z(null));
-          }
-      }
-    }
-    var Ge = Array.isArray;
-    function se(e) {
-      return Ge(e);
-    }
-    function Xe(e) {
-      {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, a = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a;
-      }
-    }
-    function He(e) {
-      try {
-        return ke(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function ke(e) {
-      return "" + e;
-    }
-    function Ce(e) {
-      if (He(e))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), ke(e);
-    }
-    var q = N.ReactCurrentOwner, Qe = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Se, $e, ie;
-    ie = {};
-    function Ze(e) {
-      if (U.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function er(e) {
-      if (U.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function rr(e, t) {
-      if (typeof e.ref == "string" && q.current && t && q.current.stateNode !== t) {
-        var a = A(q.current.type);
-        ie[a] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(q.current.type), e.ref), ie[a] = !0);
-      }
-    }
-    function tr(e, t) {
-      {
-        var a = function() {
-          Se || (Se = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
-        };
-        a.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: a,
-          configurable: !0
-        });
-      }
-    }
-    function ar(e, t) {
-      {
-        var a = function() {
-          $e || ($e = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
-        };
-        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: a,
-          configurable: !0
-        });
-      }
-    }
-    var nr = function(e, t, a, f, x, g, b) {
-      var h = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: u,
-        // Built-in properties that belong on the element
-        type: e,
-        key: t,
-        ref: a,
-        props: b,
-        // Record the component responsible for creating this element.
-        _owner: g
-      };
-      return h._store = {}, Object.defineProperty(h._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(h, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: f
-      }), Object.defineProperty(h, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: x
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
-    };
-    function sr(e, t, a, f, x) {
-      {
-        var g, b = {}, h = null, k = null;
-        a !== void 0 && (Ce(a), h = "" + a), er(t) && (Ce(t.key), h = "" + t.key), Ze(t) && (k = t.ref, rr(t, x));
-        for (g in t)
-          U.call(t, g) && !Qe.hasOwnProperty(g) && (b[g] = t[g]);
-        if (e && e.defaultProps) {
-          var w = e.defaultProps;
-          for (g in w)
-            b[g] === void 0 && (b[g] = w[g]);
-        }
-        if (h || k) {
-          var R = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && tr(b, R), k && ar(b, R);
-        }
-        return nr(e, h, k, x, f, q.current, b);
-      }
-    }
-    var oe = N.ReactCurrentOwner, Te = N.ReactDebugCurrentFrame;
-    function Y(e) {
-      if (e) {
-        var t = e._owner, a = Q(e.type, e._source, t ? t.type : null);
-        Te.setExtraStackFrame(a);
-      } else
-        Te.setExtraStackFrame(null);
-    }
-    var le;
-    le = !1;
-    function ce(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === u;
-    }
-    function Oe() {
-      {
-        if (oe.current) {
-          var e = A(oe.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function ir(e) {
-      {
-        if (e !== void 0) {
-          var t = e.fileName.replace(/^.*[\\\/]/, ""), a = e.lineNumber;
-          return `
-
-Check your code at ` + t + ":" + a + ".";
-        }
-        return "";
-      }
-    }
-    var Pe = {};
-    function or(e) {
-      {
-        var t = Oe();
-        if (!t) {
-          var a = typeof e == "string" ? e : e.displayName || e.name;
-          a && (t = `
-
-Check the top-level render call using <` + a + ">.");
-        }
-        return t;
-      }
-    }
-    function De(e, t) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var a = or(t);
-        if (Pe[a])
-          return;
-        Pe[a] = !0;
-        var f = "";
-        e && e._owner && e._owner !== oe.current && (f = " It was passed a child from " + A(e._owner.type) + "."), Y(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, f), Y(null);
-      }
-    }
-    function Ae(e, t) {
-      {
-        if (typeof e != "object")
-          return;
-        if (se(e))
-          for (var a = 0; a < e.length; a++) {
-            var f = e[a];
-            ce(f) && De(f, t);
-          }
-        else if (ce(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var x = S(e);
-          if (typeof x == "function" && x !== e.entries)
-            for (var g = x.call(e), b; !(b = g.next()).done; )
-              ce(b.value) && De(b.value, t);
-        }
-      }
-    }
-    function lr(e) {
-      {
-        var t = e.type;
-        if (t == null || typeof t == "string")
-          return;
-        var a;
-        if (typeof t == "function")
-          a = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === c || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        t.$$typeof === _))
-          a = t.propTypes;
-        else
-          return;
-        if (a) {
-          var f = A(t);
-          Je(a, e.props, "prop", f, e);
-        } else if (t.PropTypes !== void 0 && !le) {
-          le = !0;
-          var x = A(t);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
-        }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function cr(e) {
-      {
-        for (var t = Object.keys(e.props), a = 0; a < t.length; a++) {
-          var f = t[a];
-          if (f !== "children" && f !== "key") {
-            Y(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), Y(null);
-            break;
-          }
-        }
-        e.ref !== null && (Y(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
-      }
-    }
-    var Ie = {};
-    function Fe(e, t, a, f, x, g) {
-      {
-        var b = Me(e);
-        if (!b) {
-          var h = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 k = ir(x);
-          k ? h += k : h += Oe();
-          var w;
-          e === null ? w = "null" : se(e) ? w = "array" : e !== void 0 && e.$$typeof === u ? (w = "<" + (A(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, h);
-        }
-        var R = sr(e, t, a, x, g);
-        if (R == null)
-          return R;
-        if (b) {
-          var T = t.children;
-          if (T !== void 0)
-            if (f)
-              if (se(T)) {
-                for (var z = 0; z < T.length; z++)
-                  Ae(T[z], e);
-                Object.freeze && Object.freeze(T);
-              } else
-                y("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
-              Ae(T, e);
-        }
-        if (U.call(t, "key")) {
-          var W = A(e), C = Object.keys(t).filter(function(_r) {
-            return _r !== "key";
-          }), ue = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ie[W + ue]) {
-            var pr = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
-            y(`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} />`, ue, W, pr, W), Ie[W + ue] = !0;
-          }
-        }
-        return e === n ? cr(R) : lr(R), R;
-      }
-    }
-    function ur(e, t, a) {
-      return Fe(e, t, a, !0);
-    }
-    function dr(e, t, a) {
-      return Fe(e, t, a, !1);
-    }
-    var fr = dr, mr = ur;
-    G.Fragment = n, G.jsx = fr, G.jsxs = mr;
-  }()), G;
-}
-process.env.NODE_ENV === "production" ? de.exports = xr() : de.exports = jr();
-var r = de.exports;
-const I = ({
-  name: l,
-  size: u = "L",
-  className: d = "",
-  onClick: n,
-  color: s,
-  role: i
+import { jsx as e, jsxs as _, Fragment as A } from "react/jsx-runtime";
+import E, { useState as C, useEffect as D, useRef as S, forwardRef as j, useCallback as I, useId as K } from "react";
+import { createPortal as R } from "react-dom";
+const w = ({
+  name: t,
+  size: i = "L",
+  className: l = "",
+  onClick: a,
+  color: n,
+  role: r
 }) => {
-  const o = process.env.NODE_ENV === "production" ? "/eiDotter" : "";
-  return /* @__PURE__ */ r.jsx(
+  const s = process.env.NODE_ENV === "production" ? "/eiDotter" : "";
+  return /* @__PURE__ */ e(
     "svg",
     {
-      className: `icon ${u === "L" ? "icon--l" : "icon--s"} ${d} ${i ? `icon--${i}` : ""}`.trim(),
-      onClick: n,
-      role: i,
-      "aria-label": `${l} icon`,
-      style: s ? { color: s } : void 0,
-      children: /* @__PURE__ */ r.jsx("use", { href: `${o}/icons/sprites.svg#${l}` })
+      className: `icon ${i === "L" ? "icon--l" : "icon--s"} ${l} ${r ? `icon--${r}` : ""}`.trim(),
+      onClick: a,
+      role: r,
+      "aria-label": `${t} icon`,
+      style: n ? { color: n } : void 0,
+      children: /* @__PURE__ */ e("use", { href: `${s}/icons/sprites.svg#${t}` })
     }
   );
-}, yr = {
+}, M = {
   info: "Info",
   success: "Done",
   warning: "Warning",
   error: "Error"
-}, Nr = ({
-  size: l = "L",
-  type: u = "info",
-  title: d = "Notification Title",
-  children: n = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit amet diam neque bibendum. Quisque in praesent sit erat...",
-  onClose: s,
-  onClickHere: i,
-  className: o = ""
-}) => /* @__PURE__ */ r.jsxs("div", { className: `alert alert--${l.toLowerCase()} alert--${u} ${o}`.trim(), children: [
-  /* @__PURE__ */ r.jsxs("div", { className: "alert__header", children: [
-    /* @__PURE__ */ r.jsx("div", { className: "alert__icon", children: /* @__PURE__ */ r.jsx(
-      I,
+}, P = ({
+  size: t = "L",
+  type: i = "info",
+  title: l = "Notification Title",
+  children: a = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit amet diam neque bibendum. Quisque in praesent sit erat...",
+  onClose: n,
+  onClickHere: r,
+  className: s = ""
+}) => /* @__PURE__ */ _("div", { className: `alert alert--${t.toLowerCase()} alert--${i} ${s}`.trim(), children: [
+  /* @__PURE__ */ _("div", { className: "alert__header", children: [
+    /* @__PURE__ */ e("div", { className: "alert__icon", children: /* @__PURE__ */ e(
+      w,
       {
-        name: yr[u],
+        name: M[i],
         size: "L",
-        "aria-label": `${u} alert`
+        "aria-label": `${i} alert`
       }
     ) }),
-    /* @__PURE__ */ r.jsx("div", { className: "alert__title", children: d }),
-    s && /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ e("div", { className: "alert__title", children: l }),
+    n && /* @__PURE__ */ e(
       "button",
       {
         className: "alert__close",
-        onClick: s,
+        onClick: n,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ r.jsx(
-          I,
+        children: /* @__PURE__ */ e(
+          w,
           {
             name: "Close",
             size: "S"
@@ -702,264 +61,264 @@ const I = ({
       }
     )
   ] }),
-  /* @__PURE__ */ r.jsx("div", { className: "alert__content", children: /* @__PURE__ */ r.jsxs("div", { className: "alert__message", children: [
-    /* @__PURE__ */ r.jsx("span", { children: n }),
-    i && /* @__PURE__ */ r.jsx(
+  /* @__PURE__ */ e("div", { className: "alert__content", children: /* @__PURE__ */ _("div", { className: "alert__message", children: [
+    /* @__PURE__ */ e("span", { children: a }),
+    r && /* @__PURE__ */ e(
       "button",
       {
         className: "alert__link",
-        onClick: i,
+        onClick: r,
         "aria-label": "Click for more information",
         children: "Click here"
       }
     )
   ] }) })
 ] });
-const gr = ({
-  title: l,
-  children: u,
-  defaultExpanded: d = !1,
-  isHovered: n = !1,
-  isActive: s = !1,
-  onToggle: i
+const L = ({
+  title: t,
+  children: i,
+  defaultExpanded: l = !1,
+  isHovered: a = !1,
+  isActive: n = !1,
+  onToggle: r
 }) => {
-  const [o, p] = K(d);
-  ee(() => {
-    p(d);
-  }, [d]);
+  const [s, o] = C(l);
+  D(() => {
+    o(l);
+  }, [l]);
   const c = () => {
-    const v = !o;
-    p(v), i == null || i(v);
+    const m = !s;
+    o(m), r == null || r(m);
   };
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ _(
     "div",
     {
       className: `
         section
-        ${o ? "section--expanded" : ""}
-        ${n ? "section--hover" : ""}
-        ${s ? "section--active" : ""}
+        ${s ? "section--expanded" : ""}
+        ${a ? "section--hover" : ""}
+        ${n ? "section--active" : ""}
       `.trim(),
       children: [
-        /* @__PURE__ */ r.jsxs(
+        /* @__PURE__ */ _(
           "button",
           {
             className: "section__header",
             onClick: c,
-            "aria-expanded": o,
+            "aria-expanded": s,
             children: [
-              /* @__PURE__ */ r.jsx("div", { className: "section__title", children: l }),
-              /* @__PURE__ */ r.jsx("div", { className: "section__icon", children: /* @__PURE__ */ r.jsx(
-                I,
+              /* @__PURE__ */ e("div", { className: "section__title", children: t }),
+              /* @__PURE__ */ e("div", { className: "section__icon", children: /* @__PURE__ */ e(
+                w,
                 {
-                  name: o ? "Chevron Up" : "Chevron Down",
+                  name: s ? "Chevron Up" : "Chevron Down",
                   size: "S"
                 }
               ) })
             ]
           }
         ),
-        o && /* @__PURE__ */ r.jsx("div", { className: "section__content", children: u })
+        s && /* @__PURE__ */ e("div", { className: "section__content", children: i })
       ]
     }
   );
 };
-const kr = ({
-  sections: l,
-  defaultExpandedIndex: u = -1
+const W = ({
+  sections: t,
+  defaultExpandedIndex: i = -1
 }) => {
-  const [d, n] = K(u), s = (i, o) => {
-    n(o ? i : -1);
+  const [l, a] = C(i), n = (r, s) => {
+    a(s ? r : -1);
   };
-  return /* @__PURE__ */ r.jsx("div", { className: "accordion-fill", children: l.map((i, o) => /* @__PURE__ */ r.jsx(
-    gr,
+  return /* @__PURE__ */ e("div", { className: "accordion-fill", children: t.map((r, s) => /* @__PURE__ */ e(
+    L,
     {
-      title: i.title,
-      defaultExpanded: o === u,
-      onToggle: (p) => s(o, p),
-      children: i.content
+      title: r.title,
+      defaultExpanded: s === i,
+      onToggle: (o) => n(s, o),
+      children: r.content
     },
-    o
+    s
   )) });
 };
-const Cr = ({
-  variant: l = "primary",
-  size: u = "medium",
-  type: d = "button",
-  disabled: n = !1,
-  loading: s = !1,
-  children: i,
-  onClick: o,
-  className: p = "",
+const O = ({
+  variant: t = "primary",
+  size: i = "medium",
+  type: l = "button",
+  disabled: a = !1,
+  loading: n = !1,
+  children: r,
+  onClick: s,
+  className: o = "",
   fullWidth: c = !1,
-  ...v
+  ...m
 }) => {
-  const m = (E) => {
-    n || s || o == null || o(E);
-  }, _ = [
+  const d = (b) => {
+    a || n || s == null || s(b);
+  }, h = [
     "button",
-    `button--${l}`,
-    `button--${u}`,
-    n && "button--disabled",
-    s && "button--loading",
+    `button--${t}`,
+    `button--${i}`,
+    a && "button--disabled",
+    n && "button--loading",
     c && "button--full-width",
-    p
+    o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ _(
     "button",
     {
-      type: d,
-      className: _,
-      onClick: m,
-      disabled: n || s,
-      "aria-disabled": n || s,
-      ...v,
+      type: l,
+      className: h,
+      onClick: d,
+      disabled: a || n,
+      "aria-disabled": a || n,
+      ...m,
       children: [
-        s && /* @__PURE__ */ r.jsx("span", { className: "button__loading-indicator", "aria-hidden": "true", children: "█" }),
-        /* @__PURE__ */ r.jsx("span", { className: `button__content ${s ? "button__content--loading" : ""}`, children: i })
+        n && /* @__PURE__ */ e("span", { className: "button__loading-indicator", "aria-hidden": "true", children: "█" }),
+        /* @__PURE__ */ e("span", { className: `button__content ${n ? "button__content--loading" : ""}`, children: r })
       ]
     }
   );
 };
-const Sr = ({
-  title: l,
-  children: u,
-  footer: d,
-  variant: n = "default",
-  className: s = "",
-  ...i
+const Q = ({
+  title: t,
+  children: i,
+  footer: l,
+  variant: a = "default",
+  className: n = "",
+  ...r
 }) => {
-  const o = [
+  const s = [
     "card",
-    `card--${n}`,
-    s
+    `card--${a}`,
+    n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: o, ...i, children: [
-    l && /* @__PURE__ */ r.jsx("div", { className: "card__header", children: /* @__PURE__ */ r.jsx("span", { className: "card__title", children: l }) }),
-    /* @__PURE__ */ r.jsx("div", { className: "card__body", children: u }),
-    d && /* @__PURE__ */ r.jsx("div", { className: "card__footer", children: d })
+  return /* @__PURE__ */ _("div", { className: s, ...r, children: [
+    t && /* @__PURE__ */ e("div", { className: "card__header", children: /* @__PURE__ */ e("span", { className: "card__title", children: t }) }),
+    /* @__PURE__ */ e("div", { className: "card__body", children: i }),
+    l && /* @__PURE__ */ e("div", { className: "card__footer", children: l })
   ] });
 };
-const $r = ({
-  checked: l,
-  defaultChecked: u,
-  onChange: d,
-  label: n,
-  disabled: s = !1,
-  name: i,
-  value: o,
-  className: p = "",
+const F = ({
+  checked: t,
+  defaultChecked: i,
+  onChange: l,
+  label: a,
+  disabled: n = !1,
+  name: r,
+  value: s,
+  className: o = "",
   "aria-label": c,
-  ...v
+  ...m
 }) => {
-  const m = (E) => {
-    s || d == null || d(E.target.checked);
-  }, _ = [
+  const d = (b) => {
+    n || l == null || l(b.target.checked);
+  }, h = [
     "checkbox",
-    s && "checkbox--disabled",
-    p
+    n && "checkbox--disabled",
+    o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("label", { className: _, children: [
-    /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ _("label", { className: h, children: [
+    /* @__PURE__ */ e(
       "input",
       {
         type: "checkbox",
         className: "checkbox__input",
-        checked: l,
-        defaultChecked: u,
-        onChange: m,
-        disabled: s,
-        name: i,
-        value: o,
-        "aria-label": c || n,
-        ...v
+        checked: t,
+        defaultChecked: i,
+        onChange: d,
+        disabled: n,
+        name: r,
+        value: s,
+        "aria-label": c || a,
+        ...m
       }
     ),
-    /* @__PURE__ */ r.jsx("span", { className: "checkbox__box", "aria-hidden": "true" }),
-    n && /* @__PURE__ */ r.jsx("span", { className: "checkbox__label", children: n })
+    /* @__PURE__ */ e("span", { className: "checkbox__box", "aria-hidden": "true" }),
+    a && /* @__PURE__ */ e("span", { className: "checkbox__label", children: a })
   ] });
 };
-const Tr = ({
-  prompt: l = "C:\\>",
-  onCommand: u,
-  autoFocus: d = !1,
-  className: n = "",
-  placeholder: s,
-  disabled: i = !1
+const G = ({
+  prompt: t = "C:\\>",
+  onCommand: i,
+  autoFocus: l = !1,
+  className: a = "",
+  placeholder: n,
+  disabled: r = !1
 }) => {
-  const [o, p] = K(""), c = me(null);
-  ee(() => {
-    d && c.current && c.current.focus();
-  }, [d]);
-  const v = (_) => {
-    _.key === "Enter" && o.trim() && !i && (u(o.trim()), p(""));
-  }, m = () => {
-    !i && c.current && c.current.focus();
+  const [s, o] = C(""), c = S(null);
+  D(() => {
+    l && c.current && c.current.focus();
+  }, [l]);
+  const m = (h) => {
+    h.key === "Enter" && s.trim() && !r && (i(s.trim()), o(""));
+  }, d = () => {
+    !r && c.current && c.current.focus();
   };
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: `command-prompt ${i ? "command-prompt--disabled" : ""} ${n}`.trim(),
-      onClick: m,
+      className: `command-prompt ${r ? "command-prompt--disabled" : ""} ${a}`.trim(),
+      onClick: d,
       role: "textbox",
       "aria-label": "Command prompt",
       children: [
-        /* @__PURE__ */ r.jsx("span", { className: "command-prompt__prompt", "aria-hidden": "true", children: l }),
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ e("span", { className: "command-prompt__prompt", "aria-hidden": "true", children: t }),
+        /* @__PURE__ */ e(
           "input",
           {
             ref: c,
             className: "command-prompt__input",
-            value: o,
-            onChange: (_) => p(_.target.value),
-            onKeyDown: v,
-            autoFocus: d,
+            value: s,
+            onChange: (h) => o(h.target.value),
+            onKeyDown: m,
+            autoFocus: l,
             spellCheck: !1,
             autoComplete: "off",
             autoCapitalize: "off",
             autoCorrect: "off",
-            placeholder: s,
-            disabled: i,
+            placeholder: n,
+            disabled: r,
             "aria-label": "Command input"
           }
         ),
-        /* @__PURE__ */ r.jsx("span", { className: "command-prompt__cursor", "aria-hidden": "true", children: "█" })
+        /* @__PURE__ */ e("span", { className: "command-prompt__cursor", "aria-hidden": "true", children: "█" })
       ]
     }
   );
 };
-const Or = ({
-  value: l,
-  max: u = 100,
-  variant: d = "default",
-  size: n = "medium",
-  showLabel: s = !1,
-  className: i = "",
-  "aria-label": o,
-  ...p
+const H = ({
+  value: t,
+  max: i = 100,
+  variant: l = "default",
+  size: a = "medium",
+  showLabel: n = !1,
+  className: r = "",
+  "aria-label": s,
+  ...o
 }) => {
-  const c = Math.min(100, Math.max(0, l / u * 100)), v = Math.round(c / 5), m = 20 - v, _ = [
+  const c = Math.min(100, Math.max(0, t / i * 100)), m = Math.round(c / 5), d = 20 - m, h = [
     "progress",
-    `progress--${d}`,
-    `progress--${n}`,
-    i
+    `progress--${l}`,
+    `progress--${a}`,
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: _,
+      className: h,
       role: "progressbar",
-      "aria-valuenow": l,
+      "aria-valuenow": t,
       "aria-valuemin": 0,
-      "aria-valuemax": u,
-      "aria-label": o || `Progress: ${Math.round(c)}%`,
-      ...p,
+      "aria-valuemax": i,
+      "aria-label": s || `Progress: ${Math.round(c)}%`,
+      ...o,
       children: [
-        /* @__PURE__ */ r.jsxs("span", { className: "progress__bar", children: [
-          /* @__PURE__ */ r.jsx("span", { className: "progress__fill", children: "█".repeat(v) }),
-          /* @__PURE__ */ r.jsx("span", { className: "progress__empty", children: "░".repeat(m) })
+        /* @__PURE__ */ _("span", { className: "progress__bar", children: [
+          /* @__PURE__ */ e("span", { className: "progress__fill", children: "█".repeat(m) }),
+          /* @__PURE__ */ e("span", { className: "progress__empty", children: "░".repeat(d) })
         ] }),
-        s && /* @__PURE__ */ r.jsxs("span", { className: "progress__label", children: [
+        n && /* @__PURE__ */ _("span", { className: "progress__label", children: [
           Math.round(c),
           "%"
         ] })
@@ -967,429 +326,429 @@ const Or = ({
     }
   );
 };
-const Er = hr(({
-  variant: l = "default",
-  className: u = "",
-  disabled: d,
-  ...n
-}, s) => {
-  const i = [
+const T = j(({
+  variant: t = "default",
+  className: i = "",
+  disabled: l,
+  ...a
+}, n) => {
+  const r = [
     "input",
-    `input--${l}`,
-    d && "input--disabled",
-    u
+    `input--${t}`,
+    l && "input--disabled",
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ e(
     "input",
     {
-      ref: s,
-      className: i,
-      disabled: d,
-      "aria-invalid": l === "error",
-      ...n
+      ref: n,
+      className: r,
+      disabled: l,
+      "aria-invalid": t === "error",
+      ...a
     }
   );
 });
-Er.displayName = "Input";
-const Pr = ({
-  size: l = "medium",
-  title: u = "MS-DOS Terminal",
-  state: d = "active",
-  resizable: n = !0,
-  minimizable: s = !0,
-  maximizable: i = !0,
-  closeable: o = !0,
-  children: p,
+T.displayName = "Input";
+const J = ({
+  size: t = "medium",
+  title: i = "MS-DOS Terminal",
+  state: l = "active",
+  resizable: a = !0,
+  minimizable: n = !0,
+  maximizable: r = !0,
+  closeable: s = !0,
+  children: o,
   onMinimize: c,
-  onMaximize: v,
-  onClose: m,
-  onFocus: _,
-  className: E = "",
-  autoFocus: O = !1
+  onMaximize: m,
+  onClose: d,
+  onFocus: h,
+  className: b = "",
+  autoFocus: y = !1
 }) => {
-  const [D, j] = K(d), [S, N] = K(!1), y = me(null);
-  ee(() => {
-    O && y.current && y.current.focus();
-  }, [O]);
-  const $ = () => {
-    j("minimized"), c == null || c();
-  }, L = () => {
-    N(!S), v == null || v();
-  }, P = () => {
-    m == null || m();
-  }, M = () => {
-    j("active"), _ == null || _();
-  }, re = (F) => {
-    F.altKey && F.key === "F4" && o && (F.preventDefault(), P());
+  const [k, u] = C(l), [p, f] = C(!1), $ = S(null);
+  D(() => {
+    y && $.current && $.current.focus();
+  }, [y]);
+  const N = () => {
+    u("minimized"), c == null || c();
+  }, x = () => {
+    f(!p), m == null || m();
+  }, v = () => {
+    d == null || d();
+  }, B = () => {
+    u("active"), h == null || h();
+  }, z = (g) => {
+    g.altKey && g.key === "F4" && s && (g.preventDefault(), v());
   };
-  return D === "minimized" ? /* @__PURE__ */ r.jsx(
+  return k === "minimized" ? /* @__PURE__ */ e(
     "div",
     {
-      className: `terminal terminal--minimized ${E}`.trim(),
-      onClick: M,
+      className: `terminal terminal--minimized ${b}`.trim(),
+      onClick: B,
       role: "button",
       tabIndex: 0,
-      "aria-label": `Restore ${u} window`,
-      onKeyDown: (F) => F.key === "Enter" && M(),
-      children: /* @__PURE__ */ r.jsxs("div", { className: "terminal__taskbar-item", children: [
-        /* @__PURE__ */ r.jsx(I, { name: "App", size: "S" }),
-        /* @__PURE__ */ r.jsx("span", { className: "terminal__taskbar-title", children: u })
+      "aria-label": `Restore ${i} window`,
+      onKeyDown: (g) => g.key === "Enter" && B(),
+      children: /* @__PURE__ */ _("div", { className: "terminal__taskbar-item", children: [
+        /* @__PURE__ */ e(w, { name: "App", size: "S" }),
+        /* @__PURE__ */ e("span", { className: "terminal__taskbar-title", children: i })
       ] })
     }
-  ) : /* @__PURE__ */ r.jsxs(
+  ) : /* @__PURE__ */ _(
     "div",
     {
-      ref: y,
-      className: `terminal terminal--${l} terminal--${D} ${S ? "terminal--maximized" : ""} ${E}`.trim(),
+      ref: $,
+      className: `terminal terminal--${t} terminal--${k} ${p ? "terminal--maximized" : ""} ${b}`.trim(),
       tabIndex: 0,
       role: "dialog",
-      "aria-label": `${u} terminal window`,
-      onFocus: M,
-      onKeyDown: re,
+      "aria-label": `${i} terminal window`,
+      onFocus: B,
+      onKeyDown: z,
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "terminal__title-bar", children: [
-          /* @__PURE__ */ r.jsxs("div", { className: "terminal__title", children: [
-            /* @__PURE__ */ r.jsx(I, { name: "App", size: "S", "aria-hidden": "true" }),
-            /* @__PURE__ */ r.jsx("span", { className: "terminal__title-text", children: u })
+        /* @__PURE__ */ _("div", { className: "terminal__title-bar", children: [
+          /* @__PURE__ */ _("div", { className: "terminal__title", children: [
+            /* @__PURE__ */ e(w, { name: "App", size: "S", "aria-hidden": "true" }),
+            /* @__PURE__ */ e("span", { className: "terminal__title-text", children: i })
           ] }),
-          /* @__PURE__ */ r.jsxs("div", { className: "terminal__controls", children: [
-            s && /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ _("div", { className: "terminal__controls", children: [
+            n && /* @__PURE__ */ e(
               "button",
               {
                 className: "terminal__control terminal__control--minimize",
-                onClick: $,
+                onClick: N,
                 "aria-label": "Minimize window",
                 title: "Minimize",
-                children: /* @__PURE__ */ r.jsx(I, { name: "Cancel", size: "S" })
+                children: /* @__PURE__ */ e(w, { name: "Cancel", size: "S" })
               }
             ),
-            i && /* @__PURE__ */ r.jsx(
+            r && /* @__PURE__ */ e(
               "button",
               {
                 className: "terminal__control terminal__control--maximize",
-                onClick: L,
-                "aria-label": S ? "Restore window" : "Maximize window",
-                title: S ? "Restore" : "Maximize",
-                children: /* @__PURE__ */ r.jsx(I, { name: S ? "Fullscreen" : "Add", size: "S" })
+                onClick: x,
+                "aria-label": p ? "Restore window" : "Maximize window",
+                title: p ? "Restore" : "Maximize",
+                children: /* @__PURE__ */ e(w, { name: p ? "Fullscreen" : "Add", size: "S" })
               }
             ),
-            o && /* @__PURE__ */ r.jsx(
+            s && /* @__PURE__ */ e(
               "button",
               {
                 className: "terminal__control terminal__control--close",
-                onClick: P,
+                onClick: v,
                 "aria-label": "Close window",
                 title: "Close",
-                children: /* @__PURE__ */ r.jsx(I, { name: "Close", size: "S" })
+                children: /* @__PURE__ */ e(w, { name: "Close", size: "S" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ r.jsx("div", { className: "terminal__content", role: "main", children: p || /* @__PURE__ */ r.jsx("div", { className: "terminal__default-content", children: /* @__PURE__ */ r.jsxs("div", { className: "terminal__prompt", children: [
-          /* @__PURE__ */ r.jsx("span", { className: "terminal__path", children: "C:\\\\>" }),
-          /* @__PURE__ */ r.jsx("span", { className: "terminal__cursor", children: "█" })
+        /* @__PURE__ */ e("div", { className: "terminal__content", role: "main", children: o || /* @__PURE__ */ e("div", { className: "terminal__default-content", children: /* @__PURE__ */ _("div", { className: "terminal__prompt", children: [
+          /* @__PURE__ */ e("span", { className: "terminal__path", children: "C:\\\\>" }),
+          /* @__PURE__ */ e("span", { className: "terminal__cursor", children: "█" })
         ] }) }) }),
-        n && /* @__PURE__ */ r.jsx("div", { className: "terminal__resize-handle", "aria-hidden": "true" })
+        a && /* @__PURE__ */ e("div", { className: "terminal__resize-handle", "aria-hidden": "true" })
       ]
     }
   );
 };
-const Dr = ({
-  tabs: l,
-  variant: u = "underline",
-  size: d = "medium",
-  activeTab: n,
-  defaultActiveTab: s,
-  onTabChange: i,
-  className: o = "",
-  ...p
+const X = ({
+  tabs: t,
+  variant: i = "underline",
+  size: l = "medium",
+  activeTab: a,
+  defaultActiveTab: n,
+  onTabChange: r,
+  className: s = "",
+  ...o
 }) => {
-  var D;
-  const [c, v] = K(
-    s || ((D = l[0]) == null ? void 0 : D.id) || ""
-  ), m = n !== void 0 ? n : c, _ = Be((j, S) => {
-    S || (n === void 0 && v(j), i == null || i(j));
-  }, [n, i]), E = Be((j, S) => {
-    var L;
-    const N = l.filter((P) => !P.disabled), y = N.findIndex((P) => P.id === l[S].id);
-    let $ = null;
-    switch (j.key) {
+  var k;
+  const [c, m] = C(
+    n || ((k = t[0]) == null ? void 0 : k.id) || ""
+  ), d = a !== void 0 ? a : c, h = I((u, p) => {
+    p || (a === void 0 && m(u), r == null || r(u));
+  }, [a, r]), b = I((u, p) => {
+    var x;
+    const f = t.filter((v) => !v.disabled), $ = f.findIndex((v) => v.id === t[p].id);
+    let N = null;
+    switch (u.key) {
       case "ArrowLeft":
       case "ArrowUp":
-        j.preventDefault(), $ = y > 0 ? y - 1 : N.length - 1;
+        u.preventDefault(), N = $ > 0 ? $ - 1 : f.length - 1;
         break;
       case "ArrowRight":
       case "ArrowDown":
-        j.preventDefault(), $ = y < N.length - 1 ? y + 1 : 0;
+        u.preventDefault(), N = $ < f.length - 1 ? $ + 1 : 0;
         break;
       case "Home":
-        j.preventDefault(), $ = 0;
+        u.preventDefault(), N = 0;
         break;
       case "End":
-        j.preventDefault(), $ = N.length - 1;
+        u.preventDefault(), N = f.length - 1;
         break;
     }
-    if ($ !== null) {
-      const P = N[$];
-      _(P.id, P.disabled), (L = document.querySelectorAll('[role="tab"]:not([disabled])')[$]) == null || L.focus();
+    if (N !== null) {
+      const v = f[N];
+      h(v.id, v.disabled), (x = document.querySelectorAll('[role="tab"]:not([disabled])')[N]) == null || x.focus();
     }
-  }, [l, _]), O = [
+  }, [t, h]), y = [
     "tabs",
-    `tabs--${u}`,
-    `tabs--${d}`,
-    o
+    `tabs--${i}`,
+    `tabs--${l}`,
+    s
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx("div", { className: O, role: "tablist", ...p, children: l.map((j, S) => {
-    const N = m === j.id, y = [
+  return /* @__PURE__ */ e("div", { className: y, role: "tablist", ...o, children: t.map((u, p) => {
+    const f = d === u.id, $ = [
       "tabs__tab",
-      N && "tabs__tab--active",
-      j.disabled && "tabs__tab--disabled"
+      f && "tabs__tab--active",
+      u.disabled && "tabs__tab--disabled"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ e(
       "button",
       {
         role: "tab",
-        id: `tab-${j.id}`,
-        "aria-selected": N,
-        tabIndex: N ? 0 : -1,
-        disabled: j.disabled,
-        className: y,
-        onClick: () => _(j.id, j.disabled),
-        onKeyDown: ($) => E($, S),
-        children: j.label
+        id: `tab-${u.id}`,
+        "aria-selected": f,
+        tabIndex: f ? 0 : -1,
+        disabled: u.disabled,
+        className: $,
+        onClick: () => h(u.id, u.disabled),
+        onKeyDown: (N) => b(N, p),
+        children: u.label
       },
-      j.id
+      u.id
     );
   }) });
 };
-const Ar = ({
-  variant: l = "default",
-  size: u = "medium",
-  dot: d = !1,
-  children: n,
-  className: s = "",
-  ...i
+const Y = ({
+  variant: t = "default",
+  size: i = "medium",
+  dot: l = !1,
+  children: a,
+  className: n = "",
+  ...r
 }) => {
-  const o = [
+  const s = [
     "badge",
-    `badge--${l}`,
-    `badge--${u}`,
-    d && "badge--with-dot",
-    s
+    `badge--${t}`,
+    `badge--${i}`,
+    l && "badge--with-dot",
+    n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("span", { className: o, ...i, children: [
-    d && /* @__PURE__ */ r.jsx("span", { className: "badge__dot", "aria-hidden": "true" }),
-    /* @__PURE__ */ r.jsx("span", { className: "badge__content", children: n })
+  return /* @__PURE__ */ _("span", { className: s, ...r, children: [
+    l && /* @__PURE__ */ e("span", { className: "badge__dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ e("span", { className: "badge__content", children: a })
   ] });
 };
-const Ir = ({
-  checked: l,
-  defaultChecked: u = !1,
-  onCheckedChange: d,
-  disabled: n = !1,
-  name: s,
-  value: i,
-  className: o = "",
-  ...p
+const Z = ({
+  checked: t,
+  defaultChecked: i = !1,
+  onCheckedChange: l,
+  disabled: a = !1,
+  name: n,
+  value: r,
+  className: s = "",
+  ...o
 }) => {
-  const [c, v] = fe.useState(u), m = l !== void 0, _ = m ? l : c, E = () => {
-    if (n)
+  const [c, m] = E.useState(i), d = t !== void 0, h = d ? t : c, b = () => {
+    if (a)
       return;
-    const j = !_;
-    m || v(j), d == null || d(j);
-  }, O = (j) => {
-    (j.key === " " || j.key === "Enter") && (j.preventDefault(), E());
-  }, D = [
+    const u = !h;
+    d || m(u), l == null || l(u);
+  }, y = (u) => {
+    (u.key === " " || u.key === "Enter") && (u.preventDefault(), b());
+  }, k = [
     "switch",
-    _ && "switch--checked",
-    n && "switch--disabled",
-    o
+    h && "switch--checked",
+    a && "switch--disabled",
+    s
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ _(
     "button",
     {
       type: "button",
       role: "switch",
-      "aria-checked": _,
-      "aria-disabled": n,
-      className: D,
-      onClick: E,
-      onKeyDown: O,
-      disabled: n,
-      ...p,
+      "aria-checked": h,
+      "aria-disabled": a,
+      className: k,
+      onClick: b,
+      onKeyDown: y,
+      disabled: a,
+      ...o,
       children: [
-        /* @__PURE__ */ r.jsx("span", { className: "switch__track", children: /* @__PURE__ */ r.jsx("span", { className: "switch__thumb" }) }),
-        s && /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ e("span", { className: "switch__track", children: /* @__PURE__ */ e("span", { className: "switch__thumb" }) }),
+        n && /* @__PURE__ */ e(
           "input",
           {
             type: "hidden",
-            name: s,
-            value: _ ? i || "on" : ""
+            name: n,
+            value: h ? r || "on" : ""
           }
         )
       ]
     }
   );
 };
-const Fr = ({
-  trail: l = [],
-  currentLabel: u,
-  showBackArrow: d = !0,
-  separator: n = "/",
-  linkComponent: s,
-  className: i = ""
+const ee = ({
+  trail: t = [],
+  currentLabel: i,
+  showBackArrow: l = !0,
+  separator: a = "/",
+  linkComponent: n,
+  className: r = ""
 }) => {
-  const o = [
+  const s = [
     "breadcrumb",
-    i
-  ].filter(Boolean).join(" "), p = (c, v) => {
-    const m = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      d && v && /* @__PURE__ */ r.jsx("span", { className: "breadcrumb__back-arrow", "aria-hidden": "true", children: "<" }),
-      /* @__PURE__ */ r.jsx("span", { children: c.label })
+    r
+  ].filter(Boolean).join(" "), o = (c, m) => {
+    const d = /* @__PURE__ */ _(A, { children: [
+      l && m && /* @__PURE__ */ e("span", { className: "breadcrumb__back-arrow", "aria-hidden": "true", children: "<" }),
+      /* @__PURE__ */ e("span", { children: c.label })
     ] });
-    return s ? /* @__PURE__ */ r.jsx(s, { href: c.href, className: "breadcrumb__link", children: m }) : /* @__PURE__ */ r.jsx("a", { href: c.href, className: "breadcrumb__link", children: m });
+    return n ? /* @__PURE__ */ e(n, { href: c.href, className: "breadcrumb__link", children: d }) : /* @__PURE__ */ e("a", { href: c.href, className: "breadcrumb__link", children: d });
   };
-  return /* @__PURE__ */ r.jsx("nav", { "aria-label": "Breadcrumb", className: o, children: /* @__PURE__ */ r.jsxs("ol", { className: "breadcrumb__list", children: [
-    l.map((c, v) => {
-      const m = v === l.length - 1, _ = v < l.length - 1;
-      return /* @__PURE__ */ r.jsxs("li", { className: "breadcrumb__item", children: [
-        p(c, m),
-        _ && /* @__PURE__ */ r.jsx("span", { className: "breadcrumb__separator", "aria-hidden": "true", children: n })
+  return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: s, children: /* @__PURE__ */ _("ol", { className: "breadcrumb__list", children: [
+    t.map((c, m) => {
+      const d = m === t.length - 1, h = m < t.length - 1;
+      return /* @__PURE__ */ _("li", { className: "breadcrumb__item", children: [
+        o(c, d),
+        h && /* @__PURE__ */ e("span", { className: "breadcrumb__separator", "aria-hidden": "true", children: a })
       ] }, `${c.href}-${c.label}`);
     }),
-    l.length > 0 && /* @__PURE__ */ r.jsx("li", { className: "breadcrumb__item", children: /* @__PURE__ */ r.jsx("span", { className: "breadcrumb__separator", "aria-hidden": "true", children: n }) }),
-    /* @__PURE__ */ r.jsx("li", { className: "breadcrumb__item breadcrumb__item--current", "aria-current": "page", children: /* @__PURE__ */ r.jsx("span", { className: "breadcrumb__current", children: u }) })
+    t.length > 0 && /* @__PURE__ */ e("li", { className: "breadcrumb__item", children: /* @__PURE__ */ e("span", { className: "breadcrumb__separator", "aria-hidden": "true", children: a }) }),
+    /* @__PURE__ */ e("li", { className: "breadcrumb__item breadcrumb__item--current", "aria-current": "page", children: /* @__PURE__ */ e("span", { className: "breadcrumb__current", children: i }) })
   ] }) });
 };
-const Br = ({
-  scanlines: l = !0,
-  glow: u = !0,
-  flicker: d = !0,
-  intensity: n = 1,
-  className: s = ""
+const ae = ({
+  scanlines: t = !0,
+  glow: i = !0,
+  flicker: l = !0,
+  intensity: a = 1,
+  className: n = ""
 }) => {
-  const i = [
+  const r = [
     "retro-effects",
-    s
-  ].filter(Boolean).join(" "), o = { "--retro-intensity": n };
-  return /* @__PURE__ */ r.jsxs("div", { className: i, style: o, "aria-hidden": "true", children: [
-    l && /* @__PURE__ */ r.jsx("div", { className: "retro-effects__scanlines" }),
-    u && /* @__PURE__ */ r.jsx("div", { className: "retro-effects__glow" }),
-    d && /* @__PURE__ */ r.jsx("div", { className: "retro-effects__flicker" })
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { className: r, style: { "--retro-intensity": a }, "aria-hidden": "true", children: [
+    t && /* @__PURE__ */ e("div", { className: "retro-effects__scanlines" }),
+    i && /* @__PURE__ */ e("div", { className: "retro-effects__glow" }),
+    l && /* @__PURE__ */ e("div", { className: "retro-effects__flicker" })
   ] });
 };
-const Wr = ({
-  shape: l = "circle",
-  variant: u = "default",
-  isActive: d = !1,
-  label: n,
-  labelPosition: s = "left",
-  size: i = "medium",
-  className: o = "",
-  onClick: p,
+const ne = ({
+  shape: t = "circle",
+  variant: i = "default",
+  isActive: l = !1,
+  label: a,
+  labelPosition: n = "left",
+  size: r = "medium",
+  className: s = "",
+  onClick: o,
   ...c
 }) => {
-  const v = [
+  const m = [
     "timeline-node",
-    `timeline-node--${l}`,
-    `timeline-node--${u}`,
+    `timeline-node--${t}`,
     `timeline-node--${i}`,
-    `timeline-node--label-${s}`,
-    d && "timeline-node--active",
-    p && "timeline-node--interactive",
-    o
-  ].filter(Boolean).join(" "), m = () => {
-    p && p();
-  }, _ = (E) => {
-    p && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), p());
-  };
-  return /* @__PURE__ */ r.jsxs(
+    `timeline-node--${r}`,
+    `timeline-node--label-${n}`,
+    l && "timeline-node--active",
+    o && "timeline-node--interactive",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: v,
-      onClick: m,
-      onKeyDown: _,
-      role: p ? "button" : void 0,
-      tabIndex: p ? 0 : void 0,
-      "aria-pressed": p ? d : void 0,
+      className: m,
+      onClick: () => {
+        o && o();
+      },
+      onKeyDown: (b) => {
+        o && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), o());
+      },
+      role: o ? "button" : void 0,
+      tabIndex: o ? 0 : void 0,
+      "aria-pressed": o ? l : void 0,
       ...c,
       children: [
-        n && s === "left" && /* @__PURE__ */ r.jsx("span", { className: "timeline-node__label timeline-node__label--left", children: n }),
-        n && s === "top" && /* @__PURE__ */ r.jsx("span", { className: "timeline-node__label timeline-node__label--top", children: n }),
-        /* @__PURE__ */ r.jsx("span", { className: "timeline-node__marker", "aria-hidden": "true" }),
-        n && s === "right" && /* @__PURE__ */ r.jsx("span", { className: "timeline-node__label timeline-node__label--right", children: n }),
-        n && s === "bottom" && /* @__PURE__ */ r.jsx("span", { className: "timeline-node__label timeline-node__label--bottom", children: n })
+        a && n === "left" && /* @__PURE__ */ e("span", { className: "timeline-node__label timeline-node__label--left", children: a }),
+        a && n === "top" && /* @__PURE__ */ e("span", { className: "timeline-node__label timeline-node__label--top", children: a }),
+        /* @__PURE__ */ e("span", { className: "timeline-node__marker", "aria-hidden": "true" }),
+        a && n === "right" && /* @__PURE__ */ e("span", { className: "timeline-node__label timeline-node__label--right", children: a }),
+        a && n === "bottom" && /* @__PURE__ */ e("span", { className: "timeline-node__label timeline-node__label--bottom", children: a })
       ]
     }
   );
 };
-const Lr = ({
-  isOpen: l,
-  onClose: u,
-  title: d,
-  children: n,
-  footer: s,
-  className: i = ""
+const te = ({
+  isOpen: t,
+  onClose: i,
+  title: l,
+  children: a,
+  footer: n,
+  className: r = ""
 }) => {
-  const o = me(null), p = vr();
-  ee(() => {
-    const m = o.current;
-    m && (l && !m.open ? m.showModal() : !l && m.open && m.close());
-  }, [l]);
+  const s = S(null), o = K();
+  D(() => {
+    const d = s.current;
+    d && (t && !d.open ? d.showModal() : !t && d.open && d.close());
+  }, [t]);
   const c = () => {
-    u();
-  }, v = (m) => {
-    m.target === o.current && u();
+    i();
+  }, m = (d) => {
+    d.target === s.current && i();
   };
-  return br(
-    /* @__PURE__ */ r.jsx(
+  return R(
+    /* @__PURE__ */ e(
       "dialog",
       {
-        ref: o,
-        className: `modal ${i}`.trim(),
-        "aria-labelledby": p,
+        ref: s,
+        className: `modal ${r}`.trim(),
+        "aria-labelledby": o,
         onClose: c,
-        onClick: v,
-        children: /* @__PURE__ */ r.jsxs("div", { className: "modal__container", children: [
-          /* @__PURE__ */ r.jsxs("header", { className: "modal__header", children: [
-            /* @__PURE__ */ r.jsx("h2", { id: p, className: "modal__title", children: d }),
-            /* @__PURE__ */ r.jsx(
+        onClick: m,
+        children: /* @__PURE__ */ _("div", { className: "modal__container", children: [
+          /* @__PURE__ */ _("header", { className: "modal__header", children: [
+            /* @__PURE__ */ e("h2", { id: o, className: "modal__title", children: l }),
+            /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "modal__close",
-                onClick: u,
+                onClick: i,
                 "aria-label": "Close modal",
-                children: /* @__PURE__ */ r.jsx(I, { name: "Close", size: "S" })
+                children: /* @__PURE__ */ e(w, { name: "Close", size: "S" })
               }
             )
           ] }),
-          /* @__PURE__ */ r.jsx("div", { className: "modal__body", children: n }),
-          s && /* @__PURE__ */ r.jsx("footer", { className: "modal__footer", children: s })
+          /* @__PURE__ */ e("div", { className: "modal__body", children: a }),
+          n && /* @__PURE__ */ e("footer", { className: "modal__footer", children: n })
         ] })
       }
     ),
     document.body
   );
-}, Mr = "0.3.0";
+}, re = "0.3.0";
 export {
-  kr as AccordionFill,
-  Nr as Alert,
-  Ar as Badge,
-  Fr as Breadcrumb,
-  Cr as Button,
-  Sr as Card,
-  $r as Checkbox,
-  Tr as CommandPrompt,
-  I as Icon,
-  Er as Input,
-  Lr as Modal,
-  Or as Progress,
-  Br as RetroEffects,
-  gr as Section,
-  Ir as Switch,
-  Dr as Tabs,
-  Pr as Terminal,
-  Wr as TimelineNode,
-  Mr as version
+  W as AccordionFill,
+  P as Alert,
+  Y as Badge,
+  ee as Breadcrumb,
+  O as Button,
+  Q as Card,
+  F as Checkbox,
+  G as CommandPrompt,
+  w as Icon,
+  T as Input,
+  te as Modal,
+  H as Progress,
+  ae as RetroEffects,
+  L as Section,
+  Z as Switch,
+  X as Tabs,
+  J as Terminal,
+  ne as TimelineNode,
+  re as version
 };