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

package/dist/grunnmuren.mjs

@@ -1,31 +1,31 @@
 '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 f, Fragment as O } from "react/jsx-runtime";
+import { createContext as N, useContext as A, useState as q, useCallback as I, useEffect as fe, useId as _, forwardRef as g, Children as Z, isValidElement as $, cloneElement as W, useRef as E, useMemo as C, useReducer as he } from "react";
+import { ChevronDown as ee, Warning as te, InfoCircle as re, LoadingSpinner as ge, CheckCircle as pe, MenuAlt as Ae, Close as xe, ChevronRight as ve, ChevronLeft as Ne } from "@obosbbl/grunnmuren-icons";
+import { useCollapse as we } from "react-collapsed";
 import l from "clsx";
-import { useUpdateEffect as Re } from "react-use";
-import X from "@react-hook/merged-ref";
-const I = () => {
-}, Se = 300, ke = "duration-300", Y = (e) => {
+import { useMediaQuery as ne, useUpdateEffect as ye } from "@react-hookz/web";
+import K from "@react-hook/merged-ref";
+const y = () => {
+}, Ie = 300, Ce = "duration-300", X = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o("div", { className: l(r, "flex flex-col gap-2"), ...t });
-}, B = w({
+}, Y = N({
   isExpanded: !1,
-  setExpanded: I,
+  setExpanded: y,
   // @ts-expect-error noop
-  getCollapseProps: I,
+  getCollapseProps: y,
   // @ts-expect-error noop
-  getToggleProps: I,
-  onChange: I
-}), qe = (e) => {
-  const { className: r, defaultOpen: t, onChange: n = I, open: a, ...s } = e, i = Ce({
+  getToggleProps: y,
+  onChange: y
+}), Ee = (e) => {
+  const { className: r, defaultOpen: t, onChange: n = y, open: a, ...s } = e, i = we({
     defaultExpanded: t,
     isExpanded: a,
-    duration: Se,
+    duration: Ie,
     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(Y.Provider, { value: { onChange: n, ...i }, children: /* @__PURE__ */ o(
     "div",
     {
       className: l(
@@ -36,9 +36,9 @@ 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) });
-  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ b(
+}, Re = (e) => {
+  const { children: r, className: t, as: n = "h3", ...a } = e, { getToggleProps: s, onChange: i, isExpanded: c } = A(Y), m = s({ onClick: () => i(!c) });
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ f(
     "button",
     {
       className: l(
@@ -46,27 +46,27 @@ const I = () => {
         "focus-visible:outline-blue-dark aria-expanded:bg-green-dark group flex min-h-[4rem] w-full items-center justify-between px-5 py-4 text-left text-lg font-semibold focus:outline-none focus-visible:outline-4 focus-visible:outline-offset-0 aria-expanded:text-white"
       ),
       ...a,
-      ...u,
-      id: oe(u["aria-controls"]),
+      ...m,
+      id: ae(m["aria-controls"]),
       children: [
         r,
         /* @__PURE__ */ o(
-          re,
+          ee,
           {
-            className: `shrink-0 text-sm ${ke} group-aria-expanded:rotate-180`
+            className: `shrink-0 text-sm ${Ce} 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) => {
+}, ke = (e) => {
+  const { getCollapseProps: r } = A(Y), { className: t, ...n } = e, a = r();
+  return /* @__PURE__ */ o("div", { ...a, "aria-labelledby": ae(a.id), children: /* @__PURE__ */ o("div", { className: l(t, "p-5 pb-10"), ...n }) });
+}, ae = (e) => e + "toggle";
+X.Item = Ee;
+X.Header = Re;
+X.Content = ke;
+const dt = (e) => {
   const { className: r, children: t, heading: n, severity: a = "alert", ...s } = e;
   return /* @__PURE__ */ o(
     "section",
@@ -77,58 +77,23 @@ const vt = (e) => {
       }),
       role: "alert",
       ...s,
-      children: /* @__PURE__ */ b("div", { className: "flex justify-center", children: [
+      children: /* @__PURE__ */ f("div", { className: "flex justify-center", children: [
         /* @__PURE__ */ o(
-          Pe,
+          Se,
           {
             className: "mr-4 flex-none md:mr-8 md:text-2xl",
             severity: a
           }
         ),
-        /* @__PURE__ */ b("div", { className: "w-prose flex-initial", children: [
+        /* @__PURE__ */ f("div", { className: "w-prose flex-initial", children: [
           /* @__PURE__ */ o("h2", { className: "h4 mb-2", children: n }),
           t
         ] })
       ] })
     }
   );
-}, 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 = {};
-Object.defineProperty(N, "__esModule", { value: !0 });
-N.isNavigator = N.isBrowser = N.off = N.on = N.noop = void 0;
-var ze = function() {
-};
-N.noop = ze;
-function Ve(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) {
-  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.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() {
-    var s = !0, i = window.matchMedia(e), c = function() {
-      s && a(!!i.matches);
-    };
-    return i.addListener(c), a(i.matches), function() {
-      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) {
+}, Se = ({ severity: e, className: r }) => e === "alert" ? /* @__PURE__ */ o(te, { className: l(r, "text-red") }) : /* @__PURE__ */ o(re, { className: l(r, "text-orange") }), qe = "(prefers-reduced-motion: reduce)", ct = (e = !1) => ne(qe, { initializeWithValue: e });
+function oe(e) {
   switch (e) {
     case "gray":
       return "bg-gray-lightest";
@@ -142,34 +107,34 @@ function le(e) {
       return "bg-sky-light";
   }
 }
-const Ze = (e) => ie("(max-width: 767.9px)", e);
+const Le = (e) => ne("(max-width: 767.9px)", { initializeWithValue: e });
 function L(e, r = !0) {
-  const [t, n] = M("indeterminate"), [a, s] = M(), i = E((d) => {
+  const [t, n] = q("indeterminate"), [a, s] = q(), i = I((d) => {
     d.target.checkValidity() && (n("valid"), s(void 0));
-  }, []), c = E(
+  }, []), c = I(
     (d) => {
       t !== "indeterminate" && d.target.checkValidity() && (n("valid"), s(void 0));
     },
     [t]
-  ), u = E((d) => {
+  ), m = I((d) => {
     d.preventDefault();
-    const m = d.target.validationMessage;
-    s(m), n("invalid");
+    const u = d.target.validationMessage;
+    s(u), n("invalid");
   }, []);
-  return Ae(() => {
-    var m;
+  return fe(() => {
+    var u;
     const { current: d } = e;
     return r && // @ts-expect-error respect the <form noValidate> attribute if we are rendered inside a form
-    ((m = d == null ? void 0 : d.form) == null ? void 0 : m.noValidate) !== !0 && (d == null || d.addEventListener("blur", i), d == null || d.addEventListener("input", c), d == null || d.addEventListener("invalid", u)), () => {
-      d == null || d.removeEventListener("blur", i), d == null || d.removeEventListener("input", c), d == null || d.removeEventListener("invalid", u);
+    ((u = d == null ? void 0 : d.form) == null ? void 0 : u.noValidate) !== !0 && (d == null || d.addEventListener("blur", i), d == null || d.addEventListener("input", c), d == null || d.addEventListener("invalid", m)), () => {
+      d == null || d.removeEventListener("blur", i), d == null || d.removeEventListener("input", c), d == null || d.removeEventListener("invalid", m);
     };
   }, [r, c]), { validity: t, validationMessage: a };
 }
-function S(e) {
-  const r = ee();
+function R(e) {
+  const r = _();
   return e ?? r;
 }
-const Nt = (e) => {
+const mt = (e) => {
   const {
     bgColor: r,
     className: t,
@@ -177,15 +142,15 @@ const Nt = (e) => {
     heading: a,
     image: s,
     ...i
-  } = e, c = le(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: [
+  } = e, c = oe(r);
+  return /* @__PURE__ */ o("article", { className: l(t, c, "px-4 py-8 md:py-14"), ...i, children: /* @__PURE__ */ f("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: [
+    /* @__PURE__ */ f("div", { className: "max-w-prose", children: [
       a && /* @__PURE__ */ o("h2", { className: "h3 mb-4", children: a }),
       n
     ] })
   ] }) });
-}, wt = (e) => /* @__PURE__ */ o(
+}, ut = (e) => /* @__PURE__ */ o(
   "img",
   {
     loading: "lazy",
@@ -193,7 +158,7 @@ const Nt = (e) => {
     className: "w-20 flex-none self-center md:w-32 md:self-start",
     ...e
   }
-), We = {
+), Me = {
   "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 +167,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) => {
+}, bt = g((e, r) => {
   const {
     children: t,
     className: n,
@@ -210,10 +175,10 @@ const Nt = (e) => {
     href: s,
     loading: i,
     type: c = "button",
-    variant: u = "primary",
+    variant: m = "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, u = A(M), b = Me[`${a ?? u}-${m}`], p = l(n, b, "button"), v = i ? /* @__PURE__ */ o(Pe, { children: t }) : t;
+  return /* @__PURE__ */ o(O, { children: s ? /* @__PURE__ */ o(
     "a",
     {
       "aria-busy": i ? !0 : void 0,
@@ -221,7 +186,7 @@ const Nt = (e) => {
       href: s,
       ref: r,
       className: p,
-      children: x
+      children: v
     }
   ) : /* @__PURE__ */ o(
     "button",
@@ -231,34 +196,34 @@ const Nt = (e) => {
       type: c,
       ref: r,
       className: p,
-      children: x
+      children: v
     }
   ) });
-}), Ke = (e) => /* @__PURE__ */ b(Z, { children: [
-  de(e.children),
+}), Pe = (e) => /* @__PURE__ */ f(O, { children: [
+  se(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(ge, { className: "animate-spin" })
     }
   )
 ] });
-function de(e) {
-  return W.map(e, (r) => {
-    if (!te(r))
+function se(e) {
+  return Z.map(e, (r) => {
+    if (!$(r))
       return typeof r == "string" ? /* @__PURE__ */ o("span", { children: r }) : r;
     if (r.props.children) {
       const t = {
-        children: de(r.props.children)
+        children: se(r.props.children)
       };
-      r = K(r, t);
+      r = W(r, t);
     }
     return r;
   });
 }
-const P = w("standard"), ce = w(!0), Xe = (e, r) => {
+const M = N("standard"), ie = N(!0), ze = (e, r) => {
   const {
     as: t = "div",
     body: n,
@@ -267,7 +232,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
     rightAlignBody: i = !0,
     ...c
   } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     t,
     {
       className: l(
@@ -277,12 +242,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(ie.Provider, { value: i, children: s }),
         n
       ]
     }
   );
-}, Ye = g(Xe), Be = g(
+}, Ve = g(ze), Te = g(
   (e, r) => {
     const { className: t, ...n } = e;
     return /* @__PURE__ */ o(
@@ -294,16 +259,16 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       }
     );
   }
-), Ue = g(
+), Fe = g(
   (e, r) => {
-    const { className: t, children: n, ...a } = e, s = A(ce), i = l(
+    const { className: t, children: n, ...a } = e, s = A(ie), 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 ($(n)) {
+      const c = Z.only(n);
+      return W(c, {
         // @ts-expect-error assume className prop is allowed
         className: i,
         ref: r,
@@ -312,10 +277,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) => {
+), ft = Object.assign({}, Ve, {
+  Body: Te,
+  Image: Fe
+}), Je = (e, r) => {
   const {
     as: t = "div",
     className: n,
@@ -333,7 +298,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ref: r
     }
   );
-}, Et = g(Qe), Ct = g(
+}, ht = g(Je), gt = g(
   (e, r) => {
     const { className: t, ...n } = e;
     return /* @__PURE__ */ o(
@@ -346,9 +311,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 = oe(t);
     return /* @__PURE__ */ o("div", { className: l(s, n), children: /* @__PURE__ */ o(
       "div",
       {
@@ -358,12 +323,12 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       }
     ) });
   }
-), St = g(
+), At = 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) => {
+), xt = g((e, r) => {
   const { className: t, ...n } = e;
   return /* @__PURE__ */ o(
     "a",
@@ -376,7 +341,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ...n
     }
   );
-}), qt = g(
+}), vt = g(
   (e, r) => {
     const {
       children: t,
@@ -385,12 +350,12 @@ 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(
-      u,
+    } = e, m = E(null), { validity: d, validationMessage: u } = L(
+      m,
       !i
-    ), h = S(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: [
+    ), h = R(s), b = h + "err", p = a || u;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ f("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
         /* @__PURE__ */ o(
           "input",
           {
@@ -405,32 +370,32 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
             ref: r,
             type: "checkbox",
             ...c,
-            "aria-describedby": p ? f : void 0,
+            "aria-describedby": p ? b : void 0,
             "aria-invalid": !!a || d === "invalid"
           }
         ),
         t
       ] }),
-      p && /* @__PURE__ */ o(k, { id: f, children: p })
+      p && /* @__PURE__ */ o(k, { id: b, children: p })
     ] });
   }
-), He = {
+), je = {
   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 = {
+}, Oe = {
   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];
-  return /* @__PURE__ */ b(
+}, Nt = (e) => {
+  const { className: r, color: t, icon: n, children: a, variant: s = "filled" } = e, i = t && je[t], c = t && Oe[t];
+  return /* @__PURE__ */ f(
     "div",
     {
       className: l(
@@ -452,9 +417,9 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, Lt = (e) => {
+}, wt = (e) => {
   const { className: r, children: t, ...n } = e;
-  return /* @__PURE__ */ o(P.Provider, { value: "white", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(M.Provider, { value: "white", children: /* @__PURE__ */ o(
     "footer",
     {
       className: l(
@@ -466,9 +431,9 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       children: /* @__PURE__ */ o("div", { className: "container", children: t })
     }
   ) });
-}, Pt = (e) => {
+}, yt = (e) => {
   const { heading: r, children: t, className: n, ...a } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "form",
     {
       className: l(
@@ -477,12 +442,12 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ),
       ...a,
       children: [
-        r && /* @__PURE__ */ o(Ge, { children: r }),
+        r && /* @__PURE__ */ o(Ze, { children: r }),
         /* @__PURE__ */ o("div", { className: "p-6 md:p-10", children: t })
       ]
     }
   );
-}, Ge = (e) => {
+}, Ze = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o(
     "h2",
@@ -494,7 +459,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ...t
     }
   );
-}, zt = (e) => {
+}, It = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o(
     "div",
@@ -510,7 +475,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
   );
 }, k = (e) => {
   const { children: r, className: t, ...n } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: l(
@@ -520,17 +485,17 @@ 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(te, { className: "text-red flex-shrink-0" }),
         r
       ]
     }
   );
-}, z = (e) => {
+}, P = (e) => {
   const { className: r, children: t, ...n } = e;
   return /* @__PURE__ */ o("div", { className: l(r, "text-gray-dark text-sm"), ...n, children: t });
-}, V = (e) => {
+}, z = (e) => {
   const { className: r, children: t, isRequired: n, isInvalid: a, ...s } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "label",
     {
       className: l(r, "block cursor-pointer font-semibold"),
@@ -550,9 +515,9 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, Vt = (e) => {
+}, Ct = (e) => {
   const { className: r, heading: t, text: n, ...a } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: l(
@@ -576,7 +541,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, _e = (e) => {
+}, We = (e) => {
   const { className: r, collapsed: t, step: n, onClick: a, children: s, formStatus: i } = e;
   return /* @__PURE__ */ o(
     "button",
@@ -590,7 +555,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
         "border-green bg-green text-white": t && i === "completed"
       }),
       children: /* @__PURE__ */ o(
-        $e,
+        Ke,
         {
           collapsed: t,
           step: n,
@@ -600,7 +565,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       )
     }
   );
-}, $e = (e) => {
+}, Ke = (e) => {
   const { collapsed: r, step: t, children: n, formStatus: a } = e, s = C(() => {
     switch (a) {
       case "blank":
@@ -615,10 +580,10 @@ 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(pe, { className: "h-10 w-10 md:h-12 md:w-12" });
     }
   }, [a, t, r]);
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "h2",
     {
       className: l(
@@ -657,7 +622,7 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
       ]
     }
   );
-}, me = w([
+}, le = N([
   {
     activeStep: 1,
     formData: {}
@@ -665,10 +630,10 @@ const P = w("standard"), ce = w(!0), Xe = (e, r) => {
   () => {
   }
 ]);
-function et(e) {
-  const [r, t] = A(me), n = E(async () => {
+function Xe(e) {
+  const [r, t] = A(le), n = I(async () => {
     t({ type: "PREV_STEP" });
-  }, [t]), a = E(
+  }, [t]), a = I(
     (s) => {
       t({
         type: "SET_FORM_STEP_DATA",
@@ -687,7 +652,7 @@ function et(e) {
     formData: r.formData
   };
 }
-function tt(e, r) {
+function Ye(e, r) {
   switch (r.type) {
     case "NEXT_STEP":
       return {
@@ -714,58 +679,62 @@ function tt(e, r) {
       };
   }
 }
-function Tt({ children: e }) {
-  const [r, t] = ve(tt, {
+function Et({ children: e }) {
+  const [r, t] = he(Ye, {
     activeStep: 1,
     formData: {}
   }), n = C(() => [r, t], [r, t]);
-  return /* @__PURE__ */ o(me.Provider, { value: n, children: e });
+  return /* @__PURE__ */ o(le.Provider, { value: n, children: e });
 }
-const Ft = (e) => {
+const Rt = (e) => {
   const {
     children: r,
     heading: t,
     step: n,
     formStatus: a = "blank",
     onSubmit: s,
-    ...i
-  } = e, { isActive: c, setActiveStep: u, activeStep: d } = et(n), m = R(null), h = E(() => {
-    n < d && u(n);
-  }, [d, n, u]);
-  return Re(() => {
-    var f;
-    c && ((f = m.current) == null || f.scrollIntoView({ behavior: "smooth" }));
-  }, [c]), /* @__PURE__ */ b(
+    className: i,
+    ...c
+  } = e, { isActive: m, setActiveStep: d, activeStep: u } = Xe(n), h = E(null), b = I(() => {
+    n < u && d(n);
+  }, [u, n, d]);
+  return ye(() => {
+    var p;
+    m && ((p = h.current) == null || p.scrollIntoView({ behavior: "smooth" }));
+  }, [m]), /* @__PURE__ */ f(
     "form",
     {
       className: l(
-        "border-blue-dark block overflow-hidden rounded-lg border-2",
-        { "rounded-t-2xl md:rounded-t-3xl": n === 1 },
-        { "border-none": a === "completed" && !c }
+        "border-blue-dark relative block overflow-hidden rounded-lg border-2",
+        i,
+        {
+          "rounded-t-2xl md:rounded-t-3xl": n === 1,
+          "border-none": a === "completed" && !m
+        }
       ),
       onSubmit: s,
-      ref: m,
-      ...i,
+      ref: h,
+      ...c,
       children: [
         /* @__PURE__ */ o(
-          _e,
+          We,
           {
             step: n,
             formStatus: a,
-            collapsed: !c,
-            onClick: h,
+            collapsed: !m,
+            onClick: b,
             children: t
           }
         ),
-        c && /* @__PURE__ */ o("div", { className: "p-6 md:p-10", children: r })
+        m && /* @__PURE__ */ o("div", { className: "p-6 md:p-10", children: r })
       ]
     }
   );
 };
-function ue(e) {
+function de(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 V = N({ bgColor: "white", contentPosition: "below-center", hasImage: !1 }), kt = g((e, r) => {
   const {
     bgColor: t = "white",
     children: n,
@@ -773,19 +742,19 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     contentPosition: s = "below-center",
     image: i,
     ...c
-  } = e, u = i != null, d = u ? s : "below-center", m = C(
+  } = e, m = i != null, d = m ? s : "below-center", u = C(
     () => ({
       bgColor: t,
       contentPosition: d,
-      hasImage: u
+      hasImage: m
     }),
-    [t, d, u]
+    [t, d, m]
   );
   return /* @__PURE__ */ o(
-    P.Provider,
+    M.Provider,
     {
       value: t === "white" ? "standard" : "mint",
-      children: /* @__PURE__ */ o(T.Provider, { value: m, children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ o(V.Provider, { value: u, children: /* @__PURE__ */ f(
         "div",
         {
           className: l(
@@ -796,7 +765,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: de(d) ? { gridTemplateAreas: '"hero"' } : void 0,
           ...c,
           ref: r,
           children: [
@@ -807,10 +776,10 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       ) })
     }
   );
-}), Ot = g(
+}), St = g(
   (e, r) => {
-    const { contentPosition: t } = A(T);
-    return /* @__PURE__ */ b(
+    const { contentPosition: t } = A(V);
+    return /* @__PURE__ */ f(
       "picture",
       {
         className: l(e.className, "aspect-w-6 aspect-h-7 block", {
@@ -835,10 +804,10 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), jt = g(
+), qt = 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);
-    return /* @__PURE__ */ b(
+    const { bgColor: t, contentPosition: n, hasImage: a } = A(V), { children: s, className: i, heading: c, description: m, ...d } = e, u = de(n);
+    return /* @__PURE__ */ f(
       "div",
       {
         className: l(
@@ -860,7 +829,7 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
             // Below left style
             "md:-mt-32 md:ml-[8%] md:max-w-[58%] md:text-left": n === "below-left",
             // styles for when the contain is fully contained within the image
-            "md:mx-32 md:my-9 md:w-2/5": m,
+            "md:mx-32 md:my-9 md:w-2/5": u,
             "self-end justify-self-start": n === "bottom-left",
             "self-start justify-self-start": n === "top-left",
             "self-start justify-self-end": n === "top-right",
@@ -869,19 +838,19 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
           }
         ),
         ...d,
-        style: m ? { gridArea: "hero" } : void 0,
+        style: u ? { gridArea: "hero" } : void 0,
         ref: r,
         children: [
           /* @__PURE__ */ o("h1", { children: c }),
-          u && /* @__PURE__ */ o("p", { className: "text-lg font-semibold md:text-xl", children: u }),
+          m && /* @__PURE__ */ o("p", { className: "text-lg font-semibold md:text-xl", children: m }),
           s
         ]
       }
     );
   }
-), Zt = g(
+), Lt = g(
   (e, r) => {
-    const { className: t, ...n } = e, { contentPosition: a } = A(T);
+    const { className: t, ...n } = e, { contentPosition: a } = A(V);
     return /* @__PURE__ */ o(
       "div",
       {
@@ -898,7 +867,7 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), fe = g((e, r) => {
+), ce = g((e, r) => {
   const {
     className: t,
     isInvalid: n,
@@ -906,10 +875,10 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     as: s,
     type: i,
     rightAddon: c,
-    leftAddon: u,
+    leftAddon: m,
     ...d
-  } = e, m = s ?? "input", h = rt(m, i);
-  return /* @__PURE__ */ b(
+  } = e, u = s ?? "input", h = Qe(u, i);
+  return /* @__PURE__ */ f(
     "div",
     {
       className: l(
@@ -920,14 +889,14 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
           "border-red focus-within:border-red": n,
           "w-fit": a != null,
           "w-full": a == null,
-          "pl-4": u,
+          "pl-4": m,
           "pr-4": c
         }
       ),
       children: [
-        u,
+        m,
         /* @__PURE__ */ o(
-          m,
+          u,
           {
             "aria-invalid": n,
             ref: r,
@@ -942,28 +911,28 @@ const T = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     }
   );
 });
-function rt(e, r) {
+function Qe(e, r) {
   if (r != null)
     return r;
   if (e === "input")
     return "text";
 }
-const Wt = (e) => {
+const Mt = (e) => {
   let r = "";
-  return e.icon && (r = "inline-flex items-center gap-2"), /* @__PURE__ */ b("a", { className: r, href: e.href, children: [
+  return e.icon && (r = "inline-flex items-center gap-2"), /* @__PURE__ */ f("a", { className: r, href: e.href, children: [
     e.icon,
     e.children
   ] });
-}, q = w({
-  setIsExpanded: I,
+}, S = N({
+  setIsExpanded: y,
   isExpanded: !1,
   collapsibleId: ""
-}), Kt = (e) => {
-  const { className: r, children: t, ...n } = e, a = ee(), [s, i] = M(!1), c = C(
+}), Pt = (e) => {
+  const { className: r, children: t, ...n } = e, a = _(), [s, i] = q(!1), c = C(
     () => ({ isExpanded: s, setIsExpanded: i, collapsibleId: a }),
     [s, a]
   );
-  return /* @__PURE__ */ o(P.Provider, { value: "white", children: /* @__PURE__ */ o(q.Provider, { value: c, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(M.Provider, { value: "white", children: /* @__PURE__ */ o(S.Provider, { value: c, children: /* @__PURE__ */ o(
     "div",
     {
       className: l(
@@ -974,8 +943,8 @@ const Wt = (e) => {
       children: /* @__PURE__ */ o("div", { className: "container", children: t })
     }
   ) }) });
-}, Xt = (e) => {
-  const { className: r, children: t, ...n } = e, { isExpanded: a } = A(q);
+}, zt = (e) => {
+  const { className: r, children: t, ...n } = e, { isExpanded: a } = A(S);
   return /* @__PURE__ */ o(
     "nav",
     {
@@ -990,7 +959,7 @@ const Wt = (e) => {
       children: t
     }
   );
-}, Yt = g(
+}, Vt = g(
   (e, r) => {
     const { active: t, className: n, children: a, ...s } = e;
     return /* @__PURE__ */ o(
@@ -1010,10 +979,10 @@ const Wt = (e) => {
       }
     );
   }
-), nt = () => {
-  const { isExpanded: e, setIsExpanded: r, collapsibleId: t } = A(q);
-  let n = we, a = "Meny";
-  return e && (n = ye, a = "Lukk"), /* @__PURE__ */ b(
+), Ue = () => {
+  const { isExpanded: e, setIsExpanded: r, collapsibleId: t } = A(S);
+  let n = Ae, a = "Meny";
+  return e && (n = xe, a = "Lukk"), /* @__PURE__ */ f(
     "button",
     {
       "aria-controls": t,
@@ -1027,9 +996,9 @@ const Wt = (e) => {
       ]
     }
   );
-}, Bt = (e) => {
+}, Tt = (e) => {
   const { className: r, children: t, logo: n, ...a } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: l(r, "flex items-center justify-between gap-8"),
@@ -1037,12 +1006,12 @@ const Wt = (e) => {
       children: [
         n,
         /* @__PURE__ */ o("div", { className: "hidden md:block", children: t }),
-        /* @__PURE__ */ o(nt, {})
+        /* @__PURE__ */ o(Ue, {})
       ]
     }
   );
-}, Ut = (e) => {
-  const { className: r, children: t, ...n } = e, { collapsibleId: a, isExpanded: s } = A(q);
+}, Ft = (e) => {
+  const { className: r, children: t, ...n } = e, { collapsibleId: a, isExpanded: s } = A(S);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1055,10 +1024,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) => {
+}, Jt = (e) => {
+  const { isExpanded: r } = A(S), t = Le(!1);
+  return !r || !t ? null : /* @__PURE__ */ o(O, { children: e.children });
+}, w = 2, T = N({ currentPage: 0, pageCount: 0 }), jt = (e) => {
   const {
     className: r,
     page: t,
@@ -1067,33 +1036,33 @@ const Wt = (e) => {
     getItemHref: s,
     getItemAriaLabel: i,
     nextPageAriaLabel: c,
-    prevPageAriaLabel: u,
+    prevPageAriaLabel: m,
     ...d
-  } = e, m = C(
+  } = e, u = C(
     () => ({
       currentPage: Math.max(1, Math.min(t, n)),
       pageCount: Math.max(1, n)
     }),
     [t, n]
-  ), h = (f) => (p) => {
-    a && (p.preventDefault(), a(f));
+  ), h = (b) => (p) => {
+    a && (p.preventDefault(), a(b));
   };
-  return /* @__PURE__ */ o(F.Provider, { value: m, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ o(T.Provider, { value: u, children: /* @__PURE__ */ f(
     "nav",
     {
       className: l("flex justify-center gap-2 sm:gap-4", r),
       ...d,
       children: [
         /* @__PURE__ */ o(
-          ot,
+          He,
           {
-            "aria-label": u,
+            "aria-label": m,
             href: s(t - 1),
             onClick: h(t - 1)
           }
         ),
         /* @__PURE__ */ o(
-          _,
+          G,
           {
             page: 1,
             href: s(1),
@@ -1102,20 +1071,20 @@ 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 + w * 2 && t > w + 2 && /* @__PURE__ */ o(Ge, {}),
+        /* @__PURE__ */ o(De, { children: (b) => /* @__PURE__ */ o(
+          G,
           {
-            href: s(f),
-            onClick: h(f),
-            "aria-label": i(f),
-            page: f,
-            selected: f === t
+            href: s(b),
+            onClick: h(b),
+            "aria-label": i(b),
+            page: b,
+            selected: b === t
           },
-          f
+          b
         ) }),
         /* @__PURE__ */ o(
-          at,
+          Be,
           {
             "aria-label": c,
             href: s(t + 1),
@@ -1125,33 +1094,33 @@ const Wt = (e) => {
       ]
     }
   ) });
-}, at = g((e, r) => {
-  const { currentPage: t, pageCount: n } = A(F), a = t >= n;
+}, Be = g((e, r) => {
+  const { currentPage: t, pageCount: n } = A(T), a = t >= n;
   return /* @__PURE__ */ o(
-    U,
+    Q,
     {
       "aria-hidden": a,
       className: a ? "invisible" : void 0,
       ref: r,
       rel: "next",
       ...e,
-      children: /* @__PURE__ */ o(Ie, {})
+      children: /* @__PURE__ */ o(ve, {})
     }
   );
-}), ot = g((e, r) => {
-  const { currentPage: t } = A(F), n = t <= 1;
+}), He = g((e, r) => {
+  const { currentPage: t } = A(T), n = t <= 1;
   return /* @__PURE__ */ o(
-    U,
+    Q,
     {
       "aria-hidden": n,
       className: n ? "invisible" : void 0,
       ref: r,
       rel: "prev",
       ...e,
-      children: /* @__PURE__ */ o(Ee, {})
+      children: /* @__PURE__ */ o(Ne, {})
     }
   );
-}), U = g((e, r) => {
+}), Q = g((e, r) => {
   const { className: t, ...n } = e;
   return /* @__PURE__ */ o(
     "a",
@@ -1164,38 +1133,38 @@ 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(
-    Math.max(2 + y * 2, r + y),
+}), Ge = () => /* @__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: "..." }), De = ({ children: e }) => {
+  const { currentPage: r, pageCount: t } = A(T), n = Math.min(
+    Math.max(2 + w * 2, r + w),
     t
   );
   let a = Math.max(
-    Math.min(r - y, n - y * 2),
+    Math.min(r - w, n - w * 2),
     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) => {
+  return a - w === 0 && (a = a - 1), Array.from({ length: n - a }, (i, c) => a + c + 1).map((i) => e(i));
+}, G = 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(Q, { "aria-current": n ? "page" : void 0, ref: r, ...a, children: t });
+}), me = N({
   defaultValue: void 0,
   isControlled: !1,
   name: void 0,
-  onChange: I,
+  onChange: y,
   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);
-  return /* @__PURE__ */ b("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
+}), Ot = g((e, r) => {
+  const { children: t, className: n, ...a } = e, { defaultValue: s, isControlled: i, name: c, onChange: m, required: d, value: u, error: h } = A(me);
+  return /* @__PURE__ */ f("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
     /* @__PURE__ */ o(
       "input",
       {
         className: l("radio", h && "border-red"),
         defaultChecked: i ? void 0 : a.value === s,
-        checked: i ? a.value === m : void 0,
+        checked: i ? a.value === u : void 0,
         name: c,
-        onChange: i ? u : void 0,
+        onChange: i ? m : void 0,
         required: d,
         type: "radio",
         ref: r,
@@ -1204,7 +1173,7 @@ const Wt = (e) => {
     ),
     t
   ] });
-}), Gt = g(
+}), Zt = g(
   (e, r) => {
     const t = "value" in e, {
       className: n,
@@ -1212,57 +1181,57 @@ const Wt = (e) => {
       description: s,
       error: i,
       id: c,
-      children: u,
+      children: m,
       label: d,
-      name: m,
+      name: u,
       onChange: h,
-      required: f,
+      required: b,
       value: p,
-      ...x
-    } = e, v = E(
-      (ge) => {
-        const he = ge.target.value;
-        h == null || h(he);
+      ...v
+    } = e, x = I(
+      (ue) => {
+        const be = ue.target.value;
+        h == null || h(be);
       },
       [h]
-    ), J = C(
+    ), F = C(
       () => ({
         defaultValue: a,
         isControlled: t,
-        name: m,
-        onChange: v,
-        required: f,
+        name: u,
+        onChange: x,
+        required: b,
         value: p,
         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(
+      [a, t, u, x, b, p, i]
+    ), J = R(c), U = `${J}:label`, B = `${J}:help`, H = J + "err", j = i;
+    return /* @__PURE__ */ o(me.Provider, { value: F, children: /* @__PURE__ */ f(
       "div",
       {
         "aria-describedby": l({
-          [D]: j,
-          [H]: s
+          [H]: j,
+          [B]: s
         }) || void 0,
         "aria-invalid": !!i,
-        "aria-labelledby": d ? Q : void 0,
+        "aria-labelledby": d ? U : void 0,
         className: l(n, "flex flex-col gap-4"),
         role: "radiogroup",
         ref: r,
-        ...x,
+        ...v,
         children: [
-          d && /* @__PURE__ */ o(V, { id: Q, isRequired: f, isInvalid: !!i, children: d }),
-          s && /* @__PURE__ */ o(z, { id: H, children: s }),
-          u,
-          j && /* @__PURE__ */ o(k, { id: D, children: j })
+          d && /* @__PURE__ */ o(z, { id: U, isRequired: b, isInvalid: !!i, children: d }),
+          s && /* @__PURE__ */ o(P, { id: B, children: s }),
+          m,
+          j && /* @__PURE__ */ o(k, { id: H, children: j })
         ]
       }
     ) });
   }
-), lt = g(
+), _e = 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: [
+    return /* @__PURE__ */ f("div", { className: l(n, "relative", c && "text-sm"), children: [
       /* @__PURE__ */ o(
         "select",
         {
@@ -1278,7 +1247,7 @@ const Wt = (e) => {
         }
       ),
       /* @__PURE__ */ o(
-        re,
+        ee,
         {
           className: l(
             "pointer-events-none absolute bottom-0 top-0 my-auto",
@@ -1288,7 +1257,7 @@ const Wt = (e) => {
       )
     ] });
   }
-), _t = g(
+), Wt = g(
   (e, r) => {
     const {
       description: t,
@@ -1297,41 +1266,41 @@ const Wt = (e) => {
       label: s,
       disableValidation: i = !1,
       ...c
-    } = e, u = R(null), d = X(u, r), { validity: m, validationMessage: h } = L(
-      u,
+    } = e, m = E(null), d = K(m, r), { validity: u, validationMessage: h } = L(
+      m,
       !i
-    ), f = S(a), p = f + "help", x = f + "err", v = n || h;
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+    ), b = R(a), p = b + "help", v = b + "err", x = n || h;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
-        V,
+        z,
         {
-          htmlFor: f,
+          htmlFor: b,
           isRequired: e.required,
-          isInvalid: !!n || m === "invalid",
+          isInvalid: !!n || u === "invalid",
           children: s
         }
       ),
-      t && /* @__PURE__ */ o(z, { id: p, children: t }),
+      t && /* @__PURE__ */ o(P, { id: p, children: t }),
       /* @__PURE__ */ o(
-        lt,
+        _e,
         {
-          id: f,
+          id: b,
           ref: d,
           ...c,
-          isInvalid: !!n || m === "invalid",
+          isInvalid: !!n || u === "invalid",
           "aria-describedby": l({
-            [x]: v,
+            [v]: x,
             [p]: t
           }) || void 0
         }
       ),
-      v && /* @__PURE__ */ o(k, { id: x, children: v })
+      x && /* @__PURE__ */ o(k, { id: v, children: x })
     ] });
   }
-), $t = (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" }),
+), Kt = (e) => {
+  const { heading: r, children: t, closeSnackbar: n } = e, [a, s] = q(!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__ */ f("div", { className: "snackbar grid items-center", children: [
+    /* @__PURE__ */ o(re, { className: "text-orange snackbar-icon mr-4 self-start md:mr-8 md:text-2xl" }),
     /* @__PURE__ */ o(
       "h3",
       {
@@ -1344,20 +1313,20 @@ const Wt = (e) => {
         children: r
       }
     ),
-    /* @__PURE__ */ b("div", { className: "snackbar-actions flex justify-end gap-4 max-md:mt-3 md:ml-4", children: [
+    /* @__PURE__ */ f("div", { className: "snackbar-actions flex justify-end gap-4 max-md:mt-3 md:ml-4", children: [
       /* @__PURE__ */ o(
-        $,
+        D,
         {
           "aria-expanded": a,
           onClick: () => s(!a),
           children: a ? "Les mindre" : "Les mer"
         }
       ),
-      /* @__PURE__ */ o($, { onClick: n, children: "Ok" })
+      /* @__PURE__ */ o(D, { onClick: n, children: "Ok" })
     ] }),
     a && t
   ] }) }) });
-}, $ = (e) => /* @__PURE__ */ o(
+}, D = (e) => /* @__PURE__ */ o(
   "button",
   {
     className: l(
@@ -1367,21 +1336,21 @@ const Wt = (e) => {
     ...e,
     children: e.children
   }
-), er = (e) => /* @__PURE__ */ o(
+), Xt = (e) => /* @__PURE__ */ o(
   "div",
   {
     className: "snackbar-content my-4 max-h-[50vh] max-w-prose overflow-y-auto",
     ...e,
     children: e.children
   }
-), dt = (e) => {
+), $e = (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: Z.map(t, (s) => W(s, {
     align: r
   })) });
-}, ct = (e) => {
+}, et = (e) => {
   const { className: r, children: t, bullet: n, align: a = "center", ...s } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "li",
     {
       className: l(
@@ -1391,12 +1360,12 @@ const Wt = (e) => {
       ),
       ...s,
       children: [
-        /* @__PURE__ */ o(mt, { align: a, children: n }),
+        /* @__PURE__ */ o(tt, { align: a, children: n }),
         t
       ]
     }
   );
-}, mt = ({ align: e, ...r }) => /* @__PURE__ */ o(
+}, tt = ({ align: e, ...r }) => /* @__PURE__ */ o(
   "span",
   {
     "aria-hidden": !0,
@@ -1410,8 +1379,8 @@ const Wt = (e) => {
     ...r
   }
 );
-dt.Item = ct;
-const tr = g(
+$e.Item = et;
+const Yt = g(
   (e, r) => {
     const {
       description: t,
@@ -1420,39 +1389,39 @@ const tr = g(
       label: s,
       disableValidation: i = !1,
       ...c
-    } = e, u = R(null), d = X(u, r), { validity: m, validationMessage: h } = L(
-      u,
+    } = e, m = E(null), d = K(m, r), { validity: u, validationMessage: h } = L(
+      m,
       !i
-    ), f = S(a), p = f + "help", x = f + "err", v = n || h;
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+    ), b = R(a), p = b + "help", v = b + "err", x = n || h;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
-        V,
+        z,
         {
-          htmlFor: f,
+          htmlFor: b,
           isRequired: e.required,
-          isInvalid: !!n || m === "invalid",
+          isInvalid: !!n || u === "invalid",
           children: s
         }
       ),
-      t && /* @__PURE__ */ o(z, { id: p, children: t }),
+      t && /* @__PURE__ */ o(P, { id: p, children: t }),
       /* @__PURE__ */ o(
-        fe,
+        ce,
         {
           as: "textarea",
           ref: d,
-          id: f,
+          id: b,
           ...c,
-          isInvalid: !!n || m === "invalid",
+          isInvalid: !!n || u === "invalid",
           "aria-describedby": l({
-            [x]: v,
+            [v]: x,
             [p]: t
           }) || void 0
         }
       ),
-      v && /* @__PURE__ */ o(k, { id: x, children: v })
+      x && /* @__PURE__ */ o(k, { id: v, children: x })
     ] });
   }
-), rr = g(
+), Qt = g(
   (e, r) => {
     const {
       description: t,
@@ -1461,99 +1430,98 @@ const tr = g(
       label: s,
       type: i = "text",
       disableValidation: c = !1,
-      ...u
-    } = e, d = R(null), { validity: m, validationMessage: h } = L(
+      ...m
+    } = e, d = E(null), { validity: u, validationMessage: h } = L(
       d,
       !c
-    ), f = S(a), p = f + "help", x = f + "err", v = n || h, J = X(d, r);
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+    ), b = R(a), p = b + "help", v = b + "err", x = n || h, F = K(d, r);
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
-        V,
+        z,
         {
-          htmlFor: f,
+          htmlFor: b,
           isRequired: e.required,
-          isInvalid: !!n || m === "invalid",
+          isInvalid: !!n || u === "invalid",
           children: s
         }
       ),
-      t && /* @__PURE__ */ o(z, { id: p, children: t }),
+      t && /* @__PURE__ */ o(P, { id: p, children: t }),
       /* @__PURE__ */ o(
-        fe,
+        ce,
         {
-          id: f,
-          ref: J,
+          id: b,
+          ref: F,
           type: i,
-          ...u,
-          isInvalid: !!n || m === "invalid",
+          ...m,
+          isInvalid: !!n || u === "invalid",
           "aria-describedby": l({
-            [x]: v,
+            [v]: x,
             [p]: t
           }) || void 0
         }
       ),
-      v && /* @__PURE__ */ o(k, { id: x, children: v })
+      x && /* @__PURE__ */ o(k, { id: v, children: x })
     ] });
   }
 );
 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,
-  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,
+  X as Accordion,
+  ke as AccordionContent,
+  Re as AccordionHeader,
+  Ee as AccordionItem,
+  dt as Alert,
+  mt as Banner,
+  ut as BannerImage,
+  bt as Button,
+  M as ButtonColorContext,
+  ft as Campaign,
+  ht as Card,
+  At as CardContent,
+  gt as CardImage,
+  xt as CardLinkOverlay,
+  pt as CardList,
+  vt as Checkbox,
+  Nt as Chip,
+  wt as Footer,
+  yt as Form,
+  It as FormError,
   k as FormErrorMessage,
-  Ge 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,
+  Ze as FormHeading,
+  P as FormHelperText,
+  z as FormLabel,
+  Rt as FormStep,
+  We as FormStepHeader,
+  Ke as FormStepHeaderContent,
+  Et as FormStepProvider,
+  Ct as FormSuccess,
+  kt as Hero,
+  Lt as HeroActions,
+  qt as HeroContent,
+  V as HeroContext,
+  St as HeroImage,
+  ce as Input,
+  Mt as Link,
+  Pt as Navbar,
+  Ft as NavbarCollapsible,
+  Tt as NavbarContent,
+  Jt as NavbarExpandedMobileContent,
+  Vt as NavbarItem,
+  zt as NavbarItems,
+  jt as Pagination,
+  Ot as Radio,
+  Zt as RadioGroup,
+  Wt as Select,
+  Kt as Snackbar,
+  D as SnackbarButton,
+  Xt as SnackbarContent,
+  $e as StepList,
+  et as StepListItem,
+  Yt as TextArea,
+  Qt as TextField,
+  oe as useBlockBackgroundColor,
+  R as useFallbackId,
   L as useFormControlValidity,
-  et as useFormStepContext,
-  ie as useMedia,
-  xt as usePrefersReducedMotion,
-  Ze as useScreenMaxWidthMd
+  Xe as useFormStepContext,
+  ct as usePrefersReducedMotion,
+  Le as useScreenMaxWidthMd
 };