@edwardguerra/design-system 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1188 @@
+import re, { useRef as vr, useEffect as Se, useState as te, createContext as hr, useContext as pr } from "react";
+var ee = { exports: {} }, A = {};
+/**
+ * @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 Ce;
+function _r() {
+  if (Ce) return A;
+  Ce = 1;
+  var a = re, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function v(j, c, _) {
+    var b, x = {}, N = null, k = null;
+    _ !== void 0 && (N = "" + _), c.key !== void 0 && (N = "" + c.key), c.ref !== void 0 && (k = c.ref);
+    for (b in c) i.call(c, b) && !o.hasOwnProperty(b) && (x[b] = c[b]);
+    if (j && j.defaultProps) for (b in c = j.defaultProps, c) x[b] === void 0 && (x[b] = c[b]);
+    return { $$typeof: t, type: j, key: N, ref: k, props: x, _owner: u.current };
+  }
+  return A.Fragment = n, A.jsx = v, A.jsxs = v, A;
+}
+var L = {};
+/**
+ * @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 ke;
+function br() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && function() {
+    var a = re, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), j = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), M = Symbol.iterator, q = "@@iterator";
+    function Pe(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var s = M && e[M] || e[q];
+      return typeof s == "function" ? s : null;
+    }
+    var P = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(e) {
+      {
+        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), d = 1; d < s; d++)
+          l[d - 1] = arguments[d];
+        $e("error", e, l);
+      }
+    }
+    function $e(e, s, l) {
+      {
+        var d = P.ReactDebugCurrentFrame, h = d.getStackAddendum();
+        h !== "" && (s += "%s", l = l.concat([h]));
+        var p = l.map(function(m) {
+          return String(m);
+        });
+        p.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, p);
+      }
+    }
+    var Ie = !1, Fe = !1, De = !1, Be = !1, Ae = !1, ae;
+    ae = Symbol.for("react.module.reference");
+    function Le(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === o || Ae || e === u || e === _ || e === b || Be || e === k || Ie || Fe || De || typeof e == "object" && e !== null && (e.$$typeof === N || e.$$typeof === x || e.$$typeof === v || e.$$typeof === j || 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 === ae || e.getModuleId !== void 0));
+    }
+    function Me(e, s, l) {
+      var d = e.displayName;
+      if (d)
+        return d;
+      var h = s.displayName || s.name || "";
+      return h !== "" ? l + "(" + h + ")" : l;
+    }
+    function se(e) {
+      return e.displayName || "Context";
+    }
+    function C(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && E("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 n:
+          return "Portal";
+        case o:
+          return "Profiler";
+        case u:
+          return "StrictMode";
+        case _:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case j:
+            var s = e;
+            return se(s) + ".Consumer";
+          case v:
+            var l = e;
+            return se(l._context) + ".Provider";
+          case c:
+            return Me(e, e.render, "ForwardRef");
+          case x:
+            var d = e.displayName || null;
+            return d !== null ? d : C(e.type) || "Memo";
+          case N: {
+            var h = e, p = h._payload, m = h._init;
+            try {
+              return C(m(p));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var S = Object.assign, D = 0, ne, ie, le, oe, ce, ue, de;
+    function fe() {
+    }
+    fe.__reactDisabledLog = !0;
+    function We() {
+      {
+        if (D === 0) {
+          ne = console.log, ie = console.info, le = console.warn, oe = console.error, ce = console.group, ue = console.groupCollapsed, de = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: fe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        D++;
+      }
+    }
+    function Ye() {
+      {
+        if (D--, D === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: S({}, e, {
+              value: ne
+            }),
+            info: S({}, e, {
+              value: ie
+            }),
+            warn: S({}, e, {
+              value: le
+            }),
+            error: S({}, e, {
+              value: oe
+            }),
+            group: S({}, e, {
+              value: ce
+            }),
+            groupCollapsed: S({}, e, {
+              value: ue
+            }),
+            groupEnd: S({}, e, {
+              value: de
+            })
+          });
+        }
+        D < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var J = P.ReactCurrentDispatcher, G;
+    function W(e, s, l) {
+      {
+        if (G === void 0)
+          try {
+            throw Error();
+          } catch (h) {
+            var d = h.stack.trim().match(/\n( *(at )?)/);
+            G = d && d[1] || "";
+          }
+        return `
+` + G + e;
+      }
+    }
+    var K = !1, Y;
+    {
+      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
+      Y = new Ve();
+    }
+    function me(e, s) {
+      if (!e || K)
+        return "";
+      {
+        var l = Y.get(e);
+        if (l !== void 0)
+          return l;
+      }
+      var d;
+      K = !0;
+      var h = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var p;
+      p = J.current, J.current = null, We();
+      try {
+        if (s) {
+          var m = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(m.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(m, []);
+            } catch (w) {
+              d = w;
+            }
+            Reflect.construct(e, [], m);
+          } else {
+            try {
+              m.call();
+            } catch (w) {
+              d = w;
+            }
+            e.call(m.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (w) {
+            d = w;
+          }
+          e();
+        }
+      } catch (w) {
+        if (w && d && typeof w.stack == "string") {
+          for (var f = w.stack.split(`
+`), R = d.stack.split(`
+`), g = f.length - 1, y = R.length - 1; g >= 1 && y >= 0 && f[g] !== R[y]; )
+            y--;
+          for (; g >= 1 && y >= 0; g--, y--)
+            if (f[g] !== R[y]) {
+              if (g !== 1 || y !== 1)
+                do
+                  if (g--, y--, y < 0 || f[g] !== R[y]) {
+                    var T = `
+` + f[g].replace(" at new ", " at ");
+                    return e.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", e.displayName)), typeof e == "function" && Y.set(e, T), T;
+                  }
+                while (g >= 1 && y >= 0);
+              break;
+            }
+        }
+      } finally {
+        K = !1, J.current = p, Ye(), Error.prepareStackTrace = h;
+      }
+      var I = e ? e.displayName || e.name : "", O = I ? W(I) : "";
+      return typeof e == "function" && Y.set(e, O), O;
+    }
+    function Ue(e, s, l) {
+      return me(e, !1);
+    }
+    function qe(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
+    }
+    function V(e, s, l) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return me(e, qe(e));
+      if (typeof e == "string")
+        return W(e);
+      switch (e) {
+        case _:
+          return W("Suspense");
+        case b:
+          return W("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case c:
+            return Ue(e.render);
+          case x:
+            return V(e.type, s, l);
+          case N: {
+            var d = e, h = d._payload, p = d._init;
+            try {
+              return V(p(h), s, l);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var B = Object.prototype.hasOwnProperty, ve = {}, he = P.ReactDebugCurrentFrame;
+    function U(e) {
+      if (e) {
+        var s = e._owner, l = V(e.type, e._source, s ? s.type : null);
+        he.setExtraStackFrame(l);
+      } else
+        he.setExtraStackFrame(null);
+    }
+    function Je(e, s, l, d, h) {
+      {
+        var p = Function.call.bind(B);
+        for (var m in e)
+          if (p(e, m)) {
+            var f = void 0;
+            try {
+              if (typeof e[m] != "function") {
+                var R = Error((d || "React class") + ": " + l + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw R.name = "Invariant Violation", R;
+              }
+              f = e[m](s, m, d, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (g) {
+              f = g;
+            }
+            f && !(f instanceof Error) && (U(h), E("%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).", d || "React class", l, m, typeof f), U(null)), f instanceof Error && !(f.message in ve) && (ve[f.message] = !0, U(h), E("Failed %s type: %s", l, f.message), U(null));
+          }
+      }
+    }
+    var Ge = Array.isArray;
+    function H(e) {
+      return Ge(e);
+    }
+    function Ke(e) {
+      {
+        var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
+      }
+    }
+    function He(e) {
+      try {
+        return pe(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function pe(e) {
+      return "" + e;
+    }
+    function _e(e) {
+      if (He(e))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
+    }
+    var be = P.ReactCurrentOwner, ze = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, je, xe;
+    function Xe(e) {
+      if (B.call(e, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Ze(e) {
+      if (B.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function Qe(e, s) {
+      typeof e.ref == "string" && be.current;
+    }
+    function er(e, s) {
+      {
+        var l = function() {
+          je || (je = !0, E("%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)", s));
+        };
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
+          configurable: !0
+        });
+      }
+    }
+    function rr(e, s) {
+      {
+        var l = function() {
+          xe || (xe = !0, E("%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)", s));
+        };
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
+          configurable: !0
+        });
+      }
+    }
+    var tr = function(e, s, l, d, h, p, m) {
+      var f = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: e,
+        key: s,
+        ref: l,
+        props: m,
+        // Record the component responsible for creating this element.
+        _owner: p
+      };
+      return f._store = {}, Object.defineProperty(f._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(f, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: d
+      }), Object.defineProperty(f, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: h
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    };
+    function ar(e, s, l, d, h) {
+      {
+        var p, m = {}, f = null, R = null;
+        l !== void 0 && (_e(l), f = "" + l), Ze(s) && (_e(s.key), f = "" + s.key), Xe(s) && (R = s.ref, Qe(s, h));
+        for (p in s)
+          B.call(s, p) && !ze.hasOwnProperty(p) && (m[p] = s[p]);
+        if (e && e.defaultProps) {
+          var g = e.defaultProps;
+          for (p in g)
+            m[p] === void 0 && (m[p] = g[p]);
+        }
+        if (f || R) {
+          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && er(m, y), R && rr(m, y);
+        }
+        return tr(e, f, R, h, d, be.current, m);
+      }
+    }
+    var z = P.ReactCurrentOwner, ge = P.ReactDebugCurrentFrame;
+    function $(e) {
+      if (e) {
+        var s = e._owner, l = V(e.type, e._source, s ? s.type : null);
+        ge.setExtraStackFrame(l);
+      } else
+        ge.setExtraStackFrame(null);
+    }
+    var X;
+    X = !1;
+    function Z(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function ye() {
+      {
+        if (z.current) {
+          var e = C(z.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function sr(e) {
+      return "";
+    }
+    var Ne = {};
+    function nr(e) {
+      {
+        var s = ye();
+        if (!s) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (s = `
+
+Check the top-level render call using <` + l + ">.");
+        }
+        return s;
+      }
+    }
+    function Ee(e, s) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var l = nr(s);
+        if (Ne[l])
+          return;
+        Ne[l] = !0;
+        var d = "";
+        e && e._owner && e._owner !== z.current && (d = " It was passed a child from " + C(e._owner.type) + "."), $(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, d), $(null);
+      }
+    }
+    function Re(e, s) {
+      {
+        if (typeof e != "object")
+          return;
+        if (H(e))
+          for (var l = 0; l < e.length; l++) {
+            var d = e[l];
+            Z(d) && Ee(d, s);
+          }
+        else if (Z(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var h = Pe(e);
+          if (typeof h == "function" && h !== e.entries)
+            for (var p = h.call(e), m; !(m = p.next()).done; )
+              Z(m.value) && Ee(m.value, s);
+        }
+      }
+    }
+    function ir(e) {
+      {
+        var s = e.type;
+        if (s == null || typeof s == "string")
+          return;
+        var l;
+        if (typeof s == "function")
+          l = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        s.$$typeof === x))
+          l = s.propTypes;
+        else
+          return;
+        if (l) {
+          var d = C(s);
+          Je(l, e.props, "prop", d, e);
+        } else if (s.PropTypes !== void 0 && !X) {
+          X = !0;
+          var h = C(s);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+        }
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function lr(e) {
+      {
+        for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
+          var d = s[l];
+          if (d !== "children" && d !== "key") {
+            $(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), $(null);
+            break;
+          }
+        }
+        e.ref !== null && ($(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
+      }
+    }
+    var we = {};
+    function Te(e, s, l, d, h, p) {
+      {
+        var m = Le(e);
+        if (!m) {
+          var f = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " 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 R = sr();
+          R ? f += R : f += ye();
+          var g;
+          e === null ? g = "null" : H(e) ? g = "array" : e !== void 0 && e.$$typeof === t ? (g = "<" + (C(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, f);
+        }
+        var y = ar(e, s, l, h, p);
+        if (y == null)
+          return y;
+        if (m) {
+          var T = s.children;
+          if (T !== void 0)
+            if (d)
+              if (H(T)) {
+                for (var I = 0; I < T.length; I++)
+                  Re(T[I], e);
+                Object.freeze && Object.freeze(T);
+              } else
+                E("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
+              Re(T, e);
+        }
+        if (B.call(s, "key")) {
+          var O = C(e), w = Object.keys(s).filter(function(mr) {
+            return mr !== "key";
+          }), Q = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!we[O + Q]) {
+            var fr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
+            E(`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} />`, Q, O, fr, O), we[O + Q] = !0;
+          }
+        }
+        return e === i ? lr(y) : ir(y), y;
+      }
+    }
+    function or(e, s, l) {
+      return Te(e, s, l, !0);
+    }
+    function cr(e, s, l) {
+      return Te(e, s, l, !1);
+    }
+    var ur = cr, dr = or;
+    L.Fragment = i, L.jsx = ur, L.jsxs = dr;
+  }()), L;
+}
+process.env.NODE_ENV === "production" ? ee.exports = _r() : ee.exports = br();
+var r = ee.exports;
+const yr = ({
+  variant: a = "primary",
+  filled: t = !1,
+  iconOnly: n = !1,
+  disabled: i = !1,
+  loading: u = !1,
+  children: o,
+  onClick: v,
+  fullWidth: j = !1,
+  iconBefore: c,
+  iconAfter: _,
+  className: b = ""
+}) => {
+  const x = [
+    "ds-button",
+    a && `ds-button--${a}`,
+    t && "ds-button--filled",
+    n && "ds-button--icon-only",
+    j && "ds-button--full-width",
+    u && "ds-button--loading",
+    b
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs(
+    "button",
+    {
+      type: "button",
+      className: x,
+      disabled: i || u,
+      onClick: v,
+      children: [
+        c && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon-before", children: c }),
+        /* @__PURE__ */ r.jsx("span", { className: "ds-button__content", children: o }),
+        _ && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon-after", children: _ })
+      ]
+    }
+  );
+}, Nr = ({
+  variant: a = "elevated",
+  padding: t = "md",
+  children: n,
+  onClick: i,
+  className: u = ""
+}) => {
+  const o = [
+    "ds-card",
+    `ds-card--${a}`,
+    `ds-card--padding-${t}`,
+    i && "ds-card--interactive",
+    u
+  ].filter(Boolean).join(" "), v = i ? "button" : "div";
+  return /* @__PURE__ */ r.jsx(v, { className: o, onClick: i, children: n });
+}, Er = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("div", { className: `ds-card__header ${t}`, children: a }), Rr = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("div", { className: `ds-card__body ${t}`, children: a }), wr = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("div", { className: `ds-card__footer ${t}`, children: a }), jr = re.forwardRef(
+  ({
+    label: a,
+    size: t = "md",
+    error: n,
+    helperText: i,
+    required: u,
+    iconBefore: o,
+    iconAfter: v,
+    fullWidth: j = !1,
+    className: c = "",
+    id: _,
+    ...b
+  }, x) => {
+    const N = _ || `input-${Math.random().toString(36).substr(2, 9)}`, k = !!n, M = [
+      "ds-input-wrapper",
+      j && "ds-input-wrapper--full-width"
+    ].filter(Boolean).join(" "), q = [
+      "ds-input-container",
+      `ds-input-container--${t}`,
+      k && "ds-input-container--error",
+      b.disabled && "ds-input-container--disabled",
+      c
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r.jsxs("div", { className: M, children: [
+      a && /* @__PURE__ */ r.jsxs("label", { htmlFor: N, className: "ds-input-label", children: [
+        a,
+        u && /* @__PURE__ */ r.jsx("span", { className: "ds-input-label__required", children: "*" })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: q, children: [
+        o && /* @__PURE__ */ r.jsx("span", { className: "ds-input__icon-before", children: o }),
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            ref: x,
+            id: N,
+            className: "ds-input",
+            "aria-invalid": k,
+            "aria-describedby": n ? `${N}-error` : i ? `${N}-helper` : void 0,
+            ...b
+          }
+        ),
+        v && /* @__PURE__ */ r.jsx("span", { className: "ds-input__icon-after", children: v })
+      ] }),
+      n && /* @__PURE__ */ r.jsx("span", { id: `${N}-error`, className: "ds-input-message ds-input-message--error", children: n }),
+      i && !n && /* @__PURE__ */ r.jsx("span", { id: `${N}-helper`, className: "ds-input-message ds-input-message--helper", children: i })
+    ] });
+  }
+);
+jr.displayName = "Input";
+const Tr = ({
+  children: a,
+  variant: t = "default",
+  className: n = ""
+}) => {
+  const i = [
+    "ds-badge",
+    t !== "default" && `ds-badge--${t}`,
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("span", { className: i, children: a });
+}, Cr = ({
+  open: a,
+  onClose: t,
+  title: n,
+  children: i,
+  size: u = "md",
+  showCloseButton: o = !0,
+  closeOnBackdrop: v = !0,
+  closeOnEscape: j = !0,
+  footer: c
+}) => {
+  const _ = vr(null);
+  Se(() => {
+    const x = (N) => {
+      j && N.key === "Escape" && t();
+    };
+    return a && (document.addEventListener("keydown", x), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", x), document.body.style.overflow = "";
+    };
+  }, [a, j, t]);
+  const b = (x) => {
+    v && x.target === x.currentTarget && t();
+  };
+  return a ? /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: "ds-modal-overlay",
+      onClick: b,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": n ? "modal-title" : void 0,
+      children: /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          ref: _,
+          className: `ds-modal ds-modal--${u}`,
+          children: [
+            (n || o) && /* @__PURE__ */ r.jsxs("div", { className: "ds-modal__header", children: [
+              n && /* @__PURE__ */ r.jsx("h2", { id: "modal-title", className: "ds-modal__title", children: n }),
+              o && /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  className: "ds-modal__close",
+                  onClick: t,
+                  "aria-label": "Close modal",
+                  children: /* @__PURE__ */ r.jsxs(
+                    "svg",
+                    {
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ r.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ r.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r.jsx("div", { className: "ds-modal__body", children: i }),
+            c && /* @__PURE__ */ r.jsx("div", { className: "ds-modal__footer", children: c })
+          ]
+        }
+      )
+    }
+  ) : null;
+}, kr = ({
+  tabs: a,
+  defaultActiveId: t,
+  onChange: n,
+  className: i = ""
+}) => {
+  var j;
+  const [u, o] = te(t || ((j = a[0]) == null ? void 0 : j.id)), v = (c) => {
+    o(c), n == null || n(c);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: `tab-container ${i}`, children: [
+    /* @__PURE__ */ r.jsx("div", { className: "tab-list", role: "tablist", children: /* @__PURE__ */ r.jsx("ul", { children: a.map((c) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+      "a",
+      {
+        href: `#${c.id}`,
+        role: "tab",
+        "aria-selected": u === c.id,
+        "aria-controls": `panel-${c.id}`,
+        className: u === c.id ? "selected" : "",
+        onClick: (_) => {
+          _.preventDefault(), v(c.id);
+        },
+        children: c.label
+      }
+    ) }, c.id)) }) }),
+    a.map((c) => /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        id: `panel-${c.id}`,
+        role: "tabpanel",
+        "aria-labelledby": c.id,
+        className: `tab-panel ${u === c.id ? "selected" : ""}`,
+        children: c.content
+      },
+      c.id
+    ))
+  ] });
+}, Sr = ({
+  items: a,
+  allowMultiple: t = !1,
+  defaultOpenIds: n = [],
+  small: i = !1,
+  className: u = ""
+}) => {
+  const [o, v] = te(n), j = (c) => {
+    v(
+      t ? (_) => _.includes(c) ? _.filter((b) => b !== c) : [..._, c] : (_) => _.includes(c) ? [] : [c]
+    );
+  };
+  return /* @__PURE__ */ r.jsx("div", { className: `accordion ${u}`, children: a.map((c) => /* @__PURE__ */ r.jsxs(
+    "details",
+    {
+      className: i ? "small" : "",
+      open: o.includes(c.id),
+      children: [
+        /* @__PURE__ */ r.jsx("summary", { onClick: (_) => {
+          _.preventDefault(), j(c.id);
+        }, children: c.title }),
+        /* @__PURE__ */ r.jsx("div", { className: "panel", children: /* @__PURE__ */ r.jsx("div", { className: "spaced", children: c.content }) })
+      ]
+    },
+    c.id
+  )) });
+}, Or = ({
+  checked: a = !1,
+  onChange: t,
+  disabled: n = !1,
+  label: i,
+  id: u,
+  className: o = ""
+}) => {
+  const v = u || `switch-${Math.random().toString(36).substr(2, 9)}`;
+  return /* @__PURE__ */ r.jsxs("div", { className: `ds-switch-wrapper ${o}`, children: [
+    /* @__PURE__ */ r.jsxs("label", { className: "switch", children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          id: v,
+          type: "checkbox",
+          checked: a,
+          onChange: (j) => t == null ? void 0 : t(j.target.checked),
+          disabled: n
+        }
+      ),
+      /* @__PURE__ */ r.jsx("span", { className: "slider round" })
+    ] }),
+    i && /* @__PURE__ */ r.jsx("label", { htmlFor: v, className: "ds-switch-label", children: i })
+  ] });
+}, Pr = ({
+  name: a,
+  options: t,
+  value: n,
+  onChange: i,
+  className: u = ""
+}) => /* @__PURE__ */ r.jsx("div", { className: `ds-radio-group ${u}`, children: t.map((o) => /* @__PURE__ */ r.jsxs("div", { className: "form-control", children: [
+  /* @__PURE__ */ r.jsx(
+    "input",
+    {
+      type: "radio",
+      id: `${a}-${o.value}`,
+      name: a,
+      value: o.value,
+      checked: n === o.value,
+      disabled: o.disabled,
+      onChange: (v) => i == null ? void 0 : i(v.target.value)
+    }
+  ),
+  /* @__PURE__ */ r.jsx("label", { htmlFor: `${a}-${o.value}`, children: o.label })
+] }, o.value)) }), Oe = hr(void 0), xr = () => {
+  const a = pr(Oe);
+  if (!a)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return a;
+}, $r = ({
+  children: a,
+  defaultTheme: t = "eg",
+  forceTheme: n = !1
+}) => {
+  const [i, u] = te(() => n ? t : localStorage.getItem("theme") || t);
+  return Se(() => {
+    document.documentElement.setAttribute("data-color-theme", i), n || localStorage.setItem("theme", i);
+  }, [i, n]), /* @__PURE__ */ r.jsx(Oe.Provider, { value: { theme: i, setTheme: u }, children: a });
+}, F = [
+  { value: "eg", label: "Edward Guerra", color: "#05679f" },
+  { value: "materialandhome", label: "Material and Home", color: "#b25d3e" },
+  { value: "midwest-husbands", label: "Midwest Husbands", color: "#2d5856" }
+], Ir = ({
+  variant: a = "slider",
+  className: t = ""
+}) => {
+  var u;
+  const { theme: n, setTheme: i } = xr();
+  if (a === "dropdown")
+    return /* @__PURE__ */ r.jsxs("div", { className: `theme-switcher theme-switcher--dropdown ${t}`, children: [
+      /* @__PURE__ */ r.jsx("label", { htmlFor: "theme-select", className: "theme-switcher__label", children: "Theme:" }),
+      /* @__PURE__ */ r.jsx(
+        "select",
+        {
+          id: "theme-select",
+          className: "theme-switcher__select",
+          value: n,
+          onChange: (o) => i(o.target.value),
+          children: F.map((o) => /* @__PURE__ */ r.jsx("option", { value: o.value, children: o.label }, o.value))
+        }
+      )
+    ] });
+  if (a === "slider") {
+    const o = F.findIndex((v) => v.value === n);
+    return /* @__PURE__ */ r.jsxs("div", { className: `theme-switcher theme-switcher--slider ${t}`, children: [
+      /* @__PURE__ */ r.jsxs("label", { htmlFor: "theme-slider", className: "theme-switcher__label", children: [
+        "Theme: ",
+        /* @__PURE__ */ r.jsx("strong", { children: ((u = F[o]) == null ? void 0 : u.label) || "Edward Guerra" })
+      ] }),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "range",
+          id: "theme-slider",
+          className: "theme-switcher__slider",
+          min: "0",
+          max: F.length - 1,
+          value: o,
+          onChange: (v) => i(F[parseInt(v.target.value)].value)
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ r.jsxs("div", { className: `theme-switcher theme-switcher--buttons ${t}`, children: [
+    /* @__PURE__ */ r.jsx("span", { className: "theme-switcher__label", children: "Theme:" }),
+    /* @__PURE__ */ r.jsx("div", { className: "theme-switcher__buttons", children: F.map((o) => /* @__PURE__ */ r.jsxs(
+      "button",
+      {
+        className: `theme-switcher__button ${n === o.value ? "active" : ""}`,
+        onClick: () => i(o.value),
+        style: { "--theme-color": o.color },
+        "aria-pressed": n === o.value,
+        title: o.label,
+        children: [
+          /* @__PURE__ */ r.jsx("span", { className: "theme-switcher__color", style: { backgroundColor: o.color } }),
+          o.label
+        ]
+      },
+      o.value
+    )) })
+  ] });
+}, Fr = ({
+  previousLabel: a = "Previous",
+  nextLabel: t = "Next",
+  onPrevious: n,
+  onNext: i,
+  previousDisabled: u = !1,
+  nextDisabled: o = !1,
+  className: v = ""
+}) => /* @__PURE__ */ r.jsxs("nav", { className: ["ds-pagination", v].filter(Boolean).join(" "), "aria-label": "Pagination", children: [
+  /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      type: "button",
+      className: "ds-pagination__link ds-pagination__link--previous",
+      onClick: n,
+      disabled: u,
+      children: a
+    }
+  ),
+  /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      type: "button",
+      className: "ds-pagination__link ds-pagination__link--next",
+      onClick: i,
+      disabled: o,
+      children: t
+    }
+  )
+] }), Dr = ({
+  children: a,
+  size: t = "md",
+  stroke: n = !1,
+  className: i = ""
+}) => {
+  const u = [
+    "ds-icon",
+    `ds-icon--${t}`,
+    n && "ds-icon--stroke",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("span", { className: u, children: a });
+}, Br = ({
+  content: a,
+  children: t,
+  position: n = "top",
+  className: i = ""
+}) => /* @__PURE__ */ r.jsxs("span", { className: ["ds-tooltip", i].filter(Boolean).join(" "), children: [
+  t,
+  /* @__PURE__ */ r.jsx("span", { className: `ds-tooltip__bubble ds-tooltip__bubble--${n}`, role: "tooltip", children: a })
+] }), Ar = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("dl", { className: ["ds-description-list", t].filter(Boolean).join(" "), children: a }), Lr = ({
+  term: a,
+  children: t,
+  className: n = ""
+}) => /* @__PURE__ */ r.jsxs("div", { className: ["ds-description-list__row", n].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ r.jsx("dt", { className: "ds-description-list__term", children: a }),
+  /* @__PURE__ */ r.jsx("dd", { className: "ds-description-list__description", children: t })
+] }), Mr = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("ul", { className: ["ds-timeline", t].filter(Boolean).join(" "), children: a }), Wr = ({ children: a, timestamp: t, className: n = "" }) => /* @__PURE__ */ r.jsxs("li", { className: ["ds-timeline__item", n].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ r.jsx("span", { className: "ds-timeline__marker", "aria-hidden": "true" }),
+  /* @__PURE__ */ r.jsx("div", { className: "ds-timeline__content", children: a }),
+  t && /* @__PURE__ */ r.jsx("div", { className: "ds-timeline__timestamp", children: t })
+] }), Yr = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("div", { className: ["ds-carousel", t].filter(Boolean).join(" "), children: a }), Vr = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("div", { className: ["ds-carousel__slide", t].filter(Boolean).join(" "), children: a }), Ur = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("ul", { className: ["ds-list", t].filter(Boolean).join(" "), children: a }), qr = ({
+  children: a,
+  marker: t = "default",
+  row: n = !1,
+  className: i = ""
+}) => {
+  const u = [
+    "ds-list__item",
+    t !== "none" && `ds-list__item--${t}`,
+    n && "ds-list__item--row",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("li", { className: u, children: a });
+}, Jr = ({ children: a, variant: t = "inline", className: n = "" }) => {
+  const i = ["ds-nav", t === "side" && "ds-nav--side", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("nav", { className: i, children: /* @__PURE__ */ r.jsx("ul", { className: "ds-nav__list", children: a }) });
+}, Gr = ({
+  children: a,
+  href: t,
+  onClick: n,
+  active: i = !1,
+  className: u = ""
+}) => {
+  const o = ["ds-nav__link", i && "ds-nav__link--active"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("li", { className: ["ds-nav__item", u].filter(Boolean).join(" "), children: t ? /* @__PURE__ */ r.jsx("a", { href: t, className: o, "aria-current": i ? "page" : void 0, children: a }) : /* @__PURE__ */ r.jsx("button", { type: "button", className: o, onClick: n, "aria-current": i ? "page" : void 0, children: a }) });
+}, Kr = ({ children: a, thumbnail: t, className: n = "" }) => /* @__PURE__ */ r.jsxs("article", { className: ["ds-article", n].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ r.jsx("div", { className: "ds-article__content", children: a }),
+  t && /* @__PURE__ */ r.jsx("div", { className: "ds-article__thumb", children: t })
+] }), Hr = ({
+  children: a,
+  layout: t = "column",
+  bordered: n = !1,
+  className: i = ""
+}) => {
+  const u = [
+    "ds-feature",
+    `ds-feature--${t}`,
+    n && "ds-feature--bordered",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: u, children: /* @__PURE__ */ r.jsx("div", { className: "ds-feature__content", children: a }) });
+}, zr = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("nav", { className: ["ds-toc", t].filter(Boolean).join(" "), "aria-label": "Table of contents", children: /* @__PURE__ */ r.jsx("ul", { className: "ds-toc__list", children: a }) }), Xr = ({ href: a, children: t, active: n = !1, className: i = "" }) => /* @__PURE__ */ r.jsx("li", { className: ["ds-toc__item", n && "ds-toc__item--active", i].filter(Boolean).join(" "), children: /* @__PURE__ */ r.jsx("a", { href: a, "aria-current": n ? "true" : void 0, children: t }) }), Zr = ({
+  min: a = 0,
+  max: t = 10,
+  step: n = 1,
+  value: i,
+  onChange: u,
+  ticks: o,
+  label: v,
+  id: j,
+  className: c = ""
+}) => {
+  const _ = j || `slider-${Math.random().toString(36).substr(2, 9)}`;
+  return /* @__PURE__ */ r.jsxs("div", { className: ["ds-slider", c].filter(Boolean).join(" "), children: [
+    v && /* @__PURE__ */ r.jsx("label", { htmlFor: _, className: "ds-slider__label", children: v }),
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        id: _,
+        type: "range",
+        className: "ds-slider__input",
+        min: a,
+        max: t,
+        step: n,
+        value: i,
+        onChange: (b) => u(Number(b.target.value))
+      }
+    ),
+    o && o > 1 && /* @__PURE__ */ r.jsx("div", { className: "ds-slider__ticks", "aria-hidden": "true", children: Array.from({ length: o }).map((b, x) => /* @__PURE__ */ r.jsx("span", { className: "ds-slider__tick" }, x)) })
+  ] });
+}, Qr = ({ children: a, quarters: t = !1, className: n = "" }) => {
+  const i = ["ds-table", t && "ds-table--quarters", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("table", { className: i, children: a });
+}, et = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("tr", { className: t || void 0, children: a }), rt = ({
+  children: a,
+  scope: t = "col",
+  className: n = ""
+}) => /* @__PURE__ */ r.jsx("th", { scope: t, className: n || void 0, children: a }), tt = ({ children: a, className: t = "" }) => /* @__PURE__ */ r.jsx("td", { className: t || void 0, children: a }), at = ({ open: a, children: t, align: n = "right", className: i = "" }) => {
+  const u = ["ds-menu", `ds-menu--${n}`, a && "ds-menu--open", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: u, "aria-hidden": !a, role: "menu", children: t });
+}, st = ({ children: a, onClick: t, active: n = !1, className: i = "" }) => {
+  const u = ["ds-menu__item", n && "ds-menu__item--active", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("button", { type: "button", role: "menuitem", className: u, onClick: t, children: a });
+}, nt = ({ href: a, children: t, variant: n = "default", className: i = "" }) => {
+  const u = ["ds-link", n === "dotted" && "ds-link--dotted", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("a", { href: a, className: u, children: t });
+}, it = ({ href: a, children: t, className: n = "" }) => /* @__PURE__ */ r.jsx("a", { href: a, className: ["ds-skip-link", n].filter(Boolean).join(" "), children: t });
+export {
+  Sr as Accordion,
+  Kr as Article,
+  Tr as Badge,
+  yr as Button,
+  Nr as Card,
+  Rr as CardBody,
+  wr as CardFooter,
+  Er as CardHeader,
+  Yr as Carousel,
+  Vr as CarouselSlide,
+  Ar as DescriptionList,
+  Lr as DescriptionListItem,
+  Hr as Feature,
+  Dr as Icon,
+  jr as Input,
+  nt as Link,
+  Ur as List,
+  qr as ListItem,
+  at as Menu,
+  st as MenuItem,
+  Cr as Modal,
+  Jr as Nav,
+  Gr as NavItem,
+  Fr as Pagination,
+  Pr as Radio,
+  it as SkipLink,
+  Zr as Slider,
+  Or as Switch,
+  zr as TOC,
+  Xr as TOCItem,
+  Qr as Table,
+  tt as TableCell,
+  rt as TableHeaderCell,
+  et as TableRow,
+  kr as Tabs,
+  $r as ThemeProvider,
+  Ir as ThemeSwitcher,
+  Mr as Timeline,
+  Wr as TimelineItem,
+  Br as Tooltip,
+  xr as useTheme
+};
+//# sourceMappingURL=index.mjs.map