@obosbbl/grunnmuren-react 1.14.0-beta.0 → 1.14.0-beta.1

package/dist/grunnmuren.mjs

@@ -1,16 +1,15 @@
 'use client';
-import { jsx as o, jsxs as b, Fragment as Z } from "react/jsx-runtime";
-import pe, { createContext as w, useContext as A, useState as M, useCallback as E, useEffect as Ae, useId as ee, forwardRef as g, Children as W, isValidElement as te, cloneElement as K, useRef as R, useMemo as C, useReducer as ve } from "react";
-import { ChevronDown as re, Warning as ne, InfoCircle as ae, LoadingSpinner as xe, CheckCircle as Ne, MenuAlt as we, Close as ye, ChevronRight as Ie, ChevronLeft as Ee } from "@obosbbl/grunnmuren-icons";
-import { useCollapse as Ce } from "react-collapsed";
+import { jsx as o, jsxs as b, Fragment as W } from "react/jsx-runtime";
+import K, { createContext as w, useContext as A, useState as M, useCallback as E, useEffect as xe, useId as re, forwardRef as g, Children as X, isValidElement as ne, cloneElement as Y, useRef as S, useMemo as C, useReducer as Ne } from "react";
+import { ChevronDown as ae, Warning as oe, InfoCircle as se, LoadingSpinner as we, CheckCircle as ye, MenuAlt as Ie, Close as Ee, ChevronRight as Ce, ChevronLeft as Se } from "@obosbbl/grunnmuren-icons";
+import { useCollapse as Re } from "react-collapsed";
 import l from "clsx";
-import { useUpdateEffect as Re } from "react-use";
-import X from "@react-hook/merged-ref";
+import B from "@react-hook/merged-ref";
 const I = () => {
-}, Se = 300, ke = "duration-300", Y = (e) => {
+}, ke = 300, qe = "duration-300", U = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o("div", { className: l(r, "flex flex-col gap-2"), ...t });
-}, B = w({
+}, Q = w({
   isExpanded: !1,
   setExpanded: I,
   // @ts-expect-error noop
@@ -18,14 +17,14 @@ const I = () => {
   // @ts-expect-error noop
   getToggleProps: I,
   onChange: I
-}), qe = (e) => {
-  const { className: r, defaultOpen: t, onChange: n = I, open: a, ...s } = e, i = Ce({
+}), Me = (e) => {
+  const { className: r, defaultOpen: t, onChange: n = I, open: a, ...s } = e, i = Re({
     defaultExpanded: t,
     isExpanded: a,
-    duration: Se,
+    duration: ke,
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)"
   });
-  return /* @__PURE__ */ o(B.Provider, { value: { onChange: n, ...i }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Q.Provider, { value: { onChange: n, ...i }, children: /* @__PURE__ */ o(
     "div",
     {
       className: l(
@@ -36,8 +35,8 @@ const I = () => {
       ...s
     }
   ) });
-}, Me = (e) => {
-  const { children: r, className: t, as: n = "h3", ...a } = e, { getToggleProps: s, onChange: i, isExpanded: c } = A(B), u = s({ onClick: () => i(!c) });
+}, Le = (e) => {
+  const { children: r, className: t, as: n = "h3", ...a } = e, { getToggleProps: s, onChange: i, isExpanded: c } = A(Q), u = s({ onClick: () => i(!c) });
   return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ b(
     "button",
     {
@@ -47,26 +46,26 @@ const I = () => {
       ),
       ...a,
       ...u,
-      id: oe(u["aria-controls"]),
+      id: ie(u["aria-controls"]),
       children: [
         r,
         /* @__PURE__ */ o(
-          re,
+          ae,
           {
-            className: `shrink-0 text-sm ${ke} group-aria-expanded:rotate-180`
+            className: `shrink-0 text-sm ${qe} group-aria-expanded:rotate-180`
           }
         )
       ]
     }
   ) });
-}, Le = (e) => {
-  const { getCollapseProps: r } = A(B), { className: t, ...n } = e, a = r();
-  return /* @__PURE__ */ o("div", { ...a, "aria-labelledby": oe(a.id), children: /* @__PURE__ */ o("div", { className: l(t, "p-5 pb-10"), ...n }) });
-}, oe = (e) => e + "toggle";
-Y.Item = qe;
-Y.Header = Me;
-Y.Content = Le;
-const vt = (e) => {
+}, Pe = (e) => {
+  const { getCollapseProps: r } = A(Q), { className: t, ...n } = e, a = r();
+  return /* @__PURE__ */ o("div", { ...a, "aria-labelledby": ie(a.id), children: /* @__PURE__ */ o("div", { className: l(t, "p-5 pb-10"), ...n }) });
+}, ie = (e) => e + "toggle";
+U.Item = Me;
+U.Header = Le;
+U.Content = Pe;
+const Et = (e) => {
   const { className: r, children: t, heading: n, severity: a = "alert", ...s } = e;
   return /* @__PURE__ */ o(
     "section",
@@ -79,7 +78,7 @@ const vt = (e) => {
       ...s,
       children: /* @__PURE__ */ b("div", { className: "flex justify-center", children: [
         /* @__PURE__ */ o(
-          Pe,
+          ze,
           {
             className: "mr-4 flex-none md:mr-8 md:text-2xl",
             severity: a
@@ -92,33 +91,33 @@ const vt = (e) => {
       ] })
     }
   );
-}, Pe = ({ severity: e, className: r }) => e === "alert" ? /* @__PURE__ */ o(ne, { className: l(r, "text-red") }) : /* @__PURE__ */ o(ae, { className: l(r, "text-orange") });
-var se = {}, N = {};
+}, ze = ({ severity: e, className: r }) => e === "alert" ? /* @__PURE__ */ o(oe, { className: l(r, "text-red") }) : /* @__PURE__ */ o(se, { className: l(r, "text-orange") });
+var le = {}, N = {};
 Object.defineProperty(N, "__esModule", { value: !0 });
 N.isNavigator = N.isBrowser = N.off = N.on = N.noop = void 0;
-var ze = function() {
+var Ve = function() {
 };
-N.noop = ze;
-function Ve(e) {
+N.noop = Ve;
+function Te(e) {
   for (var r = [], t = 1; t < arguments.length; t++)
     r[t - 1] = arguments[t];
   e && e.addEventListener && e.addEventListener.apply(e, r);
 }
-N.on = Ve;
-function Te(e) {
+N.on = Te;
+function Fe(e) {
   for (var r = [], t = 1; t < arguments.length; t++)
     r[t - 1] = arguments[t];
   e && e.removeEventListener && e.removeEventListener.apply(e, r);
 }
-N.off = Te;
+N.off = Fe;
 N.isBrowser = typeof window < "u";
 N.isNavigator = typeof navigator < "u";
-Object.defineProperty(se, "__esModule", { value: !0 });
-var G = pe, Fe = N, Je = function(e, r) {
-  return r !== void 0 ? r : Fe.isBrowser ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
-}, Oe = function(e, r) {
-  var t = G.useState(Je(e, r)), n = t[0], a = t[1];
-  return G.useEffect(function() {
+Object.defineProperty(le, "__esModule", { value: !0 });
+var $ = K, Je = N, Oe = function(e, r) {
+  return r !== void 0 ? r : Je.isBrowser ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
+}, je = function(e, r) {
+  var t = $.useState(Oe(e, r)), n = t[0], a = t[1];
+  return $.useEffect(function() {
     var s = !0, i = window.matchMedia(e), c = function() {
       s && a(!!i.matches);
     };
@@ -126,9 +125,9 @@ var G = pe, Fe = N, Je = function(e, r) {
       s = !1, i.removeListener(c);
     };
   }, [e]), n;
-}, ie = se.default = Oe;
-const je = "(prefers-reduced-motion: reduce)", xt = (e = !1) => ie(je, e);
-function le(e) {
+}, de = le.default = je;
+const Ze = "(prefers-reduced-motion: reduce)", Ct = (e = !1) => de(Ze, e);
+function ce(e) {
   switch (e) {
     case "gray":
       return "bg-gray-lightest";
@@ -142,7 +141,7 @@ function le(e) {
       return "bg-sky-light";
   }
 }
-const Ze = (e) => ie("(max-width: 767.9px)", e);
+const We = (e) => de("(max-width: 767.9px)", e);
 function L(e, r = !0) {
   const [t, n] = M("indeterminate"), [a, s] = M(), i = E((d) => {
     d.target.checkValidity() && (n("valid"), s(void 0));
@@ -156,7 +155,7 @@ function L(e, r = !0) {
     const m = d.target.validationMessage;
     s(m), n("invalid");
   }, []);
-  return Ae(() => {
+  return xe(() => {
     var m;
     const { current: d } = e;
     return r && // @ts-expect-error respect the <form noValidate> attribute if we are rendered inside a form
@@ -165,11 +164,11 @@ function L(e, r = !0) {
     };
   }, [r, c]), { validity: t, validationMessage: a };
 }
-function S(e) {
-  const r = ee();
+function R(e) {
+  const r = re();
   return e ?? r;
 }
-const Nt = (e) => {
+const St = (e) => {
   const {
     bgColor: r,
     className: t,
@@ -177,7 +176,7 @@ const Nt = (e) => {
     heading: a,
     image: s,
     ...i
-  } = e, c = le(r);
+  } = e, c = ce(r);
   return /* @__PURE__ */ o("article", { className: l(t, c, "px-4 py-8 md:py-14"), ...i, children: /* @__PURE__ */ b("div", { className: "container flex flex-col justify-center gap-4 md:flex-row md:gap-12", children: [
     s,
     /* @__PURE__ */ b("div", { className: "max-w-prose", children: [
@@ -185,7 +184,7 @@ const Nt = (e) => {
       n
     ] })
   ] }) });
-}, wt = (e) => /* @__PURE__ */ o(
+}, Rt = (e) => /* @__PURE__ */ o(
   "img",
   {
     loading: "lazy",
@@ -193,7 +192,7 @@ const Nt = (e) => {
     className: "w-20 flex-none self-center md:w-32 md:self-start",
     ...e
   }
-), We = {
+), Ke = {
   "standard-primary": "bg-green border-green text-white",
   "standard-secondary": "bg-white border-green text-black",
   "mint-primary": "bg-mint border-mint text-black",
@@ -202,7 +201,7 @@ const Nt = (e) => {
   "white-secondary": "bg-transparent border-white text-white",
   "light-green-primary": "bg-green-light border-green-light text-black",
   "light-green-secondary": "bg-transparent border-green-light text-green-light"
-}, yt = g((e, r) => {
+}, kt = g((e, r) => {
   const {
     children: t,
     className: n,
@@ -212,8 +211,8 @@ const Nt = (e) => {
     type: c = "button",
     variant: u = "primary",
     ...d
-  } = e, m = A(P), f = We[`${a ?? m}-${u}`], p = l(n, f, "button"), x = i ? /* @__PURE__ */ o(Ke, { children: t }) : t;
-  return /* @__PURE__ */ o(Z, { children: s ? /* @__PURE__ */ o(
+  } = e, m = A(P), f = Ke[`${a ?? m}-${u}`], p = l(n, f, "button"), x = i ? /* @__PURE__ */ o(Xe, { children: t }) : t;
+  return /* @__PURE__ */ o(W, { children: s ? /* @__PURE__ */ o(
     "a",
     {
       "aria-busy": i ? !0 : void 0,
@@ -234,31 +233,31 @@ const Nt = (e) => {
       children: x
     }
   ) });
-}), Ke = (e) => /* @__PURE__ */ b(Z, { children: [
-  de(e.children),
+}), Xe = (e) => /* @__PURE__ */ b(W, { children: [
+  me(e.children),
   /* @__PURE__ */ o(
     "span",
     {
       className: "!visible absolute bottom-1 left-1 right-1 top-1 grid place-items-center overflow-hidden bg-inherit",
       "aria-hidden": !0,
-      children: /* @__PURE__ */ o(xe, { className: "animate-spin" })
+      children: /* @__PURE__ */ o(we, { className: "animate-spin" })
     }
   )
 ] });
-function de(e) {
-  return W.map(e, (r) => {
-    if (!te(r))
+function me(e) {
+  return X.map(e, (r) => {
+    if (!ne(r))
       return typeof r == "string" ? /* @__PURE__ */ o("span", { children: r }) : r;
     if (r.props.children) {
       const t = {
-        children: de(r.props.children)
+        children: me(r.props.children)
       };
-      r = K(r, t);
+      r = Y(r, t);
     }
     return r;
   });
 }
-const P = w("standard"), ce = w(!0), Xe = (e, r) => {
+const P = w("standard"), ue = w(!0), Ye = (e, r) => {
   const {
     as: t = "div",
     body: n,
@@ -277,12 +276,12 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ...c,
       ref: r,
       children: [
-        /* @__PURE__ */ o(ce.Provider, { value: i, children: s }),
+        /* @__PURE__ */ o(ue.Provider, { value: i, children: s }),
         n
       ]
     }
   );
-}, Ye = g(Xe), Be = g(
+}, Be = g(Ye), Ue = g(
   (e, r) => {
     const { className: t, ...n } = e;
     return /* @__PURE__ */ o(
@@ -294,16 +293,16 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       }
     );
   }
-), Ue = g(
+), Qe = g(
   (e, r) => {
-    const { className: t, children: n, ...a } = e, s = A(ce), i = l(
+    const { className: t, children: n, ...a } = e, s = A(ue), i = l(
       t,
       "max-md:rounded-b-3xl w-full",
       s ? "md:rounded-r-3xl" : "md:rounded-l-3xl md:order-1"
     );
-    if (te(n)) {
-      const c = W.only(n);
-      return K(c, {
+    if (ne(n)) {
+      const c = X.only(n);
+      return Y(c, {
         // @ts-expect-error assume className prop is allowed
         className: i,
         ref: r,
@@ -312,10 +311,10 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
     }
     return /* @__PURE__ */ o("img", { className: i, ref: r, ...a });
   }
-), It = Object.assign({}, Ye, {
-  Body: Be,
-  Image: Ue
-}), Qe = (e, r) => {
+), qt = Object.assign({}, Be, {
+  Body: Ue,
+  Image: Qe
+}), He = (e, r) => {
   const {
     as: t = "div",
     className: n,
@@ -333,7 +332,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ref: r
     }
   );
-}, Et = g(Qe), Ct = g(
+}, Mt = g(He), Lt = g(
   (e, r) => {
     const { className: t, ...n } = e;
     return /* @__PURE__ */ o(
@@ -346,9 +345,9 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       }
     );
   }
-), Rt = g(
+), Pt = g(
   (e, r) => {
-    const { bgColor: t, className: n, ...a } = e, s = le(t);
+    const { bgColor: t, className: n, ...a } = e, s = ce(t);
     return /* @__PURE__ */ o("div", { className: l(s, n), children: /* @__PURE__ */ o(
       "div",
       {
@@ -358,12 +357,12 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       }
     ) });
   }
-), St = g(
+), zt = g(
   (e, r) => {
     const { className: t, ...n } = e;
     return /* @__PURE__ */ o("div", { className: l(t, "p-8 md:px-10"), ...n, ref: r });
   }
-), kt = g((e, r) => {
+), Vt = g((e, r) => {
   const { className: t, ...n } = e;
   return /* @__PURE__ */ o(
     "a",
@@ -376,7 +375,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ...n
     }
   );
-}), qt = g(
+}), Tt = g(
   (e, r) => {
     const {
       children: t,
@@ -385,10 +384,10 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       id: s,
       disableValidation: i = !1,
       ...c
-    } = e, u = R(null), { validity: d, validationMessage: m } = L(
+    } = e, u = S(null), { validity: d, validationMessage: m } = L(
       u,
       !i
-    ), h = S(s), f = h + "err", p = a || m;
+    ), h = R(s), f = h + "err", p = a || m;
     return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ b("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
         /* @__PURE__ */ o(
@@ -414,22 +413,22 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       p && /* @__PURE__ */ o(k, { id: f, children: p })
     ] });
   }
-), He = {
+), De = {
   sky: "bg-sky border-sky",
   "red-light": "bg-red-light border-red-light",
   mint: "bg-mint border-mint",
   "orange-light": "bg-orange-light border-orange-light",
   "green-light": "bg-green-light border-green-light",
   "blue-light": "bg-blue-light border-blue-light"
-}, De = {
+}, Ge = {
   sky: "text-blue-dark",
   "red-light": "text-red",
   mint: "text-green",
   "orange-light": "text-black",
   "green-light": "text-green",
   "blue-light": "text-blue-dark"
-}, Mt = (e) => {
-  const { className: r, color: t, icon: n, children: a, variant: s = "filled" } = e, i = t && He[t], c = t && De[t];
+}, Ft = (e) => {
+  const { className: r, color: t, icon: n, children: a, variant: s = "filled" } = e, i = t && De[t], c = t && Ge[t];
   return /* @__PURE__ */ b(
     "div",
     {
@@ -452,7 +451,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, Lt = (e) => {
+}, Jt = (e) => {
   const { className: r, children: t, ...n } = e;
   return /* @__PURE__ */ o(P.Provider, { value: "white", children: /* @__PURE__ */ o(
     "footer",
@@ -466,7 +465,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       children: /* @__PURE__ */ o("div", { className: "container", children: t })
     }
   ) });
-}, Pt = (e) => {
+}, Ot = (e) => {
   const { heading: r, children: t, className: n, ...a } = e;
   return /* @__PURE__ */ b(
     "form",
@@ -477,12 +476,12 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ),
       ...a,
       children: [
-        r && /* @__PURE__ */ o(Ge, { children: r }),
+        r && /* @__PURE__ */ o(_e, { children: r }),
         /* @__PURE__ */ o("div", { className: "p-6 md:p-10", children: t })
       ]
     }
   );
-}, Ge = (e) => {
+}, _e = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o(
     "h2",
@@ -494,7 +493,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ...t
     }
   );
-}, zt = (e) => {
+}, jt = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o(
     "div",
@@ -520,7 +519,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       "aria-live": "polite",
       ...n,
       children: [
-        /* @__PURE__ */ o(ne, { className: "text-red flex-shrink-0" }),
+        /* @__PURE__ */ o(oe, { className: "text-red flex-shrink-0" }),
         r
       ]
     }
@@ -550,7 +549,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, Vt = (e) => {
+}, Zt = (e) => {
   const { className: r, heading: t, text: n, ...a } = e;
   return /* @__PURE__ */ b(
     "div",
@@ -576,7 +575,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, _e = (e) => {
+}, $e = (e) => {
   const { className: r, collapsed: t, step: n, onClick: a, children: s, formStatus: i } = e;
   return /* @__PURE__ */ o(
     "button",
@@ -590,7 +589,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
         "border-green bg-green text-white": t && i === "completed"
       }),
       children: /* @__PURE__ */ o(
-        $e,
+        et,
         {
           collapsed: t,
           step: n,
@@ -600,7 +599,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       )
     }
   );
-}, $e = (e) => {
+}, et = (e) => {
   const { collapsed: r, step: t, children: n, formStatus: a } = e, s = C(() => {
     switch (a) {
       case "blank":
@@ -615,7 +614,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       case "blank":
         return /* @__PURE__ */ o("div", { children: t });
       case "completed":
-        return /* @__PURE__ */ o(Ne, { className: "h-10 w-10 md:h-12 md:w-12" });
+        return /* @__PURE__ */ o(ye, { className: "h-10 w-10 md:h-12 md:w-12" });
     }
   }, [a, t, r]);
   return /* @__PURE__ */ b(
@@ -657,7 +656,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, me = w([
+}, fe = w([
   {
     activeStep: 1,
     formData: {}
@@ -665,8 +664,8 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
   () => {
   }
 ]);
-function et(e) {
-  const [r, t] = A(me), n = E(async () => {
+function tt(e) {
+  const [r, t] = A(fe), n = E(async () => {
     t({ type: "PREV_STEP" });
   }, [t]), a = E(
     (s) => {
@@ -687,7 +686,7 @@ function et(e) {
     formData: r.formData
   };
 }
-function tt(e, r) {
+function rt(e, r) {
   switch (r.type) {
     case "NEXT_STEP":
       return {
@@ -714,14 +713,31 @@ function tt(e, r) {
       };
   }
 }
-function Tt({ children: e }) {
-  const [r, t] = ve(tt, {
+function Wt({ children: e }) {
+  const [r, t] = Ne(rt, {
     activeStep: 1,
     formData: {}
   }), n = C(() => [r, t], [r, t]);
-  return /* @__PURE__ */ o(me.Provider, { value: n, children: e });
+  return /* @__PURE__ */ o(fe.Provider, { value: n, children: e });
 }
-const Ft = (e) => {
+var be = {}, T = {};
+Object.defineProperty(T, "__esModule", { value: !0 });
+T.useFirstMountState = void 0;
+var nt = K;
+function at() {
+  var e = nt.useRef(!0);
+  return e.current ? (e.current = !1, !0) : e.current;
+}
+T.useFirstMountState = at;
+Object.defineProperty(be, "__esModule", { value: !0 });
+var ot = K, st = T, it = function(e, r) {
+  var t = st.useFirstMountState();
+  ot.useEffect(function() {
+    if (!t)
+      return e();
+  }, r);
+}, lt = be.default = it;
+const Kt = (e) => {
   const {
     children: r,
     heading: t,
@@ -729,10 +745,10 @@ const Ft = (e) => {
     formStatus: a = "blank",
     onSubmit: s,
     ...i
-  } = e, { isActive: c, setActiveStep: u, activeStep: d } = et(n), m = R(null), h = E(() => {
+  } = e, { isActive: c, setActiveStep: u, activeStep: d } = tt(n), m = S(null), h = E(() => {
     n < d && u(n);
   }, [d, n, u]);
-  return Re(() => {
+  return lt(() => {
     var f;
     c && ((f = m.current) == null || f.scrollIntoView({ behavior: "smooth" }));
   }, [c]), /* @__PURE__ */ b(
@@ -748,7 +764,7 @@ const Ft = (e) => {
       ...i,
       children: [
         /* @__PURE__ */ o(
-          _e,
+          $e,
           {
             step: n,
             formStatus: a,
@@ -762,10 +778,10 @@ const Ft = (e) => {
     }
   );
 };
-function ue(e) {
+function ge(e) {
   return e !== "vertical-split" && e !== "below-center" && e !== "below-left";
 }
-const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 }), Jt = g((e, r) => {
+const F = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 }), Xt = g((e, r) => {
   const {
     bgColor: t = "white",
     children: n,
@@ -785,7 +801,7 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     P.Provider,
     {
       value: t === "white" ? "standard" : "mint",
-      children: /* @__PURE__ */ o(T.Provider, { value: m, children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ o(F.Provider, { value: m, children: /* @__PURE__ */ b(
         "div",
         {
           className: l(
@@ -796,7 +812,7 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
               "md:grid-cols-[50%,50%]": d === "vertical-split"
             }
           ),
-          style: ue(d) ? { gridTemplateAreas: '"hero"' } : void 0,
+          style: ge(d) ? { gridTemplateAreas: '"hero"' } : void 0,
           ...c,
           ref: r,
           children: [
@@ -807,9 +823,9 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       ) })
     }
   );
-}), Ot = g(
+}), Yt = g(
   (e, r) => {
-    const { contentPosition: t } = A(T);
+    const { contentPosition: t } = A(F);
     return /* @__PURE__ */ b(
       "picture",
       {
@@ -835,9 +851,9 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), jt = g(
+), Bt = g(
   (e, r) => {
-    const { bgColor: t, contentPosition: n, hasImage: a } = A(T), { children: s, className: i, heading: c, description: u, ...d } = e, m = ue(n);
+    const { bgColor: t, contentPosition: n, hasImage: a } = A(F), { children: s, className: i, heading: c, description: u, ...d } = e, m = ge(n);
     return /* @__PURE__ */ b(
       "div",
       {
@@ -879,9 +895,9 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), Zt = g(
+), Ut = g(
   (e, r) => {
-    const { className: t, ...n } = e, { contentPosition: a } = A(T);
+    const { className: t, ...n } = e, { contentPosition: a } = A(F);
     return /* @__PURE__ */ o(
       "div",
       {
@@ -898,7 +914,7 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), fe = g((e, r) => {
+), he = g((e, r) => {
   const {
     className: t,
     isInvalid: n,
@@ -908,7 +924,7 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     rightAddon: c,
     leftAddon: u,
     ...d
-  } = e, m = s ?? "input", h = rt(m, i);
+  } = e, m = s ?? "input", h = dt(m, i);
   return /* @__PURE__ */ b(
     "div",
     {
@@ -942,13 +958,13 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     }
   );
 });
-function rt(e, r) {
+function dt(e, r) {
   if (r != null)
     return r;
   if (e === "input")
     return "text";
 }
-const Wt = (e) => {
+const Qt = (e) => {
   let r = "";
   return e.icon && (r = "inline-flex items-center gap-2"), /* @__PURE__ */ b("a", { className: r, href: e.href, children: [
     e.icon,
@@ -958,8 +974,8 @@ const Wt = (e) => {
   setIsExpanded: I,
   isExpanded: !1,
   collapsibleId: ""
-}), Kt = (e) => {
-  const { className: r, children: t, ...n } = e, a = ee(), [s, i] = M(!1), c = C(
+}), Ht = (e) => {
+  const { className: r, children: t, ...n } = e, a = re(), [s, i] = M(!1), c = C(
     () => ({ isExpanded: s, setIsExpanded: i, collapsibleId: a }),
     [s, a]
   );
@@ -974,7 +990,7 @@ const Wt = (e) => {
       children: /* @__PURE__ */ o("div", { className: "container", children: t })
     }
   ) }) });
-}, Xt = (e) => {
+}, Dt = (e) => {
   const { className: r, children: t, ...n } = e, { isExpanded: a } = A(q);
   return /* @__PURE__ */ o(
     "nav",
@@ -990,7 +1006,7 @@ const Wt = (e) => {
       children: t
     }
   );
-}, Yt = g(
+}, Gt = g(
   (e, r) => {
     const { active: t, className: n, children: a, ...s } = e;
     return /* @__PURE__ */ o(
@@ -1010,10 +1026,10 @@ const Wt = (e) => {
       }
     );
   }
-), nt = () => {
+), ct = () => {
   const { isExpanded: e, setIsExpanded: r, collapsibleId: t } = A(q);
-  let n = we, a = "Meny";
-  return e && (n = ye, a = "Lukk"), /* @__PURE__ */ b(
+  let n = Ie, a = "Meny";
+  return e && (n = Ee, a = "Lukk"), /* @__PURE__ */ b(
     "button",
     {
       "aria-controls": t,
@@ -1027,7 +1043,7 @@ const Wt = (e) => {
       ]
     }
   );
-}, Bt = (e) => {
+}, _t = (e) => {
   const { className: r, children: t, logo: n, ...a } = e;
   return /* @__PURE__ */ b(
     "div",
@@ -1037,11 +1053,11 @@ const Wt = (e) => {
       children: [
         n,
         /* @__PURE__ */ o("div", { className: "hidden md:block", children: t }),
-        /* @__PURE__ */ o(nt, {})
+        /* @__PURE__ */ o(ct, {})
       ]
     }
   );
-}, Ut = (e) => {
+}, $t = (e) => {
   const { className: r, children: t, ...n } = e, { collapsibleId: a, isExpanded: s } = A(q);
   return /* @__PURE__ */ o(
     "div",
@@ -1055,10 +1071,10 @@ const Wt = (e) => {
       children: t
     }
   );
-}, Qt = (e) => {
-  const { isExpanded: r } = A(q), t = Ze(!1);
-  return !r || !t ? null : /* @__PURE__ */ o(Z, { children: e.children });
-}, y = 2, F = w({ currentPage: 0, pageCount: 0 }), Ht = (e) => {
+}, er = (e) => {
+  const { isExpanded: r } = A(q), t = We(!1);
+  return !r || !t ? null : /* @__PURE__ */ o(W, { children: e.children });
+}, y = 2, J = w({ currentPage: 0, pageCount: 0 }), tr = (e) => {
   const {
     className: r,
     page: t,
@@ -1078,14 +1094,14 @@ const Wt = (e) => {
   ), h = (f) => (p) => {
     a && (p.preventDefault(), a(f));
   };
-  return /* @__PURE__ */ o(F.Provider, { value: m, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ o(J.Provider, { value: m, children: /* @__PURE__ */ b(
     "nav",
     {
       className: l("flex justify-center gap-2 sm:gap-4", r),
       ...d,
       children: [
         /* @__PURE__ */ o(
-          ot,
+          ut,
           {
             "aria-label": u,
             href: s(t - 1),
@@ -1093,7 +1109,7 @@ const Wt = (e) => {
           }
         ),
         /* @__PURE__ */ o(
-          _,
+          ee,
           {
             page: 1,
             href: s(1),
@@ -1102,9 +1118,9 @@ const Wt = (e) => {
             selected: t === 1
           }
         ),
-        n > 2 + y * 2 && t > y + 2 && /* @__PURE__ */ o(st, {}),
-        /* @__PURE__ */ o(it, { children: (f) => /* @__PURE__ */ o(
-          _,
+        n > 2 + y * 2 && t > y + 2 && /* @__PURE__ */ o(ft, {}),
+        /* @__PURE__ */ o(bt, { children: (f) => /* @__PURE__ */ o(
+          ee,
           {
             href: s(f),
             onClick: h(f),
@@ -1115,7 +1131,7 @@ const Wt = (e) => {
           f
         ) }),
         /* @__PURE__ */ o(
-          at,
+          mt,
           {
             "aria-label": c,
             href: s(t + 1),
@@ -1125,33 +1141,33 @@ const Wt = (e) => {
       ]
     }
   ) });
-}, at = g((e, r) => {
-  const { currentPage: t, pageCount: n } = A(F), a = t >= n;
+}, mt = g((e, r) => {
+  const { currentPage: t, pageCount: n } = A(J), a = t >= n;
   return /* @__PURE__ */ o(
-    U,
+    H,
     {
       "aria-hidden": a,
       className: a ? "invisible" : void 0,
       ref: r,
       rel: "next",
       ...e,
-      children: /* @__PURE__ */ o(Ie, {})
+      children: /* @__PURE__ */ o(Ce, {})
     }
   );
-}), ot = g((e, r) => {
-  const { currentPage: t } = A(F), n = t <= 1;
+}), ut = g((e, r) => {
+  const { currentPage: t } = A(J), n = t <= 1;
   return /* @__PURE__ */ o(
-    U,
+    H,
     {
       "aria-hidden": n,
       className: n ? "invisible" : void 0,
       ref: r,
       rel: "prev",
       ...e,
-      children: /* @__PURE__ */ o(Ee, {})
+      children: /* @__PURE__ */ o(Se, {})
     }
   );
-}), U = g((e, r) => {
+}), H = g((e, r) => {
   const { className: t, ...n } = e;
   return /* @__PURE__ */ o(
     "a",
@@ -1164,8 +1180,8 @@ const Wt = (e) => {
       ...n
     }
   );
-}), st = () => /* @__PURE__ */ o("span", { className: "flex h-9 w-9 cursor-default items-center justify-center border-2 border-transparent sm:h-10 sm:w-10", children: "..." }), it = ({ children: e }) => {
-  const { currentPage: r, pageCount: t } = A(F), n = Math.min(
+}), ft = () => /* @__PURE__ */ o("span", { className: "flex h-9 w-9 cursor-default items-center justify-center border-2 border-transparent sm:h-10 sm:w-10", children: "..." }), bt = ({ children: e }) => {
+  const { currentPage: r, pageCount: t } = A(J), n = Math.min(
     Math.max(2 + y * 2, r + y),
     t
   );
@@ -1174,10 +1190,10 @@ const Wt = (e) => {
     1
   );
   return a - y === 0 && (a = a - 1), Array.from({ length: n - a }, (i, c) => a + c + 1).map((i) => e(i));
-}, _ = g((e, r) => {
+}, ee = g((e, r) => {
   const { page: t, selected: n, ...a } = e;
-  return /* @__PURE__ */ o(U, { "aria-current": n ? "page" : void 0, ref: r, ...a, children: t });
-}), be = w({
+  return /* @__PURE__ */ o(H, { "aria-current": n ? "page" : void 0, ref: r, ...a, children: t });
+}), pe = w({
   defaultValue: void 0,
   isControlled: !1,
   name: void 0,
@@ -1185,8 +1201,8 @@ const Wt = (e) => {
   required: !1,
   value: void 0,
   error: !1
-}), Dt = g((e, r) => {
-  const { children: t, className: n, ...a } = e, { defaultValue: s, isControlled: i, name: c, onChange: u, required: d, value: m, error: h } = A(be);
+}), rr = g((e, r) => {
+  const { children: t, className: n, ...a } = e, { defaultValue: s, isControlled: i, name: c, onChange: u, required: d, value: m, error: h } = A(pe);
   return /* @__PURE__ */ b("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
     /* @__PURE__ */ o(
       "input",
@@ -1204,7 +1220,7 @@ const Wt = (e) => {
     ),
     t
   ] });
-}), Gt = g(
+}), nr = g(
   (e, r) => {
     const t = "value" in e, {
       className: n,
@@ -1220,12 +1236,12 @@ const Wt = (e) => {
       value: p,
       ...x
     } = e, v = E(
-      (ge) => {
-        const he = ge.target.value;
-        h == null || h(he);
+      (Ae) => {
+        const ve = Ae.target.value;
+        h == null || h(ve);
       },
       [h]
-    ), J = C(
+    ), O = C(
       () => ({
         defaultValue: a,
         isControlled: t,
@@ -1236,30 +1252,30 @@ const Wt = (e) => {
         error: !!i
       }),
       [a, t, m, v, f, p, i]
-    ), O = S(c), Q = `${O}:label`, H = `${O}:help`, D = O + "err", j = i;
-    return /* @__PURE__ */ o(be.Provider, { value: J, children: /* @__PURE__ */ b(
+    ), j = R(c), D = `${j}:label`, G = `${j}:help`, _ = j + "err", Z = i;
+    return /* @__PURE__ */ o(pe.Provider, { value: O, children: /* @__PURE__ */ b(
       "div",
       {
         "aria-describedby": l({
-          [D]: j,
-          [H]: s
+          [_]: Z,
+          [G]: s
         }) || void 0,
         "aria-invalid": !!i,
-        "aria-labelledby": d ? Q : void 0,
+        "aria-labelledby": d ? D : void 0,
         className: l(n, "flex flex-col gap-4"),
         role: "radiogroup",
         ref: r,
         ...x,
         children: [
-          d && /* @__PURE__ */ o(V, { id: Q, isRequired: f, isInvalid: !!i, children: d }),
-          s && /* @__PURE__ */ o(z, { id: H, children: s }),
+          d && /* @__PURE__ */ o(V, { id: D, isRequired: f, isInvalid: !!i, children: d }),
+          s && /* @__PURE__ */ o(z, { id: G, children: s }),
           u,
-          j && /* @__PURE__ */ o(k, { id: D, children: j })
+          Z && /* @__PURE__ */ o(k, { id: _, children: Z })
         ]
       }
     ) });
   }
-), lt = g(
+), gt = g(
   (e, r) => {
     const { children: t, className: n, isInvalid: a, size: s, ...i } = e, c = s === "small";
     return /* @__PURE__ */ b("div", { className: l(n, "relative", c && "text-sm"), children: [
@@ -1278,7 +1294,7 @@ const Wt = (e) => {
         }
       ),
       /* @__PURE__ */ o(
-        re,
+        ae,
         {
           className: l(
             "pointer-events-none absolute bottom-0 top-0 my-auto",
@@ -1288,7 +1304,7 @@ const Wt = (e) => {
       )
     ] });
   }
-), _t = g(
+), ar = g(
   (e, r) => {
     const {
       description: t,
@@ -1297,10 +1313,10 @@ const Wt = (e) => {
       label: s,
       disableValidation: i = !1,
       ...c
-    } = e, u = R(null), d = X(u, r), { validity: m, validationMessage: h } = L(
+    } = e, u = S(null), d = B(u, r), { validity: m, validationMessage: h } = L(
       u,
       !i
-    ), f = S(a), p = f + "help", x = f + "err", v = n || h;
+    ), f = R(a), p = f + "help", x = f + "err", v = n || h;
     return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
         V,
@@ -1313,7 +1329,7 @@ const Wt = (e) => {
       ),
       t && /* @__PURE__ */ o(z, { id: p, children: t }),
       /* @__PURE__ */ o(
-        lt,
+        gt,
         {
           id: f,
           ref: d,
@@ -1328,10 +1344,10 @@ const Wt = (e) => {
       v && /* @__PURE__ */ o(k, { id: x, children: v })
     ] });
   }
-), $t = (e) => {
+), or = (e) => {
   const { heading: r, children: t, closeSnackbar: n } = e, [a, s] = M(!1);
   return /* @__PURE__ */ o("div", { className: "container max-w-[59rem]", children: /* @__PURE__ */ o("div", { className: "bg-orange-light px-8 py-4 max-md:p-4", children: /* @__PURE__ */ b("div", { className: "snackbar grid items-center", children: [
-    /* @__PURE__ */ o(ae, { className: "text-orange snackbar-icon mr-4 self-start md:mr-8 md:text-2xl" }),
+    /* @__PURE__ */ o(se, { className: "text-orange snackbar-icon mr-4 self-start md:mr-8 md:text-2xl" }),
     /* @__PURE__ */ o(
       "h3",
       {
@@ -1346,18 +1362,18 @@ const Wt = (e) => {
     ),
     /* @__PURE__ */ b("div", { className: "snackbar-actions flex justify-end gap-4 max-md:mt-3 md:ml-4", children: [
       /* @__PURE__ */ o(
-        $,
+        te,
         {
           "aria-expanded": a,
           onClick: () => s(!a),
           children: a ? "Les mindre" : "Les mer"
         }
       ),
-      /* @__PURE__ */ o($, { onClick: n, children: "Ok" })
+      /* @__PURE__ */ o(te, { onClick: n, children: "Ok" })
     ] }),
     a && t
   ] }) }) });
-}, $ = (e) => /* @__PURE__ */ o(
+}, te = (e) => /* @__PURE__ */ o(
   "button",
   {
     className: l(
@@ -1367,19 +1383,19 @@ const Wt = (e) => {
     ...e,
     children: e.children
   }
-), er = (e) => /* @__PURE__ */ o(
+), sr = (e) => /* @__PURE__ */ o(
   "div",
   {
     className: "snackbar-content my-4 max-h-[50vh] max-w-prose overflow-y-auto",
     ...e,
     children: e.children
   }
-), dt = (e) => {
+), ht = (e) => {
   const { align: r = "center", children: t, className: n, ...a } = e;
-  return /* @__PURE__ */ o("ol", { className: l(n, "flex flex-col gap-8 md:gap-12"), ...a, children: W.map(t, (s) => K(s, {
+  return /* @__PURE__ */ o("ol", { className: l(n, "flex flex-col gap-8 md:gap-12"), ...a, children: X.map(t, (s) => Y(s, {
     align: r
   })) });
-}, ct = (e) => {
+}, pt = (e) => {
   const { className: r, children: t, bullet: n, align: a = "center", ...s } = e;
   return /* @__PURE__ */ b(
     "li",
@@ -1391,12 +1407,12 @@ const Wt = (e) => {
       ),
       ...s,
       children: [
-        /* @__PURE__ */ o(mt, { align: a, children: n }),
+        /* @__PURE__ */ o(At, { align: a, children: n }),
         t
       ]
     }
   );
-}, mt = ({ align: e, ...r }) => /* @__PURE__ */ o(
+}, At = ({ align: e, ...r }) => /* @__PURE__ */ o(
   "span",
   {
     "aria-hidden": !0,
@@ -1410,8 +1426,8 @@ const Wt = (e) => {
     ...r
   }
 );
-dt.Item = ct;
-const tr = g(
+ht.Item = pt;
+const ir = g(
   (e, r) => {
     const {
       description: t,
@@ -1420,10 +1436,10 @@ const tr = g(
       label: s,
       disableValidation: i = !1,
       ...c
-    } = e, u = R(null), d = X(u, r), { validity: m, validationMessage: h } = L(
+    } = e, u = S(null), d = B(u, r), { validity: m, validationMessage: h } = L(
       u,
       !i
-    ), f = S(a), p = f + "help", x = f + "err", v = n || h;
+    ), f = R(a), p = f + "help", x = f + "err", v = n || h;
     return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
         V,
@@ -1436,7 +1452,7 @@ const tr = g(
       ),
       t && /* @__PURE__ */ o(z, { id: p, children: t }),
       /* @__PURE__ */ o(
-        fe,
+        he,
         {
           as: "textarea",
           ref: d,
@@ -1452,7 +1468,7 @@ const tr = g(
       v && /* @__PURE__ */ o(k, { id: x, children: v })
     ] });
   }
-), rr = g(
+), lr = g(
   (e, r) => {
     const {
       description: t,
@@ -1462,10 +1478,10 @@ const tr = g(
       type: i = "text",
       disableValidation: c = !1,
       ...u
-    } = e, d = R(null), { validity: m, validationMessage: h } = L(
+    } = e, d = S(null), { validity: m, validationMessage: h } = L(
       d,
       !c
-    ), f = S(a), p = f + "help", x = f + "err", v = n || h, J = X(d, r);
+    ), f = R(a), p = f + "help", x = f + "err", v = n || h, O = B(d, r);
     return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
         V,
@@ -1478,10 +1494,10 @@ const tr = g(
       ),
       t && /* @__PURE__ */ o(z, { id: p, children: t }),
       /* @__PURE__ */ o(
-        fe,
+        he,
         {
           id: f,
-          ref: J,
+          ref: O,
           type: i,
           ...u,
           isInvalid: !!n || m === "invalid",
@@ -1496,64 +1512,64 @@ const tr = g(
   }
 );
 export {
-  Y as Accordion,
-  Le as AccordionContent,
-  Me as AccordionHeader,
-  qe as AccordionItem,
-  vt as Alert,
-  Nt as Banner,
-  wt as BannerImage,
-  yt as Button,
+  U as Accordion,
+  Pe as AccordionContent,
+  Le as AccordionHeader,
+  Me as AccordionItem,
+  Et as Alert,
+  St as Banner,
+  Rt as BannerImage,
+  kt as Button,
   P as ButtonColorContext,
-  It as Campaign,
-  Et as Card,
-  St as CardContent,
-  Ct as CardImage,
-  kt as CardLinkOverlay,
-  Rt as CardList,
-  qt as Checkbox,
-  Mt as Chip,
-  Lt as Footer,
-  Pt as Form,
-  zt as FormError,
+  qt as Campaign,
+  Mt as Card,
+  zt as CardContent,
+  Lt as CardImage,
+  Vt as CardLinkOverlay,
+  Pt as CardList,
+  Tt as Checkbox,
+  Ft as Chip,
+  Jt as Footer,
+  Ot as Form,
+  jt as FormError,
   k as FormErrorMessage,
-  Ge as FormHeading,
+  _e as FormHeading,
   z as FormHelperText,
   V as FormLabel,
-  Ft as FormStep,
-  _e as FormStepHeader,
-  $e as FormStepHeaderContent,
-  Tt as FormStepProvider,
-  Vt as FormSuccess,
-  Jt as Hero,
-  Zt as HeroActions,
-  jt as HeroContent,
-  T as HeroContext,
-  Ot as HeroImage,
-  fe as Input,
-  Wt as Link,
-  Kt as Navbar,
-  Ut as NavbarCollapsible,
-  Bt as NavbarContent,
-  Qt as NavbarExpandedMobileContent,
-  Yt as NavbarItem,
-  Xt as NavbarItems,
-  Ht as Pagination,
-  Dt as Radio,
-  Gt as RadioGroup,
-  _t as Select,
-  $t as Snackbar,
-  $ as SnackbarButton,
-  er as SnackbarContent,
-  dt as StepList,
-  ct as StepListItem,
-  tr as TextArea,
-  rr as TextField,
-  le as useBlockBackgroundColor,
-  S as useFallbackId,
+  Kt as FormStep,
+  $e as FormStepHeader,
+  et as FormStepHeaderContent,
+  Wt as FormStepProvider,
+  Zt as FormSuccess,
+  Xt as Hero,
+  Ut as HeroActions,
+  Bt as HeroContent,
+  F as HeroContext,
+  Yt as HeroImage,
+  he as Input,
+  Qt as Link,
+  Ht as Navbar,
+  $t as NavbarCollapsible,
+  _t as NavbarContent,
+  er as NavbarExpandedMobileContent,
+  Gt as NavbarItem,
+  Dt as NavbarItems,
+  tr as Pagination,
+  rr as Radio,
+  nr as RadioGroup,
+  ar as Select,
+  or as Snackbar,
+  te as SnackbarButton,
+  sr as SnackbarContent,
+  ht as StepList,
+  pt as StepListItem,
+  ir as TextArea,
+  lr as TextField,
+  ce as useBlockBackgroundColor,
+  R as useFallbackId,
   L as useFormControlValidity,
-  et as useFormStepContext,
-  ie as useMedia,
-  xt as usePrefersReducedMotion,
-  Ze as useScreenMaxWidthMd
+  tt as useFormStepContext,
+  de as useMedia,
+  Ct as usePrefersReducedMotion,
+  We as useScreenMaxWidthMd
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "1.14.0-beta.0",
+  "version": "1.14.0-beta.1",
   "description": "OBOS Grunnmuren design system React components",
   "license": "MIT",
   "repository": {