@obosbbl/grunnmuren-react 0.1.0

package/dist/grunnmuren.es.js

@@ -0,0 +1,1078 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import classNames from "clsx";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useCallback, useState, useEffect, useId, forwardRef, useContext, createContext, useMemo, useRef } from "react";
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+const Close = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 29 29",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M29 4.35585L24.6441 0L14.5 10.1431L4.35585 0L0 4.35585L10.1431 14.5L0 24.6441L4.35585 29L14.5 18.8569L24.6441 29L29 24.6441L18.8569 14.5L29 4.35585Z"
+  })
+}));
+const InfoCircle = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 32 32",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M16 0C12.8355 0 9.74207 0.938384 7.11088 2.69649C4.4797 4.45459 2.42894 6.95345 1.21793 9.87707C0.0069325 12.8007 -0.309921 16.0177 0.307443 19.1214C0.924806 22.2251 2.44866 25.0761 4.6863 27.3137C6.92394 29.5513 9.77487 31.0752 12.8786 31.6926C15.9823 32.3099 19.1993 31.9931 22.1229 30.7821C25.0466 29.5711 27.5454 27.5203 29.3035 24.8891C31.0616 22.2579 32 19.1645 32 16C32 11.7565 30.3143 7.68687 27.3137 4.68629C24.3131 1.68571 20.2435 0 16 0ZM18 26H14V15H18V26ZM18 11H14V7H18V11Z"
+  })
+}));
+const Mail = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 28 22",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M28 4L15.984 10.866C15.3797 11.2112 14.6959 11.3927 14 11.3927C13.3041 11.3927 12.6203 11.2112 12.016 10.866L0 4C0 2.93913 0.421427 1.92172 1.17157 1.17157C1.92172 0.421427 2.93913 0 4 0H24C25.0609 0 26.0783 0.421427 26.8284 1.17157C27.5786 1.92172 28 2.93913 28 4ZM0 9L12 16H16L28 9V18C28 19.0609 27.5786 20.0783 26.8284 20.8284C26.0783 21.5786 25.0609 22 24 22H4C2.93913 22 1.92172 21.5786 1.17157 20.8284C0.421427 20.0783 0 19.0609 0 18V9Z",
+    clipRule: "evenodd"
+  })
+}));
+const MapPin = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 22 35",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M2.51 17.205L2.28 16.915H2.24C1.09834 15.315 0.41945 13.4314 0.277819 11.471C0.136187 9.51058 0.537288 7.54902 1.43711 5.80154C2.33694 4.05407 3.70071 2.58821 5.37881 1.56481C7.0569 0.541404 8.98446 0 10.95 0C12.9155 0 14.8431 0.541404 16.5212 1.56481C18.1993 2.58821 19.5631 4.05407 20.4629 5.80154C21.3627 7.54902 21.7638 9.51058 21.6222 11.471C21.4806 13.4314 20.8017 15.315 19.66 16.915L19.43 17.215L19.43 17.215C19.33 17.345 19.23 17.475 19.12 17.595L14.12 24.015C13.828 24.6005 13.3785 25.0931 12.8221 25.4374C12.2657 25.7816 11.6243 25.964 10.97 25.964C10.3157 25.964 9.67431 25.7816 9.11789 25.4374C8.56147 25.0931 8.11202 24.6005 7.82 24.015L2.82 17.605C2.74304 17.514 2.67097 17.4182 2.60037 17.3243C2.57007 17.284 2.54004 17.244 2.51 17.205ZM14 8.00497H8V14.005H14V8.00497ZM4 30.005H18L22 34.005H0L4 30.005Z",
+    clipRule: "evenodd"
+  })
+}));
+const MenuAlt = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 28 26",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M0 0H28V6H0V0ZM0 20H28V26H0V20Z",
+    clipRule: "evenodd"
+  })
+}));
+const Mobile = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 22 32",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M18 0H4C2.93914 0 1.92172 0.421427 1.17157 1.17157C0.421427 1.92172 0 2.93913 0 4V28C0 29.0609 0.421427 30.0783 1.17157 30.8284C1.92172 31.5786 2.93914 32 4 32H18C19.0609 32 20.0783 31.5786 20.8284 30.8284C21.5786 30.0783 22 29.0609 22 28V4C22 2.93913 21.5786 1.92172 20.8284 1.17157C20.0783 0.421427 19.0609 0 18 0ZM13.036 28H9.036V24H13.036V28ZM16.036 20H6.036V6H16.036V20Z"
+  })
+}));
+const Warning = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__spreadValues2({
+  width: "1.25em",
+  height: "1.25em",
+  fill: "none",
+  viewBox: "0 0 32 30",
+  role: "img",
+  "aria-hidden": props["aria-label"] == null
+}, props), {
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M31.549 24.132L20.12 2.155C19.7824 1.50555 19.273 0.961197 18.6474 0.581216C18.0218 0.201234 17.304 0.000197802 16.572 0H15.428C14.696 0.000197802 13.9782 0.201234 13.3526 0.581216C12.727 0.961197 12.2176 1.50555 11.88 2.155L0.451 24.132C0.154748 24.7022 6.05376e-05 25.3354 0 25.978V26C0 27.0609 0.421427 28.0783 1.17157 28.8284C1.92172 29.5786 2.93913 30 4 30H28C29.0609 30 30.0783 29.5786 30.8284 28.8284C31.5786 28.0783 32 27.0609 32 26V25.978C31.9999 25.3354 31.8453 24.7022 31.549 24.132ZM18 26H14V22H18V26ZM18 18H14V7H18V18Z"
+  })
+}));
+const Alert = (props) => {
+  const _a = props, {
+    className,
+    children,
+    heading,
+    severity = "alert"
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children",
+    "heading",
+    "severity"
+  ]);
+  return /* @__PURE__ */ jsx("section", __spreadProps(__spreadValues({
+    className: classNames(className, "p-4 md:py-8", {
+      "bg-orange-light": severity === "info",
+      "bg-red-light": severity === "alert"
+    }),
+    role: "alert"
+  }, rest), {
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "flex justify-center",
+      children: [/* @__PURE__ */ jsx(AlertIcon, {
+        className: "mr-4 flex-none md:mr-8 md:text-2xl",
+        severity
+      }), /* @__PURE__ */ jsxs("div", {
+        className: "w-prose flex-initial",
+        children: [/* @__PURE__ */ jsx("h2", {
+          className: "h4 mb-2",
+          children: heading
+        }), children]
+      })]
+    })
+  }));
+};
+const AlertIcon = ({
+  severity,
+  className
+}) => {
+  if (severity === "alert") {
+    return /* @__PURE__ */ jsx(Warning, {
+      className: classNames(className, "text-red")
+    });
+  }
+  return /* @__PURE__ */ jsx(InfoCircle, {
+    className: classNames(className, "text-orange")
+  });
+};
+function assignRef(ref, value) {
+  if (ref == null)
+    return;
+  if (isFunction(ref)) {
+    ref(value);
+  } else {
+    try {
+      ref.current = value;
+    } catch (error) {
+      throw new Error(`Cannot assign value "${value}" to ref "${ref}"`);
+    }
+  }
+}
+function useComposedRefs(...refs) {
+  return useCallback((node) => {
+    for (const ref of refs) {
+      assignRef(ref, node);
+    }
+  }, refs);
+}
+function isFunction(value) {
+  return !!(value && {}.toString.call(value) == "[object Function]");
+}
+const QUERY = "(prefers-reduced-motion: no-preference)";
+const usePrefersReducedMotion = () => !useMedia(QUERY);
+function useBlockBackgroundColor(blockBgColor) {
+  switch (blockBgColor) {
+    case "gray":
+      return "bg-gray-concrete";
+    case "green":
+      return "bg-green-lightest";
+    case "yellow":
+      return "bg-yellow";
+    case "blue":
+      return "bg-blue-lightest";
+  }
+}
+function useMedia(query) {
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    const mediaQueryList = window.matchMedia(query);
+    setMatches(mediaQueryList.matches);
+    const listener = (event) => {
+      setMatches(event.matches);
+    };
+    mediaQueryList.addEventListener("change", listener);
+    return () => {
+      mediaQueryList.removeEventListener("change", listener);
+    };
+  }, [query]);
+  return matches;
+}
+const useScreenMaxWidthMd = () => useMedia("(max-width: 767.9px)");
+function useFormControlValidity(ref) {
+  const [validity, setValidity] = useState("indeterminate");
+  const onBlur = (event) => {
+    const isValid = event.target.checkValidity();
+    if (isValid) {
+      setValidity("valid");
+    }
+  };
+  const onInput = (event) => {
+    if (validity !== "indeterminate") {
+      const isValid = event.target.checkValidity();
+      if (isValid) {
+        setValidity("valid");
+      }
+    }
+  };
+  const onInvalid = () => {
+    setValidity("invalid");
+  };
+  useEffect(() => {
+    const { current } = ref;
+    current == null ? void 0 : current.addEventListener("blur", onBlur);
+    current == null ? void 0 : current.addEventListener("input", onInput);
+    current == null ? void 0 : current.addEventListener("invalid", onInvalid);
+    return () => {
+      current == null ? void 0 : current.removeEventListener("blur", onBlur);
+      current == null ? void 0 : current.removeEventListener("input", onInput);
+      current == null ? void 0 : current.removeEventListener("invalid", onInvalid);
+    };
+  });
+  return { validity };
+}
+function useFallbackId(id) {
+  const generatedId = useId();
+  return id != null ? id : generatedId;
+}
+const Banner = (props) => {
+  const _a = props, {
+    bgColor: bgColorProp,
+    className,
+    children,
+    heading,
+    image
+  } = _a, rest = __objRest(_a, [
+    "bgColor",
+    "className",
+    "children",
+    "heading",
+    "image"
+  ]);
+  const bgColor = useBlockBackgroundColor(bgColorProp);
+  return /* @__PURE__ */ jsx("article", __spreadProps(__spreadValues({
+    className: classNames(className, bgColor, "py-8 px-4 md:py-14")
+  }, rest), {
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "<md:flex-wrap container flex gap-4 md:flex-row md:gap-12",
+      children: [image, /* @__PURE__ */ jsxs("div", {
+        className: "w-prose",
+        children: [heading && /* @__PURE__ */ jsx("h2", {
+          className: "mb-4",
+          children: heading
+        }), children]
+      })]
+    })
+  }));
+};
+const BannerImage = (props) => {
+  return /* @__PURE__ */ jsx("img", __spreadValues({
+    loading: "lazy",
+    decoding: "async",
+    className: "w-24 flex-none self-center md:w-40 md:self-start"
+  }, props));
+};
+const buttonVariations = {
+  "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"
+};
+const Button = forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    color: colorFromProp,
+    href,
+    type = "button",
+    variant = "primary"
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "color",
+    "href",
+    "type",
+    "variant"
+  ]);
+  const colorFromContext = useContext(ButtonColorContext);
+  const color = colorFromProp != null ? colorFromProp : colorFromContext;
+  const buttonVariation = buttonVariations[`${color}-${variant}`];
+  const classes = classNames(className, buttonVariation, "button relative no-underline inline-block border-solid border-2 px-6 py-2 rounded-xl transition-all duration-200 font-medium w-fit disabled:pointer-events-none disabled:text-black disabled:bg-gray-light disabled:border-gray-light hover:rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-black ring-offset-2");
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: href ? /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, rest), {
+      href,
+      ref,
+      className: classes
+    })) : /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({}, rest), {
+      type,
+      ref,
+      className: classes
+    }))
+  });
+});
+const ButtonColorContext = createContext("standard");
+const Card = (props) => {
+  const _a = props, {
+    as: Component = "div",
+    className,
+    bgColor = "white"
+  } = _a, rest = __objRest(_a, [
+    "as",
+    "className",
+    "bgColor"
+  ]);
+  return /* @__PURE__ */ jsx(Component, __spreadValues({
+    className: classNames(className, "relative overflow-hidden rounded-3xl", {
+      "border-gray-concrete border-2 border-solid bg-white": bgColor === "white",
+      "bg-gray-light": bgColor === "gray"
+    })
+  }, rest));
+};
+const CardImage = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("img", __spreadValues({
+    className: classNames(className, "w-full object-cover"),
+    loading: "lazy"
+  }, rest));
+};
+const CardList = (props) => {
+  const _a = props, {
+    bgColor: bgColorProp,
+    className
+  } = _a, rest = __objRest(_a, [
+    "bgColor",
+    "className"
+  ]);
+  const bgColor = useBlockBackgroundColor(bgColorProp);
+  return /* @__PURE__ */ jsx("div", {
+    className: classNames(bgColor, className),
+    children: /* @__PURE__ */ jsx("div", __spreadValues({
+      className: "container grid grid-cols-1 gap-12 py-16 md:grid-cols-2 md:py-20 lg:py-24"
+    }, rest))
+  });
+};
+const CardContent = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({
+    className: classNames(className, "p-8 md:p-10")
+  }, rest));
+};
+const CardLinkOverlay = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx("a", __spreadValues({
+    className: "no-underline before:absolute before:top-0 before:left-0 before:block before:h-full before:w-full before:content-[''] hover:underline",
+    ref
+  }, props));
+});
+const Checkbox = forwardRef((props, ref) => {
+  const _a = props, {
+    children,
+    className
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs("label", {
+    className: classNames(className, "inline-flex cursor-pointer items-center"),
+    children: [/* @__PURE__ */ jsx("input", __spreadValues({
+      className: "checkbox border-gray-dark checked:bg-green checked:border-green mr-3 grid h-[1.25em] w-[1.25em] cursor-pointer appearance-none place-content-center rounded border-2 border-solid bg-white text-white focus:outline-none focus:ring-2 focus:ring-black",
+      ref,
+      type: "checkbox"
+    }, rest)), children]
+  });
+});
+const Footer = (props) => {
+  const _a = props, {
+    className,
+    children
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(ButtonColorContext.Provider, {
+    value: "white",
+    children: /* @__PURE__ */ jsx("footer", __spreadProps(__spreadValues({
+      className: classNames(className, "bg-blue py-12 text-white")
+    }, rest), {
+      children: /* @__PURE__ */ jsx("div", {
+        className: "container",
+        children
+      })
+    }))
+  });
+};
+const Form = (props) => {
+  const _a = props, {
+    heading,
+    children,
+    className
+  } = _a, rest = __objRest(_a, [
+    "heading",
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs("form", __spreadProps(__spreadValues({
+    className: classNames(className, "border-blue-dark block overflow-hidden rounded-t-3xl rounded-b-lg border-2")
+  }, rest), {
+    children: [heading && /* @__PURE__ */ jsx(FormHeading, {
+      children: heading
+    }), /* @__PURE__ */ jsx("div", {
+      className: "p-6 md:p-10",
+      children
+    })]
+  }));
+};
+const FormHeading = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("h2", __spreadValues({
+    className: classNames(className, "bg-blue-dark p-6 text-xl font-bold text-white md:px-10 md:py-8 md:text-2xl")
+  }, rest));
+};
+const FormError = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
+    "aria-live": "polite",
+    className: classNames(className, "border-red bg-red-light rounded-lg border-2 p-6 text-sm")
+  }, rest), {
+    children: "Beklager! Noe gikk dessverre galt under innesendingen av skjemaet. Pr\xF8v gjerne igjen om en stund."
+  }));
+};
+const FormErrorMessage = (props) => {
+  const _a = props, {
+    children,
+    className
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
+    className: classNames(className, "bg-red-light text-red flex items-center gap-2 rounded-lg py-1 px-4 text-sm"),
+    "aria-live": "polite"
+  }, rest), {
+    children: [/* @__PURE__ */ jsx(Warning, {
+      className: "text-red flex-shrink-0"
+    }), children]
+  }));
+};
+const FormHelperText = (props) => {
+  const _a = props, {
+    className,
+    children
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
+    className: classNames(className, "text-gray-dark text-sm")
+  }, rest), {
+    children
+  }));
+};
+const FormLabel = (props) => {
+  const _a = props, {
+    className,
+    children,
+    isRequired
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children",
+    "isRequired"
+  ]);
+  return /* @__PURE__ */ jsxs("label", __spreadProps(__spreadValues({
+    className: classNames(className, "block cursor-pointer font-medium")
+  }, rest), {
+    children: [children, isRequired && /* @__PURE__ */ jsx("span", {
+      "aria-hidden": true,
+      className: "ml-px select-none",
+      children: "*"
+    })]
+  }));
+};
+const FormSuccess = (props) => {
+  const _a = props, {
+    className,
+    heading,
+    text
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "heading",
+    "text"
+  ]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
+    className: classNames(className, "bg-gray-concrete flex flex-col gap-8 p-8 text-center")
+  }, rest), {
+    children: [/* @__PURE__ */ jsx("img", {
+      className: "mx-auto",
+      alt: "Innsending fullf\xF8rt",
+      height: "220",
+      width: "247",
+      src: "data:image/png;base64,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"
+    }), heading && /* @__PURE__ */ jsx("h2", {
+      className: "text-blue text-2xl",
+      children: heading
+    }), text && /* @__PURE__ */ jsx("p", {
+      className: "text-lg",
+      children: text
+    })]
+  }));
+};
+function usesGridAreaPlacement(contentPosition) {
+  return contentPosition !== "vertical-split" && contentPosition !== "below-center" && contentPosition !== "below-left";
+}
+const HeroContext = createContext({
+  bgColor: "white",
+  contentPosition: "below-center",
+  hasImage: false
+});
+const Hero = (props) => {
+  const _a = props, {
+    bgColor = "white",
+    children,
+    className,
+    contentPosition: contentPositionProp = "below-center",
+    image
+  } = _a, rest = __objRest(_a, [
+    "bgColor",
+    "children",
+    "className",
+    "contentPosition",
+    "image"
+  ]);
+  const hasImage = image != null;
+  const contentPosition = hasImage ? contentPositionProp : "below-center";
+  const context = useMemo(() => ({
+    bgColor,
+    contentPosition,
+    hasImage
+  }), [bgColor, contentPosition, hasImage]);
+  return /* @__PURE__ */ jsx(ButtonColorContext.Provider, {
+    value: bgColor === "white" ? "standard" : "light-green",
+    children: /* @__PURE__ */ jsx(HeroContext.Provider, {
+      value: context,
+      children: /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
+        className: classNames(className, "<md:px-0 container md:grid", {
+          "md:grid-cols-[50%,50%]": contentPosition === "vertical-split"
+        }),
+        style: usesGridAreaPlacement(contentPosition) ? {
+          gridTemplateAreas: '"hero"'
+        } : void 0
+      }, rest), {
+        children: [image, children]
+      }))
+    })
+  });
+};
+const HeroImage = (props) => {
+  const {
+    contentPosition
+  } = useContext(HeroContext);
+  return /* @__PURE__ */ jsxs("picture", {
+    className: classNames("aspect-w-6 aspect-h-7 block", {
+      "sm:aspect-w-8 sm:aspect-h-4": contentPosition !== "vertical-split",
+      "sm:aspect-w-8 sm:aspect-h-8": contentPosition === "vertical-split"
+    }),
+    style: contentPosition !== "vertical-split" && contentPosition !== "below-center" && contentPosition !== "below-left" ? {
+      gridArea: "hero"
+    } : void 0,
+    children: [/* @__PURE__ */ jsx("source", {
+      media: "(min-width: 768px)",
+      srcSet: props.mdSrc
+    }), /* @__PURE__ */ jsx("img", {
+      className: classNames("overflow-hidden rounded-t-3xl object-cover md:rounded-3xl", {
+        "md:rounded-l-none": contentPosition === "vertical-split"
+      }),
+      decoding: "async",
+      src: props.src,
+      alt: props.alt
+    })]
+  });
+};
+const HeroContent = (props) => {
+  const {
+    bgColor,
+    contentPosition,
+    hasImage
+  } = useContext(HeroContext);
+  const _a = props, {
+    children,
+    className,
+    heading,
+    description
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "className",
+    "heading",
+    "description"
+  ]);
+  const usesGridArea = usesGridAreaPlacement(contentPosition);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
+    className: classNames(className, "<md:mx-4 relative grid grid-flow-row grid-cols-[minmax(auto,_37rem)]  content-center gap-6 rounded-3xl py-10 px-6 text-center md:p-12", {
+      "<md:-mt-18": hasImage,
+      "text-white": bgColor !== "white",
+      "bg-green-dark": bgColor === "green",
+      "bg-blue-dark": bgColor === "blue",
+      "bg-white": bgColor === "white",
+      "md:-order-1 md:mt-0 md:justify-center md:rounded-r-none md:text-left": contentPosition === "vertical-split",
+      "justify-center md:mx-auto md:w-4/5": contentPosition === "below-center",
+      "md:-mt-18": hasImage && contentPosition === "below-center",
+      "md:ml-[8%] md:-mt-32 md:max-w-[58%] md:text-left": contentPosition === "below-left",
+      "md:my-9 md:mx-32 md:w-2/5": usesGridArea,
+      "self-end justify-self-start": contentPosition === "bottom-left",
+      "self-start justify-self-start": contentPosition === "top-left",
+      "self-start justify-self-end": contentPosition === "top-right",
+      "self-end justify-self-end": contentPosition === "bottom-right",
+      "self-center justify-self-center": contentPosition === "center"
+    })
+  }, rest), {
+    style: usesGridArea ? {
+      gridArea: "hero"
+    } : void 0,
+    children: [/* @__PURE__ */ jsx("h1", {
+      children: heading
+    }), description && /* @__PURE__ */ jsx("p", {
+      className: "text-lg md:text-xl",
+      children: description
+    }), children]
+  }));
+};
+const HeroActions = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  const {
+    contentPosition
+  } = useContext(HeroContext);
+  return /* @__PURE__ */ jsx("div", __spreadValues({
+    className: classNames(className, "grid items-center justify-center justify-items-center gap-4 md:grid-flow-col", {
+      "md:justify-start": contentPosition === "vertical-split" || contentPosition === "below-left"
+    })
+  }, rest));
+};
+const IconLegacy = (props) => {
+  var _b;
+  const _a = props, {
+    className,
+    name
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "name"
+  ]);
+  const IconComponent = (_b = iconMap[name]) != null ? _b : IconFallback;
+  return /* @__PURE__ */ jsx(IconComponent, __spreadValues({
+    className: classNames(className, "inline")
+  }, rest));
+};
+const IconFallback = (props) => /* @__PURE__ */ jsx("svg", __spreadValues({
+  "aria-hidden": props["aria-label"] == null,
+  height: "1.25em",
+  width: "1.25em"
+}, props));
+const iconMap = {
+  mapmarker: MapPin,
+  smartphone: Mobile,
+  envelope: Mail
+};
+const Input = forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    isInvalid,
+    size,
+    prefix,
+    as,
+    type
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "isInvalid",
+    "size",
+    "prefix",
+    "as",
+    "type"
+  ]);
+  const Component = as != null ? as : "input";
+  const inputType = (type != null ? type : Component === "input") ? "text" : void 0;
+  return /* @__PURE__ */ jsxs("div", {
+    className: classNames(className, "relative flex items-center rounded-md border-[1px] border-b-[3px] focus-within:-ml-[2px] focus-within:-mt-[2px] focus-within:border-[3px] focus-within:shadow", {
+      "border-gray-dark focus-within:border-blue": !isInvalid,
+      "border-red focus-within:border-red": isInvalid,
+      "w-fit": size != null,
+      "w-full": size == null
+    }),
+    children: [prefix && /* @__PURE__ */ jsx("span", {
+      className: "text-gray pl-4",
+      children: prefix
+    }), /* @__PURE__ */ jsx(Component, __spreadValues({
+      "aria-invalid": isInvalid,
+      ref,
+      className: "focus:none placeholder-gray w-full rounded-md border-none px-4 py-3 outline-none",
+      size,
+      type: inputType
+    }, rest))]
+  });
+});
+const Link = (props) => {
+  let iconClass = "";
+  if (props.icon) {
+    iconClass = "inline-flex items-center gap-2";
+  }
+  return /* @__PURE__ */ jsxs("a", {
+    className: iconClass,
+    href: props.href,
+    children: [props.icon, props.children]
+  });
+};
+const NavbarContext = createContext({
+  setIsExpanded: () => {
+  },
+  isExpanded: false,
+  collapsibleId: ""
+});
+const Navbar = (props) => {
+  const _a = props, {
+    className,
+    children
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children"
+  ]);
+  const collapsibleId = useId();
+  const [isExpanded, setIsExpanded] = useState(false);
+  const expandedContext = useMemo(() => ({
+    isExpanded,
+    setIsExpanded,
+    collapsibleId
+  }), [isExpanded, collapsibleId]);
+  return /* @__PURE__ */ jsx(ButtonColorContext.Provider, {
+    value: "white",
+    children: /* @__PURE__ */ jsx(NavbarContext.Provider, {
+      value: expandedContext,
+      children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
+        className: classNames(className, "bg-blue py-6 text-white md:py-8")
+      }, rest), {
+        children: /* @__PURE__ */ jsx("div", {
+          className: "container",
+          children
+        })
+      }))
+    })
+  });
+};
+const NavbarItems = (props) => {
+  const _a = props, {
+    className,
+    children
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children"
+  ]);
+  const {
+    isExpanded
+  } = useContext(NavbarContext);
+  return /* @__PURE__ */ jsx("nav", __spreadProps(__spreadValues({
+    className: classNames(className, "my-8 flex flex-col md:mb-0 md:flex md:flex-row md:flex-wrap md:gap-x-8", {
+      hidden: !isExpanded
+    })
+  }, rest), {
+    children
+  }));
+};
+const NavbarItem = forwardRef((props, ref) => {
+  const _a = props, {
+    active,
+    className,
+    children
+  } = _a, rest = __objRest(_a, [
+    "active",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({
+    "aria-current": active ? "page" : void 0,
+    className: classNames(className, "border-b border-[#0156E0] py-3 no-underline md:border-b-2 md:border-transparent md:py-2 md:hover:border-white", {
+      "fake-font-bold md:bg-blue-dark md:-mx-3 md:rounded-t-lg md:px-3": active
+    }),
+    ref
+  }, rest), {
+    children
+  }));
+});
+const NavbarMenuButton = () => {
+  const {
+    isExpanded,
+    setIsExpanded,
+    collapsibleId
+  } = useContext(NavbarContext);
+  let Icon = MenuAlt;
+  let buttonText = "Meny";
+  if (isExpanded) {
+    Icon = Close;
+    buttonText = "Lukk";
+  }
+  return /* @__PURE__ */ jsxs("button", {
+    "aria-controls": collapsibleId,
+    "aria-expanded": isExpanded,
+    className: "inline-flex items-center gap-2 md:hidden",
+    onClick: () => setIsExpanded((val) => !val),
+    children: [buttonText, " ", /* @__PURE__ */ jsx(Icon, {})]
+  });
+};
+const NavbarContent = (props) => {
+  const _a = props, {
+    className,
+    children,
+    logo
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children",
+    "logo"
+  ]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
+    className: classNames(className, "flex items-center justify-between gap-8")
+  }, rest), {
+    children: [logo, /* @__PURE__ */ jsx("div", {
+      className: "hidden md:block",
+      children
+    }), /* @__PURE__ */ jsx(NavbarMenuButton, {})]
+  }));
+};
+const NavbarCollapsible = (props) => {
+  const _a = props, {
+    className,
+    children
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children"
+  ]);
+  const {
+    collapsibleId,
+    isExpanded
+  } = useContext(NavbarContext);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, rest), {
+    "aria-hidden": !isExpanded,
+    className: classNames(className, "md:-mb-8 md:block", {
+      hidden: !isExpanded
+    }),
+    id: collapsibleId,
+    children
+  }));
+};
+const NavbarExpandedMobileContent = (props) => {
+  const {
+    isExpanded
+  } = useContext(NavbarContext);
+  const isMobileScreen = useScreenMaxWidthMd();
+  if (!isExpanded || !isMobileScreen)
+    return null;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: props.children
+  });
+};
+const Snackbar = (props) => {
+  const {
+    heading,
+    children,
+    closeSnackbar
+  } = props;
+  const [isExpanded, setIsExpanded] = useState(false);
+  return /* @__PURE__ */ jsx("div", {
+    className: "container max-w-[59rem]",
+    children: /* @__PURE__ */ jsx("div", {
+      className: "bg-orange-light rounded-lg p-4",
+      children: /* @__PURE__ */ jsxs("div", {
+        className: "snackbar grid items-center",
+        children: [/* @__PURE__ */ jsx(InfoCircle, {
+          className: "text-orange snackbar-icon mr-4 md:mr-8 md:text-2xl"
+        }), /* @__PURE__ */ jsx("h3", {
+          className: classNames("snackbar-header min-w-0 max-w-prose text-base font-medium", {
+            "overflow-hidden overflow-ellipsis whitespace-nowrap": !isExpanded
+          }),
+          children: heading
+        }), /* @__PURE__ */ jsxs("div", {
+          className: "snackbar-actions <md:mt-3 flex justify-end gap-4 md:ml-4",
+          children: [/* @__PURE__ */ jsx(SnackbarButton, {
+            "aria-expanded": isExpanded,
+            onClick: () => setIsExpanded(!isExpanded),
+            children: isExpanded ? "Les mindre" : "Les mer"
+          }), /* @__PURE__ */ jsx(SnackbarButton, {
+            onClick: closeSnackbar,
+            children: "Ok"
+          })]
+        }), isExpanded && children]
+      })
+    })
+  });
+};
+const SnackbarButton = (props) => /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({
+  className: classNames(props.className, "focus-visible:ring-offset flex-shrink-0 underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black")
+}, props), {
+  children: props.children
+}));
+const SnackbarContent = (props) => {
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
+    className: "snackbar-content my-4 max-h-[50vh] max-w-prose overflow-y-auto"
+  }, props), {
+    children: props.children
+  }));
+};
+const TextArea = forwardRef((props, ref) => {
+  const _a = props, {
+    description,
+    error,
+    id: idProp,
+    label,
+    required
+  } = _a, rest = __objRest(_a, [
+    "description",
+    "error",
+    "id",
+    "label",
+    "required"
+  ]);
+  const ownRef = useRef(null);
+  const {
+    validity
+  } = useFormControlValidity(ownRef);
+  const id = useFallbackId(idProp);
+  const helpTextId = id + "-help";
+  const errorMsgId = id + "-err-msg";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "grid gap-2",
+    children: [/* @__PURE__ */ jsx(FormLabel, {
+      htmlFor: id,
+      isRequired: required,
+      children: label
+    }), /* @__PURE__ */ jsx(Input, __spreadProps(__spreadValues({
+      as: "textarea",
+      ref: useComposedRefs(ownRef, ref),
+      id,
+      required
+    }, rest), {
+      isInvalid: !!error || validity === "invalid",
+      "aria-describedby": classNames({
+        [errorMsgId]: !!error,
+        [helpTextId]: description
+      })
+    })), description && /* @__PURE__ */ jsx(FormHelperText, {
+      id: helpTextId,
+      children: description
+    }), error && /* @__PURE__ */ jsx(FormErrorMessage, {
+      id: errorMsgId,
+      children: error
+    })]
+  });
+});
+const TextField = forwardRef((props, ref) => {
+  const _a = props, {
+    description,
+    error,
+    id: idProp,
+    label,
+    required,
+    type = "text"
+  } = _a, rest = __objRest(_a, [
+    "description",
+    "error",
+    "id",
+    "label",
+    "required",
+    "type"
+  ]);
+  const ownRef = useRef(null);
+  const {
+    validity
+  } = useFormControlValidity(ownRef);
+  const id = useFallbackId(idProp);
+  const helpTextId = id + "-help";
+  const errorMsgId = id + "-err";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "grid gap-2",
+    children: [/* @__PURE__ */ jsx(FormLabel, {
+      htmlFor: id,
+      isRequired: required,
+      children: label
+    }), /* @__PURE__ */ jsx(Input, __spreadProps(__spreadValues({
+      id,
+      required,
+      ref: useComposedRefs(ownRef, ref),
+      type
+    }, rest), {
+      isInvalid: !!error || validity === "invalid",
+      "aria-describedby": classNames({
+        [errorMsgId]: !!error,
+        [helpTextId]: description
+      })
+    })), description && /* @__PURE__ */ jsx(FormHelperText, {
+      id: helpTextId,
+      children: description
+    }), error && /* @__PURE__ */ jsx(FormErrorMessage, {
+      id: errorMsgId,
+      children: error
+    })]
+  });
+});
+export { Alert, Banner, BannerImage, Button, ButtonColorContext, Card, CardContent, CardImage, CardLinkOverlay, CardList, Checkbox, Footer, Form, FormError, FormErrorMessage, FormHeading, FormHelperText, FormLabel, FormSuccess, Hero, HeroActions, HeroContent, HeroContext, HeroImage, IconLegacy, Input, Link, Navbar, NavbarCollapsible, NavbarContent, NavbarExpandedMobileContent, NavbarItem, NavbarItems, Snackbar, SnackbarButton, SnackbarContent, TextArea, TextField, assignRef, useBlockBackgroundColor, useComposedRefs, useFallbackId, useFormControlValidity, useMedia, usePrefersReducedMotion, useScreenMaxWidthMd };