@kystverket/styrbord-consent 0.0.0

package/dist/style.js

@@ -0,0 +1,447 @@
+'use client';
+import { jsx as o, jsxs as l, Fragment as V } from "react/jsx-runtime";
+import { createContext as B, useContext as T, useEffect as w, useRef as N, useState as F, useMemo as G, useSyncExternalStore as Z, useId as Q } from "react";
+import { deleteCookie as x, configureConsentManager as W, createConsentManagerStore as Y } from "c15t";
+const U = B(null);
+function C() {
+  const e = T(U);
+  if (!e)
+    throw new Error("useConsentStore må brukes innenfor en <ConsentProvider>.");
+  return e;
+}
+const O = "kystverket_consent", M = 182;
+function A(e) {
+  const n = e.filter((t) => !t.alwaysLoad).map((t) => t.category).filter((t) => typeof t == "string").filter((t) => t !== "necessary");
+  return [...new Set(n)];
+}
+function z(e) {
+  return A(e).length > 0;
+}
+function X(e, n, t) {
+  if (typeof document > "u")
+    return;
+  const a = e.filter((s) => s.alwaysLoad || typeof s.category != "string" ? !1 : n[s.category] !== !0).flatMap((s) => s.clearCookiePrefixes ?? []);
+  if (a.length === 0)
+    return;
+  const i = document.cookie.split(";").map((s) => {
+    var d;
+    return (d = s.split("=")[0]) == null ? void 0 : d.trim();
+  }).filter((s) => !!s);
+  for (const s of i)
+    a.some((d) => s.startsWith(d)) && (x(s), x(s, { domain: window.location.hostname }), t && x(s, { domain: t }));
+}
+function J(e) {
+  return {
+    storageKey: e.storageKey ?? O,
+    defaultExpiryDays: e.expiryDays ?? M,
+    // Bevisst ikke `crossSubdomain: true` — se kommentaren på ConsentConfig.cookieDomain.
+    ...e.cookieDomain ? { defaultDomain: e.cookieDomain } : {}
+  };
+}
+function ee(e) {
+  const n = J(e), t = W({
+    mode: "offline",
+    storageConfig: n
+  });
+  return Y(t, {
+    storageConfig: n,
+    scripts: e.services,
+    initialConsentCategories: A(e.services),
+    debug: e.debug ?? !1,
+    // Laster siden på nytt når samtykke trekkes tilbake. Nødvendig fordi et skript som
+    // Hotjar ikke lar seg stoppe når det først kjører.
+    reloadOnConsentRevoked: !0,
+    callbacks: {
+      onConsentSet: ({ preferences: a }) => X(e.services, a, e.cookieDomain)
+    }
+  });
+}
+const $ = B(null), ne = $.Provider;
+function te() {
+  return N({ count: 0 }).current;
+}
+function se() {
+  const e = T($);
+  w(() => {
+    if (e)
+      return e.count += 1, () => {
+        e.count -= 1;
+      };
+  }, [e]);
+}
+const L = /* @__PURE__ */ new Set();
+function H(e, n) {
+  const t = T($);
+  w(() => {
+    if (!n || !t || L.has(e))
+      return;
+    const a = setTimeout(() => {
+      t.count > 0 || L.has(e) || (L.add(e), console.warn(`<${e}> is shown without a <ConsentPreferencesDialog> mounted. Opening the consent settings will hide it with nothing to replace it, leaving the user unable to give or withdraw consent. Mount <ConsentPreferencesDialog> alongside it, or use <CookieConsent>, which mounts all three surfaces.`));
+    }, 0);
+    return () => clearTimeout(a);
+  }, [n, e, t]);
+}
+const oe = { heading: "Cookies", body: "We use cookies to understand how this service is used, so that we can improve it. You decide what you consent to.", acceptAll: "Accept all", rejectAll: "Necessary only", managePreferences: "Choose yourself" }, ie = { heading: "Cookie settings", body: "Necessary cookies are always on, because the service does not work without them. The rest is up to you.", savePreferences: "Save choices", acceptAll: "Accept all", rejectAll: "Necessary only", close: "Close", servicesLabel: "Services", showCookies: "Show cookies", noCookies: "Sets no cookies", alwaysOnHeading: "Always on", alwaysOnBody: "These store nothing on your device and cannot be used to recognise you. They therefore do not require consent, and are always on.", cookieName: "Name", cookieProvider: "Provided by", cookieDuration: "Duration" }, ae = { session: "Until you close your browser", day: "{{count}} day", days: "{{count}} days", month: "{{count}} month", months: "{{count}} months", year: "{{count}} year", years: "{{count}} years" }, re = { necessary: { title: "Necessary", description: "Required for the service to work, including sign-in and security. These cannot be turned off." }, functionality: { title: "Functionality", description: "Remembers your choices, such as language and other settings." }, measurement: { title: "Statistics", description: "Lets us count visits and see which pages are used, so we can prioritise correctly." }, experience: { title: "User experience", description: "Lets us see how the pages are actually used, through anonymised recordings and heatmaps, so we can fix what is difficult." }, marketing: { title: "Marketing", description: "Used to tailor advertising. Kystverket does not use this today." } }, ce = "Manage cookies", le = {
+  banner: oe,
+  dialog: ie,
+  durations: ae,
+  categories: re,
+  manageLink: ce
+}, de = { heading: "Informasjonskapsler", body: "Vi bruker informasjonskapsler for å forstå hvordan tjenesten brukes, slik at vi kan gjøre den bedre. Du velger selv hva du samtykker til.", acceptAll: "Godta alle", rejectAll: "Kun nødvendige", managePreferences: "Velg selv" }, ue = { heading: "Innstillinger for informasjonskapsler", body: "Nødvendige informasjonskapsler er alltid på, fordi tjenesten ikke fungerer uten dem. De øvrige velger du selv.", savePreferences: "Lagre valg", acceptAll: "Godta alle", rejectAll: "Kun nødvendige", close: "Lukk", servicesLabel: "Tjenester", showCookies: "Vis informasjonskapsler", noCookies: "Setter ingen informasjonskapsler", alwaysOnHeading: "Alltid på", alwaysOnBody: "Disse lagrer ingenting på enheten din og kan ikke brukes til å kjenne deg igjen. De krever derfor ikke samtykke, og er alltid på.", cookieName: "Navn", cookieProvider: "Levert av", cookieDuration: "Varighet" }, ge = { session: "Til du lukker nettleseren", day: "{{count}} dag", days: "{{count}} dager", month: "{{count}} måned", months: "{{count}} måneder", year: "{{count}} år", years: "{{count}} år" }, he = { necessary: { title: "Nødvendige", description: "Kreves for at tjenesten skal fungere, blant annet for innlogging og sikkerhet. Disse kan ikke slås av." }, functionality: { title: "Funksjonalitet", description: "Husker valgene dine, som språk og andre innstillinger." }, measurement: { title: "Statistikk", description: "Lar oss telle besøk og se hvilke sider som brukes, slik at vi kan prioritere riktig." }, experience: { title: "Brukeropplevelse", description: "Lar oss se hvordan sidene faktisk brukes, gjennom anonymiserte opptak og varmekart, slik at vi kan rette opp det som er vanskelig." }, marketing: { title: "Markedsføring", description: "Brukes til å tilpasse annonser. Kystverket bruker ikke dette i dag." } }, ke = "Administrer informasjonskapsler", me = {
+  banner: de,
+  dialog: ue,
+  durations: ge,
+  categories: he,
+  manageLink: ke
+}, ye = { heading: "Informasjonskapslar", body: "Vi brukar informasjonskapslar for å forstå korleis tenesta blir brukt, slik at vi kan gjere henne betre. Du vel sjølv kva du samtykkjer til.", acceptAll: "Godta alle", rejectAll: "Berre nødvendige", managePreferences: "Vel sjølv" }, pe = { heading: "Innstillingar for informasjonskapslar", body: "Nødvendige informasjonskapslar er alltid på, fordi tenesta ikkje fungerer utan dei. Dei andre vel du sjølv.", savePreferences: "Lagre val", acceptAll: "Godta alle", rejectAll: "Berre nødvendige", close: "Lukk", servicesLabel: "Tenester", showCookies: "Vis informasjonskapslar", noCookies: "Set ingen informasjonskapslar", alwaysOnHeading: "Alltid på", alwaysOnBody: "Desse lagrar ingenting på eininga di og kan ikkje brukast til å kjenne deg att. Dei krev difor ikkje samtykke, og er alltid på.", cookieName: "Namn", cookieProvider: "Levert av", cookieDuration: "Varigheit" }, fe = { session: "Til du lukkar nettlesaren", day: "{{count}} dag", days: "{{count}} dagar", month: "{{count}} månad", months: "{{count}} månader", year: "{{count}} år", years: "{{count}} år" }, ve = { necessary: { title: "Nødvendige", description: "Krevst for at tenesta skal fungere, mellom anna for innlogging og tryggleik. Desse kan ikkje slåast av." }, functionality: { title: "Funksjonalitet", description: "Hugsar vala dine, som språk og andre innstillingar." }, measurement: { title: "Statistikk", description: "Lèt oss telje besøk og sjå kva sider som blir brukte, slik at vi kan prioritere rett." }, experience: { title: "Brukaroppleving", description: "Lèt oss sjå korleis sidene faktisk blir brukte, gjennom anonymiserte opptak og varmekart, slik at vi kan rette opp det som er vanskeleg." }, marketing: { title: "Marknadsføring", description: "Blir brukt til å tilpasse annonsar. Kystverket brukar ikkje dette i dag." } }, be = "Administrer informasjonskapslar", _e = {
+  banner: ye,
+  dialog: pe,
+  durations: fe,
+  categories: ve,
+  manageLink: be
+}, _ = {
+  "nb-NO": me,
+  "nn-NO": _e,
+  "en-US": le
+}, P = "nb-NO";
+function Ce(e) {
+  var i;
+  if (!e)
+    return _[P];
+  const n = _[e];
+  if (n)
+    return n;
+  const t = (i = e.split("-")[0]) == null ? void 0 : i.toLowerCase(), a = Object.keys(_).find((s) => s.split("-")[0].toLowerCase() === t);
+  return a ? _[a] : _[P];
+}
+function je(e, n) {
+  const { durations: t } = n;
+  if (e === "session")
+    return t.session;
+  const a = (i, s) => i.replace("{{count}}", String(s));
+  if (e >= 365 && e % 365 === 0) {
+    const i = e / 365;
+    return a(i === 1 ? t.year : t.years, i);
+  }
+  if (e >= 28) {
+    const i = Math.round(e / 30.4);
+    if (i >= 1)
+      return a(i === 1 ? t.month : t.months, i);
+  }
+  return a(e === 1 ? t.day : t.days, e);
+}
+function we(e, n) {
+  return n ? {
+    banner: { ...e.banner, ...n.banner },
+    dialog: { ...e.dialog, ...n.dialog },
+    durations: { ...e.durations, ...n.durations },
+    categories: { ...e.categories, ...n.categories },
+    manageLink: n.manageLink ?? e.manageLink
+  } : e;
+}
+function hn({ children: e, language: n, translations: t, ...a }) {
+  const i = N(null);
+  i.current ?? (i.current = ee(a));
+  const s = i.current, { services: d } = a, g = d.map((h) => h.id).join(","), [m, p] = F(!1);
+  w(() => p(!0), []);
+  const y = te(), u = G(
+    () => ({
+      store: s,
+      translations: we(Ce(n), t),
+      showsBanner: z(d),
+      mounted: m
+    }),
+    // `serviceIds` står her med vilje i stedet for `services`: lista bygges som regel inline
+    // hos kallstedet og har ny identitet ved hver render, mens innholdet er det samme.
+    [s, n, t, g, m]
+  );
+  return /* @__PURE__ */ o(U.Provider, { value: u, children: /* @__PURE__ */ o(ne, { value: y, children: e }) });
+}
+function k(e, n) {
+  const t = N(null);
+  return Z(e.subscribe, () => n(e.getState()), () => (t.current ?? (t.current = { value: n(e.getState()) }), t.current.value));
+}
+function Ne() {
+  const { store: e } = C(), n = k(e, (s) => s.consents), t = k(e, (s) => s.activeUI), a = k(e, (s) => s.consentInfo), i = k(e, (s) => s.isLoadingConsentInfo);
+  return {
+    hasConsent: (s) => e.getState().has(s),
+    consents: n,
+    needsDecision: !i && a === null,
+    showPreferences: () => e.getState().setActiveUI("dialog"),
+    close: () => e.getState().setActiveUI("none"),
+    activeUI: t
+  };
+}
+const Se = "_button_ax4nf_2", xe = "_filled_ax4nf_29", Le = "_outline_ax4nf_42", De = "_ghost_ax4nf_48", q = {
+  button: Se,
+  filled: xe,
+  outline: Le,
+  ghost: De
+};
+function v({ variant: e = "filled", className: n, type: t = "button", ...a }) {
+  return /* @__PURE__ */ o("button", { ...a, type: t, className: [q.button, q[e], n].filter(Boolean).join(" ") });
+}
+const Te = "_banner_hahjv_2", Ae = "_inner_hahjv_15", $e = "_text_hahjv_23", Pe = "_heading_hahjv_29", qe = "_body_hahjv_38", Ie = "_actions_hahjv_45", f = {
+  banner: Te,
+  inner: Ae,
+  text: $e,
+  heading: Pe,
+  body: qe,
+  actions: Ie
+};
+function Be() {
+  const { store: e, translations: n, showsBanner: t, mounted: a } = C(), i = k(e, (m) => m.activeUI), s = a && t && i === "banner";
+  if (H("ConsentBanner", s), !s)
+    return null;
+  const { saveConsents: d, setActiveUI: g } = e.getState();
+  return /* @__PURE__ */ o("section", { className: f.banner, "data-color": "primary", "aria-labelledby": "styrbord-consent-banner-heading", children: /* @__PURE__ */ l("div", { className: f.inner, children: [
+    /* @__PURE__ */ l("div", { className: f.text, children: [
+      /* @__PURE__ */ o("h2", { id: "styrbord-consent-banner-heading", className: f.heading, children: n.banner.heading }),
+      /* @__PURE__ */ o("p", { className: f.body, children: n.banner.body })
+    ] }),
+    /* @__PURE__ */ l("div", { className: f.actions, children: [
+      /* @__PURE__ */ o(v, { variant: "filled", onClick: () => d("all"), children: n.banner.acceptAll }),
+      /* @__PURE__ */ o(v, { variant: "outline", onClick: () => d("necessary"), children: n.banner.rejectAll }),
+      /* @__PURE__ */ o(v, { variant: "ghost", onClick: () => g("dialog"), children: n.banner.managePreferences })
+    ] })
+  ] }) });
+}
+const Ue = "_input_oxxbn_10", Oe = "_label_oxxbn_53", Me = "_description_oxxbn_62", j = {
+  switch: "_switch_oxxbn_2",
+  input: Ue,
+  label: Oe,
+  description: Me
+};
+function He({ label: e, description: n, checked: t, onChange: a }) {
+  const i = Q(), s = `${i}-description`;
+  return /* @__PURE__ */ l("div", { className: j.switch, children: [
+    /* @__PURE__ */ o("input", { id: i, type: "checkbox", role: "switch", className: j.input, checked: t, onChange: a, "aria-describedby": n ? s : void 0 }),
+    /* @__PURE__ */ o("label", { className: j.label, htmlFor: i, children: e }),
+    n && /* @__PURE__ */ o("p", { id: s, className: j.description, children: n })
+  ] });
+}
+const Re = "_dialog_1y45s_2", Ee = "_content_1y45s_26", Ke = "_header_1y45s_34", Ve = "_heading_1y45s_41", Fe = "_close_1y45s_50", Ge = "_summary_1y45s_75", Ze = "_body_1y45s_80", Qe = "_fineprint_1y45s_87", We = "_categories_1y45s_95", Ye = "_category_1y45s_101", ze = "_categoryHeading_1y45s_114", Xe = "_services_1y45s_122", Je = "_details_1y45s_129", en = "_table_1y45s_142", nn = "_buttons_1y45s_162", c = {
+  dialog: Re,
+  content: Ee,
+  header: Ke,
+  heading: Ve,
+  close: Fe,
+  summary: Ge,
+  body: Ze,
+  fineprint: Qe,
+  categories: We,
+  category: Ye,
+  categoryHeading: ze,
+  services: Xe,
+  details: Je,
+  table: en,
+  buttons: nn
+};
+function D({ services: e, translations: n }) {
+  if (!e.some((i) => i.cookies !== void 0))
+    return null;
+  const a = e.flatMap((i) => (i.cookies ?? []).map((s) => ({ ...s, provider: i.displayName ?? i.id })));
+  return a.length === 0 ? /* @__PURE__ */ o("p", { className: c.fineprint, children: n.dialog.noCookies }) : /* @__PURE__ */ l("details", { className: c.details, children: [
+    /* @__PURE__ */ o("summary", { className: c.summary, children: n.dialog.showCookies }),
+    /* @__PURE__ */ l("table", { className: c.table, children: [
+      /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ l("tr", { children: [
+        /* @__PURE__ */ o("th", { scope: "col", children: n.dialog.cookieName }),
+        /* @__PURE__ */ o("th", { scope: "col", children: n.dialog.cookieProvider }),
+        /* @__PURE__ */ o("th", { scope: "col", children: n.dialog.cookieDuration })
+      ] }) }),
+      /* @__PURE__ */ o("tbody", { children: a.map((i) => /* @__PURE__ */ l("tr", { children: [
+        /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o("code", { children: i.name }) }),
+        /* @__PURE__ */ o("td", { children: i.provider }),
+        /* @__PURE__ */ o("td", { children: je(i.duration, n) })
+      ] }, `${i.provider}-${i.name}`)) })
+    ] })
+  ] });
+}
+function I({ services: e, translations: n }) {
+  return e.length === 0 ? null : /* @__PURE__ */ l("p", { className: c.fineprint, children: [
+    n.dialog.servicesLabel,
+    ": ",
+    e.map((t) => t.displayName ?? t.id).join(", ")
+  ] });
+}
+function tn() {
+  const { store: e, translations: n, mounted: t } = C(), a = k(e, (r) => r.activeUI), i = k(e, (r) => r.selectedConsents), s = k(e, (r) => r.scripts), d = N(null), g = a === "dialog";
+  se(), w(() => {
+    const r = d.current;
+    r && (g && !r.open ? r.showModal() : !g && r.open && r.close());
+  }, [g]);
+  const m = A(s), { setSelectedConsent: p, saveConsents: y, setActiveUI: u } = e.getState();
+  if (!t)
+    return null;
+  const h = s.filter((r) => r.category === "necessary"), S = s.filter((r) => r.alwaysLoad && r.category !== "necessary"), R = (r) => s.filter((b) => !b.alwaysLoad && b.category === r), E = (r) => {
+    r.target === d.current && u("none");
+  };
+  return /* @__PURE__ */ l("dialog", { ref: d, className: c.dialog, "data-color": "primary", "aria-labelledby": "styrbord-consent-dialog-heading", onClose: () => u("none"), onClick: E, children: [
+    /* @__PURE__ */ l("div", { className: c.content, children: [
+      /* @__PURE__ */ l("div", { className: c.header, children: [
+        /* @__PURE__ */ o("h2", { id: "styrbord-consent-dialog-heading", className: c.heading, children: n.dialog.heading }),
+        /* @__PURE__ */ o("button", { type: "button", className: c.close, "aria-label": n.dialog.close, onClick: () => u("none"), children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": !0, focusable: "false", children: /* @__PURE__ */ o("path", { d: "m6 6 12 12M18 6 6 18", strokeLinecap: "round" }) }) })
+      ] }),
+      /* @__PURE__ */ o("p", { className: c.body, children: n.dialog.body }),
+      /* @__PURE__ */ l("div", { className: c.categories, children: [
+        /* @__PURE__ */ l("section", { className: c.category, children: [
+          /* @__PURE__ */ o("h3", { className: c.categoryHeading, children: n.categories.necessary.title }),
+          /* @__PURE__ */ o("p", { className: c.body, children: n.categories.necessary.description }),
+          /* @__PURE__ */ o(D, { services: h, translations: n })
+        ] }),
+        S.length > 0 && /* @__PURE__ */ l("section", { className: c.category, children: [
+          /* @__PURE__ */ o("h3", { className: c.categoryHeading, children: n.dialog.alwaysOnHeading }),
+          /* @__PURE__ */ o("p", { className: c.body, children: n.dialog.alwaysOnBody }),
+          /* @__PURE__ */ o(I, { services: S, translations: n }),
+          /* @__PURE__ */ o(D, { services: S, translations: n })
+        ] }),
+        m.map((r) => {
+          const b = R(r);
+          return /* @__PURE__ */ l("section", { className: c.category, children: [
+            /* @__PURE__ */ o(He, { label: n.categories[r].title, description: n.categories[r].description, checked: i[r] === !0, onChange: (K) => p(r, K.target.checked) }),
+            /* @__PURE__ */ l("div", { className: c.services, children: [
+              /* @__PURE__ */ o(I, { services: b, translations: n }),
+              /* @__PURE__ */ o(D, { services: b, translations: n })
+            ] })
+          ] }, r);
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: c.buttons, children: [
+      /* @__PURE__ */ o(v, { variant: "filled", onClick: () => y("custom"), children: n.dialog.savePreferences }),
+      /* @__PURE__ */ o(v, { variant: "outline", onClick: () => y("all"), children: n.dialog.acceptAll }),
+      /* @__PURE__ */ o(v, { variant: "ghost", onClick: () => y("necessary"), children: n.dialog.rejectAll })
+    ] })
+  ] });
+}
+const sn = "_button_zo1st_2", on = {
+  button: sn
+};
+function an() {
+  return /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: "20px", viewBox: "0 -960 960 960", width: "20px", children: /* @__PURE__ */ o("path", { color: "currentColor", d: "M480-96q-79.38 0-149.19-30T208.5-208.5Q156-261 126-330.81T96-480q0-81 31-151.5t82.5-123Q261-807 329-837.5T470-868q23 0 45 3t45 9q-8 45 5.5 82t42.03 60.96q28.53 23.96 68 33T759-681q-24 57 8.01 108.5 32.01 51.49 95.08 53.4.95 10.49 1.43 19.55T864-480q0 78-30.24 147.98-30.24 69.99-82.08 122.6t-121.92 83.01Q559.68-96 480-96Zm-60-456q25 0 42.5-17.5T480-612q0-25-17.5-42.5T420-672q-25 0-42.5 17.5T360-612q0 25 17.5 42.5T420-552Zm-96 192q25 0 42.5-17.5T384-420q0-25-17.5-42.5T324-480q-25 0-42.5 17.5T264-420q0 25 17.5 42.5T324-360Zm275.79 36q15.21 0 25.71-10.29t10.5-25.5q0-15.21-10.29-25.71t-25.5-10.5q-15.21 0-25.71 10.29t-10.5 25.5q0 15.21 10.29 25.71t25.5 10.5ZM480-168q125 0 214.5-84.5T792-462q-45-18-75-55.5T679-603q-76-11-129-63t-63-126q-63-4-120.5 19.5t-102 66.5Q220-663 194-604.5T168-480q0 129.67 91.16 220.84Q350.33-168 480-168Zm0-311Z" }) });
+}
+function rn() {
+  const { store: e, translations: n, showsBanner: t, mounted: a } = C(), i = k(e, (d) => d.activeUI), s = a && t && i === "none";
+  return H("ConsentSettingsButton", s), s ? /* @__PURE__ */ o("button", { type: "button", className: on.button, "data-color": "neutral", "aria-label": n.manageLink, title: n.manageLink, onClick: () => e.getState().setActiveUI("dialog"), children: /* @__PURE__ */ o(an, {}) }) : null;
+}
+const cn = "_link_6z1zn_4", ln = {
+  link: cn
+};
+function kn() {
+  return /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ o(Be, {}),
+    /* @__PURE__ */ o(tn, {}),
+    /* @__PURE__ */ o(rn, {})
+  ] });
+}
+function mn({ className: e }) {
+  const { translations: n } = C(), { showPreferences: t } = Ne();
+  return /* @__PURE__ */ o("button", { type: "button", className: [ln.link, e].filter(Boolean).join(" "), onClick: t, children: n.manageLink });
+}
+function yn({ domain: e, requireConsent: n = !1, scriptSrc: t = "https://plausible.io/js/script.js" }) {
+  return {
+    id: "plausible",
+    displayName: "Plausible",
+    src: t,
+    category: "measurement",
+    alwaysLoad: !n,
+    defer: !0,
+    attributes: { "data-domain": e },
+    // Tom liste, ikke utelatt: dialogen skiller mellom «setter ingen kapsler» og «vi har
+    // ikke oppgitt noe», og det kapselfrie er hele grunnen til at Plausible går usamtykket.
+    cookies: []
+  };
+}
+function pn({ siteId: e }) {
+  return {
+    id: "hotjar",
+    displayName: "Hotjar",
+    category: "experience",
+    clearCookiePrefixes: ["_hj"],
+    cookies: [
+      { name: "_hjSessionUser_*", duration: 365 },
+      { name: "_hjSession_*", duration: 1 },
+      { name: "_hjIncludedInSessionSample_*", duration: 1 }
+    ],
+    textContent: `
+      (function (h, o, t, j, a, r) {
+        h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments); };
+        h._hjSettings = { hjid: ${Number(e)}, hjsv: 6 };
+        a = o.getElementsByTagName('head')[0];
+        r = o.createElement('script');
+        r.async = 1;
+        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+        a.appendChild(r);
+      })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
+    `
+  };
+}
+function fn({ apiKey: e, apiHost: n = "https://eu.i.posthog.com", assetHost: t, sessionReplay: a = !1, capturePageview: i = !0, personProfiles: s = "identified_only", defaults: d = "2026-05-30" }) {
+  const g = n.replace(/\/$/, ""), m = (t ?? g.replace(".i.posthog.com", "-assets.i.posthog.com")).replace(/\/$/, ""), p = () => window.posthog, y = (u) => {
+    if (!a)
+      return;
+    const h = p();
+    h && (u.experience === !0 ? h.startSessionRecording() : h.stopSessionRecording());
+  };
+  return {
+    id: "posthog",
+    displayName: "PostHog",
+    category: "measurement",
+    clearCookiePrefixes: ["ph_"],
+    // Kapselen heter `ph_<nøkkel>_posthog`. Nøkkelen er kjent her, så brukeren får se det
+    // faktiske navnet framfor et jokertegn. PostHog speiler den samme verdien til localStorage,
+    // som dialogen foreløpig ikke har noen måte å vise.
+    cookies: [{ name: `ph_${e}_posthog`, duration: 365 }],
+    src: `${m}/static/array.js`,
+    onLoad: ({ consents: u }) => {
+      var h;
+      (h = p()) == null || h.init(e, {
+        api_host: g,
+        person_profiles: s,
+        capture_pageview: i,
+        defaults: d,
+        // PostHog setter denne til `true` selv, som legger kapselen på toppdomenet. Samme felle
+        // som c15t sin `crossSubdomain` — se kommentaren på `ConsentConfig.cookieDomain`.
+        cross_subdomain_cookie: !1,
+        disable_session_recording: !0,
+        capture_heatmaps: a && u.experience === !0
+      }), y(u);
+    },
+    onConsentChange: ({ consents: u }) => y(u)
+  };
+}
+function vn(e = O, n = M) {
+  return {
+    id: "consent",
+    displayName: "Kystverket",
+    category: "necessary",
+    callbackOnly: !0,
+    alwaysLoad: !0,
+    cookies: [{ name: e, duration: n }]
+  };
+}
+export {
+  Be as ConsentBanner,
+  tn as ConsentPreferencesDialog,
+  hn as ConsentProvider,
+  rn as ConsentSettingsButton,
+  kn as CookieConsent,
+  M as DEFAULT_EXPIRY_DAYS,
+  O as DEFAULT_STORAGE_KEY,
+  mn as ManageConsentLink,
+  X as clearServiceCookies,
+  vn as consentCookieService,
+  _ as consentTranslations,
+  ee as createConsentStore,
+  P as defaultConsentLanguage,
+  je as formatCookieDuration,
+  Ce as getConsentTranslations,
+  A as getSelectableCategories,
+  z as hasGatedServices,
+  pn as hotjarService,
+  yn as plausibleService,
+  fn as postHogService,
+  Ne as useConsent,
+  C as useConsentStore,
+  k as useStoreValue
+};

package/dist/style.umd.cjs

@@ -0,0 +1,12 @@
+'use client';
+(function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react"),require("c15t")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","c15t"],t):(r=typeof globalThis<"u"?globalThis:r||self,t(r.Styrbord={},r.jsxRuntime,r.React,r.c15t))})(this,(function(r,t,g,j){"use strict";const x=g.createContext(null);function v(){const e=g.useContext(x);if(!e)throw new Error("useConsentStore må brukes innenfor en <ConsentProvider>.");return e}const L="kystverket_consent",$=182;function w(e){const n=e.filter(s=>!s.alwaysLoad).map(s=>s.category).filter(s=>typeof s=="string").filter(s=>s!=="necessary");return[...new Set(n)]}function I(e){return w(e).length>0}function B(e,n,s){if(typeof document>"u")return;const i=e.filter(o=>o.alwaysLoad||typeof o.category!="string"?!1:n[o.category]!==!0).flatMap(o=>o.clearCookiePrefixes??[]);if(i.length===0)return;const a=document.cookie.split(";").map(o=>{var d;return(d=o.split("=")[0])==null?void 0:d.trim()}).filter(o=>!!o);for(const o of a)i.some(d=>o.startsWith(d))&&(j.deleteCookie(o),j.deleteCookie(o,{domain:window.location.hostname}),s&&j.deleteCookie(o,{domain:s}))}function Z(e){return{storageKey:e.storageKey??L,defaultExpiryDays:e.expiryDays??$,...e.cookieDomain?{defaultDomain:e.cookieDomain}:{}}}function U(e){const n=Z(e),s=j.configureConsentManager({mode:"offline",storageConfig:n});return j.createConsentManagerStore(s,{storageConfig:n,scripts:e.services,initialConsentCategories:w(e.services),debug:e.debug??!1,reloadOnConsentRevoked:!0,callbacks:{onConsentSet:({preferences:i})=>B(e.services,i,e.cookieDomain)}})}const T=g.createContext(null),Q=T.Provider;function W(){return g.useRef({count:0}).current}function z(){const e=g.useContext(T);g.useEffect(()=>{if(e)return e.count+=1,()=>{e.count-=1}},[e])}const D=new Set;function O(e,n){const s=g.useContext(T);g.useEffect(()=>{if(!n||!s||D.has(e))return;const i=setTimeout(()=>{s.count>0||D.has(e)||(D.add(e),console.warn(`<${e}> is shown without a <ConsentPreferencesDialog> mounted. Opening the consent settings will hide it with nothing to replace it, leaving the user unable to give or withdraw consent. Mount <ConsentPreferencesDialog> alongside it, or use <CookieConsent>, which mounts all three surfaces.`))},0);return()=>clearTimeout(i)},[n,e,s])}const b={"nb-NO":{banner:{heading:"Informasjonskapsler",body:"Vi bruker informasjonskapsler for å forstå hvordan tjenesten brukes, slik at vi kan gjøre den bedre. Du velger selv hva du samtykker til.",acceptAll:"Godta alle",rejectAll:"Kun nødvendige",managePreferences:"Velg selv"},dialog:{heading:"Innstillinger for informasjonskapsler",body:"Nødvendige informasjonskapsler er alltid på, fordi tjenesten ikke fungerer uten dem. De øvrige velger du selv.",savePreferences:"Lagre valg",acceptAll:"Godta alle",rejectAll:"Kun nødvendige",close:"Lukk",servicesLabel:"Tjenester",showCookies:"Vis informasjonskapsler",noCookies:"Setter ingen informasjonskapsler",alwaysOnHeading:"Alltid på",alwaysOnBody:"Disse lagrer ingenting på enheten din og kan ikke brukes til å kjenne deg igjen. De krever derfor ikke samtykke, og er alltid på.",cookieName:"Navn",cookieProvider:"Levert av",cookieDuration:"Varighet"},durations:{session:"Til du lukker nettleseren",day:"{{count}} dag",days:"{{count}} dager",month:"{{count}} måned",months:"{{count}} måneder",year:"{{count}} år",years:"{{count}} år"},categories:{necessary:{title:"Nødvendige",description:"Kreves for at tjenesten skal fungere, blant annet for innlogging og sikkerhet. Disse kan ikke slås av."},functionality:{title:"Funksjonalitet",description:"Husker valgene dine, som språk og andre innstillinger."},measurement:{title:"Statistikk",description:"Lar oss telle besøk og se hvilke sider som brukes, slik at vi kan prioritere riktig."},experience:{title:"Brukeropplevelse",description:"Lar oss se hvordan sidene faktisk brukes, gjennom anonymiserte opptak og varmekart, slik at vi kan rette opp det som er vanskelig."},marketing:{title:"Markedsføring",description:"Brukes til å tilpasse annonser. Kystverket bruker ikke dette i dag."}},manageLink:"Administrer informasjonskapsler"},"nn-NO":{banner:{heading:"Informasjonskapslar",body:"Vi brukar informasjonskapslar for å forstå korleis tenesta blir brukt, slik at vi kan gjere henne betre. Du vel sjølv kva du samtykkjer til.",acceptAll:"Godta alle",rejectAll:"Berre nødvendige",managePreferences:"Vel sjølv"},dialog:{heading:"Innstillingar for informasjonskapslar",body:"Nødvendige informasjonskapslar er alltid på, fordi tenesta ikkje fungerer utan dei. Dei andre vel du sjølv.",savePreferences:"Lagre val",acceptAll:"Godta alle",rejectAll:"Berre nødvendige",close:"Lukk",servicesLabel:"Tenester",showCookies:"Vis informasjonskapslar",noCookies:"Set ingen informasjonskapslar",alwaysOnHeading:"Alltid på",alwaysOnBody:"Desse lagrar ingenting på eininga di og kan ikkje brukast til å kjenne deg att. Dei krev difor ikkje samtykke, og er alltid på.",cookieName:"Namn",cookieProvider:"Levert av",cookieDuration:"Varigheit"},durations:{session:"Til du lukkar nettlesaren",day:"{{count}} dag",days:"{{count}} dagar",month:"{{count}} månad",months:"{{count}} månader",year:"{{count}} år",years:"{{count}} år"},categories:{necessary:{title:"Nødvendige",description:"Krevst for at tenesta skal fungere, mellom anna for innlogging og tryggleik. Desse kan ikkje slåast av."},functionality:{title:"Funksjonalitet",description:"Hugsar vala dine, som språk og andre innstillingar."},measurement:{title:"Statistikk",description:"Lèt oss telje besøk og sjå kva sider som blir brukte, slik at vi kan prioritere rett."},experience:{title:"Brukaroppleving",description:"Lèt oss sjå korleis sidene faktisk blir brukte, gjennom anonymiserte opptak og varmekart, slik at vi kan rette opp det som er vanskeleg."},marketing:{title:"Marknadsføring",description:"Blir brukt til å tilpasse annonsar. Kystverket brukar ikkje dette i dag."}},manageLink:"Administrer informasjonskapslar"},"en-US":{banner:{heading:"Cookies",body:"We use cookies to understand how this service is used, so that we can improve it. You decide what you consent to.",acceptAll:"Accept all",rejectAll:"Necessary only",managePreferences:"Choose yourself"},dialog:{heading:"Cookie settings",body:"Necessary cookies are always on, because the service does not work without them. The rest is up to you.",savePreferences:"Save choices",acceptAll:"Accept all",rejectAll:"Necessary only",close:"Close",servicesLabel:"Services",showCookies:"Show cookies",noCookies:"Sets no cookies",alwaysOnHeading:"Always on",alwaysOnBody:"These store nothing on your device and cannot be used to recognise you. They therefore do not require consent, and are always on.",cookieName:"Name",cookieProvider:"Provided by",cookieDuration:"Duration"},durations:{session:"Until you close your browser",day:"{{count}} day",days:"{{count}} days",month:"{{count}} month",months:"{{count}} months",year:"{{count}} year",years:"{{count}} years"},categories:{necessary:{title:"Necessary",description:"Required for the service to work, including sign-in and security. These cannot be turned off."},functionality:{title:"Functionality",description:"Remembers your choices, such as language and other settings."},measurement:{title:"Statistics",description:"Lets us count visits and see which pages are used, so we can prioritise correctly."},experience:{title:"User experience",description:"Lets us see how the pages are actually used, through anonymised recordings and heatmaps, so we can fix what is difficult."},marketing:{title:"Marketing",description:"Used to tailor advertising. Kystverket does not use this today."}},manageLink:"Manage cookies"}},A="nb-NO";function M(e){var a;if(!e)return b[A];const n=b[e];if(n)return n;const s=(a=e.split("-")[0])==null?void 0:a.toLowerCase(),i=Object.keys(b).find(o=>o.split("-")[0].toLowerCase()===s);return i?b[i]:b[A]}function E(e,n){const{durations:s}=n;if(e==="session")return s.session;const i=(a,o)=>a.replace("{{count}}",String(o));if(e>=365&&e%365===0){const a=e/365;return i(a===1?s.year:s.years,a)}if(e>=28){const a=Math.round(e/30.4);if(a>=1)return i(a===1?s.month:s.months,a)}return i(e===1?s.day:s.days,e)}function X(e,n){return n?{banner:{...e.banner,...n.banner},dialog:{...e.dialog,...n.dialog},durations:{...e.durations,...n.durations},categories:{...e.categories,...n.categories},manageLink:n.manageLink??e.manageLink}:e}function J({children:e,language:n,translations:s,...i}){const a=g.useRef(null);a.current??(a.current=U(i));const o=a.current,{services:d}=i,k=d.map(f=>f.id).join(","),[y,C]=g.useState(!1);g.useEffect(()=>C(!0),[]);const p=W(),u=g.useMemo(()=>({store:o,translations:X(M(n),s),showsBanner:I(d),mounted:y}),[o,n,s,k,y]);return t.jsx(x.Provider,{value:u,children:t.jsx(Q,{value:p,children:e})})}function h(e,n){const s=g.useRef(null);return g.useSyncExternalStore(e.subscribe,()=>n(e.getState()),()=>(s.current??(s.current={value:n(e.getState())}),s.current.value))}function H(){const{store:e}=v(),n=h(e,o=>o.consents),s=h(e,o=>o.activeUI),i=h(e,o=>o.consentInfo),a=h(e,o=>o.isLoadingConsentInfo);return{hasConsent:o=>e.getState().has(o),consents:n,needsDecision:!a&&i===null,showPreferences:()=>e.getState().setActiveUI("dialog"),close:()=>e.getState().setActiveUI("none"),activeUI:s}}const K={button:"_button_ax4nf_2",filled:"_filled_ax4nf_29",outline:"_outline_ax4nf_42",ghost:"_ghost_ax4nf_48"};function m({variant:e="filled",className:n,type:s="button",...i}){return t.jsx("button",{...i,type:s,className:[K.button,K[e],n].filter(Boolean).join(" ")})}const _={banner:"_banner_hahjv_2",inner:"_inner_hahjv_15",text:"_text_hahjv_23",heading:"_heading_hahjv_29",body:"_body_hahjv_38",actions:"_actions_hahjv_45"};function V(){const{store:e,translations:n,showsBanner:s,mounted:i}=v(),a=h(e,y=>y.activeUI),o=i&&s&&a==="banner";if(O("ConsentBanner",o),!o)return null;const{saveConsents:d,setActiveUI:k}=e.getState();return t.jsx("section",{className:_.banner,"data-color":"primary","aria-labelledby":"styrbord-consent-banner-heading",children:t.jsxs("div",{className:_.inner,children:[t.jsxs("div",{className:_.text,children:[t.jsx("h2",{id:"styrbord-consent-banner-heading",className:_.heading,children:n.banner.heading}),t.jsx("p",{className:_.body,children:n.banner.body})]}),t.jsxs("div",{className:_.actions,children:[t.jsx(m,{variant:"filled",onClick:()=>d("all"),children:n.banner.acceptAll}),t.jsx(m,{variant:"outline",onClick:()=>d("necessary"),children:n.banner.rejectAll}),t.jsx(m,{variant:"ghost",onClick:()=>k("dialog"),children:n.banner.managePreferences})]})]})})}const N={switch:"_switch_oxxbn_2",input:"_input_oxxbn_10",label:"_label_oxxbn_53",description:"_description_oxxbn_62"};function R({label:e,description:n,checked:s,onChange:i}){const a=g.useId(),o=`${a}-description`;return t.jsxs("div",{className:N.switch,children:[t.jsx("input",{id:a,type:"checkbox",role:"switch",className:N.input,checked:s,onChange:i,"aria-describedby":n?o:void 0}),t.jsx("label",{className:N.label,htmlFor:a,children:e}),n&&t.jsx("p",{id:o,className:N.description,children:n})]})}const l={dialog:"_dialog_1y45s_2",content:"_content_1y45s_26",header:"_header_1y45s_34",heading:"_heading_1y45s_41",close:"_close_1y45s_50",summary:"_summary_1y45s_75",body:"_body_1y45s_80",fineprint:"_fineprint_1y45s_87",categories:"_categories_1y45s_95",category:"_category_1y45s_101",categoryHeading:"_categoryHeading_1y45s_114",services:"_services_1y45s_122",details:"_details_1y45s_129",table:"_table_1y45s_142",buttons:"_buttons_1y45s_162"};function P({services:e,translations:n}){if(!e.some(a=>a.cookies!==void 0))return null;const i=e.flatMap(a=>(a.cookies??[]).map(o=>({...o,provider:a.displayName??a.id})));return i.length===0?t.jsx("p",{className:l.fineprint,children:n.dialog.noCookies}):t.jsxs("details",{className:l.details,children:[t.jsx("summary",{className:l.summary,children:n.dialog.showCookies}),t.jsxs("table",{className:l.table,children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{scope:"col",children:n.dialog.cookieName}),t.jsx("th",{scope:"col",children:n.dialog.cookieProvider}),t.jsx("th",{scope:"col",children:n.dialog.cookieDuration})]})}),t.jsx("tbody",{children:i.map(a=>t.jsxs("tr",{children:[t.jsx("td",{children:t.jsx("code",{children:a.name})}),t.jsx("td",{children:a.provider}),t.jsx("td",{children:E(a.duration,n)})]},`${a.provider}-${a.name}`))})]})]})}function F({services:e,translations:n}){return e.length===0?null:t.jsxs("p",{className:l.fineprint,children:[n.dialog.servicesLabel,": ",e.map(s=>s.displayName??s.id).join(", ")]})}function G(){const{store:e,translations:n,mounted:s}=v(),i=h(e,c=>c.activeUI),a=h(e,c=>c.selectedConsents),o=h(e,c=>c.scripts),d=g.useRef(null),k=i==="dialog";z(),g.useEffect(()=>{const c=d.current;c&&(k&&!c.open?c.showModal():!k&&c.open&&c.close())},[k]);const y=w(o),{setSelectedConsent:C,saveConsents:p,setActiveUI:u}=e.getState();if(!s)return null;const f=o.filter(c=>c.category==="necessary"),q=o.filter(c=>c.alwaysLoad&&c.category!=="necessary"),le=c=>o.filter(S=>!S.alwaysLoad&&S.category===c),de=c=>{c.target===d.current&&u("none")};return t.jsxs("dialog",{ref:d,className:l.dialog,"data-color":"primary","aria-labelledby":"styrbord-consent-dialog-heading",onClose:()=>u("none"),onClick:de,children:[t.jsxs("div",{className:l.content,children:[t.jsxs("div",{className:l.header,children:[t.jsx("h2",{id:"styrbord-consent-dialog-heading",className:l.heading,children:n.dialog.heading}),t.jsx("button",{type:"button",className:l.close,"aria-label":n.dialog.close,onClick:()=>u("none"),children:t.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,focusable:"false",children:t.jsx("path",{d:"m6 6 12 12M18 6 6 18",strokeLinecap:"round"})})})]}),t.jsx("p",{className:l.body,children:n.dialog.body}),t.jsxs("div",{className:l.categories,children:[t.jsxs("section",{className:l.category,children:[t.jsx("h3",{className:l.categoryHeading,children:n.categories.necessary.title}),t.jsx("p",{className:l.body,children:n.categories.necessary.description}),t.jsx(P,{services:f,translations:n})]}),q.length>0&&t.jsxs("section",{className:l.category,children:[t.jsx("h3",{className:l.categoryHeading,children:n.dialog.alwaysOnHeading}),t.jsx("p",{className:l.body,children:n.dialog.alwaysOnBody}),t.jsx(F,{services:q,translations:n}),t.jsx(P,{services:q,translations:n})]}),y.map(c=>{const S=le(c);return t.jsxs("section",{className:l.category,children:[t.jsx(R,{label:n.categories[c].title,description:n.categories[c].description,checked:a[c]===!0,onChange:ge=>C(c,ge.target.checked)}),t.jsxs("div",{className:l.services,children:[t.jsx(F,{services:S,translations:n}),t.jsx(P,{services:S,translations:n})]})]},c)})]})]}),t.jsxs("div",{className:l.buttons,children:[t.jsx(m,{variant:"filled",onClick:()=>p("custom"),children:n.dialog.savePreferences}),t.jsx(m,{variant:"outline",onClick:()=>p("all"),children:n.dialog.acceptAll}),t.jsx(m,{variant:"ghost",onClick:()=>p("necessary"),children:n.dialog.rejectAll})]})]})}const ee={button:"_button_zo1st_2"};function ne(){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"20px",viewBox:"0 -960 960 960",width:"20px",children:t.jsx("path",{color:"currentColor",d:"M480-96q-79.38 0-149.19-30T208.5-208.5Q156-261 126-330.81T96-480q0-81 31-151.5t82.5-123Q261-807 329-837.5T470-868q23 0 45 3t45 9q-8 45 5.5 82t42.03 60.96q28.53 23.96 68 33T759-681q-24 57 8.01 108.5 32.01 51.49 95.08 53.4.95 10.49 1.43 19.55T864-480q0 78-30.24 147.98-30.24 69.99-82.08 122.6t-121.92 83.01Q559.68-96 480-96Zm-60-456q25 0 42.5-17.5T480-612q0-25-17.5-42.5T420-672q-25 0-42.5 17.5T360-612q0 25 17.5 42.5T420-552Zm-96 192q25 0 42.5-17.5T384-420q0-25-17.5-42.5T324-480q-25 0-42.5 17.5T264-420q0 25 17.5 42.5T324-360Zm275.79 36q15.21 0 25.71-10.29t10.5-25.5q0-15.21-10.29-25.71t-25.5-10.5q-15.21 0-25.71 10.29t-10.5 25.5q0 15.21 10.29 25.71t25.5 10.5ZM480-168q125 0 214.5-84.5T792-462q-45-18-75-55.5T679-603q-76-11-129-63t-63-126q-63-4-120.5 19.5t-102 66.5Q220-663 194-604.5T168-480q0 129.67 91.16 220.84Q350.33-168 480-168Zm0-311Z"})})}function Y(){const{store:e,translations:n,showsBanner:s,mounted:i}=v(),a=h(e,d=>d.activeUI),o=i&&s&&a==="none";return O("ConsentSettingsButton",o),o?t.jsx("button",{type:"button",className:ee.button,"data-color":"neutral","aria-label":n.manageLink,title:n.manageLink,onClick:()=>e.getState().setActiveUI("dialog"),children:t.jsx(ne,{})}):null}const te={link:"_link_6z1zn_4"};function se(){return t.jsxs(t.Fragment,{children:[t.jsx(V,{}),t.jsx(G,{}),t.jsx(Y,{})]})}function oe({className:e}){const{translations:n}=v(),{showPreferences:s}=H();return t.jsx("button",{type:"button",className:[te.link,e].filter(Boolean).join(" "),onClick:s,children:n.manageLink})}function ae({domain:e,requireConsent:n=!1,scriptSrc:s="https://plausible.io/js/script.js"}){return{id:"plausible",displayName:"Plausible",src:s,category:"measurement",alwaysLoad:!n,defer:!0,attributes:{"data-domain":e},cookies:[]}}function ie({siteId:e}){return{id:"hotjar",displayName:"Hotjar",category:"experience",clearCookiePrefixes:["_hj"],cookies:[{name:"_hjSessionUser_*",duration:365},{name:"_hjSession_*",duration:1},{name:"_hjIncludedInSessionSample_*",duration:1}],textContent:`
+      (function (h, o, t, j, a, r) {
+        h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments); };
+        h._hjSettings = { hjid: ${Number(e)}, hjsv: 6 };
+        a = o.getElementsByTagName('head')[0];
+        r = o.createElement('script');
+        r.async = 1;
+        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+        a.appendChild(r);
+      })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
+    `}}function re({apiKey:e,apiHost:n="https://eu.i.posthog.com",assetHost:s,sessionReplay:i=!1,capturePageview:a=!0,personProfiles:o="identified_only",defaults:d="2026-05-30"}){const k=n.replace(/\/$/,""),y=(s??k.replace(".i.posthog.com","-assets.i.posthog.com")).replace(/\/$/,""),C=()=>window.posthog,p=u=>{if(!i)return;const f=C();f&&(u.experience===!0?f.startSessionRecording():f.stopSessionRecording())};return{id:"posthog",displayName:"PostHog",category:"measurement",clearCookiePrefixes:["ph_"],cookies:[{name:`ph_${e}_posthog`,duration:365}],src:`${y}/static/array.js`,onLoad:({consents:u})=>{var f;(f=C())==null||f.init(e,{api_host:k,person_profiles:o,capture_pageview:a,defaults:d,cross_subdomain_cookie:!1,disable_session_recording:!0,capture_heatmaps:i&&u.experience===!0}),p(u)},onConsentChange:({consents:u})=>p(u)}}function ce(e=L,n=$){return{id:"consent",displayName:"Kystverket",category:"necessary",callbackOnly:!0,alwaysLoad:!0,cookies:[{name:e,duration:n}]}}r.ConsentBanner=V,r.ConsentPreferencesDialog=G,r.ConsentProvider=J,r.ConsentSettingsButton=Y,r.CookieConsent=se,r.DEFAULT_EXPIRY_DAYS=$,r.DEFAULT_STORAGE_KEY=L,r.ManageConsentLink=oe,r.clearServiceCookies=B,r.consentCookieService=ce,r.consentTranslations=b,r.createConsentStore=U,r.defaultConsentLanguage=A,r.formatCookieDuration=E,r.getConsentTranslations=M,r.getSelectableCategories=w,r.hasGatedServices=I,r.hotjarService=ie,r.plausibleService=ae,r.postHogService=re,r.useConsent=H,r.useConsentStore=v,r.useStoreValue=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@kystverket/styrbord-consent",
+  "version": "0.0.0",
+  "description": "Samtykke-komponenter for Kystverkets applikasjoner",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kystverket/styrbord.git"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/src/main.d.ts",
+      "style": "./dist/style.css",
+      "import": "./dist/style.js"
+    },
+    "./*.css": {
+      "import": "./dist/*.css",
+      "require": "./dist/*.css"
+    }
+  },
+  "main": "./dist/style.js",
+  "typings": "./dist/src/main.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "test": "echo \"Warning: no test specified\" && exit 0",
+    "storybook": "storybook dev -p 6007",
+    "storybook:build": "storybook build",
+    "pretty:check": "npx prettier . --check",
+    "pretty:fix": "npx prettier . --write",
+    "lint:check": "npx eslint .",
+    "lint:fix": "npx eslint --fix ."
+  },
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  },
+  "dependencies": {
+    "@kystverket/styrbord-tokens": "^1.1.0",
+    "c15t": "^2.2.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.1",
+    "@storybook/addon-docs": "^10.2.13",
+    "@storybook/addon-links": "^10.2.13",
+    "@storybook/addon-onboarding": "^10.2.13",
+    "@storybook/react-vite": "^10.2.13",
+    "storybook-addon-tag-badges": "^3.0.6"
+  }
+}