@obosbbl/grunnmuren-react 1.14.11 → 2.0.0-canary.0

package/dist/grunnmuren.mjs

@@ -1,1551 +0,0 @@
-'use client';
-import { jsx as o, jsxs as f, Fragment as O } from "react/jsx-runtime";
-import { createContext as y, useContext as A, useState as q, useCallback as N, useEffect as fe, useId as ee, forwardRef as h, Children as Z, isValidElement as W, cloneElement as K, useRef as E, useMemo as C, useReducer as ge } from "react";
-import { ChevronDown as te, Warning as re, InfoCircle as ne, LoadingSpinner as he, CheckCircle as pe, MenuAlt as Ae, Close as xe, ChevronRight as ve, ChevronLeft as Ne } from "@obosbbl/grunnmuren-icons";
-import { useCollapse as ye } from "react-collapsed";
-import d from "clsx";
-import { useMediaQuery as ae, useUpdateEffect as we } from "@react-hookz/web";
-import { mergeRefs as X } from "react-merge-refs";
-const I = () => {
-}, Ie = 300, Ce = "duration-300", Y = (e) => {
-  const { className: r, ...t } = e;
-  return /* @__PURE__ */ o("div", { className: d(r, "flex flex-col gap-2"), ...t });
-}, Q = y({
-  isExpanded: !1,
-  setExpanded: I,
-  // @ts-expect-error noop
-  getCollapseProps: I,
-  // @ts-expect-error noop
-  getToggleProps: I,
-  onChange: I
-}), Ee = (e) => {
-  const { className: r, defaultOpen: t, onChange: n = I, open: a, ...s } = e, i = ye({
-    defaultExpanded: t,
-    isExpanded: a,
-    duration: Ie,
-    easing: "cubic-bezier(0.25, 0.1, 0.25, 1)"
-  });
-  return /* @__PURE__ */ o(Q.Provider, { value: { onChange: n, ...i }, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: d(
-        r,
-        "rounded-sm border-b-2 border-l-4 border-solid",
-        i.isExpanded ? "border-l-green-dark" : "border-l-green"
-      ),
-      ...s
-    }
-  ) });
-}, Se = (e) => {
-  const { children: r, className: t, as: n = "h3", ...a } = e, { getToggleProps: s, onChange: i, isExpanded: c } = A(Q), u = s({ onClick: () => i(!c) });
-  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ f(
-    "button",
-    {
-      className: d(
-        t,
-        "focus-visible:outline-blue-dark aria-expanded:bg-green-dark group flex min-h-[4rem] w-full items-center justify-between px-5 py-4 text-left text-lg font-semibold focus:outline-none focus-visible:outline-4 focus-visible:outline-offset-0 aria-expanded:text-white"
-      ),
-      ...a,
-      ...u,
-      id: oe(u["aria-controls"]),
-      children: [
-        r,
-        /* @__PURE__ */ o(
-          te,
-          {
-            className: `shrink-0 text-sm ${Ce} group-aria-expanded:rotate-180`
-          }
-        )
-      ]
-    }
-  ) });
-}, Re = (e) => {
-  const { getCollapseProps: r } = A(Q), { className: t, ...n } = e, a = r();
-  return /* @__PURE__ */ o("div", { ...a, "aria-labelledby": oe(a.id), children: /* @__PURE__ */ o("div", { className: d(t, "p-5 pb-10"), ...n }) });
-}, oe = (e) => e + "toggle";
-Y.Item = Ee;
-Y.Header = Se;
-Y.Content = Re;
-const dt = (e) => {
-  const { className: r, children: t, heading: n, severity: a = "alert", ...s } = e;
-  return /* @__PURE__ */ o(
-    "section",
-    {
-      className: d(r, "p-4 md:py-8", {
-        "bg-orange-light": a === "info",
-        "bg-red-light": a === "alert"
-      }),
-      role: "alert",
-      ...s,
-      children: /* @__PURE__ */ f("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ o(
-          ke,
-          {
-            className: "mr-4 flex-none md:mr-8 md:text-2xl",
-            severity: a
-          }
-        ),
-        /* @__PURE__ */ f("div", { className: "w-prose flex-initial", children: [
-          /* @__PURE__ */ o("h2", { className: "h4 mb-2", children: n }),
-          t
-        ] })
-      ] })
-    }
-  );
-}, ke = ({ severity: e, className: r }) => e === "alert" ? /* @__PURE__ */ o(re, { className: d(r, "text-red") }) : /* @__PURE__ */ o(ne, { className: d(r, "text-orange") }), qe = "(prefers-reduced-motion: reduce)", ct = (e = !1) => ae(qe, { initializeWithValue: e });
-function se(e) {
-  switch (e) {
-    case "gray":
-      return "bg-gray-lightest";
-    case "green":
-    case "mint":
-      return "bg-mint-light";
-    case "yellow":
-      return "bg-yellow";
-    case "blue":
-    case "sky":
-      return "bg-sky-light";
-  }
-}
-const Pe = (e) => ae("(max-width: 767.9px)", { initializeWithValue: e });
-function P(e, r = !0) {
-  const [t, n] = q("indeterminate"), [a, s] = q(), i = N((l) => {
-    l.target.checkValidity() && (n("valid"), s(void 0));
-  }, []), c = N(
-    (l) => {
-      t !== "indeterminate" && l.target.checkValidity() && (n("valid"), s(void 0));
-    },
-    [t]
-  ), u = N((l) => {
-    l.preventDefault();
-    const m = l.target.validationMessage;
-    s(m), n("invalid");
-  }, []);
-  return fe(() => {
-    var m;
-    const { current: l } = e;
-    return r && // @ts-expect-error respect the <form noValidate> attribute if we are rendered inside a form
-    ((m = l == null ? void 0 : l.form) == null ? void 0 : m.noValidate) !== !0 && (l == null || l.addEventListener("blur", i), l == null || l.addEventListener("input", c), l == null || l.addEventListener("invalid", u)), () => {
-      l == null || l.removeEventListener("blur", i), l == null || l.removeEventListener("input", c), l == null || l.removeEventListener("invalid", u);
-    };
-  }, [r, c]), { validity: t, validationMessage: a };
-}
-function S(e) {
-  const r = ee();
-  return e ?? r;
-}
-const mt = (e) => {
-  const {
-    bgColor: r,
-    className: t,
-    children: n,
-    heading: a,
-    image: s,
-    ...i
-  } = e, c = se(r);
-  return /* @__PURE__ */ o("article", { className: d(t, c, "px-4 py-8 md:py-14"), ...i, children: /* @__PURE__ */ f("div", { className: "container flex flex-col justify-center gap-4 md:flex-row md:gap-12", children: [
-    s,
-    /* @__PURE__ */ f("div", { className: "max-w-prose", children: [
-      a && /* @__PURE__ */ o("h2", { className: "h3 mb-4", children: a }),
-      n
-    ] })
-  ] }) });
-}, ut = (e) => /* @__PURE__ */ o(
-  "img",
-  {
-    loading: "lazy",
-    decoding: "async",
-    className: "w-20 flex-none self-center md:w-32 md:self-start",
-    ...e
-  }
-), Le = {
-  "standard-primary": "bg-green border-green text-white",
-  "standard-secondary": "bg-white border-green text-black",
-  "mint-primary": "bg-mint border-mint text-black",
-  "mint-secondary": "bg-transparent border-mint text-mint",
-  "white-primary": "bg-white border-white text-black",
-  "white-secondary": "bg-transparent border-white text-white",
-  "light-green-primary": "bg-green-light border-green-light text-black",
-  "light-green-secondary": "bg-transparent border-green-light text-green-light"
-}, bt = h((e, r) => {
-  const {
-    children: t,
-    className: n,
-    color: a,
-    href: s,
-    loading: i,
-    type: c = "button",
-    variant: u = "primary",
-    ...l
-  } = e, m = A(L), b = Le[`${a ?? m}-${u}`], p = d(n, b, "button"), x = i ? /* @__PURE__ */ o(Me, { children: t }) : t;
-  return /* @__PURE__ */ o(O, { children: s ? /* @__PURE__ */ o(
-    "a",
-    {
-      "aria-busy": i ? !0 : void 0,
-      ...l,
-      href: s,
-      ref: r,
-      className: p,
-      children: x
-    }
-  ) : /* @__PURE__ */ o(
-    "button",
-    {
-      "aria-busy": i ? !0 : void 0,
-      ...l,
-      type: c,
-      ref: r,
-      className: p,
-      children: x
-    }
-  ) });
-}), Me = (e) => /* @__PURE__ */ f(O, { children: [
-  ie(e.children),
-  /* @__PURE__ */ o(
-    "span",
-    {
-      className: "!visible absolute bottom-1 left-1 right-1 top-1 grid place-items-center overflow-hidden bg-inherit",
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ o(he, { className: "animate-spin" })
-    }
-  )
-] });
-function ie(e) {
-  return Z.map(e, (r) => {
-    if (!W(r))
-      return typeof r == "string" ? /* @__PURE__ */ o("span", { children: r }) : r;
-    if (r.props.children) {
-      const t = {
-        children: ie(r.props.children)
-      };
-      r = K(r, t);
-    }
-    return r;
-  });
-}
-const L = y("standard"), le = y(!0), ze = (e, r) => {
-  const {
-    as: t = "div",
-    body: n,
-    className: a,
-    image: s,
-    rightAlignBody: i = !0,
-    ...c
-  } = e;
-  return /* @__PURE__ */ f(
-    t,
-    {
-      className: d(
-        a,
-        "grid gap-8 md:grid-flow-col md:grid-cols-[50%,50%] md:gap-0"
-      ),
-      ...c,
-      ref: r,
-      children: [
-        /* @__PURE__ */ o(le.Provider, { value: i, children: s }),
-        n
-      ]
-    }
-  );
-}, Ve = h(ze), Te = h(
-  (e, r) => {
-    const { className: t, ...n } = e;
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: d(t, "md:mx-18 self-center"),
-        ref: r,
-        ...n
-      }
-    );
-  }
-), Fe = h(
-  (e, r) => {
-    const { className: t, children: n, ...a } = e, s = A(le), i = d(
-      t,
-      "rounded-b-3xl w-full",
-      s ? "md:rounded-r-3xl md:rounded-l-none" : "md:rounded-l-3xl md:rounded-r-none md:order-1"
-    );
-    if (W(n)) {
-      const c = Z.only(n);
-      return K(c, {
-        // @ts-expect-error assume className prop is allowed
-        className: i,
-        ref: r,
-        ...a
-      });
-    }
-    return /* @__PURE__ */ o("img", { className: i, ref: r, ...a });
-  }
-), ft = Object.assign({}, Ve, {
-  Body: Te,
-  Image: Fe
-}), Je = (e, r) => {
-  const {
-    as: t = "div",
-    className: n,
-    bgColor: a = "white",
-    ...s
-  } = e;
-  return /* @__PURE__ */ o(
-    t,
-    {
-      className: d(n, "relative overflow-hidden rounded-3xl", {
-        "border-2 border-solid bg-white": a === "white",
-        "bg-gray-light": a === "gray"
-      }),
-      ...s,
-      ref: r
-    }
-  );
-}, gt = h(Je), ht = h(
-  (e, r) => {
-    const { className: t, ...n } = e;
-    return /* @__PURE__ */ o(
-      "img",
-      {
-        className: d(t, "w-full object-cover"),
-        loading: "lazy",
-        ...n,
-        ref: r
-      }
-    );
-  }
-), pt = h(
-  (e, r) => {
-    const { bgColor: t, className: n, ...a } = e, s = se(t);
-    return /* @__PURE__ */ o("div", { className: d(s, n), children: /* @__PURE__ */ o(
-      "div",
-      {
-        className: "container grid grid-cols-1 gap-12 py-16 md:grid-cols-2 md:py-20 lg:py-24",
-        ...a,
-        ref: r
-      }
-    ) });
-  }
-), At = h(
-  (e, r) => {
-    const { className: t, ...n } = e;
-    return /* @__PURE__ */ o("div", { className: d(t, "p-8 md:px-10"), ...n, ref: r });
-  }
-), xt = h((e, r) => {
-  const { className: t, ...n } = e;
-  return /* @__PURE__ */ o(
-    "a",
-    {
-      className: d(
-        t,
-        "no-underline before:absolute before:left-0 before:top-0 before:block before:h-full before:w-full hover:underline"
-      ),
-      ref: r,
-      ...n
-    }
-  );
-}), vt = h(
-  (e, r) => {
-    const {
-      children: t,
-      className: n,
-      error: a,
-      id: s,
-      disableValidation: i = !1,
-      ...c
-    } = e, u = E(null), { validity: l, validationMessage: m } = P(
-      u,
-      !i
-    ), g = S(s), b = g + "err", p = a || m;
-    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ f("label", { className: d(n, "flex cursor-pointer gap-2.5"), children: [
-        /* @__PURE__ */ o(
-          "input",
-          {
-            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": !a,
-                "border-red focus:ring-red": !!a
-              }
-            ),
-            ref: r,
-            type: "checkbox",
-            ...c,
-            "aria-describedby": p ? b : void 0,
-            "aria-invalid": !!a || l === "invalid"
-          }
-        ),
-        t
-      ] }),
-      p && /* @__PURE__ */ o(R, { id: b, children: p })
-    ] });
-  }
-), je = {
-  sky: "bg-sky border-sky",
-  "red-light": "bg-red-light border-red-light",
-  mint: "bg-mint border-mint",
-  "orange-light": "bg-orange-light border-orange-light",
-  "green-light": "bg-green-light border-green-light",
-  "blue-light": "bg-blue-light border-blue-light"
-}, Oe = {
-  sky: "text-blue-dark",
-  "red-light": "text-red",
-  mint: "text-green",
-  "orange-light": "text-black",
-  "green-light": "text-green",
-  "blue-light": "text-blue-dark"
-}, Nt = (e) => {
-  const { className: r, color: t, icon: n, children: a, variant: s = "filled" } = e, i = t && je[t], c = t && Oe[t];
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: d(
-        "inline-flex items-center gap-0.5 overflow-hidden rounded-lg border-2 text-sm font-semibold",
-        i,
-        r
-      ),
-      children: [
-        n && /* @__PURE__ */ o("div", { className: d("px-3 py-2", c), children: n }),
-        /* @__PURE__ */ o(
-          "div",
-          {
-            className: d("flex-1 px-4 py-2", {
-              "bg-white": s === "outline"
-            }),
-            children: a
-          }
-        )
-      ]
-    }
-  );
-}, yt = (e) => {
-  const { className: r, children: t, ...n } = e;
-  return /* @__PURE__ */ o(L.Provider, { value: "white", children: /* @__PURE__ */ o(
-    "footer",
-    {
-      className: d(
-        r,
-        // 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__ */ o("div", { className: "container", children: t })
-    }
-  ) });
-}, wt = (e) => {
-  const { heading: r, children: t, className: n, ...a } = e;
-  return /* @__PURE__ */ f(
-    "form",
-    {
-      className: d(
-        n,
-        "border-blue-dark block overflow-hidden rounded-b-lg rounded-t-3xl border-2"
-      ),
-      ...a,
-      children: [
-        r && /* @__PURE__ */ o(Ze, { children: r }),
-        /* @__PURE__ */ o("div", { className: "p-6 md:p-10", children: t })
-      ]
-    }
-  );
-}, Ze = (e) => {
-  const { className: r, ...t } = e;
-  return /* @__PURE__ */ o(
-    "h2",
-    {
-      className: d(
-        r,
-        "bg-blue-dark p-6 text-xl font-bold text-white md:px-10 md:py-8 md:text-2xl"
-      ),
-      ...t
-    }
-  );
-}, It = (e) => {
-  const { className: r, ...t } = e;
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      "aria-live": "polite",
-      className: d(
-        r,
-        "border-red bg-red-light rounded-lg border-2 p-6 text-sm"
-      ),
-      ...t,
-      children: "Beklager! Noe gikk dessverre galt under innesendingen av skjemaet. Prøv gjerne igjen om en stund."
-    }
-  );
-}, R = (e) => {
-  const { children: r, className: t, ...n } = e;
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: d(
-        t,
-        "bg-red-light flex items-center gap-2 rounded px-2 py-1 text-sm text-[#C03850]"
-      ),
-      "aria-live": "polite",
-      ...n,
-      children: [
-        /* @__PURE__ */ o(re, { className: "flex-shrink-0 text-[#C03850]" }),
-        r
-      ]
-    }
-  );
-}, M = (e) => {
-  const { className: r, children: t, ...n } = e;
-  return /* @__PURE__ */ o("div", { className: d(r, "text-gray-dark text-sm"), ...n, children: t });
-}, z = (e) => {
-  const { className: r, children: t, isRequired: n, isInvalid: a, ...s } = e;
-  return /* @__PURE__ */ f(
-    "label",
-    {
-      className: d(r, "block cursor-pointer font-semibold"),
-      ...s,
-      children: [
-        n && /* @__PURE__ */ o(
-          "span",
-          {
-            className: d(
-              "mr-1 select-none",
-              a ? "text-red" : "text-blue"
-            ),
-            children: "*"
-          }
-        ),
-        t
-      ]
-    }
-  );
-}, Ct = (e) => {
-  const { className: r, heading: t, text: n, ...a } = e;
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: d(
-        r,
-        "bg-gray-lightest flex flex-col gap-8 p-8 text-center"
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ o(
-          "img",
-          {
-            className: "mx-auto",
-            alt: "Innsending fullført",
-            height: "220",
-            width: "247",
-            src: "data:image/png;base64,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"
-          }
-        ),
-        t && /* @__PURE__ */ o("h2", { className: "text-blue text-2xl", children: t }),
-        n && /* @__PURE__ */ o("p", { className: "text-lg", children: n })
-      ]
-    }
-  );
-}, We = (e) => {
-  const { className: r, collapsed: t, step: n, onClick: a, children: s, formStatus: i } = e;
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      type: "button",
-      "aria-disabled": t,
-      onClick: a,
-      className: d(
-        r,
-        "border-blue-dark w-full rounded-t-lg border-2 py-4 pl-4 md:py-8 ",
-        {
-          "bg-blue-dark": !t,
-          "border-black bg-white": t && i !== "completed",
-          "border-green bg-green text-white": t && i === "completed",
-          "rounded-t-2xl md:rounded-t-3xl": n === 1,
-          "rounded-lg": t
-        }
-      ),
-      children: /* @__PURE__ */ o(
-        Ke,
-        {
-          collapsed: t,
-          step: n,
-          formStatus: i,
-          children: s
-        }
-      )
-    }
-  );
-}, Ke = (e) => {
-  const { collapsed: r, step: t, children: n, formStatus: a } = e, s = C(() => {
-    switch (a) {
-      case "blank":
-        return "Ikke utfylt";
-      case "completed":
-        return "Fullført";
-    }
-  }, [a]), i = C(() => {
-    if (!r)
-      return /* @__PURE__ */ o("div", { children: t });
-    switch (a) {
-      case "blank":
-        return /* @__PURE__ */ o("div", { children: t });
-      case "completed":
-        return /* @__PURE__ */ o(pe, { className: "h-10 w-10 md:h-12 md:w-12" });
-    }
-  }, [a, t, r]);
-  return /* @__PURE__ */ f(
-    "h2",
-    {
-      className: d(
-        "grid grid-cols-[auto_1fr] grid-rows-[1fr_auto] items-center text-left text-xl font-bold md:text-2xl",
-        {
-          "text-white": !r
-        }
-      ),
-      children: [
-        /* @__PURE__ */ o(
-          "div",
-          {
-            className: d(
-              "row-span-2 mr-4 flex h-10 w-10 items-center justify-center self-center rounded-full border-2 font-bold md:h-12 md:w-12",
-              {
-                "border-white text-white": !r,
-                "border-black": r && a !== "completed",
-                "border-none": a === "completed" && r
-              }
-            ),
-            role: "text",
-            children: i
-          }
-        ),
-        n,
-        r && /* @__PURE__ */ o(
-          "div",
-          {
-            className: d(
-              "text-base font-normal",
-              a === "completed" ? "text-white" : "text-black"
-            ),
-            children: s
-          }
-        )
-      ]
-    }
-  );
-}, U = y([
-  {
-    activeStep: 1,
-    formData: {}
-  },
-  () => {
-  }
-]);
-function Et() {
-  const [e, r] = A(U);
-  return {
-    activeStep: e.activeStep,
-    formData: e.formData,
-    setActiveStep: (t) => r({ type: "SET_STEP", step: t })
-  };
-}
-function Xe(e) {
-  const [r, t] = A(U), n = N(async () => {
-    t({ type: "PREV_STEP" });
-  }, [t]), a = N(
-    (c) => {
-      t({
-        type: "SET_FORM_STEP_DATA",
-        formId: `form${e}`,
-        formValues: c
-      });
-    },
-    [t, e]
-  ), s = N(() => {
-    t({ type: "NEXT_STEP" });
-  }, [t]), i = N(
-    (c) => {
-      a(c), s();
-    },
-    [s, a]
-  );
-  return {
-    isActive: r.activeStep === e,
-    activeStep: r.activeStep,
-    setActiveStep: (c) => t({ type: "SET_STEP", step: c }),
-    previousFormStep: n,
-    nextFormStep: s,
-    submitAndNextFormStep: i,
-    setFormData: a,
-    formData: r.formData
-  };
-}
-function Ye(e, r) {
-  switch (r.type) {
-    case "NEXT_STEP":
-      return {
-        ...e,
-        activeStep: e.activeStep + 1
-      };
-    case "PREV_STEP":
-      return {
-        ...e,
-        activeStep: Math.max(e.activeStep - 1, 1)
-      };
-    case "SET_STEP":
-      return {
-        ...e,
-        activeStep: r.step
-      };
-    case "SET_FORM_STEP_DATA":
-      return {
-        ...e,
-        formData: {
-          ...e.formData,
-          [r.formId]: r.formValues
-        }
-      };
-  }
-}
-function St({ children: e }) {
-  const [r, t] = ge(Ye, {
-    activeStep: 1,
-    formData: {}
-  }), n = C(() => [r, t], [r, t]);
-  return /* @__PURE__ */ o(U.Provider, { value: n, children: e });
-}
-const Rt = (e) => {
-  const {
-    children: r,
-    heading: t,
-    step: n,
-    formStatus: a = "blank",
-    onSubmit: s,
-    className: i,
-    onHeaderClick: c,
-    ...u
-  } = e, { isActive: l, setActiveStep: m, activeStep: g } = Xe(n), b = E(null), p = N(() => {
-    n < g && (c == null || c(n), m(n));
-  }, [g, n, m, c]);
-  return we(() => {
-    var x;
-    l && ((x = b.current) == null || x.scrollIntoView({ behavior: "smooth" }));
-  }, [l]), /* @__PURE__ */ f(
-    "form",
-    {
-      className: d("block", i, {
-        "border-none": a === "completed" && !l
-      }),
-      onSubmit: s,
-      ref: b,
-      ...u,
-      children: [
-        /* @__PURE__ */ o(
-          We,
-          {
-            step: n,
-            formStatus: a,
-            collapsed: !l,
-            onClick: p,
-            children: t
-          }
-        ),
-        l && /* @__PURE__ */ o("div", { className: "border-blue-dark relative rounded-b-lg border-2 p-6 md:p-10", children: r })
-      ]
-    }
-  );
-};
-function de(e) {
-  return e !== "vertical-split" && e !== "below-center" && e !== "below-left";
-}
-const V = y({ bgColor: "white", contentPosition: "below-center", hasImage: !1 }), kt = h((e, r) => {
-  const {
-    bgColor: t = "white",
-    children: n,
-    className: a,
-    contentPosition: s = "below-center",
-    image: i,
-    ...c
-  } = e, u = i != null, l = u ? s : "below-center", m = C(
-    () => ({
-      bgColor: t,
-      contentPosition: l,
-      hasImage: u
-    }),
-    [t, l, u]
-  );
-  return /* @__PURE__ */ o(
-    L.Provider,
-    {
-      value: t === "white" ? "standard" : "mint",
-      children: /* @__PURE__ */ o(V.Provider, { value: m, children: /* @__PURE__ */ f(
-        "div",
-        {
-          className: d(
-            a,
-            // disable padding on small screens so the hero image is flush with the screen edges
-            "container px-0 md:grid lg:px-4",
-            {
-              "md:grid-cols-[50%,50%]": l === "vertical-split"
-            }
-          ),
-          style: de(l) ? { gridTemplateAreas: '"hero"' } : void 0,
-          ...c,
-          ref: r,
-          children: [
-            i,
-            n
-          ]
-        }
-      ) })
-    }
-  );
-}), qt = h(
-  (e, r) => {
-    const { contentPosition: t } = A(V);
-    return /* @__PURE__ */ f(
-      "picture",
-      {
-        className: d(e.className, "aspect-w-6 aspect-h-7 block", {
-          "sm:aspect-w-8 sm:aspect-h-4": t !== "vertical-split",
-          // calculate a square aspect ratio
-          "sm:aspect-w-8 sm:aspect-h-8": t === "vertical-split"
-        }),
-        style: t !== "vertical-split" && t !== "below-center" && t !== "below-left" ? { gridArea: "hero" } : void 0,
-        ref: r,
-        children: [
-          /* @__PURE__ */ o("source", { media: "(min-width: 640px)", srcSet: e.mdSrc }),
-          /* @__PURE__ */ o(
-            "img",
-            {
-              className: "object-cover",
-              decoding: "async",
-              src: e.src,
-              alt: e.alt
-            }
-          )
-        ]
-      }
-    );
-  }
-), Pt = h(
-  (e, r) => {
-    const { bgColor: t, contentPosition: n, hasImage: a } = A(V), { children: s, className: i, heading: c, description: u, ...l } = e, m = de(n);
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        className: d(
-          i,
-          "relative mx-4 grid grid-flow-row grid-cols-[minmax(auto,_37rem)] content-center gap-6 rounded-3xl px-6 py-10 text-center md:p-12",
-          {
-            // On mobile we use negative margin on the content to pull the content up into the image
-            "-mt-18": a,
-            "text-white": t !== "white",
-            "bg-green-dark": t === "green",
-            "bg-blue-dark": t === "blue",
-            "bg-white": t === "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:-mr-5 md:ml-0 md:mt-0 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",
-            // Below left style
-            "md:-mt-32 md:ml-[8%] md:mr-0 md:max-w-[58%] md:text-left": n === "below-left",
-            // styles for when the contain is fully contained within the image
-            "md:mx-32 md:my-9 md:w-2/5": m,
-            "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"
-          }
-        ),
-        ...l,
-        style: m ? { gridArea: "hero" } : void 0,
-        ref: r,
-        children: [
-          /* @__PURE__ */ o("h1", { children: c }),
-          u && /* @__PURE__ */ o("p", { className: "text-lg font-semibold md:text-xl", children: u }),
-          s
-        ]
-      }
-    );
-  }
-), Lt = h(
-  (e, r) => {
-    const { className: t, ...n } = e, { contentPosition: a } = A(V);
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: d(
-          t,
-          "grid items-center justify-center justify-items-center gap-4 md:grid-flow-col",
-          // Left align actions/buttons
-          {
-            "md:justify-start": a === "vertical-split" || a === "below-left"
-          }
-        ),
-        ...n,
-        ref: r
-      }
-    );
-  }
-), ce = h((e, r) => {
-  const {
-    className: t,
-    isInvalid: n,
-    size: a,
-    as: s,
-    type: i,
-    rightAddon: c,
-    leftAddon: u,
-    ...l
-  } = e, m = s ?? "input", g = Qe(m, i);
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: d(
-        t,
-        "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": a != null,
-          "w-full": a == null,
-          "pl-4": u,
-          "pr-4": c
-        }
-      ),
-      children: [
-        u,
-        /* @__PURE__ */ o(
-          m,
-          {
-            "aria-invalid": n,
-            ref: r,
-            className: "focus:none placeholder-gray w-full rounded-lg border-none px-4 py-3.5 focus:outline-none",
-            size: a,
-            type: g,
-            ...l
-          }
-        ),
-        c
-      ]
-    }
-  );
-});
-function Qe(e, r) {
-  if (r != null)
-    return r;
-  if (e === "input")
-    return "text";
-}
-const Mt = (e) => {
-  let r = "";
-  return e.icon && (r = "inline-flex items-center gap-2"), /* @__PURE__ */ f("a", { className: r, href: e.href, children: [
-    e.icon,
-    e.children
-  ] });
-}, k = y({
-  setIsExpanded: I,
-  isExpanded: !1,
-  collapsibleId: ""
-}), zt = (e) => {
-  const { className: r, children: t, ...n } = e, a = ee(), [s, i] = q(!1), c = C(
-    () => ({ isExpanded: s, setIsExpanded: i, collapsibleId: a }),
-    [s, a]
-  );
-  return /* @__PURE__ */ o(L.Provider, { value: "white", children: /* @__PURE__ */ o(k.Provider, { value: c, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: d(
-        r,
-        "bg-blue relative pb-12 pt-6 text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-6 before:rounded-t-3xl before:bg-white md:pb-14 md:pt-8"
-      ),
-      ...n,
-      children: /* @__PURE__ */ o("div", { className: "container", children: t })
-    }
-  ) }) });
-}, Vt = (e) => {
-  const { className: r, children: t, ...n } = e, { isExpanded: a } = A(k);
-  return /* @__PURE__ */ o(
-    "nav",
-    {
-      className: d(
-        r,
-        "my-8 flex flex-col md:mb-0 md:flex md:flex-row md:flex-wrap md:gap-x-8",
-        {
-          hidden: !a
-        }
-      ),
-      ...n,
-      children: t
-    }
-  );
-}, Tt = h(
-  (e, r) => {
-    const { active: t, className: n, children: a, ...s } = e;
-    return /* @__PURE__ */ o(
-      "a",
-      {
-        "aria-current": t ? "page" : void 0,
-        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",
-          {
-            "md:bg-blue-dark font-bold md:-mx-3 md:rounded-t-lg md:px-3": t
-          }
-        ),
-        ref: r,
-        ...s,
-        children: a
-      }
-    );
-  }
-), Ue = () => {
-  const { isExpanded: e, setIsExpanded: r, collapsibleId: t } = A(k);
-  let n = Ae, a = "Meny";
-  return e && (n = xe, a = "Lukk"), /* @__PURE__ */ f(
-    "button",
-    {
-      "aria-controls": t,
-      "aria-expanded": e,
-      className: "inline-flex items-center gap-2 md:hidden",
-      onClick: () => r((s) => !s),
-      children: [
-        a,
-        " ",
-        /* @__PURE__ */ o(n, {})
-      ]
-    }
-  );
-}, Ft = (e) => {
-  const { className: r, children: t, logo: n, ...a } = e;
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: d(r, "flex items-center justify-between gap-8"),
-      ...a,
-      children: [
-        n,
-        /* @__PURE__ */ o("div", { className: "hidden md:block", children: t }),
-        /* @__PURE__ */ o(Ue, {})
-      ]
-    }
-  );
-}, Jt = (e) => {
-  const { className: r, children: t, ...n } = e, { collapsibleId: a, isExpanded: s } = A(k);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ...n,
-      "aria-hidden": !s,
-      className: d(r, "md:-mb-8 md:block", {
-        hidden: !s
-      }),
-      id: a,
-      children: t
-    }
-  );
-}, jt = (e) => {
-  const { isExpanded: r } = A(k), t = Pe(!1);
-  return !r || !t ? null : /* @__PURE__ */ o(O, { children: e.children });
-}, w = 2, T = y({ currentPage: 0, pageCount: 0 }), Ot = (e) => {
-  const {
-    className: r,
-    page: t,
-    count: n,
-    onChange: a,
-    getItemHref: s,
-    getItemAriaLabel: i,
-    nextPageAriaLabel: c,
-    prevPageAriaLabel: u,
-    ...l
-  } = e, m = C(
-    () => ({
-      currentPage: Math.max(1, Math.min(t, n)),
-      pageCount: Math.max(1, n)
-    }),
-    [t, n]
-  ), g = (b) => (p) => {
-    a && (p.preventDefault(), a(b));
-  };
-  return /* @__PURE__ */ o(T.Provider, { value: m, children: /* @__PURE__ */ f(
-    "nav",
-    {
-      className: d("flex justify-center gap-2 sm:gap-4", r),
-      ...l,
-      children: [
-        /* @__PURE__ */ o(
-          De,
-          {
-            "aria-label": u,
-            href: s(t - 1),
-            onClick: g(t - 1)
-          }
-        ),
-        /* @__PURE__ */ o(
-          _,
-          {
-            page: 1,
-            href: s(1),
-            onClick: g(1),
-            "aria-label": i(1),
-            selected: t === 1
-          }
-        ),
-        n > 2 + w * 2 && t > w + 2 && /* @__PURE__ */ o(He, {}),
-        /* @__PURE__ */ o(Ge, { children: (b) => /* @__PURE__ */ o(
-          _,
-          {
-            href: s(b),
-            onClick: g(b),
-            "aria-label": i(b),
-            page: b,
-            selected: b === t
-          },
-          b
-        ) }),
-        /* @__PURE__ */ o(
-          Be,
-          {
-            "aria-label": c,
-            href: s(t + 1),
-            onClick: g(t + 1)
-          }
-        )
-      ]
-    }
-  ) });
-}, Be = h((e, r) => {
-  const { currentPage: t, pageCount: n } = A(T), a = t >= n;
-  return /* @__PURE__ */ o(
-    B,
-    {
-      "aria-hidden": a,
-      className: a ? "invisible" : void 0,
-      ref: r,
-      rel: "next",
-      ...e,
-      children: /* @__PURE__ */ o(ve, {})
-    }
-  );
-}), De = h((e, r) => {
-  const { currentPage: t } = A(T), n = t <= 1;
-  return /* @__PURE__ */ o(
-    B,
-    {
-      "aria-hidden": n,
-      className: n ? "invisible" : void 0,
-      ref: r,
-      rel: "prev",
-      ...e,
-      children: /* @__PURE__ */ o(Ne, {})
-    }
-  );
-}), B = h((e, r) => {
-  const { className: t, ...n } = e;
-  return /* @__PURE__ */ o(
-    "a",
-    {
-      className: d(
-        t,
-        "aria-[current]:border-green hover:bg-gray-lightest flex h-9 w-9 items-center justify-center rounded-lg border-2 border-transparent no-underline sm:h-10 sm:w-10"
-      ),
-      ref: r,
-      ...n
-    }
-  );
-}), He = () => /* @__PURE__ */ o("span", { className: "flex h-9 w-9 cursor-default items-center justify-center border-2 border-transparent sm:h-10 sm:w-10", children: "..." }), Ge = ({ children: e }) => {
-  const { currentPage: r, pageCount: t } = A(T), n = Math.min(
-    Math.max(2 + w * 2, r + w),
-    t
-  );
-  let a = Math.max(
-    Math.min(r - w, n - w * 2),
-    1
-  );
-  return a - w === 0 && (a = a - 1), Array.from({ length: n - a }, (i, c) => a + c + 1).map((i) => e(i));
-}, _ = h((e, r) => {
-  const { page: t, selected: n, ...a } = e;
-  return /* @__PURE__ */ o(B, { "aria-current": n ? "page" : void 0, ref: r, ...a, children: t });
-}), me = y({
-  defaultValue: void 0,
-  isControlled: !1,
-  name: void 0,
-  onChange: I,
-  required: !1,
-  value: void 0,
-  error: !1
-}), Zt = h((e, r) => {
-  const { children: t, className: n, ...a } = e, { defaultValue: s, isControlled: i, name: c, onChange: u, required: l, value: m, error: g } = A(me);
-  return /* @__PURE__ */ f("label", { className: d(n, "flex cursor-pointer gap-2.5"), children: [
-    /* @__PURE__ */ o(
-      "input",
-      {
-        className: d("radio", g && "border-red"),
-        defaultChecked: i ? void 0 : a.value === s,
-        checked: i ? a.value === m : void 0,
-        name: c,
-        onChange: i ? u : void 0,
-        required: l,
-        type: "radio",
-        ref: r,
-        ...a
-      }
-    ),
-    t
-  ] });
-}), Wt = h(
-  (e, r) => {
-    const t = "value" in e, {
-      className: n,
-      defaultValue: a,
-      description: s,
-      error: i,
-      id: c,
-      children: u,
-      label: l,
-      name: m,
-      onChange: g,
-      required: b,
-      value: p,
-      ...x
-    } = e, v = N(
-      (ue) => {
-        const be = ue.target.value;
-        g == null || g(be);
-      },
-      [g]
-    ), F = C(
-      () => ({
-        defaultValue: a,
-        isControlled: t,
-        name: m,
-        onChange: v,
-        required: b,
-        value: p,
-        error: !!i
-      }),
-      [a, t, m, v, b, p, i]
-    ), J = S(c), D = `${J}:label`, H = `${J}:help`, G = J + "err", j = i;
-    return /* @__PURE__ */ o(me.Provider, { value: F, children: /* @__PURE__ */ f(
-      "div",
-      {
-        "aria-describedby": d({
-          [G]: j,
-          [H]: s
-        }) || void 0,
-        "aria-invalid": !!i,
-        "aria-labelledby": l ? D : void 0,
-        className: d(n, "flex flex-col gap-4"),
-        role: "radiogroup",
-        ref: r,
-        ...x,
-        children: [
-          l && /* @__PURE__ */ o(z, { id: D, isRequired: b, isInvalid: !!i, children: l }),
-          s && /* @__PURE__ */ o(M, { id: H, children: s }),
-          u,
-          j && /* @__PURE__ */ o(R, { id: G, children: j })
-        ]
-      }
-    ) });
-  }
-), _e = h(
-  (e, r) => {
-    const { children: t, className: n, isInvalid: a, size: s, ...i } = e, c = s === "small";
-    return /* @__PURE__ */ f("div", { className: d(n, "relative", c && "text-sm"), children: [
-      /* @__PURE__ */ o(
-        "select",
-        {
-          "aria-invalid": a,
-          ...i,
-          className: d(
-            "w-full cursor-pointer appearance-none border border-b-[3px] bg-white focus:-ml-0.5 focus:-mt-0.5 focus:border-[3px] focus:shadow focus:outline-none",
-            c ? "rounded px-3.5 py-2" : "rounded-lg px-4 py-3.5",
-            a ? "border-red focus:border-red" : "focus:border-blue-dark border-black"
-          ),
-          ref: r,
-          children: t
-        }
-      ),
-      /* @__PURE__ */ o(
-        te,
-        {
-          className: d(
-            "pointer-events-none absolute bottom-0 top-0 my-auto",
-            c ? "right-3.5" : "right-4"
-          )
-        }
-      )
-    ] });
-  }
-), Kt = h(
-  (e, r) => {
-    const {
-      description: t,
-      error: n,
-      id: a,
-      label: s,
-      disableValidation: i = !1,
-      ...c
-    } = e, u = E(null), l = X([u, r]), { validity: m, validationMessage: g } = P(
-      u,
-      !i
-    ), b = S(a), p = b + "help", x = b + "err", v = n || g;
-    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ o(
-        z,
-        {
-          htmlFor: b,
-          isRequired: e.required,
-          isInvalid: !!n || m === "invalid",
-          children: s
-        }
-      ),
-      t && /* @__PURE__ */ o(M, { id: p, children: t }),
-      /* @__PURE__ */ o(
-        _e,
-        {
-          id: b,
-          ref: l,
-          ...c,
-          isInvalid: !!n || m === "invalid",
-          "aria-describedby": d({
-            [x]: v,
-            [p]: t
-          }) || void 0
-        }
-      ),
-      v && /* @__PURE__ */ o(R, { id: x, children: v })
-    ] });
-  }
-), Xt = (e) => {
-  const { heading: r, children: t, closeSnackbar: n } = e, [a, s] = q(!1);
-  return /* @__PURE__ */ o("div", { className: "container max-w-[59rem]", children: /* @__PURE__ */ o("div", { className: "bg-orange-light p-4 md:px-8", children: /* @__PURE__ */ f("div", { className: "snackbar grid items-center", children: [
-    /* @__PURE__ */ o(ne, { className: "text-orange snackbar-icon mr-4 self-start md:mr-8 md:text-2xl" }),
-    /* @__PURE__ */ o(
-      "h3",
-      {
-        className: d(
-          "snackbar-header min-w-0 max-w-prose text-base font-medium",
-          {
-            "overflow-hidden overflow-ellipsis whitespace-nowrap": !a
-          }
-        ),
-        children: r
-      }
-    ),
-    /* @__PURE__ */ f("div", { className: "snackbar-actions mt-3 flex justify-end gap-4 md:ml-4 md:mt-0", children: [
-      /* @__PURE__ */ o(
-        $,
-        {
-          "aria-expanded": a,
-          onClick: () => s(!a),
-          children: a ? "Les mindre" : "Les mer"
-        }
-      ),
-      /* @__PURE__ */ o($, { onClick: n, children: "Ok" })
-    ] }),
-    a && t
-  ] }) }) });
-}, $ = (e) => /* @__PURE__ */ o(
-  "button",
-  {
-    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
-  }
-), Yt = (e) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: "snackbar-content my-4 max-h-[50vh] max-w-prose overflow-y-auto",
-    ...e,
-    children: e.children
-  }
-), $e = (e) => {
-  const { align: r = "center", children: t, className: n, ...a } = e;
-  return /* @__PURE__ */ o("ol", { className: d(n, "flex flex-col gap-8 md:gap-12"), ...a, children: Z.map(t, (s) => {
-    if (W(s))
-      return K(s, {
-        align: r
-      });
-  }) });
-}, et = (e) => {
-  const { className: r, children: t, bullet: n, align: a = "center", ...s } = e;
-  return /* @__PURE__ */ f(
-    "li",
-    {
-      className: d(
-        r,
-        "group relative flex gap-4 text-sm md:gap-8 md:text-base",
-        { "items-center": a === "center" }
-      ),
-      ...s,
-      children: [
-        /* @__PURE__ */ o(tt, { align: a, children: n }),
-        t
-      ]
-    }
-  );
-}, tt = ({ align: e, ...r }) => /* @__PURE__ */ o(
-  "span",
-  {
-    "aria-hidden": !0,
-    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:bottom-1/2 before:top-0 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:-bottom-8 after:top-10 after:md:-bottom-12 after:md:top-20": e === "top"
-      }
-    ),
-    ...r
-  }
-);
-$e.Item = et;
-const Qt = h(
-  (e, r) => {
-    const {
-      description: t,
-      error: n,
-      id: a,
-      label: s,
-      disableValidation: i = !1,
-      ...c
-    } = e, u = E(null), l = X([u, r]), { validity: m, validationMessage: g } = P(
-      u,
-      !i
-    ), b = S(a), p = b + "help", x = b + "err", v = n || g;
-    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ o(
-        z,
-        {
-          htmlFor: b,
-          isRequired: e.required,
-          isInvalid: !!n || m === "invalid",
-          children: s
-        }
-      ),
-      t && /* @__PURE__ */ o(M, { id: p, children: t }),
-      /* @__PURE__ */ o(
-        ce,
-        {
-          as: "textarea",
-          ref: l,
-          id: b,
-          ...c,
-          isInvalid: !!n || m === "invalid",
-          "aria-describedby": d({
-            [x]: v,
-            [p]: t
-          }) || void 0
-        }
-      ),
-      v && /* @__PURE__ */ o(R, { id: x, children: v })
-    ] });
-  }
-), Ut = h(
-  (e, r) => {
-    const {
-      description: t,
-      error: n,
-      id: a,
-      label: s,
-      type: i = "text",
-      disableValidation: c = !1,
-      ...u
-    } = e, l = E(null), { validity: m, validationMessage: g } = P(
-      l,
-      !c
-    ), b = S(a), p = b + "help", x = b + "err", v = n || g, F = X([l, r]);
-    return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ o(
-        z,
-        {
-          htmlFor: b,
-          isRequired: e.required,
-          isInvalid: !!n || m === "invalid",
-          children: s
-        }
-      ),
-      t && /* @__PURE__ */ o(M, { id: p, children: t }),
-      /* @__PURE__ */ o(
-        ce,
-        {
-          id: b,
-          ref: F,
-          type: i,
-          ...u,
-          isInvalid: !!n || m === "invalid",
-          "aria-describedby": d({
-            [x]: v,
-            [p]: t
-          }) || void 0
-        }
-      ),
-      v && /* @__PURE__ */ o(R, { id: x, children: v })
-    ] });
-  }
-);
-export {
-  Y as Accordion,
-  Re as AccordionContent,
-  Se as AccordionHeader,
-  Ee as AccordionItem,
-  dt as Alert,
-  mt as Banner,
-  ut as BannerImage,
-  bt as Button,
-  L as ButtonColorContext,
-  ft as Campaign,
-  Te as CampaignBody,
-  Fe as CampaignImage,
-  gt as Card,
-  At as CardContent,
-  ht as CardImage,
-  xt as CardLinkOverlay,
-  pt as CardList,
-  vt as Checkbox,
-  Nt as Chip,
-  yt as Footer,
-  wt as Form,
-  It as FormError,
-  R as FormErrorMessage,
-  Ze as FormHeading,
-  M as FormHelperText,
-  z as FormLabel,
-  Rt as FormStep,
-  We as FormStepHeader,
-  Ke as FormStepHeaderContent,
-  St as FormStepProvider,
-  Ct as FormSuccess,
-  kt as Hero,
-  Lt as HeroActions,
-  Pt as HeroContent,
-  V as HeroContext,
-  qt as HeroImage,
-  ce as Input,
-  Mt as Link,
-  zt as Navbar,
-  Jt as NavbarCollapsible,
-  Ft as NavbarContent,
-  jt as NavbarExpandedMobileContent,
-  Tt as NavbarItem,
-  Vt as NavbarItems,
-  Ot as Pagination,
-  Zt as Radio,
-  Wt as RadioGroup,
-  Kt as Select,
-  Xt as Snackbar,
-  $ as SnackbarButton,
-  Yt as SnackbarContent,
-  $e as StepList,
-  et as StepListItem,
-  Qt as TextArea,
-  Ut as TextField,
-  se as useBlockBackgroundColor,
-  S as useFallbackId,
-  Et as useFormContext,
-  P as useFormControlValidity,
-  Xe as useFormStepContext,
-  ct as usePrefersReducedMotion,
-  Pe as useScreenMaxWidthMd
-};