@obosbbl/grunnmuren-react 1.11.1 → 1.12.0

package/dist/grunnmuren.mjs

@@ -0,0 +1,1337 @@
+'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) {
+  switch (e) {
+    case "gray":
+      return "bg-gray-concrete";
+    case "green":
+      return "bg-green-lightest";
+    case "yellow":
+      return "bg-yellow";
+    case "blue":
+      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));
+  }, []), c = R(
+    (i) => {
+      r !== "indeterminate" && i.target.checkValidity() && (n("valid"), s(void 0));
+    },
+    [r]
+  ), m = R((i) => {
+    i.preventDefault();
+    const u = i.target.validationMessage;
+    s(u), n("invalid");
+  }, []);
+  return be(() => {
+    var u;
+    const { current: i } = 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);
+    };
+  }, [t, c]), { validity: r, validationMessage: o };
+}
+function y(e) {
+  const t = D();
+  return e ?? t;
+}
+const Ie = 300, ye = "duration-300", K = (e) => {
+  const { className: t, ...r } = e;
+  return /* @__PURE__ */ a("div", { className: l(t, "flex flex-col gap-2"), ...r });
+}, Y = w({
+  isExpanded: !1,
+  setExpanded: N,
+  // @ts-expect-error noop
+  getCollapseProps: N,
+  // @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({
+    defaultExpanded: n,
+    isExpanded: s,
+    duration: Ie,
+    hasDisabledAnimation: t,
+    easing: "cubic-bezier(0.25, 0.1, 0.25, 1)"
+  });
+  return /* @__PURE__ */ a(Y.Provider, { value: { onChange: o, ...c }, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: l(
+        r,
+        "rounded-sm border-b-2 border-l-4 border-solid",
+        c.isExpanded ? "border-l-green-dark" : "border-l-green"
+      ),
+      ...d
+    }
+  ) });
+}, 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(
+    "button",
+    {
+      className: l(
+        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"]),
+      children: [
+        t,
+        /* @__PURE__ */ a(
+          $,
+          {
+            className: `shrink-0 text-sm ${ye} group-aria-expanded:rotate-180`
+          }
+        )
+      ]
+    }
+  ) });
+}, Re = (e) => {
+  const { getCollapseProps: t } = x(Y), { 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 })
+    }
+  );
+}, ae = (e) => e + "toggle";
+K.Item = Ce;
+K.Header = qe;
+K.Content = Re;
+const tr = (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", {
+        "bg-orange-light": o === "info",
+        "bg-red-light": o === "alert"
+      }),
+      role: "alert",
+      ...s,
+      children: /* @__PURE__ */ b("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ a(
+          Ee,
+          {
+            className: "mr-4 flex-none md:mr-8 md:text-2xl",
+            severity: o
+          }
+        ),
+        /* @__PURE__ */ b("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) => {
+  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: [
+    s,
+    /* @__PURE__ */ b("div", { className: "w-prose", children: [
+      o && /* @__PURE__ */ a("h2", { className: "mb-4", children: o }),
+      n
+    ] })
+  ] }) });
+}, ar = (e) => /* @__PURE__ */ a(
+  "img",
+  {
+    loading: "lazy",
+    decoding: "async",
+    className: "w-24 flex-none self-center md:w-40 md:self-start",
+    ...e
+  }
+), ke = {
+  "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) => {
+  const {
+    children: r,
+    className: n,
+    color: o,
+    href: s,
+    loading: d,
+    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(
+    "a",
+    {
+      "aria-busy": d ? !0 : void 0,
+      ...i,
+      href: s,
+      ref: t,
+      className: p,
+      children: A
+    }
+  ) : /* @__PURE__ */ a(
+    "button",
+    {
+      "aria-busy": d ? !0 : void 0,
+      ...i,
+      type: c,
+      ref: t,
+      className: p,
+      children: A
+    }
+  ) });
+}), Le = (e) => /* @__PURE__ */ b(T, { children: [
+  oe(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" })
+    }
+  )
+] });
+function oe(e) {
+  return F.map(e, (t) => {
+    if (!_(t))
+      return typeof t == "string" ? /* @__PURE__ */ a("span", { children: t }) : t;
+    if (t.props.children) {
+      const r = {
+        children: oe(t.props.children)
+      };
+      t = Z(t, r);
+    }
+    return t;
+  });
+}
+const z = w("standard"), se = w(!0), Me = (e, t) => {
+  const {
+    as: r = "div",
+    body: n,
+    className: o,
+    image: s,
+    rightAlignBody: d = !0,
+    ...c
+  } = e;
+  return /* @__PURE__ */ b(
+    r,
+    {
+      className: l(
+        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 }),
+        n
+      ]
+    }
+  );
+}, ze = h(Me), Pe = h(
+  (e, t) => {
+    const { className: r, ...n } = e;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: l(r, "md:mx-18 self-center"),
+        ref: t,
+        ...n
+      }
+    );
+  }
+), Ve = h(
+  (e, t) => {
+    const { className: r, children: n, ...o } = e, s = x(se), d = l(
+      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, {
+        // @ts-expect-error assume className prop is allowed
+        className: d,
+        ref: t,
+        ...o
+      });
+    }
+    return /* @__PURE__ */ a("img", { className: d, ref: t, ...o });
+  }
+), sr = Object.assign({}, ze, {
+  Body: Pe,
+  Image: Ve
+}), Se = (e, t) => {
+  const {
+    as: r = "div",
+    className: n,
+    bgColor: o = "white",
+    ...s
+  } = e;
+  return /* @__PURE__ */ a(
+    r,
+    {
+      className: l(n, "relative overflow-hidden rounded-3xl", {
+        "border-2 border-solid bg-white": o === "white",
+        "bg-gray-light": o === "gray"
+      }),
+      ...s,
+      ref: t
+    }
+  );
+}, ir = h(Se), lr = h(
+  (e, t) => {
+    const { className: r, ...n } = e;
+    return /* @__PURE__ */ a(
+      "img",
+      {
+        className: l(r, "w-full object-cover"),
+        loading: "lazy",
+        ...n,
+        ref: t
+      }
+    );
+  }
+), dr = h(
+  (e, t) => {
+    const { bgColor: r, className: n, ...o } = e, s = ne(r);
+    return /* @__PURE__ */ a("div", { className: l(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",
+        ...o,
+        ref: t
+      }
+    ) });
+  }
+), cr = h(
+  (e, t) => {
+    const { className: r, ...n } = e;
+    return /* @__PURE__ */ a("div", { className: l(r, "p-8 md:px-10"), ...n, ref: t });
+  }
+), mr = h((e, t) => {
+  const { className: r, ...n } = e;
+  return /* @__PURE__ */ a(
+    "a",
+    {
+      className: l(
+        r,
+        "no-underline before:absolute before:top-0 before:left-0 before:block before:h-full before:w-full hover:underline"
+      ),
+      ref: t,
+      ...n
+    }
+  );
+}), ur = h(
+  (e, t) => {
+    const {
+      children: r,
+      className: n,
+      error: o,
+      id: s,
+      disableValidation: d = !1,
+      ...c
+    } = e, m = k(null), { validity: i, validationMessage: u } = M(
+      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: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            id: f,
+            className: l(
+              "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,
+                "border-red focus:ring-red": !!o
+              }
+            ),
+            ref: t,
+            type: "checkbox",
+            ...c,
+            "aria-describedby": p ? g : void 0,
+            "aria-invalid": !!o || i === "invalid"
+          }
+        ),
+        r
+      ] }),
+      p && /* @__PURE__ */ a(C, { id: g, children: p })
+    ] });
+  }
+), Je = {
+  "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 = {
+  "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(
+    "div",
+    {
+      className: l(
+        "inline-flex items-center gap-0.5 overflow-hidden rounded-lg border-2 text-sm font-semibold",
+        d,
+        t
+      ),
+      children: [
+        n && /* @__PURE__ */ a("div", { className: l("px-3 py-2", c), children: n }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: l("flex-1 py-2 px-4", {
+              "bg-white": s === "outline"
+            }),
+            children: o
+          }
+        )
+      ]
+    }
+  );
+}, fr = (e) => {
+  const { className: t, children: r, ...n } = e;
+  return /* @__PURE__ */ a(z.Provider, { value: "white", children: /* @__PURE__ */ a(
+    "footer",
+    {
+      className: l(
+        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 "
+      ),
+      ...n,
+      children: /* @__PURE__ */ a("div", { className: "container", children: r })
+    }
+  ) });
+}, gr = (e) => {
+  const { heading: t, children: r, className: n, ...o } = e;
+  return /* @__PURE__ */ b(
+    "form",
+    {
+      className: l(
+        n,
+        "border-blue-dark block overflow-hidden rounded-t-3xl rounded-b-lg border-2"
+      ),
+      ...o,
+      children: [
+        t && /* @__PURE__ */ a(Oe, { children: t }),
+        /* @__PURE__ */ a("div", { className: "p-6 md:p-10", children: r })
+      ]
+    }
+  );
+}, Oe = (e) => {
+  const { className: t, ...r } = e;
+  return /* @__PURE__ */ a(
+    "h2",
+    {
+      className: l(
+        t,
+        "bg-blue-dark p-6 text-xl font-bold text-white md:px-10 md:py-8 md:text-2xl"
+      ),
+      ...r
+    }
+  );
+}, hr = (e) => {
+  const { className: t, ...r } = e;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "aria-live": "polite",
+      className: l(
+        t,
+        "border-red bg-red-light rounded-lg border-2 p-6 text-sm"
+      ),
+      ...r,
+      children: "Beklager! Noe gikk dessverre galt under innesendingen av skjemaet. Prøv gjerne igjen om en stund."
+    }
+  );
+}, C = (e) => {
+  const { children: t, className: r, ...n } = e;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: l(
+        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" }),
+        t
+      ]
+    }
+  );
+}, P = (e) => {
+  const { className: t, children: r, ...n } = e;
+  return /* @__PURE__ */ a("div", { className: l(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(
+    "label",
+    {
+      className: l(t, "block cursor-pointer font-semibold"),
+      ...s,
+      children: [
+        n && /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: l(
+              "mr-1 select-none",
+              o ? "text-red" : "text-blue"
+            ),
+            children: "*"
+          }
+        ),
+        r
+      ]
+    }
+  );
+}, pr = (e) => {
+  const { className: t, heading: r, text: n, ...o } = e;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: l(
+        t,
+        "bg-gray-concrete flex flex-col gap-8 p-8 text-center"
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ a(
+          "img",
+          {
+            className: "mx-auto",
+            alt: "Innsending fullført",
+            height: "220",
+            width: "247",
+            src: "data:image/png;base64,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"
+          }
+        ),
+        r && /* @__PURE__ */ a("h2", { className: "text-blue text-2xl", children: r }),
+        n && /* @__PURE__ */ a("p", { className: "text-lg", children: n })
+      ]
+    }
+  );
+};
+function ie(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 {
+    bgColor: r = "white",
+    children: n,
+    className: o,
+    contentPosition: s = "below-center",
+    image: d,
+    ...c
+  } = e, m = d != null, i = m ? s : "below-center", u = L(
+    () => ({
+      bgColor: r,
+      contentPosition: i,
+      hasImage: m
+    }),
+    [r, i, m]
+  );
+  return /* @__PURE__ */ a(
+    z.Provider,
+    {
+      value: r === "white" ? "standard" : "light-green",
+      children: /* @__PURE__ */ a(S.Provider, { value: u, children: /* @__PURE__ */ b(
+        "div",
+        {
+          className: l(
+            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"
+            }
+          ),
+          style: ie(i) ? { gridTemplateAreas: '"hero"' } : void 0,
+          ...c,
+          ref: t,
+          children: [
+            d,
+            n
+          ]
+        }
+      ) })
+    }
+  );
+}), xr = h(
+  (e, t) => {
+    const { contentPosition: r } = x(S);
+    return /* @__PURE__ */ b(
+      "picture",
+      {
+        className: l(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"
+        }),
+        style: r !== "vertical-split" && r !== "below-center" && r !== "below-left" ? { gridArea: "hero" } : void 0,
+        ref: t,
+        children: [
+          /* @__PURE__ */ a("source", { media: "(min-width: 768px)", srcSet: e.mdSrc }),
+          /* @__PURE__ */ a(
+            "img",
+            {
+              className: "object-cover",
+              decoding: "async",
+              src: e.src,
+              alt: e.alt
+            }
+          )
+        ]
+      }
+    );
+  }
+), vr = 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(
+      "div",
+      {
+        className: l(
+          d,
+          "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
+            "max-md:-mt-18": o,
+            "text-white": r !== "white",
+            "bg-green-dark": r === "green",
+            "bg-blue-dark": r === "blue",
+            "bg-white": r === "white",
+            // vertical split
+            // vertically center the content, remove the border radius on the edge, add some negative margin to pull the image beneath the hero content, left align the content
+            "md:z-10 md:-order-1 md:mt-0 md:-mr-5 md:justify-center md:rounded-l-none md:text-left": n === "vertical-split",
+            // below center/content header
+            "justify-center md:mx-auto md:w-4/5": n === "below-center",
+            "md:-mt-18": o && n === "below-center",
+            // Below left style
+            "md:ml-[8%] md:-mt-32 md:max-w-[58%] md:text-left": n === "below-left",
+            // styles for when the contain is fully contained within the image
+            "md:my-9 md:mx-32 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",
+            "self-end justify-self-end": n === "bottom-right",
+            "self-center justify-self-center": n === "center"
+          }
+        ),
+        ...i,
+        style: u ? { gridArea: "hero" } : void 0,
+        ref: t,
+        children: [
+          /* @__PURE__ */ a("h1", { children: c }),
+          m && /* @__PURE__ */ a("p", { className: "text-lg font-semibold md:text-xl", children: m }),
+          s
+        ]
+      }
+    );
+  }
+), Nr = h(
+  (e, t) => {
+    const { className: r, ...n } = e, { contentPosition: o } = x(S);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: l(
+          r,
+          "grid items-center justify-center justify-items-center gap-4 md:grid-flow-col",
+          // Left align actions/buttons
+          {
+            "md:justify-start": o === "vertical-split" || o === "below-left"
+          }
+        ),
+        ...n,
+        ref: t
+      }
+    );
+  }
+), le = h((e, t) => {
+  const {
+    className: r,
+    isInvalid: n,
+    size: o,
+    as: s,
+    type: d,
+    rightAddon: c,
+    leftAddon: m,
+    ...i
+  } = e, u = s ?? "input", f = Te(u, d);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: l(
+        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",
+        {
+          "focus-within:border-blue-dark border-black": !n,
+          "border-red focus-within:border-red": n,
+          "w-fit": o != null,
+          "w-full": o == null,
+          "pl-4": m,
+          "pr-4": c
+        }
+      ),
+      children: [
+        m,
+        /* @__PURE__ */ a(
+          u,
+          {
+            "aria-invalid": n,
+            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
+          }
+        ),
+        c
+      ]
+    }
+  );
+});
+function Te(e, t) {
+  if (t != null)
+    return t;
+  if (e === "input")
+    return "text";
+}
+const wr = (e) => {
+  let t = "";
+  return e.icon && (t = "inline-flex items-center gap-2"), /* @__PURE__ */ b("a", { className: t, href: e.href, children: [
+    e.icon,
+    e.children
+  ] });
+}, q = w({
+  setIsExpanded: N,
+  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 }),
+    [s, o]
+  );
+  return /* @__PURE__ */ a(z.Provider, { value: "white", children: /* @__PURE__ */ a(q.Provider, { value: c, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: l(
+        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"
+      ),
+      ...n,
+      children: /* @__PURE__ */ a("div", { className: "container", children: r })
+    }
+  ) }) });
+}, yr = (e) => {
+  const { className: t, children: r, ...n } = e, { isExpanded: o } = x(q);
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      className: l(
+        t,
+        "my-8 flex flex-col md:mb-0 md:flex md:flex-row md:flex-wrap md:gap-x-8",
+        {
+          hidden: !o
+        }
+      ),
+      ...n,
+      children: r
+    }
+  );
+}, Cr = h(
+  (e, t) => {
+    const { active: r, className: n, children: o, ...s } = e;
+    return /* @__PURE__ */ a(
+      "a",
+      {
+        "aria-current": r ? "page" : void 0,
+        className: l(
+          n,
+          "border-b border-[#0156E0] py-3 no-underline md:border-b-2 md:border-transparent md:py-2 md:hover:border-white",
+          {
+            "md:bg-blue-dark font-bold md:-mx-3 md:rounded-t-lg md:px-3": r
+          }
+        ),
+        ref: t,
+        ...s,
+        children: o
+      }
+    );
+  }
+), Fe = () => {
+  const { isExpanded: e, setIsExpanded: t, collapsibleId: r } = x(q);
+  let n = ge, o = "Meny";
+  return e && (n = he, o = "Lukk"), /* @__PURE__ */ b(
+    "button",
+    {
+      "aria-controls": r,
+      "aria-expanded": e,
+      className: "inline-flex items-center gap-2 md:hidden",
+      onClick: () => t((s) => !s),
+      children: [
+        o,
+        " ",
+        /* @__PURE__ */ a(n, {})
+      ]
+    }
+  );
+}, qr = (e) => {
+  const { className: t, children: r, logo: n, ...o } = e;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: l(t, "flex items-center justify-between gap-8"),
+      ...o,
+      children: [
+        n,
+        /* @__PURE__ */ a("div", { className: "hidden md:block", children: r }),
+        /* @__PURE__ */ a(Fe, {})
+      ]
+    }
+  );
+}, Rr = (e) => {
+  const { className: t, children: r, ...n } = e, { collapsibleId: o, isExpanded: s } = x(q);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...n,
+      "aria-hidden": !s,
+      className: l(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) => {
+  const {
+    className: t,
+    page: r,
+    count: n,
+    onChange: o,
+    getItemHref: s,
+    getItemAriaLabel: d,
+    nextPageAriaLabel: c,
+    prevPageAriaLabel: m,
+    ...i
+  } = e, u = L(
+    () => ({
+      currentPage: Math.max(1, Math.min(r, n)),
+      pageCount: Math.max(1, n)
+    }),
+    [r, n]
+  ), f = (g) => (p) => {
+    o && (p.preventDefault(), o(g));
+  };
+  return /* @__PURE__ */ a(J.Provider, { value: u, children: /* @__PURE__ */ b(
+    "nav",
+    {
+      className: l("flex justify-center gap-2 sm:gap-4", t),
+      ...i,
+      children: [
+        /* @__PURE__ */ a(
+          We,
+          {
+            "aria-label": m,
+            href: s(r - 1),
+            onClick: f(r - 1)
+          }
+        ),
+        /* @__PURE__ */ a(
+          G,
+          {
+            page: 1,
+            href: s(1),
+            onClick: f(1),
+            "aria-label": d(1),
+            selected: r === 1
+          }
+        ),
+        n > 2 + v * 2 && r > v + 2 && /* @__PURE__ */ a(Ke, {}),
+        /* @__PURE__ */ a(Ye, { children: (g) => /* @__PURE__ */ a(
+          G,
+          {
+            href: s(g),
+            onClick: f(g),
+            "aria-label": d(g),
+            page: g,
+            selected: g === r
+          },
+          g
+        ) }),
+        /* @__PURE__ */ a(
+          Ze,
+          {
+            "aria-label": c,
+            href: s(r + 1),
+            onClick: f(r + 1)
+          }
+        )
+      ]
+    }
+  ) });
+}, Ze = h((e, t) => {
+  const { currentPage: r, pageCount: n } = x(J), o = r >= n;
+  return /* @__PURE__ */ a(
+    X,
+    {
+      "aria-hidden": o,
+      className: o ? "invisible" : void 0,
+      ref: t,
+      rel: "next",
+      ...e,
+      children: /* @__PURE__ */ a(pe, {})
+    }
+  );
+}), We = h((e, t) => {
+  const { currentPage: r } = x(J), n = r <= 1;
+  return /* @__PURE__ */ a(
+    X,
+    {
+      "aria-hidden": n,
+      className: n ? "invisible" : void 0,
+      ref: t,
+      rel: "prev",
+      ...e,
+      children: /* @__PURE__ */ a(Ae, {})
+    }
+  );
+}), X = h((e, t) => {
+  const { className: r, ...n } = e;
+  return /* @__PURE__ */ a(
+    "a",
+    {
+      className: l(
+        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"
+      ),
+      ref: t,
+      ...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),
+    r
+  );
+  let o = Math.max(
+    Math.min(t - v, n - v * 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) => {
+  const { page: r, selected: n, ...o } = e;
+  return /* @__PURE__ */ a(X, { "aria-current": n ? "page" : void 0, ref: t, ...o, children: r });
+}), de = w({
+  defaultValue: void 0,
+  isControlled: !1,
+  name: void 0,
+  onChange: N,
+  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: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        className: l("radio", f && "border-red"),
+        defaultChecked: d ? void 0 : o.value === s,
+        checked: d ? o.value === u : void 0,
+        name: c,
+        onChange: d ? m : void 0,
+        required: i,
+        type: "radio",
+        ref: t,
+        ...o
+      }
+    ),
+    r
+  ] });
+}), Mr = h(
+  (e, t) => {
+    const r = "value" in e, {
+      className: n,
+      defaultValue: o,
+      description: s,
+      error: d,
+      id: c,
+      children: m,
+      label: i,
+      name: u,
+      onChange: f,
+      required: g,
+      value: p,
+      ...A
+    } = e, I = R(
+      (me) => {
+        const ue = me.target.value;
+        f == null || f(ue);
+      },
+      [f]
+    ), ce = L(
+      () => ({
+        defaultValue: o,
+        isControlled: r,
+        name: u,
+        onChange: I,
+        required: g,
+        value: p,
+        error: Boolean(d)
+      }),
+      [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(
+      "div",
+      {
+        "aria-describedby": l({
+          [U]: O,
+          [Q]: s
+        }) || void 0,
+        "aria-invalid": !!d,
+        "aria-labelledby": i ? B : void 0,
+        className: l(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 }),
+          m,
+          O && /* @__PURE__ */ a(C, { id: U, children: O })
+        ]
+      }
+    ) });
+  }
+), Xe = 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: [
+      /* @__PURE__ */ a(
+        "select",
+        {
+          "aria-invalid": o,
+          ...d,
+          className: l(
+            "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"
+          ),
+          ref: t,
+          children: r
+        }
+      ),
+      /* @__PURE__ */ a(
+        $,
+        {
+          className: l(
+            "pointer-events-none absolute top-0 bottom-0 my-auto",
+            c ? "right-3.5" : "right-4"
+          )
+        }
+      )
+    ] });
+  }
+), zr = h(
+  (e, t) => {
+    const {
+      description: r,
+      error: n,
+      id: o,
+      label: s,
+      disableValidation: d = !1,
+      ...c
+    } = e, m = k(null), { validity: i, validationMessage: u } = M(
+      m,
+      !d
+    ), f = y(o), g = f + "help", p = f + "err", A = n || u;
+    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ a(
+        V,
+        {
+          htmlFor: f,
+          isRequired: e.required,
+          isInvalid: !!n || i === "invalid",
+          children: s
+        }
+      ),
+      r && /* @__PURE__ */ a(P, { id: g, children: r }),
+      /* @__PURE__ */ a(
+        Xe,
+        {
+          id: f,
+          ref: W(m, t),
+          ...c,
+          isInvalid: !!n || i === "invalid",
+          "aria-describedby": l({
+            [p]: A,
+            [g]: r
+          }) || void 0
+        }
+      ),
+      A && /* @__PURE__ */ a(C, { 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" }),
+    /* @__PURE__ */ a(
+      "h3",
+      {
+        className: l(
+          "snackbar-header min-w-0 max-w-prose text-base font-medium",
+          {
+            "overflow-hidden overflow-ellipsis whitespace-nowrap": !o
+          }
+        ),
+        children: t
+      }
+    ),
+    /* @__PURE__ */ b("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" })
+    ] }),
+    o && r
+  ] }) }) });
+}, H = (e) => /* @__PURE__ */ a(
+  "button",
+  {
+    className: l(
+      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(
+  "div",
+  {
+    className: "snackbar-content my-4 max-h-[50vh] max-w-prose overflow-y-auto",
+    ...e,
+    children: e.children
+  }
+), Be = (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, {
+    align: t
+  })) });
+}, Qe = (e) => {
+  const { className: t, children: r, bullet: n, align: o = "center", ...s } = e;
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      className: l(
+        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 }),
+        r
+      ]
+    }
+  );
+}, Ue = ({ align: e, ...t }) => /* @__PURE__ */ a(
+  "span",
+  {
+    "aria-hidden": !0,
+    className: l(
+      "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",
+        "after:top-10 after:-bottom-8 after:md:-bottom-12 after:md:top-20": e === "top"
+      }
+    ),
+    ...t
+  }
+);
+Be.Item = Qe;
+const Sr = h(
+  (e, t) => {
+    const {
+      description: r,
+      error: n,
+      id: o,
+      label: s,
+      disableValidation: d = !1,
+      ...c
+    } = e, m = k(null), { validity: i, validationMessage: u } = M(
+      m,
+      !d
+    ), f = y(o), g = f + "help", p = f + "err", A = n || u;
+    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ a(
+        V,
+        {
+          htmlFor: f,
+          isRequired: e.required,
+          isInvalid: !!n || i === "invalid",
+          children: s
+        }
+      ),
+      r && /* @__PURE__ */ a(P, { id: g, children: r }),
+      /* @__PURE__ */ a(
+        le,
+        {
+          as: "textarea",
+          ref: W(m, t),
+          id: f,
+          ...c,
+          isInvalid: !!n || i === "invalid",
+          "aria-describedby": l({
+            [p]: A,
+            [g]: r
+          }) || void 0
+        }
+      ),
+      A && /* @__PURE__ */ a(C, { id: p, children: A })
+    ] });
+  }
+), Jr = h(
+  (e, t) => {
+    const {
+      description: r,
+      error: n,
+      id: o,
+      label: s,
+      type: d = "text",
+      disableValidation: c = !1,
+      ...m
+    } = e, i = k(null), { validity: u, validationMessage: f } = M(
+      i,
+      !c
+    ), g = y(o), p = g + "help", A = g + "err", I = n || f;
+    return /* @__PURE__ */ b("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ a(
+        V,
+        {
+          htmlFor: g,
+          isRequired: e.required,
+          isInvalid: !!n || u === "invalid",
+          children: s
+        }
+      ),
+      r && /* @__PURE__ */ a(P, { id: p, children: r }),
+      /* @__PURE__ */ a(
+        le,
+        {
+          id: g,
+          ref: W(i, t),
+          type: d,
+          ...m,
+          isInvalid: !!n || u === "invalid",
+          "aria-describedby": l({
+            [A]: I,
+            [p]: r
+          }) || void 0
+        }
+      ),
+      I && /* @__PURE__ */ a(C, { 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,
+  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
+};