@obosbbl/grunnmuren-react 1.12.0 → 1.12.1

package/dist/grunnmuren.mjs

@@ -1,15 +1,48 @@
 'use client';
-import { jsx as a, jsxs as b, Fragment as T } from "react/jsx-runtime";
-import { useState as E, useCallback as R, useEffect as be, useId as D, createContext as w, useContext as x, forwardRef as h, Children as F, isValidElement as _, cloneElement as Z, useRef as k, useMemo as L } from "react";
-import { ChevronDown as $, Warning as ee, InfoCircle as re, LoadingSpinner as fe, MenuAlt as ge, Close as he, ChevronRight as pe, ChevronLeft as Ae } from "@obosbbl/grunnmuren-icons";
-import xe from "react-collapsed";
-import l from "clsx";
-import W from "@seznam/compose-react-refs";
-import { useMedia as te } from "react-use";
-import { useMedia as Tr } from "react-use";
-const N = () => {
-}, ve = "(prefers-reduced-motion: reduce)", Ne = (e = !1) => te(ve, e);
-function ne(e) {
+import { jsx as a, jsxs as f, Fragment as Z } from "react/jsx-runtime";
+import he, { useState as L, useCallback as R, useEffect as pe, useId as $, createContext as y, useContext as v, forwardRef as h, Children as j, isValidElement as ee, cloneElement as W, useRef as M, useMemo as k } from "react";
+import { ChevronDown as re, Warning as te, InfoCircle as ne, LoadingSpinner as Ae, MenuAlt as ve, Close as xe, ChevronRight as Ne, ChevronLeft as we } from "@obosbbl/grunnmuren-icons";
+import ye from "react-collapsed";
+import d from "clsx";
+import K from "@seznam/compose-react-refs";
+const w = () => {
+};
+var ae = {}, x = {};
+Object.defineProperty(x, "__esModule", { value: !0 });
+x.isNavigator = x.isBrowser = x.off = x.on = x.noop = void 0;
+var Ie = function() {
+};
+x.noop = Ie;
+function Ce(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  e && e.addEventListener && e.addEventListener.apply(e, t);
+}
+x.on = Ce;
+function Ee(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  e && e.removeEventListener && e.removeEventListener.apply(e, t);
+}
+x.off = Ee;
+x.isBrowser = typeof window < "u";
+x.isNavigator = typeof navigator < "u";
+Object.defineProperty(ae, "__esModule", { value: !0 });
+var H = he, qe = x, Re = function(e, t) {
+  return t !== void 0 ? t : qe.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);
+}, Le = function(e, t) {
+  var r = H.useState(Re(e, t)), n = r[0], o = r[1];
+  return H.useEffect(function() {
+    var s = !0, i = window.matchMedia(e), c = function() {
+      s && o(!!i.matches);
+    };
+    return i.addListener(c), o(i.matches), function() {
+      s = !1, i.removeListener(c);
+    };
+  }, [e]), n;
+}, oe = ae.default = Le;
+const Me = "(prefers-reduced-motion: reduce)", ke = (e = !1) => oe(Me, e);
+function se(e) {
   switch (e) {
     case "gray":
       return "bg-gray-concrete";
@@ -21,144 +54,144 @@ function ne(e) {
       return "bg-blue-lightest";
   }
 }
-const we = (e) => te("(max-width: 767.9px)", e);
-function M(e, t = !0) {
-  const [r, n] = E("indeterminate"), [o, s] = E(), d = R((i) => {
-    i.target.checkValidity() && (n("valid"), s(void 0));
+const ze = (e) => oe("(max-width: 767.9px)", e);
+function z(e, t = !0) {
+  const [r, n] = L("indeterminate"), [o, s] = L(), i = R((l) => {
+    l.target.checkValidity() && (n("valid"), s(void 0));
   }, []), c = R(
-    (i) => {
-      r !== "indeterminate" && i.target.checkValidity() && (n("valid"), s(void 0));
+    (l) => {
+      r !== "indeterminate" && l.target.checkValidity() && (n("valid"), s(void 0));
     },
     [r]
-  ), m = R((i) => {
-    i.preventDefault();
-    const u = i.target.validationMessage;
+  ), m = R((l) => {
+    l.preventDefault();
+    const u = l.target.validationMessage;
     s(u), n("invalid");
   }, []);
-  return be(() => {
+  return pe(() => {
     var u;
-    const { current: i } = e;
+    const { current: l } = e;
     return t && // @ts-expect-error respect the <form noValidate> attribute if we are rendered inside a form
-    ((u = i == null ? void 0 : i.form) == null ? void 0 : u.noValidate) !== !0 && (i == null || i.addEventListener("blur", d), i == null || i.addEventListener("input", c), i == null || i.addEventListener("invalid", m)), () => {
-      i == null || i.removeEventListener("blur", d), i == null || i.removeEventListener("input", c), i == null || i.removeEventListener("invalid", m);
+    ((u = l == null ? void 0 : l.form) == null ? void 0 : u.noValidate) !== !0 && (l == null || l.addEventListener("blur", i), l == null || l.addEventListener("input", c), l == null || l.addEventListener("invalid", m)), () => {
+      l == null || l.removeEventListener("blur", i), l == null || l.removeEventListener("input", c), l == null || l.removeEventListener("invalid", m);
     };
   }, [t, c]), { validity: r, validationMessage: o };
 }
-function y(e) {
-  const t = D();
+function C(e) {
+  const t = $();
   return e ?? t;
 }
-const Ie = 300, ye = "duration-300", K = (e) => {
+const Pe = 300, Se = "duration-300", Y = (e) => {
   const { className: t, ...r } = e;
-  return /* @__PURE__ */ a("div", { className: l(t, "flex flex-col gap-2"), ...r });
-}, Y = w({
+  return /* @__PURE__ */ a("div", { className: d(t, "flex flex-col gap-2"), ...r });
+}, X = y({
   isExpanded: !1,
-  setExpanded: N,
+  setExpanded: w,
   // @ts-expect-error noop
-  getCollapseProps: N,
+  getCollapseProps: w,
   // @ts-expect-error noop
-  getToggleProps: N,
-  onChange: N
-}), Ce = (e) => {
-  const t = Ne(), { className: r, defaultOpen: n, onChange: o = N, open: s, ...d } = e, c = xe({
+  getToggleProps: w,
+  onChange: w
+}), Ve = (e) => {
+  const t = ke(), { className: r, defaultOpen: n, onChange: o = w, open: s, ...i } = e, c = ye({
     defaultExpanded: n,
     isExpanded: s,
-    duration: Ie,
+    duration: Pe,
     hasDisabledAnimation: t,
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)"
   });
-  return /* @__PURE__ */ a(Y.Provider, { value: { onChange: o, ...c }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(X.Provider, { value: { onChange: o, ...c }, children: /* @__PURE__ */ a(
     "div",
     {
-      className: l(
+      className: d(
         r,
         "rounded-sm border-b-2 border-l-4 border-solid",
         c.isExpanded ? "border-l-green-dark" : "border-l-green"
       ),
-      ...d
+      ...i
     }
   ) });
-}, qe = (e) => {
-  const { children: t, className: r, as: n = "h3", ...o } = e, { getToggleProps: s, onChange: d, isExpanded: c } = x(Y), m = s({ onClick: () => d(!c) });
-  return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ b(
+}, Je = (e) => {
+  const { children: t, className: r, as: n = "h3", ...o } = e, { getToggleProps: s, onChange: i, isExpanded: c } = v(X), m = s({ onClick: () => i(!c) });
+  return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ f(
     "button",
     {
-      className: l(
+      className: d(
         r,
         "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"
       ),
       ...o,
       ...m,
-      id: ae(m["aria-controls"]),
+      id: ie(m["aria-controls"]),
       children: [
         t,
         /* @__PURE__ */ a(
-          $,
+          re,
           {
-            className: `shrink-0 text-sm ${ye} group-aria-expanded:rotate-180`
+            className: `shrink-0 text-sm ${Se} group-aria-expanded:rotate-180`
           }
         )
       ]
     }
   ) });
-}, Re = (e) => {
-  const { getCollapseProps: t } = x(Y), { className: r, ...n } = e, o = t();
+}, Oe = (e) => {
+  const { getCollapseProps: t } = v(X), { className: r, ...n } = e, o = t();
   return /* @__PURE__ */ a(
     "div",
     {
       ...o,
       role: "region",
-      "aria-labelledby": ae(o.id),
-      children: /* @__PURE__ */ a("div", { className: l(r, "p-5 pb-10"), ...n })
+      "aria-labelledby": ie(o.id),
+      children: /* @__PURE__ */ a("div", { className: d(r, "p-5 pb-10"), ...n })
     }
   );
-}, ae = (e) => e + "toggle";
-K.Item = Ce;
-K.Header = qe;
-K.Content = Re;
-const tr = (e) => {
+}, ie = (e) => e + "toggle";
+Y.Item = Ve;
+Y.Header = Je;
+Y.Content = Oe;
+const mr = (e) => {
   const { className: t, children: r, heading: n, severity: o = "alert", ...s } = e;
   return /* @__PURE__ */ a(
     "section",
     {
-      className: l(t, "p-4 md:py-8", {
+      className: d(t, "p-4 md:py-8", {
         "bg-orange-light": o === "info",
         "bg-red-light": o === "alert"
       }),
       role: "alert",
       ...s,
-      children: /* @__PURE__ */ b("div", { className: "flex justify-center", children: [
+      children: /* @__PURE__ */ f("div", { className: "flex justify-center", children: [
         /* @__PURE__ */ a(
-          Ee,
+          Te,
           {
             className: "mr-4 flex-none md:mr-8 md:text-2xl",
             severity: o
           }
         ),
-        /* @__PURE__ */ b("div", { className: "w-prose flex-initial", children: [
+        /* @__PURE__ */ f("div", { className: "w-prose flex-initial", children: [
           /* @__PURE__ */ a("h2", { className: "h4 mb-2", children: n }),
           r
         ] })
       ] })
     }
   );
-}, Ee = ({ severity: e, className: t }) => e === "alert" ? /* @__PURE__ */ a(ee, { className: l(t, "text-red") }) : /* @__PURE__ */ a(re, { className: l(t, "text-orange") }), nr = (e) => {
+}, Te = ({ severity: e, className: t }) => e === "alert" ? /* @__PURE__ */ a(te, { className: d(t, "text-red") }) : /* @__PURE__ */ a(ne, { className: d(t, "text-orange") }), ur = (e) => {
   const {
     bgColor: t,
     className: r,
     children: n,
     heading: o,
     image: s,
-    ...d
-  } = e, c = ne(t);
-  return /* @__PURE__ */ a("article", { className: l(r, c, "py-8 px-4 md:py-14"), ...d, children: /* @__PURE__ */ b("div", { className: "container flex gap-4 max-md:flex-wrap md:gap-12", children: [
+    ...i
+  } = e, c = se(t);
+  return /* @__PURE__ */ a("article", { className: d(r, c, "py-8 px-4 md:py-14"), ...i, children: /* @__PURE__ */ f("div", { className: "container flex gap-4 max-md:flex-wrap md:gap-12", children: [
     s,
-    /* @__PURE__ */ b("div", { className: "w-prose", children: [
+    /* @__PURE__ */ f("div", { className: "w-prose", children: [
       o && /* @__PURE__ */ a("h2", { className: "mb-4", children: o }),
       n
     ] })
   ] }) });
-}, ar = (e) => /* @__PURE__ */ a(
+}, fr = (e) => /* @__PURE__ */ a(
   "img",
   {
     loading: "lazy",
@@ -166,29 +199,29 @@ const tr = (e) => {
     className: "w-24 flex-none self-center md:w-40 md:self-start",
     ...e
   }
-), ke = {
+), Fe = {
   "standard-primary": "bg-green border-green text-white",
   "standard-secondary": "bg-white border-green text-black",
   "light-green-primary": "bg-green-light border-green-light text-black",
   "light-green-secondary": "bg-transparent border-green-light text-green-light",
   "white-primary": "bg-white border-white text-black",
   "white-secondary": "bg-transparent border-white text-white"
-}, or = h((e, t) => {
+}, gr = h((e, t) => {
   const {
     children: r,
     className: n,
     color: o,
     href: s,
-    loading: d,
+    loading: i,
     type: c = "button",
     variant: m = "primary",
-    ...i
-  } = e, u = x(z), g = ke[`${o ?? u}-${m}`], p = l(n, g, "button"), A = d ? /* @__PURE__ */ a(Le, { children: r }) : r;
-  return /* @__PURE__ */ a(T, { children: s ? /* @__PURE__ */ a(
+    ...l
+  } = e, u = v(P), b = Fe[`${o ?? u}-${m}`], p = d(n, b, "button"), A = i ? /* @__PURE__ */ a(Ze, { children: r }) : r;
+  return /* @__PURE__ */ a(Z, { children: s ? /* @__PURE__ */ a(
     "a",
     {
-      "aria-busy": d ? !0 : void 0,
-      ...i,
+      "aria-busy": i ? !0 : void 0,
+      ...l,
       href: s,
       ref: t,
       className: p,
@@ -197,96 +230,96 @@ const tr = (e) => {
   ) : /* @__PURE__ */ a(
     "button",
     {
-      "aria-busy": d ? !0 : void 0,
-      ...i,
+      "aria-busy": i ? !0 : void 0,
+      ...l,
       type: c,
       ref: t,
       className: p,
       children: A
     }
   ) });
-}), Le = (e) => /* @__PURE__ */ b(T, { children: [
-  oe(e.children),
+}), Ze = (e) => /* @__PURE__ */ f(Z, { children: [
+  le(e.children),
   /* @__PURE__ */ a(
     "span",
     {
       className: "!visible absolute top-1 bottom-1 left-1 right-1 grid place-items-center overflow-hidden bg-inherit",
       "aria-hidden": !0,
-      children: /* @__PURE__ */ a(fe, { className: "animate-spin" })
+      children: /* @__PURE__ */ a(Ae, { className: "animate-spin" })
     }
   )
 ] });
-function oe(e) {
-  return F.map(e, (t) => {
-    if (!_(t))
+function le(e) {
+  return j.map(e, (t) => {
+    if (!ee(t))
       return typeof t == "string" ? /* @__PURE__ */ a("span", { children: t }) : t;
     if (t.props.children) {
       const r = {
-        children: oe(t.props.children)
+        children: le(t.props.children)
       };
-      t = Z(t, r);
+      t = W(t, r);
     }
     return t;
   });
 }
-const z = w("standard"), se = w(!0), Me = (e, t) => {
+const P = y("standard"), de = y(!0), je = (e, t) => {
   const {
     as: r = "div",
     body: n,
     className: o,
     image: s,
-    rightAlignBody: d = !0,
+    rightAlignBody: i = !0,
     ...c
   } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     r,
     {
-      className: l(
+      className: d(
         o,
         "grid gap-8 md:grid-flow-col md:grid-cols-[50%,50%] md:gap-0"
       ),
       ...c,
       ref: t,
       children: [
-        /* @__PURE__ */ a(se.Provider, { value: d, children: s }),
+        /* @__PURE__ */ a(de.Provider, { value: i, children: s }),
         n
       ]
     }
   );
-}, ze = h(Me), Pe = h(
+}, We = h(je), Ke = h(
   (e, t) => {
     const { className: r, ...n } = e;
     return /* @__PURE__ */ a(
       "div",
       {
-        className: l(r, "md:mx-18 self-center"),
+        className: d(r, "md:mx-18 self-center"),
         ref: t,
         ...n
       }
     );
   }
-), Ve = h(
+), Ye = h(
   (e, t) => {
-    const { className: r, children: n, ...o } = e, s = x(se), d = l(
+    const { className: r, children: n, ...o } = e, s = v(de), i = d(
       r,
       "max-md:rounded-b-3xl w-full",
       s ? "md:rounded-r-3xl" : "md:rounded-l-3xl md:order-1"
     );
-    if (_(n)) {
-      const c = F.only(n);
-      return Z(c, {
+    if (ee(n)) {
+      const c = j.only(n);
+      return W(c, {
         // @ts-expect-error assume className prop is allowed
-        className: d,
+        className: i,
         ref: t,
         ...o
       });
     }
-    return /* @__PURE__ */ a("img", { className: d, ref: t, ...o });
+    return /* @__PURE__ */ a("img", { className: i, ref: t, ...o });
   }
-), sr = Object.assign({}, ze, {
-  Body: Pe,
-  Image: Ve
-}), Se = (e, t) => {
+), br = Object.assign({}, We, {
+  Body: Ke,
+  Image: Ye
+}), Xe = (e, t) => {
   const {
     as: r = "div",
     className: n,
@@ -296,7 +329,7 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
   return /* @__PURE__ */ a(
     r,
     {
-      className: l(n, "relative overflow-hidden rounded-3xl", {
+      className: d(n, "relative overflow-hidden rounded-3xl", {
         "border-2 border-solid bg-white": o === "white",
         "bg-gray-light": o === "gray"
       }),
@@ -304,23 +337,23 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       ref: t
     }
   );
-}, ir = h(Se), lr = h(
+}, hr = h(Xe), pr = h(
   (e, t) => {
     const { className: r, ...n } = e;
     return /* @__PURE__ */ a(
       "img",
       {
-        className: l(r, "w-full object-cover"),
+        className: d(r, "w-full object-cover"),
         loading: "lazy",
         ...n,
         ref: t
       }
     );
   }
-), dr = h(
+), Ar = h(
   (e, t) => {
-    const { bgColor: r, className: n, ...o } = e, s = ne(r);
-    return /* @__PURE__ */ a("div", { className: l(s, n), children: /* @__PURE__ */ a(
+    const { bgColor: r, className: n, ...o } = e, s = se(r);
+    return /* @__PURE__ */ a("div", { className: d(s, n), children: /* @__PURE__ */ a(
       "div",
       {
         className: "container grid grid-cols-1 gap-12 py-16 md:grid-cols-2 md:py-20 lg:py-24",
@@ -329,17 +362,17 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       }
     ) });
   }
-), cr = h(
+), vr = h(
   (e, t) => {
     const { className: r, ...n } = e;
-    return /* @__PURE__ */ a("div", { className: l(r, "p-8 md:px-10"), ...n, ref: t });
+    return /* @__PURE__ */ a("div", { className: d(r, "p-8 md:px-10"), ...n, ref: t });
   }
-), mr = h((e, t) => {
+), xr = h((e, t) => {
   const { className: r, ...n } = e;
   return /* @__PURE__ */ a(
     "a",
     {
-      className: l(
+      className: d(
         r,
         "no-underline before:absolute before:top-0 before:left-0 before:block before:h-full before:w-full hover:underline"
       ),
@@ -347,26 +380,26 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       ...n
     }
   );
-}), ur = h(
+}), Nr = h(
   (e, t) => {
     const {
       children: r,
       className: n,
       error: o,
       id: s,
-      disableValidation: d = !1,
+      disableValidation: i = !1,
       ...c
-    } = e, m = k(null), { validity: i, validationMessage: u } = M(
+    } = e, m = M(null), { validity: l, validationMessage: u } = z(
       m,
-      !d
-    ), f = y(s), g = f + "err", p = o || u;
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ b("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
+      !i
+    ), g = C(s), b = g + "err", p = o || u;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ f("label", { className: d(n, "flex cursor-pointer gap-2.5"), children: [
         /* @__PURE__ */ a(
           "input",
           {
-            id: f,
-            className: l(
+            id: g,
+            className: d(
               "checkbox checked:bg-green checked:border-green grid h-[1.25em] w-[1.25em] flex-none translate-y-[0.1em] cursor-pointer appearance-none place-content-center rounded border-2 border-solid bg-white text-white focus:outline-none focus:ring-2",
               {
                 "border-gray-dark focus:ring-black": !o,
@@ -376,41 +409,41 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
             ref: t,
             type: "checkbox",
             ...c,
-            "aria-describedby": p ? g : void 0,
-            "aria-invalid": !!o || i === "invalid"
+            "aria-describedby": p ? b : void 0,
+            "aria-invalid": !!o || l === "invalid"
           }
         ),
         r
       ] }),
-      p && /* @__PURE__ */ a(C, { id: g, children: p })
+      p && /* @__PURE__ */ a(E, { id: b, children: p })
     ] });
   }
-), Je = {
+), Be = {
   "blue-light": "bg-blue-light border-blue-light",
   "red-light": "bg-red-light border-red-light",
   "green-light": "bg-green-light border-green-light",
   "orange-light": "bg-orange-light border-orange-light"
-}, je = {
+}, Qe = {
   "blue-light": "text-blue-dark",
   "red-light": "text-red",
   "green-light": "text-green",
   "orange-light": "text-black"
-}, br = (e) => {
-  const { className: t, color: r, icon: n, children: o, variant: s = "filled" } = e, d = r && Je[r], c = r && je[r];
-  return /* @__PURE__ */ b(
+}, wr = (e) => {
+  const { className: t, color: r, icon: n, children: o, variant: s = "filled" } = e, i = r && Be[r], c = r && Qe[r];
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: d(
         "inline-flex items-center gap-0.5 overflow-hidden rounded-lg border-2 text-sm font-semibold",
-        d,
+        i,
         t
       ),
       children: [
-        n && /* @__PURE__ */ a("div", { className: l("px-3 py-2", c), children: n }),
+        n && /* @__PURE__ */ a("div", { className: d("px-3 py-2", c), children: n }),
         /* @__PURE__ */ a(
           "div",
           {
-            className: l("flex-1 py-2 px-4", {
+            className: d("flex-1 py-2 px-4", {
               "bg-white": s === "outline"
             }),
             children: o
@@ -419,12 +452,12 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       ]
     }
   );
-}, fr = (e) => {
+}, yr = (e) => {
   const { className: t, children: r, ...n } = e;
-  return /* @__PURE__ */ a(z.Provider, { value: "white", children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(P.Provider, { value: "white", children: /* @__PURE__ */ a(
     "footer",
     {
-      className: l(
+      className: d(
         t,
         // calculated height for psuedo element fixes rendering artifict that sometimes occurs on specific screen sizes and zoom levels
         "bg-blue pt-18 relative pb-12 text-white before:absolute before:-top-px before:left-0 before:right-0 before:h-[calc(1.5rem_+_1px)] before:rounded-b-3xl before:bg-white "
@@ -433,41 +466,41 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       children: /* @__PURE__ */ a("div", { className: "container", children: r })
     }
   ) });
-}, gr = (e) => {
+}, Ir = (e) => {
   const { heading: t, children: r, className: n, ...o } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "form",
     {
-      className: l(
+      className: d(
         n,
         "border-blue-dark block overflow-hidden rounded-t-3xl rounded-b-lg border-2"
       ),
       ...o,
       children: [
-        t && /* @__PURE__ */ a(Oe, { children: t }),
+        t && /* @__PURE__ */ a(Ue, { children: t }),
         /* @__PURE__ */ a("div", { className: "p-6 md:p-10", children: r })
       ]
     }
   );
-}, Oe = (e) => {
+}, Ue = (e) => {
   const { className: t, ...r } = e;
   return /* @__PURE__ */ a(
     "h2",
     {
-      className: l(
+      className: d(
         t,
         "bg-blue-dark p-6 text-xl font-bold text-white md:px-10 md:py-8 md:text-2xl"
       ),
       ...r
     }
   );
-}, hr = (e) => {
+}, Cr = (e) => {
   const { className: t, ...r } = e;
   return /* @__PURE__ */ a(
     "div",
     {
       "aria-live": "polite",
-      className: l(
+      className: d(
         t,
         "border-red bg-red-light rounded-lg border-2 p-6 text-sm"
       ),
@@ -475,39 +508,39 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       children: "Beklager! Noe gikk dessverre galt under innesendingen av skjemaet. Prøv gjerne igjen om en stund."
     }
   );
-}, C = (e) => {
+}, E = (e) => {
   const { children: t, className: r, ...n } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: d(
         r,
         "bg-red-light text-red flex items-center gap-2 rounded py-1 px-2 text-sm"
       ),
       "aria-live": "polite",
       ...n,
       children: [
-        /* @__PURE__ */ a(ee, { className: "text-red flex-shrink-0" }),
+        /* @__PURE__ */ a(te, { className: "text-red flex-shrink-0" }),
         t
       ]
     }
   );
-}, P = (e) => {
+}, S = (e) => {
   const { className: t, children: r, ...n } = e;
-  return /* @__PURE__ */ a("div", { className: l(t, "text-gray-dark text-sm"), ...n, children: r });
+  return /* @__PURE__ */ a("div", { className: d(t, "text-gray-dark text-sm"), ...n, children: r });
 }, V = (e) => {
   const { className: t, children: r, isRequired: n, isInvalid: o, ...s } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "label",
     {
-      className: l(t, "block cursor-pointer font-semibold"),
+      className: d(t, "block cursor-pointer font-semibold"),
       ...s,
       children: [
         n && /* @__PURE__ */ a(
           "span",
           {
             "aria-hidden": !0,
-            className: l(
+            className: d(
               "mr-1 select-none",
               o ? "text-red" : "text-blue"
             ),
@@ -518,12 +551,12 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
       ]
     }
   );
-}, pr = (e) => {
+}, Er = (e) => {
   const { className: t, heading: r, text: n, ...o } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: d(
         t,
         "bg-gray-concrete flex flex-col gap-8 p-8 text-center"
       ),
@@ -545,58 +578,58 @@ const z = w("standard"), se = w(!0), Me = (e, t) => {
     }
   );
 };
-function ie(e) {
+function ce(e) {
   return e !== "vertical-split" && e !== "below-center" && e !== "below-left";
 }
-const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 }), Ar = h((e, t) => {
+const J = y({ bgColor: "white", contentPosition: "below-center", hasImage: !1 }), qr = h((e, t) => {
   const {
     bgColor: r = "white",
     children: n,
     className: o,
     contentPosition: s = "below-center",
-    image: d,
+    image: i,
     ...c
-  } = e, m = d != null, i = m ? s : "below-center", u = L(
+  } = e, m = i != null, l = m ? s : "below-center", u = k(
     () => ({
       bgColor: r,
-      contentPosition: i,
+      contentPosition: l,
       hasImage: m
     }),
-    [r, i, m]
+    [r, l, m]
   );
   return /* @__PURE__ */ a(
-    z.Provider,
+    P.Provider,
     {
       value: r === "white" ? "standard" : "light-green",
-      children: /* @__PURE__ */ a(S.Provider, { value: u, children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ a(J.Provider, { value: u, children: /* @__PURE__ */ f(
         "div",
         {
-          className: l(
+          className: d(
             o,
             // disable padding on small screens so the hero image is flush with the screen edges
             "container max-md:px-0 md:grid",
             {
-              "md:grid-cols-[50%,50%]": i === "vertical-split"
+              "md:grid-cols-[50%,50%]": l === "vertical-split"
             }
           ),
-          style: ie(i) ? { gridTemplateAreas: '"hero"' } : void 0,
+          style: ce(l) ? { gridTemplateAreas: '"hero"' } : void 0,
           ...c,
           ref: t,
           children: [
-            d,
+            i,
             n
           ]
         }
       ) })
     }
   );
-}), xr = h(
+}), Rr = h(
   (e, t) => {
-    const { contentPosition: r } = x(S);
-    return /* @__PURE__ */ b(
+    const { contentPosition: r } = v(J);
+    return /* @__PURE__ */ f(
       "picture",
       {
-        className: l(e.className, "aspect-w-6 aspect-h-7 block", {
+        className: d(e.className, "aspect-w-6 aspect-h-7 block", {
           "sm:aspect-w-8 sm:aspect-h-4": r !== "vertical-split",
           // calculate a square aspect ratio
           "sm:aspect-w-8 sm:aspect-h-8": r === "vertical-split"
@@ -618,14 +651,14 @@ const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), vr = h(
+), Lr = h(
   (e, t) => {
-    const { bgColor: r, contentPosition: n, hasImage: o } = x(S), { children: s, className: d, heading: c, description: m, ...i } = e, u = ie(n);
-    return /* @__PURE__ */ b(
+    const { bgColor: r, contentPosition: n, hasImage: o } = v(J), { children: s, className: i, heading: c, description: m, ...l } = e, u = ce(n);
+    return /* @__PURE__ */ f(
       "div",
       {
-        className: l(
-          d,
+        className: d(
+          i,
           "relative grid grid-flow-row grid-cols-[minmax(auto,_37rem)] content-center gap-6 rounded-3xl py-10 px-6 text-center max-md:mx-4 md:p-12",
           {
             // On mobile we use negative margin on the content to pull the content up into the image
@@ -651,7 +684,7 @@ const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
             "self-center justify-self-center": n === "center"
           }
         ),
-        ...i,
+        ...l,
         style: u ? { gridArea: "hero" } : void 0,
         ref: t,
         children: [
@@ -662,13 +695,13 @@ const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), Nr = h(
+), Mr = h(
   (e, t) => {
-    const { className: r, ...n } = e, { contentPosition: o } = x(S);
+    const { className: r, ...n } = e, { contentPosition: o } = v(J);
     return /* @__PURE__ */ a(
       "div",
       {
-        className: l(
+        className: d(
           r,
           "grid items-center justify-center justify-items-center gap-4 md:grid-flow-col",
           // Left align actions/buttons
@@ -681,21 +714,21 @@ const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
       }
     );
   }
-), le = h((e, t) => {
+), me = h((e, t) => {
   const {
     className: r,
     isInvalid: n,
     size: o,
     as: s,
-    type: d,
+    type: i,
     rightAddon: c,
     leftAddon: m,
-    ...i
-  } = e, u = s ?? "input", f = Te(u, d);
-  return /* @__PURE__ */ b(
+    ...l
+  } = e, u = s ?? "input", g = Ge(u, i);
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: d(
         r,
         "relative flex items-center rounded-lg border border-b-[3px] focus-within:-ml-[2px] focus-within:-mt-[2px] focus-within:border-[3px] focus-within:shadow",
         {
@@ -716,8 +749,8 @@ const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
             ref: t,
             className: "focus:none placeholder-gray w-full rounded-lg border-none px-4 py-3.5 focus:outline-none",
             size: o,
-            type: f,
-            ...i
+            type: g,
+            ...l
           }
         ),
         c
@@ -725,31 +758,31 @@ const S = w({ bgColor: "white", contentPosition: "below-center", hasImage: !1 })
     }
   );
 });
-function Te(e, t) {
+function Ge(e, t) {
   if (t != null)
     return t;
   if (e === "input")
     return "text";
 }
-const wr = (e) => {
+const kr = (e) => {
   let t = "";
-  return e.icon && (t = "inline-flex items-center gap-2"), /* @__PURE__ */ b("a", { className: t, href: e.href, children: [
+  return e.icon && (t = "inline-flex items-center gap-2"), /* @__PURE__ */ f("a", { className: t, href: e.href, children: [
     e.icon,
     e.children
   ] });
-}, q = w({
-  setIsExpanded: N,
+}, q = y({
+  setIsExpanded: w,
   isExpanded: !1,
   collapsibleId: ""
-}), Ir = (e) => {
-  const { className: t, children: r, ...n } = e, o = D(), [s, d] = E(!1), c = L(
-    () => ({ isExpanded: s, setIsExpanded: d, collapsibleId: o }),
+}), zr = (e) => {
+  const { className: t, children: r, ...n } = e, o = $(), [s, i] = L(!1), c = k(
+    () => ({ isExpanded: s, setIsExpanded: i, collapsibleId: o }),
     [s, o]
   );
-  return /* @__PURE__ */ a(z.Provider, { value: "white", children: /* @__PURE__ */ a(q.Provider, { value: c, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(P.Provider, { value: "white", children: /* @__PURE__ */ a(q.Provider, { value: c, children: /* @__PURE__ */ a(
     "div",
     {
-      className: l(
+      className: d(
         t,
         "bg-blue relative pt-6 pb-12 text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-6 before:rounded-t-3xl before:bg-white md:pt-8 md:pb-14"
       ),
@@ -757,12 +790,12 @@ const wr = (e) => {
       children: /* @__PURE__ */ a("div", { className: "container", children: r })
     }
   ) }) });
-}, yr = (e) => {
-  const { className: t, children: r, ...n } = e, { isExpanded: o } = x(q);
+}, Pr = (e) => {
+  const { className: t, children: r, ...n } = e, { isExpanded: o } = v(q);
   return /* @__PURE__ */ a(
     "nav",
     {
-      className: l(
+      className: d(
         t,
         "my-8 flex flex-col md:mb-0 md:flex md:flex-row md:flex-wrap md:gap-x-8",
         {
@@ -773,14 +806,14 @@ const wr = (e) => {
       children: r
     }
   );
-}, Cr = h(
+}, Sr = h(
   (e, t) => {
     const { active: r, className: n, children: o, ...s } = e;
     return /* @__PURE__ */ a(
       "a",
       {
         "aria-current": r ? "page" : void 0,
-        className: l(
+        className: d(
           n,
           "border-b border-[#0156E0] py-3 no-underline md:border-b-2 md:border-transparent md:py-2 md:hover:border-white",
           {
@@ -793,10 +826,10 @@ const wr = (e) => {
       }
     );
   }
-), Fe = () => {
-  const { isExpanded: e, setIsExpanded: t, collapsibleId: r } = x(q);
-  let n = ge, o = "Meny";
-  return e && (n = he, o = "Lukk"), /* @__PURE__ */ b(
+), He = () => {
+  const { isExpanded: e, setIsExpanded: t, collapsibleId: r } = v(q);
+  let n = ve, o = "Meny";
+  return e && (n = xe, o = "Lukk"), /* @__PURE__ */ f(
     "button",
     {
       "aria-controls": r,
@@ -810,136 +843,136 @@ const wr = (e) => {
       ]
     }
   );
-}, qr = (e) => {
+}, Vr = (e) => {
   const { className: t, children: r, logo: n, ...o } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: l(t, "flex items-center justify-between gap-8"),
+      className: d(t, "flex items-center justify-between gap-8"),
       ...o,
       children: [
         n,
         /* @__PURE__ */ a("div", { className: "hidden md:block", children: r }),
-        /* @__PURE__ */ a(Fe, {})
+        /* @__PURE__ */ a(He, {})
       ]
     }
   );
-}, Rr = (e) => {
-  const { className: t, children: r, ...n } = e, { collapsibleId: o, isExpanded: s } = x(q);
+}, Jr = (e) => {
+  const { className: t, children: r, ...n } = e, { collapsibleId: o, isExpanded: s } = v(q);
   return /* @__PURE__ */ a(
     "div",
     {
       ...n,
       "aria-hidden": !s,
-      className: l(t, "md:-mb-8 md:block", {
+      className: d(t, "md:-mb-8 md:block", {
         hidden: !s
       }),
       id: o,
       children: r
     }
   );
-}, Er = (e) => {
-  const { isExpanded: t } = x(q), r = we(!1);
-  return !t || !r ? null : /* @__PURE__ */ a(T, { children: e.children });
-}, v = 2, J = w({ currentPage: 0, pageCount: 0 }), kr = (e) => {
+}, Or = (e) => {
+  const { isExpanded: t } = v(q), r = ze(!1);
+  return !t || !r ? null : /* @__PURE__ */ a(Z, { children: e.children });
+}, N = 2, O = y({ currentPage: 0, pageCount: 0 }), Tr = (e) => {
   const {
     className: t,
     page: r,
     count: n,
     onChange: o,
     getItemHref: s,
-    getItemAriaLabel: d,
+    getItemAriaLabel: i,
     nextPageAriaLabel: c,
     prevPageAriaLabel: m,
-    ...i
-  } = e, u = L(
+    ...l
+  } = e, u = k(
     () => ({
       currentPage: Math.max(1, Math.min(r, n)),
       pageCount: Math.max(1, n)
     }),
     [r, n]
-  ), f = (g) => (p) => {
-    o && (p.preventDefault(), o(g));
+  ), g = (b) => (p) => {
+    o && (p.preventDefault(), o(b));
   };
-  return /* @__PURE__ */ a(J.Provider, { value: u, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ a(O.Provider, { value: u, children: /* @__PURE__ */ f(
     "nav",
     {
-      className: l("flex justify-center gap-2 sm:gap-4", t),
-      ...i,
+      className: d("flex justify-center gap-2 sm:gap-4", t),
+      ...l,
       children: [
         /* @__PURE__ */ a(
-          We,
+          _e,
           {
             "aria-label": m,
             href: s(r - 1),
-            onClick: f(r - 1)
+            onClick: g(r - 1)
           }
         ),
         /* @__PURE__ */ a(
-          G,
+          D,
           {
             page: 1,
             href: s(1),
-            onClick: f(1),
-            "aria-label": d(1),
+            onClick: g(1),
+            "aria-label": i(1),
             selected: r === 1
           }
         ),
-        n > 2 + v * 2 && r > v + 2 && /* @__PURE__ */ a(Ke, {}),
-        /* @__PURE__ */ a(Ye, { children: (g) => /* @__PURE__ */ a(
-          G,
+        n > 2 + N * 2 && r > N + 2 && /* @__PURE__ */ a($e, {}),
+        /* @__PURE__ */ a(er, { children: (b) => /* @__PURE__ */ a(
+          D,
           {
-            href: s(g),
-            onClick: f(g),
-            "aria-label": d(g),
-            page: g,
-            selected: g === r
+            href: s(b),
+            onClick: g(b),
+            "aria-label": i(b),
+            page: b,
+            selected: b === r
           },
-          g
+          b
         ) }),
         /* @__PURE__ */ a(
-          Ze,
+          De,
           {
             "aria-label": c,
             href: s(r + 1),
-            onClick: f(r + 1)
+            onClick: g(r + 1)
           }
         )
       ]
     }
   ) });
-}, Ze = h((e, t) => {
-  const { currentPage: r, pageCount: n } = x(J), o = r >= n;
+}, De = h((e, t) => {
+  const { currentPage: r, pageCount: n } = v(O), o = r >= n;
   return /* @__PURE__ */ a(
-    X,
+    B,
     {
       "aria-hidden": o,
       className: o ? "invisible" : void 0,
       ref: t,
       rel: "next",
       ...e,
-      children: /* @__PURE__ */ a(pe, {})
+      children: /* @__PURE__ */ a(Ne, {})
     }
   );
-}), We = h((e, t) => {
-  const { currentPage: r } = x(J), n = r <= 1;
+}), _e = h((e, t) => {
+  const { currentPage: r } = v(O), n = r <= 1;
   return /* @__PURE__ */ a(
-    X,
+    B,
     {
       "aria-hidden": n,
       className: n ? "invisible" : void 0,
       ref: t,
       rel: "prev",
       ...e,
-      children: /* @__PURE__ */ a(Ae, {})
+      children: /* @__PURE__ */ a(we, {})
     }
   );
-}), X = h((e, t) => {
+}), B = h((e, t) => {
   const { className: r, ...n } = e;
   return /* @__PURE__ */ a(
     "a",
     {
-      className: l(
+      className: d(
         r,
         "aria-[current]:border-green hover:bg-gray-concrete flex h-9 w-9 items-center justify-center rounded-lg border-2 border-transparent no-underline sm:h-10 sm:w-10"
       ),
@@ -947,39 +980,39 @@ const wr = (e) => {
       ...n
     }
   );
-}), Ke = () => /* @__PURE__ */ a("span", { className: "flex h-9 w-9 cursor-default items-center justify-center border-2 border-transparent sm:h-10 sm:w-10", children: "..." }), Ye = ({ children: e }) => {
-  const { currentPage: t, pageCount: r } = x(J), n = Math.min(
-    Math.max(2 + v * 2, t + v),
+}), $e = () => /* @__PURE__ */ a("span", { className: "flex h-9 w-9 cursor-default items-center justify-center border-2 border-transparent sm:h-10 sm:w-10", children: "..." }), er = ({ children: e }) => {
+  const { currentPage: t, pageCount: r } = v(O), n = Math.min(
+    Math.max(2 + N * 2, t + N),
     r
   );
   let o = Math.max(
-    Math.min(t - v, n - v * 2),
+    Math.min(t - N, n - N * 2),
     1
   );
-  return o - v === 0 && (o = o - 1), Array.from({ length: n - o }, (d, c) => o + c + 1).map((d) => e(d));
-}, G = h((e, t) => {
+  return o - N === 0 && (o = o - 1), Array.from({ length: n - o }, (i, c) => o + c + 1).map((i) => e(i));
+}, D = h((e, t) => {
   const { page: r, selected: n, ...o } = e;
-  return /* @__PURE__ */ a(X, { "aria-current": n ? "page" : void 0, ref: t, ...o, children: r });
-}), de = w({
+  return /* @__PURE__ */ a(B, { "aria-current": n ? "page" : void 0, ref: t, ...o, children: r });
+}), ue = y({
   defaultValue: void 0,
   isControlled: !1,
   name: void 0,
-  onChange: N,
+  onChange: w,
   required: !1,
   value: void 0,
   error: !1
-}), Lr = h((e, t) => {
-  const { children: r, className: n, ...o } = e, { defaultValue: s, isControlled: d, name: c, onChange: m, required: i, value: u, error: f } = x(de);
-  return /* @__PURE__ */ b("label", { className: l(n, "flex cursor-pointer gap-2.5"), children: [
+}), Fr = h((e, t) => {
+  const { children: r, className: n, ...o } = e, { defaultValue: s, isControlled: i, name: c, onChange: m, required: l, value: u, error: g } = v(ue);
+  return /* @__PURE__ */ f("label", { className: d(n, "flex cursor-pointer gap-2.5"), children: [
     /* @__PURE__ */ a(
       "input",
       {
-        className: l("radio", f && "border-red"),
-        defaultChecked: d ? void 0 : o.value === s,
-        checked: d ? o.value === u : void 0,
+        className: d("radio", g && "border-red"),
+        defaultChecked: i ? void 0 : o.value === s,
+        checked: i ? o.value === u : void 0,
         name: c,
-        onChange: d ? m : void 0,
-        required: i,
+        onChange: i ? m : void 0,
+        required: l,
         type: "radio",
         ref: t,
         ...o
@@ -987,71 +1020,71 @@ const wr = (e) => {
     ),
     r
   ] });
-}), Mr = h(
+}), Zr = h(
   (e, t) => {
     const r = "value" in e, {
       className: n,
       defaultValue: o,
       description: s,
-      error: d,
+      error: i,
       id: c,
       children: m,
-      label: i,
+      label: l,
       name: u,
-      onChange: f,
-      required: g,
+      onChange: g,
+      required: b,
       value: p,
       ...A
     } = e, I = R(
-      (me) => {
-        const ue = me.target.value;
-        f == null || f(ue);
+      (ge) => {
+        const be = ge.target.value;
+        g == null || g(be);
       },
-      [f]
-    ), ce = L(
+      [g]
+    ), fe = k(
       () => ({
         defaultValue: o,
         isControlled: r,
         name: u,
         onChange: I,
-        required: g,
+        required: b,
         value: p,
-        error: Boolean(d)
+        error: Boolean(i)
       }),
-      [o, r, u, I, g, p, d]
-    ), j = y(c), B = `${j}:label`, Q = `${j}:help`, U = j + "err", O = d;
-    return /* @__PURE__ */ a(de.Provider, { value: ce, children: /* @__PURE__ */ b(
+      [o, r, u, I, b, p, i]
+    ), T = C(c), Q = `${T}:label`, U = `${T}:help`, G = T + "err", F = i;
+    return /* @__PURE__ */ a(ue.Provider, { value: fe, children: /* @__PURE__ */ f(
       "div",
       {
-        "aria-describedby": l({
-          [U]: O,
-          [Q]: s
+        "aria-describedby": d({
+          [G]: F,
+          [U]: s
         }) || void 0,
-        "aria-invalid": !!d,
-        "aria-labelledby": i ? B : void 0,
-        className: l(n, "flex flex-col gap-4"),
+        "aria-invalid": !!i,
+        "aria-labelledby": l ? Q : void 0,
+        className: d(n, "flex flex-col gap-4"),
         role: "radiogroup",
         ref: t,
         ...A,
         children: [
-          i && /* @__PURE__ */ a(V, { id: B, isRequired: g, isInvalid: !!d, children: i }),
-          s && /* @__PURE__ */ a(P, { id: Q, children: s }),
+          l && /* @__PURE__ */ a(V, { id: Q, isRequired: b, isInvalid: !!i, children: l }),
+          s && /* @__PURE__ */ a(S, { id: U, children: s }),
           m,
-          O && /* @__PURE__ */ a(C, { id: U, children: O })
+          F && /* @__PURE__ */ a(E, { id: G, children: F })
         ]
       }
     ) });
   }
-), Xe = h(
+), rr = h(
   (e, t) => {
-    const { children: r, className: n, isInvalid: o, size: s, ...d } = e, c = s === "small";
-    return /* @__PURE__ */ b("div", { className: l(n, "relative", c && "text-sm"), children: [
+    const { children: r, className: n, isInvalid: o, size: s, ...i } = e, c = s === "small";
+    return /* @__PURE__ */ f("div", { className: d(n, "relative", c && "text-sm"), children: [
       /* @__PURE__ */ a(
         "select",
         {
           "aria-invalid": o,
-          ...d,
-          className: l(
+          ...i,
+          className: d(
             "w-full cursor-pointer appearance-none border border-b-[3px] bg-white focus:-mt-0.5 focus:-ml-0.5 focus:border-[3px] focus:shadow focus:outline-none",
             c ? "rounded px-3.5 py-2" : "rounded-lg px-4 py-3.5",
             o ? "border-red focus:border-red" : "focus:border-blue-dark border-black"
@@ -1061,9 +1094,9 @@ const wr = (e) => {
         }
       ),
       /* @__PURE__ */ a(
-        $,
+        re,
         {
-          className: l(
+          className: d(
             "pointer-events-none absolute top-0 bottom-0 my-auto",
             c ? "right-3.5" : "right-4"
           )
@@ -1071,54 +1104,54 @@ const wr = (e) => {
       )
     ] });
   }
-), zr = h(
+), jr = h(
   (e, t) => {
     const {
       description: r,
       error: n,
       id: o,
       label: s,
-      disableValidation: d = !1,
+      disableValidation: i = !1,
       ...c
-    } = e, m = k(null), { validity: i, validationMessage: u } = M(
+    } = e, m = M(null), { validity: l, validationMessage: u } = z(
       m,
-      !d
-    ), f = y(o), g = f + "help", p = f + "err", A = n || u;
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+      !i
+    ), g = C(o), b = g + "help", p = g + "err", A = n || u;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ a(
         V,
         {
-          htmlFor: f,
+          htmlFor: g,
           isRequired: e.required,
-          isInvalid: !!n || i === "invalid",
+          isInvalid: !!n || l === "invalid",
           children: s
         }
       ),
-      r && /* @__PURE__ */ a(P, { id: g, children: r }),
+      r && /* @__PURE__ */ a(S, { id: b, children: r }),
       /* @__PURE__ */ a(
-        Xe,
+        rr,
         {
-          id: f,
-          ref: W(m, t),
+          id: g,
+          ref: K(m, t),
           ...c,
-          isInvalid: !!n || i === "invalid",
-          "aria-describedby": l({
+          isInvalid: !!n || l === "invalid",
+          "aria-describedby": d({
             [p]: A,
-            [g]: r
+            [b]: r
           }) || void 0
         }
       ),
-      A && /* @__PURE__ */ a(C, { id: p, children: A })
+      A && /* @__PURE__ */ a(E, { id: p, children: A })
     ] });
   }
-), Pr = (e) => {
-  const { heading: t, children: r, closeSnackbar: n } = e, [o, s] = E(!1);
-  return /* @__PURE__ */ a("div", { className: "container max-w-[59rem]", children: /* @__PURE__ */ a("div", { className: "bg-orange-light px-8 py-4 max-md:p-4", children: /* @__PURE__ */ b("div", { className: "snackbar grid items-center", children: [
-    /* @__PURE__ */ a(re, { className: "text-orange snackbar-icon mr-4 self-start md:mr-8 md:text-2xl" }),
+), Wr = (e) => {
+  const { heading: t, children: r, closeSnackbar: n } = e, [o, s] = L(!1);
+  return /* @__PURE__ */ a("div", { className: "container max-w-[59rem]", children: /* @__PURE__ */ a("div", { className: "bg-orange-light px-8 py-4 max-md:p-4", children: /* @__PURE__ */ f("div", { className: "snackbar grid items-center", children: [
+    /* @__PURE__ */ a(ne, { className: "text-orange snackbar-icon mr-4 self-start md:mr-8 md:text-2xl" }),
     /* @__PURE__ */ a(
       "h3",
       {
-        className: l(
+        className: d(
           "snackbar-header min-w-0 max-w-prose text-base font-medium",
           {
             "overflow-hidden overflow-ellipsis whitespace-nowrap": !o
@@ -1127,63 +1160,63 @@ const wr = (e) => {
         children: t
       }
     ),
-    /* @__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__ */ a(
-        H,
+        _,
         {
           "aria-expanded": o,
           onClick: () => s(!o),
           children: o ? "Les mindre" : "Les mer"
         }
       ),
-      /* @__PURE__ */ a(H, { onClick: n, children: "Ok" })
+      /* @__PURE__ */ a(_, { onClick: n, children: "Ok" })
     ] }),
     o && r
   ] }) }) });
-}, H = (e) => /* @__PURE__ */ a(
+}, _ = (e) => /* @__PURE__ */ a(
   "button",
   {
-    className: l(
+    className: d(
       e.className,
       "focus-visible:ring-offset flex-shrink-0 underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black"
     ),
     ...e,
     children: e.children
   }
-), Vr = (e) => /* @__PURE__ */ a(
+), Kr = (e) => /* @__PURE__ */ a(
   "div",
   {
     className: "snackbar-content my-4 max-h-[50vh] max-w-prose overflow-y-auto",
     ...e,
     children: e.children
   }
-), Be = (e) => {
+), tr = (e) => {
   const { align: t = "center", children: r, className: n, ...o } = e;
-  return /* @__PURE__ */ a("ol", { className: l(n, "flex flex-col gap-8 md:gap-12"), ...o, children: F.map(r, (s) => Z(s, {
+  return /* @__PURE__ */ a("ol", { className: d(n, "flex flex-col gap-8 md:gap-12"), ...o, children: j.map(r, (s) => W(s, {
     align: t
   })) });
-}, Qe = (e) => {
+}, nr = (e) => {
   const { className: t, children: r, bullet: n, align: o = "center", ...s } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ f(
     "li",
     {
-      className: l(
+      className: d(
         t,
         "group relative flex gap-4 text-sm md:gap-8 md:text-base",
         { "items-center": o === "center" }
       ),
       ...s,
       children: [
-        /* @__PURE__ */ a(Ue, { align: o, children: n }),
+        /* @__PURE__ */ a(ar, { align: o, children: n }),
         r
       ]
     }
   );
-}, Ue = ({ align: e, ...t }) => /* @__PURE__ */ a(
+}, ar = ({ align: e, ...t }) => /* @__PURE__ */ a(
   "span",
   {
     "aria-hidden": !0,
-    className: l(
+    className: d(
       "text-green after:bg-gray-light before:bg-gray-light grid h-10 w-10 flex-none place-content-center justify-items-center rounded-full border-2 text-sm font-bold after:absolute after:bottom-0 after:w-0.5 after:translate-x-1/2 group-last:after:hidden md:h-20 md:w-20 md:text-xl",
       {
         "before:absolute before:top-0 before:bottom-1/2 before:w-0.5 before:-translate-y-5 before:translate-x-1/2 after:top-1/2 after:translate-y-5 group-first:before:hidden before:md:-translate-y-10 after:md:translate-y-10": e === "center",
@@ -1193,145 +1226,145 @@ const wr = (e) => {
     ...t
   }
 );
-Be.Item = Qe;
-const Sr = h(
+tr.Item = nr;
+const Yr = h(
   (e, t) => {
     const {
       description: r,
       error: n,
       id: o,
       label: s,
-      disableValidation: d = !1,
+      disableValidation: i = !1,
       ...c
-    } = e, m = k(null), { validity: i, validationMessage: u } = M(
+    } = e, m = M(null), { validity: l, validationMessage: u } = z(
       m,
-      !d
-    ), f = y(o), g = f + "help", p = f + "err", A = n || u;
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+      !i
+    ), g = C(o), b = g + "help", p = g + "err", A = n || u;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ a(
         V,
         {
-          htmlFor: f,
+          htmlFor: g,
           isRequired: e.required,
-          isInvalid: !!n || i === "invalid",
+          isInvalid: !!n || l === "invalid",
           children: s
         }
       ),
-      r && /* @__PURE__ */ a(P, { id: g, children: r }),
+      r && /* @__PURE__ */ a(S, { id: b, children: r }),
       /* @__PURE__ */ a(
-        le,
+        me,
         {
           as: "textarea",
-          ref: W(m, t),
-          id: f,
+          ref: K(m, t),
+          id: g,
           ...c,
-          isInvalid: !!n || i === "invalid",
-          "aria-describedby": l({
+          isInvalid: !!n || l === "invalid",
+          "aria-describedby": d({
             [p]: A,
-            [g]: r
+            [b]: r
           }) || void 0
         }
       ),
-      A && /* @__PURE__ */ a(C, { id: p, children: A })
+      A && /* @__PURE__ */ a(E, { id: p, children: A })
     ] });
   }
-), Jr = h(
+), Xr = h(
   (e, t) => {
     const {
       description: r,
       error: n,
       id: o,
       label: s,
-      type: d = "text",
+      type: i = "text",
       disableValidation: c = !1,
       ...m
-    } = e, i = k(null), { validity: u, validationMessage: f } = M(
-      i,
+    } = e, l = M(null), { validity: u, validationMessage: g } = z(
+      l,
       !c
-    ), g = y(o), p = g + "help", A = g + "err", I = n || f;
-    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+    ), b = C(o), p = b + "help", A = b + "err", I = n || g;
+    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ a(
         V,
         {
-          htmlFor: g,
+          htmlFor: b,
           isRequired: e.required,
           isInvalid: !!n || u === "invalid",
           children: s
         }
       ),
-      r && /* @__PURE__ */ a(P, { id: p, children: r }),
+      r && /* @__PURE__ */ a(S, { id: p, children: r }),
       /* @__PURE__ */ a(
-        le,
+        me,
         {
-          id: g,
-          ref: W(i, t),
-          type: d,
+          id: b,
+          ref: K(l, t),
+          type: i,
           ...m,
           isInvalid: !!n || u === "invalid",
-          "aria-describedby": l({
+          "aria-describedby": d({
             [A]: I,
             [p]: r
           }) || void 0
         }
       ),
-      I && /* @__PURE__ */ a(C, { id: A, children: I })
+      I && /* @__PURE__ */ a(E, { id: A, children: I })
     ] });
   }
 );
 export {
-  K as Accordion,
-  Re as AccordionContent,
-  qe as AccordionHeader,
-  Ce as AccordionItem,
-  tr as Alert,
-  nr as Banner,
-  ar as BannerImage,
-  or as Button,
-  z as ButtonColorContext,
-  sr as Campaign,
-  ir as Card,
-  cr as CardContent,
-  lr as CardImage,
-  mr as CardLinkOverlay,
-  dr as CardList,
-  ur as Checkbox,
-  br as Chip,
-  fr as Footer,
-  gr as Form,
-  hr as FormError,
-  C as FormErrorMessage,
-  Oe as FormHeading,
-  P as FormHelperText,
+  Y as Accordion,
+  Oe as AccordionContent,
+  Je as AccordionHeader,
+  Ve as AccordionItem,
+  mr as Alert,
+  ur as Banner,
+  fr as BannerImage,
+  gr as Button,
+  P as ButtonColorContext,
+  br as Campaign,
+  hr as Card,
+  vr as CardContent,
+  pr as CardImage,
+  xr as CardLinkOverlay,
+  Ar as CardList,
+  Nr as Checkbox,
+  wr as Chip,
+  yr as Footer,
+  Ir as Form,
+  Cr as FormError,
+  E as FormErrorMessage,
+  Ue as FormHeading,
+  S as FormHelperText,
   V as FormLabel,
-  pr as FormSuccess,
-  Ar as Hero,
-  Nr as HeroActions,
-  vr as HeroContent,
-  S as HeroContext,
-  xr as HeroImage,
-  le as Input,
-  wr as Link,
-  Ir as Navbar,
-  Rr as NavbarCollapsible,
-  qr as NavbarContent,
-  Er as NavbarExpandedMobileContent,
-  Cr as NavbarItem,
-  yr as NavbarItems,
-  kr as Pagination,
-  Lr as Radio,
-  Mr as RadioGroup,
-  zr as Select,
-  Pr as Snackbar,
-  H as SnackbarButton,
-  Vr as SnackbarContent,
-  Be as StepList,
-  Qe as StepListItem,
-  Sr as TextArea,
-  Jr as TextField,
-  ne as useBlockBackgroundColor,
-  y as useFallbackId,
-  M as useFormControlValidity,
-  Tr as useMedia,
-  Ne as usePrefersReducedMotion,
-  we as useScreenMaxWidthMd
+  Er as FormSuccess,
+  qr as Hero,
+  Mr as HeroActions,
+  Lr as HeroContent,
+  J as HeroContext,
+  Rr as HeroImage,
+  me as Input,
+  kr as Link,
+  zr as Navbar,
+  Jr as NavbarCollapsible,
+  Vr as NavbarContent,
+  Or as NavbarExpandedMobileContent,
+  Sr as NavbarItem,
+  Pr as NavbarItems,
+  Tr as Pagination,
+  Fr as Radio,
+  Zr as RadioGroup,
+  jr as Select,
+  Wr as Snackbar,
+  _ as SnackbarButton,
+  Kr as SnackbarContent,
+  tr as StepList,
+  nr as StepListItem,
+  Yr as TextArea,
+  Xr as TextField,
+  se as useBlockBackgroundColor,
+  C as useFallbackId,
+  z as useFormControlValidity,
+  oe as useMedia,
+  ke as usePrefersReducedMotion,
+  ze as useScreenMaxWidthMd
 };