@goodhood-web/ui 1.5.0-development.1 → 1.5.0-development.2

package/index.mjs

@@ -74,8 +74,8 @@ function as() {
     }
     function _(u, y, P) {
       {
-        var I = T.ReactDebugCurrentFrame, re = I.getStackAddendum();
-        re !== "" && (y += "%s", P = P.concat([re]));
+        var I = T.ReactDebugCurrentFrame, oe = I.getStackAddendum();
+        oe !== "" && (y += "%s", P = P.concat([oe]));
         var ue = P.map(function(ee) {
           return String(ee);
         });
@@ -95,8 +95,8 @@ function as() {
       var I = u.displayName;
       if (I)
         return I;
-      var re = y.displayName || y.name || "";
-      return re !== "" ? P + "(" + re + ")" : P;
+      var oe = y.displayName || y.name || "";
+      return oe !== "" ? P + "(" + oe + ")" : P;
     }
     function Y(u) {
       return u.displayName || "Context";
@@ -136,7 +136,7 @@ function as() {
             var I = u.displayName || null;
             return I !== null ? I : j(u.type) || "Memo";
           case p: {
-            var re = u, ue = re._payload, ee = re._init;
+            var oe = u, ue = oe._payload, ee = oe._init;
             try {
               return j(ee(ue));
             } catch {
@@ -214,8 +214,8 @@ function as() {
         if (Z === void 0)
           try {
             throw Error();
-          } catch (re) {
-            var I = re.stack.trim().match(/\n( *(at )?)/);
+          } catch (oe) {
+            var I = oe.stack.trim().match(/\n( *(at )?)/);
             Z = I && I[1] || "";
           }
         return `
@@ -237,7 +237,7 @@ function as() {
       }
       var I;
       ne = !0;
-      var re = Error.prepareStackTrace;
+      var oe = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var ue;
       ue = H.current, H.current = null, W();
@@ -293,7 +293,7 @@ function as() {
             }
         }
       } finally {
-        ne = !1, H.current = ue, J(), Error.prepareStackTrace = re;
+        ne = !1, H.current = ue, J(), Error.prepareStackTrace = oe;
       }
       var Ze = u ? u.displayName || u.name : "", Kn = Ze ? K(Ze) : "";
       return typeof u == "function" && Q.set(u, Kn), Kn;
@@ -325,9 +325,9 @@ function as() {
           case h:
             return Ae(u.type, y, P);
           case p: {
-            var I = u, re = I._payload, ue = I._init;
+            var I = u, oe = I._payload, ue = I._init;
             try {
-              return Ae(ue(re), y, P);
+              return Ae(ue(oe), y, P);
             } catch {
             }
           }
@@ -342,7 +342,7 @@ function as() {
       } else
         Vn.setExtraStackFrame(null);
     }
-    function Lo(u, y, P, I, re) {
+    function Lo(u, y, P, I, oe) {
       {
         var ue = Function.call.bind(mt);
         for (var ee in u)
@@ -357,7 +357,7 @@ function as() {
             } catch (he) {
               X = he;
             }
-            X && !(X instanceof Error) && (gt(re), S("%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).", I || "React class", P, ee, typeof X), gt(null)), X instanceof Error && !(X.message in Nn) && (Nn[X.message] = !0, gt(re), S("Failed %s type: %s", P, X.message), gt(null));
+            X && !(X instanceof Error) && (gt(oe), S("%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).", I || "React class", P, ee, typeof X), gt(null)), X instanceof Error && !(X.message in Nn) && (Nn[X.message] = !0, gt(oe), S("Failed %s type: %s", P, X.message), gt(null));
           }
       }
     }
@@ -436,7 +436,7 @@ function as() {
         });
       }
     }
-    var Ho = function(u, y, P, I, re, ue, ee) {
+    var Ho = function(u, y, P, I, oe, ue, ee) {
       var X = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -462,13 +462,13 @@ function as() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: re
+        value: oe
       }), Object.freeze && (Object.freeze(X.props), Object.freeze(X)), X;
     };
-    function Do(u, y, P, I, re) {
+    function Do(u, y, P, I, oe) {
       {
         var ue, ee = {}, X = null, ge = null;
-        P !== void 0 && (Wn(P), X = "" + P), Vo(y) && (Wn(y.key), X = "" + y.key), No(y) && (ge = y.ref, jo(y, re));
+        P !== void 0 && (Wn(P), X = "" + P), Vo(y) && (Wn(y.key), X = "" + y.key), No(y) && (ge = y.ref, jo(y, oe));
         for (ue in y)
           mt.call(y, ue) && !Io.hasOwnProperty(ue) && (ee[ue] = y[ue]);
         if (u && u.defaultProps) {
@@ -480,7 +480,7 @@ function as() {
           var pe = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
           X && Wo(ee, pe), ge && Bo(ee, pe);
         }
-        return Ho(u, X, ge, re, I, Qe.current, ee);
+        return Ho(u, X, ge, oe, I, Qe.current, ee);
       }
     }
     var Qt = T.ReactCurrentOwner, Dn = T.ReactDebugCurrentFrame;
@@ -557,9 +557,9 @@ Check the top-level render call using <` + P + ">.");
         else if (Gt(u))
           u._store && (u._store.validated = !0);
         else if (u) {
-          var re = M(u);
-          if (typeof re == "function" && re !== u.entries)
-            for (var ue = re.call(u), ee; !(ee = ue.next()).done; )
+          var oe = M(u);
+          if (typeof oe == "function" && oe !== u.entries)
+            for (var ue = oe.call(u), ee; !(ee = ue.next()).done; )
               Gt(ee.value) && qn(ee.value, y);
         }
       }
@@ -583,8 +583,8 @@ Check the top-level render call using <` + P + ">.");
           Lo(P, u.props, "prop", I, u);
         } else if (y.PropTypes !== void 0 && !Xt) {
           Xt = !0;
-          var re = j(y);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", re || "Unknown");
+          var oe = j(y);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", oe || "Unknown");
         }
         typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -601,18 +601,18 @@ Check the top-level render call using <` + P + ">.");
         u.ref !== null && (De(u), S("Invalid attribute `ref` supplied to `React.Fragment`."), De(null));
       }
     }
-    function Yn(u, y, P, I, re, ue) {
+    function Yn(u, y, P, I, oe, ue) {
       {
         var ee = z(u);
         if (!ee) {
           var X = "";
           (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (X += " 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 ge = Zo(re);
+          var ge = Zo(oe);
           ge ? X += ge : X += Zn();
           var he;
           u === null ? he = "null" : Yt(u) ? he = "array" : u !== void 0 && u.$$typeof === e ? (he = "<" + (j(u.type) || "Unknown") + " />", X = " Did you accidentally export a JSX literal instead of a component?") : he = typeof u, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, X);
         }
-        var pe = Do(u, y, P, re, ue);
+        var pe = Do(u, y, P, oe, ue);
         if (pe == null)
           return pe;
         if (ee) {
@@ -658,7 +658,7 @@ function Vr(t) {
         t[n] && (r && (r += " "), r += n);
   return r;
 }
-function oe() {
+function re() {
   for (var t, e, n = 0, r = "", o = arguments.length; n < o; n++)
     (t = arguments[n]) && (e = Vr(t)) && (r && (r += " "), r += e);
   return r;
@@ -684,7 +684,7 @@ const is = "_heading_1xhnf_106", ls = "_title_1xhnf_120", cs = "_icon_1xhnf_132"
       "button",
       {
         id: `accordion-header-${r}`,
-        className: oe(ze.heading, t),
+        className: re(ze.heading, t),
         "aria-expanded": a,
         "aria-controls": `accordion-panel-${r}`,
         "data-expanded": a,
@@ -705,7 +705,7 @@ const is = "_heading_1xhnf_106", ls = "_title_1xhnf_120", cs = "_icon_1xhnf_132"
             {
               name: "chevron_down",
               size: "24",
-              className: oe(ze.icon, {
+              className: re(ze.icon, {
                 [ze.iconExpanded]: a
               })
             }
@@ -717,7 +717,7 @@ const is = "_heading_1xhnf_106", ls = "_title_1xhnf_120", cs = "_icon_1xhnf_132"
       "div",
       {
         id: `accordion-panel-${r}`,
-        className: oe(ze.panel, e),
+        className: re(ze.panel, e),
         "data-expanded": a,
         "aria-labelledby": `accordion-header-${r}`,
         hidden: !a,
@@ -1695,13 +1695,13 @@ function Ws(t) {
     className: s
   } = t;
   if (!e) {
-    const m = oe(n == null ? void 0 : n.className, s, o == null ? void 0 : o.className, r == null ? void 0 : r.className), b = G({}, n == null ? void 0 : n.style, o == null ? void 0 : o.style, r == null ? void 0 : r.style), k = G({}, n, o, r);
+    const m = re(n == null ? void 0 : n.className, s, o == null ? void 0 : o.className, r == null ? void 0 : r.className), b = G({}, n == null ? void 0 : n.style, o == null ? void 0 : o.style, r == null ? void 0 : r.style), k = G({}, n, o, r);
     return m.length > 0 && (k.className = m), Object.keys(b).length > 0 && (k.style = b), {
       props: k,
       internalRef: void 0
     };
   }
-  const a = Oe(G({}, o, r)), l = cr(r), c = cr(o), d = e(a), f = oe(d == null ? void 0 : d.className, n == null ? void 0 : n.className, s, o == null ? void 0 : o.className, r == null ? void 0 : r.className), h = G({}, d == null ? void 0 : d.style, n == null ? void 0 : n.style, o == null ? void 0 : o.style, r == null ? void 0 : r.style), p = G({}, d, n, c, l);
+  const a = Oe(G({}, o, r)), l = cr(r), c = cr(o), d = e(a), f = re(d == null ? void 0 : d.className, n == null ? void 0 : n.className, s, o == null ? void 0 : o.className, r == null ? void 0 : r.className), h = G({}, d == null ? void 0 : d.style, n == null ? void 0 : n.style, o == null ? void 0 : o.style, r == null ? void 0 : r.style), p = G({}, d, n, c, l);
   return f.length > 0 && (p.className = f), Object.keys(h).length > 0 && (p.style = h), {
     props: p,
     internalRef: d.ref
@@ -3994,7 +3994,7 @@ const ti = "_baseBtn_100xp_106", cn = {
       "aria-label": e,
       "aria-labelledby": n,
       "aria-disabled": s,
-      className: oe(cn.baseBtn, h, o),
+      className: re(cn.baseBtn, h, o),
       role: a,
       disabled: s,
       "aria-pressed": c,
@@ -4009,7 +4009,7 @@ function qt(t) {
   const e = "href" in t, { children: n, className: r, disabled: o = !1 } = t, { active: s, focusVisible: a, getRootProps: l } = Xr({
     ...t,
     rootRef: t.ref
-  }), c = oe(Je.baseBtn, {
+  }), c = re(Je.baseBtn, {
     [Je["baseBtn--active"]]: s,
     [Je["baseBtn--focusVisible"]]: a
   });
@@ -4020,7 +4020,7 @@ function qt(t) {
       {
         "aria-label": b,
         "aria-labelledby": k,
-        className: oe(Je.baseBtn, c, r),
+        className: re(Je.baseBtn, c, r),
         href: M,
         target: _,
         onClick: T,
@@ -4037,7 +4037,7 @@ function qt(t) {
       "aria-label": d,
       "aria-labelledby": f,
       "aria-disabled": o,
-      className: oe(Je.baseBtn, c, r),
+      className: re(Je.baseBtn, c, r),
       role: p,
       disabled: o,
       onClick: h,
@@ -4080,7 +4080,7 @@ function hi(t) {
 }
 function ye({ as: t, children: e, className: n, type: r }) {
   const o = t || hi(r);
-  return /* @__PURE__ */ C.jsx(o, { className: oe(di[r], n), children: e });
+  return /* @__PURE__ */ C.jsx(o, { className: re(di[r], n), children: e });
 }
 const pi = "_primaryButton_18o48_106", et = {
   primaryButton: pi,
@@ -4109,7 +4109,7 @@ const pi = "_primaryButton_18o48_106", et = {
     qt,
     {
       ...a,
-      className: oe(et.primaryButton, l, c, e, {
+      className: re(et.primaryButton, l, c, e, {
         [et["primaryButton--loading"]]: r
       }),
       children: [
@@ -4131,21 +4131,22 @@ const pi = "_primaryButton_18o48_106", et = {
   "root--border-radius": "_root--border-radius_1s5qq_116"
 }, wi = "_root_15ekd_106", vi = {
   root: wi
-}, bi = ({ children: t, className: e }) => /* @__PURE__ */ C.jsx("div", { className: oe(vi.root, e), children: t }), ki = "_root_95whd_106", xi = "_title_95whd_114", yr = {
+}, bi = ({ children: t, className: e }) => /* @__PURE__ */ C.jsx("div", { className: re(vi.root, e), children: t }), ki = "_root_95whd_106", xi = "_title_95whd_114", yr = {
   root: ki,
   title: xi
 }, yi = ({
   as: t,
-  headline: e,
-  leftElement: n,
-  rightElement: r,
-  type: o = "h3"
+  className: e,
+  headline: n,
+  leftElement: r,
+  rightElement: o,
+  type: s = "h3"
 }) => {
-  const s = Ke(n, [je, _r]), a = Ke(r, [_r]);
-  return /* @__PURE__ */ C.jsxs("header", { className: yr.root, children: [
-    s,
-    /* @__PURE__ */ C.jsx(ye, { type: o, as: t, className: yr.title, children: e }),
-    a
+  const a = Ke(r, [je, _r]), l = Ke(o, [_r]);
+  return /* @__PURE__ */ C.jsxs("header", { className: re(yr.root, e), children: [
+    a,
+    /* @__PURE__ */ C.jsx(ye, { type: s, as: t, className: yr.title, children: n }),
+    l
   ] });
 }, G2 = ({
   ariaLabel: t,
@@ -4161,7 +4162,7 @@ const pi = "_primaryButton_18o48_106", et = {
     {
       role: s,
       "aria-label": t,
-      className: oe(
+      className: re(
         xr.root,
         {
           [xr["root--border-radius"]]: n
@@ -4194,7 +4195,7 @@ const pi = "_primaryButton_18o48_106", et = {
   return /* @__PURE__ */ C.jsx(
     "fieldset",
     {
-      className: oe(Ci.fieldset, e),
+      className: re(Ci.fieldset, e),
       disabled: n,
       name: o,
       form: r,
@@ -4358,7 +4359,7 @@ const pi = "_primaryButton_18o48_106", et = {
   return a ? /* @__PURE__ */ C.jsx(
     a,
     {
-      className: oe(Ti.iconComponent, t),
+      className: re(Ti.iconComponent, t),
       title: o,
       role: n,
       width: r,
@@ -4374,20 +4375,21 @@ const pi = "_primaryButton_18o48_106", et = {
 }, Eu = (t) => t === "small" ? "24" : "32", _r = ({
   className: t,
   icon: e,
-  size: n = "medium",
-  variant: r,
-  ...o
+  iconClassName: n,
+  size: r = "medium",
+  variant: o,
+  ...s
 }) => {
-  const s = Eu(n);
+  const a = Eu(r);
   return /* @__PURE__ */ C.jsx(
     qt,
     {
-      ...o,
-      className: oe(un.iconButton, t, {
-        [un[`iconButton--${r}`]]: r,
-        [un[`iconButton--${r}-${n}`]]: r
+      ...s,
+      className: re(un.iconButton, t, {
+        [un[`iconButton--${o}`]]: o,
+        [un[`iconButton--${o}-${r}`]]: o
       }),
-      children: /* @__PURE__ */ C.jsx(je, { size: s, name: e })
+      children: /* @__PURE__ */ C.jsx(je, { size: a, name: e, className: n })
     }
   );
 }, _u = ({ alt: t, className: e, src: n }) => /* @__PURE__ */ C.jsx("img", { className: e, src: n, alt: t }), Ru = "_labelPill_q3hqu_106", Rr = {
@@ -4399,11 +4401,11 @@ const pi = "_primaryButton_18o48_106", et = {
   small: "detail-upper-case"
 }, Su = ({ className: t, label: e, size: n }) => {
   const r = Rr[`labelPill--${n}`];
-  return /* @__PURE__ */ C.jsx("span", { className: oe(Rr.labelPill, r, t), children: /* @__PURE__ */ C.jsx(ye, { type: Cu[n], children: e }) });
+  return /* @__PURE__ */ C.jsx("span", { className: re(Rr.labelPill, r, t), children: /* @__PURE__ */ C.jsx(ye, { type: Cu[n], children: e }) });
 }, Tu = "_legend_1km52_106", $u = "_text_1km52_112", Cr = {
   legend: Tu,
   text: $u
-}, nf = ({ className: t, headline: e, text: n }) => /* @__PURE__ */ C.jsxs("legend", { className: oe(Cr.legend, t), children: [
+}, nf = ({ className: t, headline: e, text: n }) => /* @__PURE__ */ C.jsxs("legend", { className: re(Cr.legend, t), children: [
   /* @__PURE__ */ C.jsx(ye, { type: "h5", children: e }),
   n && /* @__PURE__ */ C.jsx(ye, { className: Cr.text, type: "body-regular", as: "p", children: n })
 ] }), Mu = "_wrapper_cfopj_106", Pu = "_loadingSpinner_cfopj_113", Sr = {
@@ -5866,10 +5868,10 @@ const h2 = "_menuItem_1uvgo_106", p2 = "_highlightFrame_1uvgo_118", m2 = "_right
   {
     role: s,
     onClick: r,
-    className: oe(nt.menuItem, {
+    className: re(nt.menuItem, {
       [nt["menuItem--selected"]]: t
     }),
-    children: /* @__PURE__ */ C.jsxs("span", { className: oe(nt.highlightFrame), children: [
+    children: /* @__PURE__ */ C.jsxs("span", { className: re(nt.highlightFrame), children: [
       /* @__PURE__ */ C.jsx("span", { className: nt.leftIcon, children: n }),
       /* @__PURE__ */ C.jsx(ye, { type: t ? "h5" : "body-large", as: "span", children: a }),
       e && /* @__PURE__ */ C.jsx(Su, { label: e, size: "medium" }),
@@ -5881,7 +5883,7 @@ const h2 = "_menuItem_1uvgo_106", p2 = "_highlightFrame_1uvgo_118", m2 = "_right
   bubble: v2,
   "bubble--empty": "_bubble--empty_pnw1n_139"
 }, b2 = 9, Ar = (t) => {
-  const { ariaLabel: e, children: n, value: r } = t, o = r === void 0, s = o ? void 0 : Math.max(0, r).toString(), a = oe({
+  const { ariaLabel: e, children: n, value: r } = t, o = r === void 0, s = o ? void 0 : Math.max(0, r).toString(), a = re({
     [fn["bubble--empty"]]: o,
     [fn.bubble]: !0
   });
@@ -5921,7 +5923,7 @@ function y2({
     qt,
     {
       ...a,
-      className: oe(dn.textButton, dn[`textButton--${t}`]),
+      className: re(dn.textButton, dn[`textButton--${t}`]),
       disabled: e,
       children: [
         l,
@@ -5930,7 +5932,7 @@ function y2({
           {
             type: x2[o],
             as: "span",
-            className: oe(dn.textButtonTypography),
+            className: re(dn.textButtonTypography),
             children: s
           }
         ),
@@ -5943,7 +5945,7 @@ const E2 = "_backdrop_1wj3v_106", _2 = {
   backdrop: E2
 }, Mo = ft.forwardRef((t, e) => /* @__PURE__ */ C.jsx("div", { ref: e, ...t, className: _2.backdrop }));
 Mo.displayName = "Backdrop";
-const R2 = "_modal_f3s3y_106", C2 = "_modalWrapper_f3s3y_114", S2 = "_modalHeader_f3s3y_120", T2 = "_modalFooter_f3s3y_136", yt = {
+const R2 = "_modal_13zj1_106", C2 = "_modalWrapper_13zj1_114", S2 = "_modalHeader_13zj1_119", T2 = "_modalFooter_13zj1_141", yt = {
   modal: R2,
   modalWrapper: C2,
   modalHeader: S2,
@@ -6005,7 +6007,7 @@ const R2 = "_modal_f3s3y_106", C2 = "_modalWrapper_f3s3y_114", S2 = "_modalHeade
   return /* @__PURE__ */ C.jsx("li", { className: rt.listItem, children: /* @__PURE__ */ C.jsxs(
     qt,
     {
-      className: oe(rt.navItem, {
+      className: re(rt.navItem, {
         [rt["navItem--active"]]: t
       }),
       onClick: a,
@@ -6027,14 +6029,14 @@ const R2 = "_modal_f3s3y_106", C2 = "_modalWrapper_f3s3y_114", S2 = "_modalHeade
   return /* @__PURE__ */ C.jsx(
     "div",
     {
-      className: oe(Et.wrapper, t, {
+      className: re(Et.wrapper, t, {
         [Et[`wrapper--${n}`]]: n
       }),
       "data-testid": "placeholder-thumbnail",
       children: /* @__PURE__ */ C.jsx(
         "div",
         {
-          className: oe(Et.wrapper, {
+          className: re(Et.wrapper, {
             [Et["wrapper--iconWrapper"]]: n === "large"
           }),
           children: r
@@ -6089,7 +6091,7 @@ const ff = ({ anchor: t, children: e, id: n, offset: r = "sm", open: o, placemen
           name: o,
           "aria-disabled": h,
           "aria-label": r,
-          className: oe(Fe.textInput, b, m, {
+          className: re(Fe.textInput, b, m, {
             [Fe["textInput--error"]]: p
           }),
           placeholder: ""
@@ -6132,7 +6134,7 @@ const ff = ({ anchor: t, children: e, id: n, offset: r = "sm", open: o, placemen
   return /* @__PURE__ */ C.jsx(
     "div",
     {
-      className: oe(_t.root, _t[`root--${r}`], _t[`root--${n}`], {
+      className: re(_t.root, _t[`root--${r}`], _t[`root--${n}`], {
         [s]: e
       }),
       children: o && /* @__PURE__ */ C.jsx(_u, { src: o, alt: t })
@@ -6144,7 +6146,7 @@ const ff = ({ anchor: t, children: e, id: n, offset: r = "sm", open: o, placemen
   focusVisible: D2
 }, Z2 = (t) => {
   const { checked: e, disabled: n, focusVisible: r, getInputProps: o } = ei(t), { className: s, id: a } = t;
-  return /* @__PURE__ */ C.jsxs("span", { className: oe(hn.switch, s), children: [
+  return /* @__PURE__ */ C.jsxs("span", { className: re(hn.switch, s), children: [
     /* @__PURE__ */ C.jsx(
       "input",
       {
@@ -6160,7 +6162,7 @@ const ff = ({ anchor: t, children: e, id: n, offset: r = "sm", open: o, placemen
     /* @__PURE__ */ C.jsx(
       "span",
       {
-        className: oe(hn.slider, {
+        className: re(hn.slider, {
           [hn.focusVisible]: r
         })
       }
@@ -6184,7 +6186,7 @@ const ff = ({ anchor: t, children: e, id: n, offset: r = "sm", open: o, placemen
 }) => /* @__PURE__ */ C.jsxs(
   "label",
   {
-    className: oe(qe.toggleInput, {
+    className: re(qe.toggleInput, {
       [qe["toggleInput--withBorder"]]: a,
       [qe["toggleInput--checked"]]: t,
       [qe["toggleInput--disabled"]]: n

package/lib/Accordion/Accordion.d.ts

@@ -1,3 +1,4 @@
 import { AccordionProps } from './Accordion.types';
+
 declare const Accordion: ({ children, className, id }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/lib/Accordion/Accordion.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type AccordionProps = {
     children: ReactNode;
     className?: string;

package/lib/Accordion/AccordionItem.d.ts

@@ -1,3 +1,4 @@
 import { AccordionItemProps } from './AccordionItem.types';
+
 declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, id, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/lib/Accordion/AccordionItem.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type AccordionItemProps = {
     accordionBtnClassName?: string;
     accordionPanelClassName?: string;

package/lib/BaseButton/BaseButton.d.ts

@@ -1,5 +1,6 @@
-import { ButtonOwnProps } from '@mui/base';
 import { AriaRole, ForwardedRef, MouseEvent } from 'react';
+import { ButtonOwnProps } from '@mui/base';
+
 export interface BaseButtonProps extends ButtonOwnProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;

package/lib/Button/Button.d.ts

@@ -1,3 +1,4 @@
 import { ButtonProps } from './Button.types';
+
 declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export default Button;

package/lib/Button/Button.types.d.ts

@@ -1,5 +1,6 @@
-import { ButtonOwnProps } from '@mui/base';
 import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
+import { ButtonOwnProps } from '@mui/base';
+
 interface CommonProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;

package/lib/ButtonPrimary/ButtonPrimary.d.ts

@@ -1,3 +1,4 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
+
 declare const ButtonPrimary: ({ children, className, color, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonPrimary;

package/lib/ButtonPrimary/ButtonPrimary.types.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
 import { ButtonProps } from '../Button/Button.types';
+import { default as React } from 'react';
+
 export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
     children?: React.ReactNode;
     color?: 'highlight' | 'primary';

package/lib/Card/Card.d.ts

@@ -1,3 +1,4 @@
 import { CardProps } from './Card.types';
+
 declare const Card: ({ ariaLabel, as: Tag, borderRadius, children, className, role, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/lib/Card/Card.types.d.ts

@@ -1,6 +1,7 @@
-import { ReactElement } from 'react';
-import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.type';
+import { CardBodyProps } from './CardBody/CardBody.types';
+import { ReactElement } from 'react';
+
 export interface CardProps {
     ariaLabel?: string;
     as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;

package/lib/Card/CardBody/CardBody.d.ts

@@ -1,3 +1,4 @@
 import { CardBodyProps } from './CardBody.types';
+
 declare const CardBody: ({ children, className }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default CardBody;

package/lib/Card/CardBody/CardBody.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export interface CardBodyProps {
     children: ReactNode;
     className?: string;

package/lib/Card/CardHeader/CardHeader.d.ts

@@ -1,3 +1,4 @@
 import { CardHeaderProps } from './CardHeader.type';
-declare const CardHeader: ({ as, headline, leftElement, rightElement, type, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+
+declare const CardHeader: ({ as, className, headline, leftElement, rightElement, type, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default CardHeader;

package/lib/Card/CardHeader/CardHeader.type.d.ts

@@ -1,10 +1,12 @@
-import { ReactElement } from 'react';
-import { BaseButtonProps } from '../../BaseButton/BaseButton';
-import { IconProps } from '../../Icon/Icon.types';
-import { IconButtonProps } from '../../IconButton/IconButton.types';
 import { TypographyProps } from '../../Typography/Typography.types';
+import { IconButtonProps } from '../../IconButton/IconButton.types';
+import { IconProps } from '../../Icon/Icon.types';
+import { BaseButtonProps } from '../../BaseButton/BaseButton';
+import { ReactElement } from 'react';
+
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
+    className?: string;
     headline: string;
     leftElement?: ReactElement<IconProps | IconButtonProps>;
     rightElement?: ReactElement<BaseButtonProps>;

package/lib/Divider/Divider.d.ts

@@ -1,3 +1,4 @@
 import { DividerProps } from './Divider.types';
+
 declare const Divider: ({ offsetLeft, offsetRight }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/lib/Fieldset/Fieldset.d.ts

@@ -1,3 +1,4 @@
 import { FieldsetProps } from './Fieldset.types';
+
 declare const Fieldset: ({ children, classname, disabled, form, name }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
 export default Fieldset;

package/lib/Fieldset/Fieldset.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export interface FieldsetProps {
     children: ReactNode;
     classname?: string;

package/lib/Form/Form.d.ts

@@ -1,3 +1,4 @@
 import { FormProps } from './Form.types';
+
 declare const Form: ({ ariaLabel, ariaLabelledBy, children, className, id }: FormProps) => import("react/jsx-runtime").JSX.Element;
 export default Form;

package/lib/Form/Form.types.d.ts

@@ -1,4 +1,5 @@
 import { HTMLProps, ReactNode } from 'react';
+
 type NativeFormProps = HTMLProps<HTMLFormElement>;
 export type FormProps = {
     ariaLabel?: NativeFormProps['aria-label'];

package/lib/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
-import { ReactElement } from 'react';
 import { IconProps } from './Icon.types';
+import { ReactElement } from 'react';
+
 declare const Icon: ({ className, name, role, size, title, }: IconProps) => ReactElement | null;
 export default Icon;