@rikstv/shared-components 2.0.12 → 2.0.14

package/dist/components/list/ListItem.scss

@@ -11,15 +11,15 @@
 
   &::before {
     content: "";
+    box-sizing: border-box;
     display: block;
+    flex-shrink: 0;
     width: 0.5em;
     height: 0.5em;
-    flex-shrink: 0;
-    margin-left: 0.25em;
-    margin-right: calc(1rem + 0.25em);
-    box-sizing: border-box;
-    border-radius: 50%;
     margin-top: var(--list-item__topalignment);
+    margin-right: calc(1rem + 0.25em);
+    margin-left: 0.25em;
     background-color: currentColor;
+    border-radius: 50%;
   }
 }

package/dist/components/list/{OrderedListItem-a70598a1.mjs → OrderedListItem-1a4b67c5.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 const a = ({ className: e = "", innerClassName: t = "", children: r, ...d }) => /* @__PURE__ */ s.jsx("li", { className: `rds-list__item__ordered ${e}`, "data-testid": "rds-ordered-list-item", ...d, children: /* @__PURE__ */ s.jsx("span", { className: `${t}`, children: r }) });
 export {
   a as O

package/dist/components/loader/{Loader-7ab4a8f0.mjs → Loader-55215a54.mjs}

@@ -1,6 +1,6 @@
-import { j as n } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as m, useState as u, useEffect as f } from "react";
-import { R as s } from "./RawLoader-7e00f143.mjs";
+import { R as s } from "./RawLoader-15d14922.mjs";
 const a = (r) => {
   const [e, t] = u(r === 0);
   return f(() => {

package/dist/components/loader/{RawLoader-7e00f143.mjs → RawLoader-15d14922.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as i } from "react";
 const o = i(
   ({ size: r = "small", className: n = "", lightBackground: e, label: a = "Laster", politeness: p = "polite", ...t }, d) => /* @__PURE__ */ s.jsx(

package/dist/components/notificationDot/{NotificationDot-b03fa811.mjs → NotificationDot-bec7aa7b.mjs}

@@ -1,4 +1,4 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 const d = ({
   className: o = "",
   numberOfNotifications: t = 1,

package/dist/components/panel/{Info-7fe85f53.mjs → Info-3147cc01.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 const C = () => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx(
     "path",

package/dist/components/panel/{Panel-cdda8732.mjs → Panel-c4bab68c.mjs}

@@ -1,9 +1,9 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as m } from "react";
-import { S as x } from "../typography/Typography-91af1c48.mjs";
-import { S as j } from "./Success-c116cc05.mjs";
-import { W as f } from "./Warning-fa1839e3.mjs";
-import { I as a } from "./Info-7fe85f53.mjs";
+import { S as x } from "../typography/Typography-61ad3ca9.mjs";
+import { S as j } from "./Success-590bfbb6.mjs";
+import { W as f } from "./Warning-8b3edebd.mjs";
+import { I as a } from "./Info-3147cc01.mjs";
 const h = m(
   ({
     className: c = "",

package/dist/components/panel/{Success-c116cc05.mjs → Success-590bfbb6.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 const d = () => /* @__PURE__ */ l.jsxs("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", children: [
   /* @__PURE__ */ l.jsx(
     "path",

package/dist/components/panel/{Warning-fa1839e3.mjs → Warning-8b3edebd.mjs}

@@ -1,4 +1,4 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 const t = () => /* @__PURE__ */ r.jsx("svg", { width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", children: /* @__PURE__ */ r.jsx(
   "path",
   {

package/dist/components/progress/{CircularProgress-e4622fd6.mjs → CircularProgress-ac261d40.mjs}

@@ -1,7 +1,7 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as x, useState as e, useEffect as g } from "react";
-import { S as u } from "../typography/Typography-91af1c48.mjs";
-const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, h = x(
+import { S as u } from "../typography/Typography-61ad3ca9.mjs";
+const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, j = x(
   ({ progressRatio: r, label: t, size: a = "small", className: c = "", children: l, ...o }, d) => {
     const [i, n] = e(0), [p] = e(a === "small" ? "160px" : "260px");
     return g(() => {
@@ -27,8 +27,6 @@ const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, h = x(
                 style: { "--calculated-progress": i, "--progress": `${r + 1}s` },
                 xmlns: "http://www.w3.org/2000/svg",
                 version: "1.1",
-                width: "var(--progress-circle-size)",
-                height: "var(--progress-circle-size)",
                 viewBox: "-10 0 120 100",
                 children: [
                   /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsxs("linearGradient", { id: "GradientColor", children: [
@@ -46,7 +44,7 @@ const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, h = x(
     ] });
   }
 );
-h.displayName = "CircularProgress";
+j.displayName = "CircularProgress";
 export {
-  h as C
+  j as C
 };

package/dist/components/progress/{Progress-ef42810b.mjs → Progress-068e34f7.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as g } from "react";
 const i = g(
   ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: o = !1, ...t }, p) => {

package/dist/components/progress/circularProgress.scss

@@ -66,5 +66,7 @@
     position: absolute;
     inset: 0;
     transform: rotate(90deg);
+    width: var(--progress-circle-size);
+    height: var(--progress-circle-size);
   }
 }

package/dist/components/spacing/{Gutter-32112716.mjs → Gutter-e0dfcdc5.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
 const a = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ e.jsx("div", { className: `rds-gutter ${t}`, ...s, children: r });
 export {
   a as G

package/dist/components/spacing/{GutterPadding-6be6c9d9.mjs → GutterPadding-bd018bd6.mjs}

@@ -1,4 +1,4 @@
-import { j as a } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as a } from "../accordion/Accordion-5e72e67b.mjs";
 const e = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ a.jsx("div", { className: `rds-gutter-padding ${t}`, ...s, children: r });
 export {
   e as G

package/dist/components/textfield/{TextField-765a87bf.mjs → TextField-e62bbdd1.mjs}

@@ -1,6 +1,6 @@
-import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as w } from "react";
-import { g as f } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+import { g as f } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
 const v = w(
   ({
     className: c = "",

package/dist/components/toggle/{FieldSet-4bdc4b7e.mjs → FieldSet-00f1fc56.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
 import { createContext as o, forwardRef as n } from "react";
 const m = o({ radioName: "" }), f = n(
   ({ legend: s, children: t, name: d, className: r = "", showLegend: a = !1, ...i }, l) => /* @__PURE__ */ e.jsx(m.Provider, { value: { radioName: d }, children: /* @__PURE__ */ e.jsxs("fieldset", { "data-testid": "fieldset", ...i, className: `rds-field-set ${r}`, ref: l, children: [

package/dist/components/toggle/{RadioToggle-1528c002.mjs → RadioToggle-5ddf1bfd.mjs}

@@ -1,7 +1,7 @@
-import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as d, useContext as l } from "react";
-import { R as n } from "./FieldSet-4bdc4b7e.mjs";
-import "../button/ArrowButton-af5de307.mjs";
+import { R as n } from "./FieldSet-00f1fc56.mjs";
+import "../button/ArrowButton-4fa3c028.mjs";
 const m = d(
   ({ label: a, name: e, className: r = "", ...s }, t) => {
     const { radioName: i } = l(n);

package/dist/components/toggleButton/{ToggleButton-a2d4302f.mjs → ToggleButton-d50d64ec.mjs}

@@ -1,6 +1,6 @@
-import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as I, useRef as k, useState as C } from "react";
-import { B as N } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+import { B as N } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
 const B = I(
   ({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass: h = "", id: i, onChange: a, alwaysShowLabel: x = !1, ...f }, m) => {
     const p = k(null), [n, c] = C(!!l), g = e && "checkedIcon" in e ? e.checkedIcon : null, r = e && "uncheckedIcon" in e ? e.uncheckedIcon : null, u = e && "toggleIcon" in e ? e.toggleIcon : null, o = m || p, b = (j) => {

package/dist/components/toggleInlineButton/{ToggleInlineButton-1e480eaa.mjs → ToggleInlineButton-ff76d094.mjs}

@@ -1,6 +1,6 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as h, useRef as x, useState as C } from "react";
-import { B as k } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+import { B as k } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
 const B = h(
   ({
     defaultChecked: i,

package/dist/components/toggleLinkButton/{ToggleLinkButton-08c60e4d.mjs → ToggleLinkButton-c6127fa1.mjs}

@@ -1,7 +1,7 @@
-import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as b, useRef as h, useState as x } from "react";
-import { B as C } from "../checkbox/BaseCheckbox-6fed1663.mjs";
-import { C as j } from "../icons/Chevron-ef147695.mjs";
+import { B as C } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
+import { C as j } from "../icons/Chevron-4e0258de.mjs";
 const N = b(
   ({
     defaultChecked: a,

package/dist/components/typography/{Typography-91af1c48.mjs → Typography-61ad3ca9.mjs}

@@ -1,31 +1,31 @@
-import { j as c } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as c } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as k } from "react";
 const e = (t) => (
   // eslint-disable-next-line react/display-name
   k(
-    ({ children: o, lookLike: s = t.lookLike, className: n = "", lightBackground: a = !1, ...l }, i) => {
-      const m = t.semanticElement;
+    ({ children: n, lookLike: s = t.lookLike, className: a = "", lightBackground: l = !1, ...o }, i) => {
+      const m = o.as ?? t.semanticElement;
       return /* @__PURE__ */ c.jsx(
         m,
         {
-          className: `rds-${s} ${a ? `rds-${s}--light` : ""} ${n}`,
-          ...l,
+          className: `rds-${s} ${l ? `rds-${s}--light` : ""} ${a}`,
+          ...o,
           ref: i,
-          children: o
+          children: n
         }
       );
     }
   )
-), E = e({ semanticElement: "h1", lookLike: "display-title" }), L = e({ semanticElement: "h1", lookLike: "title-1" }), d = e({ semanticElement: "h2", lookLike: "title-2" }), y = e({ semanticElement: "h3", lookLike: "title-3" }), h = e({ semanticElement: "h4", lookLike: "title-4" }), b = e({ semanticElement: "p", lookLike: "lead" }), g = e({ semanticElement: "p", lookLike: "body" }), H = e({ semanticElement: "p", lookLike: "sub-body" }), f = e({ semanticElement: "span", lookLike: "tag" }), u = e({ semanticElement: "strong", lookLike: "bold" }), x = e({ semanticElement: "span", lookLike: "meta" }), B = e({ semanticElement: "span", lookLike: "span" });
+), L = e({ semanticElement: "h1", lookLike: "display-title" }), d = e({ semanticElement: "h1", lookLike: "title-1" }), r = e({ semanticElement: "h2", lookLike: "title-2" }), y = e({ semanticElement: "h3", lookLike: "title-3" }), h = e({ semanticElement: "h4", lookLike: "title-4" }), b = e({ semanticElement: "p", lookLike: "lead" }), g = e({ semanticElement: "p", lookLike: "body" }), H = e({ semanticElement: "p", lookLike: "sub-body" }), f = e({ semanticElement: "span", lookLike: "tag" }), u = e({ semanticElement: "strong", lookLike: "bold" }), x = e({ semanticElement: "span", lookLike: "meta" }), B = e({ semanticElement: "span", lookLike: "span" });
 export {
   g as B,
-  E as D,
-  L as H,
+  L as D,
+  d as H,
   b as L,
   x as M,
   B as S,
   f as T,
-  d as a,
+  r as a,
   y as b,
   h as c,
   u as d,

package/dist/components/typography/Typography.d.ts

@@ -5,6 +5,8 @@ interface Props<T extends AcceptedHTMLElements> extends HTMLAttributes<T> {
     lookLike?: `title-${HeadingLevels}` | "sub-title-2" | "display-title" | "lead" | "body" | "sub-body" | "tag" | "bold" | "meta" | "span";
     className?: string;
     lightBackground?: boolean;
+    /** Used to create element "as" a DIV instead of semantic element, useful for wrapper-elements that has block level children */
+    as?: "div";
 }
 export declare const DisplayTitle: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
 export declare const H1: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/shared-components.mjs

@@ -1,58 +1,60 @@
-import { R as W } from "./components/core/RiksTV-698a6154.mjs";
-import { S as q } from "./components/core/Strim-51ea8e08.mjs";
-import { L as j } from "./components/core/LightMode-b458f91d.mjs";
-import { G as J } from "./components/spacing/Gutter-32112716.mjs";
-import { G as X } from "./components/spacing/GutterPadding-6be6c9d9.mjs";
-import { N as Z } from "./components/notificationDot/NotificationDot-b03fa811.mjs";
-import { A as re } from "./components/accordion/Accordion-4b8edd28.mjs";
-import { P as ne } from "./components/panel/Panel-cdda8732.mjs";
-import { B as se, a as ie } from "./components/breadcrumb/Breadcrumb-1b579cc3.mjs";
-import { P as ce } from "./components/progress/Progress-ef42810b.mjs";
-import { L as de } from "./components/loader/Loader-7ab4a8f0.mjs";
-import { C as fe } from "./components/progress/CircularProgress-e4622fd6.mjs";
-import { P as xe, S as pe, T as ye } from "./components/button/Button-4e09c58d.mjs";
-import { P as ge, S as ve, T as Te } from "./components/button/ArrowButton-af5de307.mjs";
-import { P as Be, S as we, T as Ee } from "./components/button/IconButton-dd3478ff.mjs";
-import { T as Me } from "./components/toggleButton/ToggleButton-a2d4302f.mjs";
-import { T as Re } from "./components/toggleInlineButton/ToggleInlineButton-1e480eaa.mjs";
-import { T as Se } from "./components/toggleLinkButton/ToggleLinkButton-08c60e4d.mjs";
-import { C as Ce } from "./components/checkbox/Checkbox-cc58a275.mjs";
-import { R as Fe } from "./components/toggle/RadioToggle-1528c002.mjs";
-import { F as Oe } from "./components/toggle/FieldSet-4bdc4b7e.mjs";
-import { T as Ge } from "./components/textfield/TextField-765a87bf.mjs";
-import { B as Ne, d as $e, D as Qe, H as We, a as _e, b as qe, c as Ue, L as je, M as ze, S as Je, e as Ke, T as Xe } from "./components/typography/Typography-91af1c48.mjs";
-import { L as Ze } from "./components/list/List-86ad4810.mjs";
-import { C as rr } from "./components/list/CheckmarkListItem-f9df7013.mjs";
-import { L as nr } from "./components/list/ListItem-4e47bb2e.mjs";
-import { C as sr } from "./components/list/CrossmarkListItem-348c226a.mjs";
-import { O as ar } from "./components/list/OrderedListItem-a70598a1.mjs";
-import { useState as x, useEffect as m, useRef as c, useCallback as p, useLayoutEffect as g } from "react";
-import { L as ur } from "./components/button/LinkButton-85fc759b.mjs";
-import { B as mr } from "./components/button/BaseLinkButton-348be18c.mjs";
-import "./components/core/Core-ba0340f6.mjs";
-import "./components/icons/Chevron-ef147695.mjs";
-import "./components/panel/Success-c116cc05.mjs";
-import "./components/panel/Warning-fa1839e3.mjs";
-import "./components/panel/Info-7fe85f53.mjs";
-import "./components/loader/RawLoader-7e00f143.mjs";
-import "./components/button/BaseButton-4f6e9dd4.mjs";
-import "./components/button/DecoratedButton-ab90a6bd.mjs";
-import "./components/button/BaseDecoratedButton-c5799b0f.mjs";
-import "./components/icons/Arrow-feb3e25e.mjs";
-import "./components/checkbox/BaseCheckbox-6fed1663.mjs";
+import { R as q } from "./components/core/RiksTV-2cc96840.mjs";
+import { S as j } from "./components/core/Strim-d7ebdcac.mjs";
+import { L as J } from "./components/core/LightMode-481a9782.mjs";
+import { G as X } from "./components/spacing/Gutter-e0dfcdc5.mjs";
+import { G as Z } from "./components/spacing/GutterPadding-bd018bd6.mjs";
+import { N as re } from "./components/notificationDot/NotificationDot-bec7aa7b.mjs";
+import { A as ne } from "./components/accordion/Accordion-5e72e67b.mjs";
+import { P as se } from "./components/panel/Panel-c4bab68c.mjs";
+import { B as ae, a as ce } from "./components/breadcrumb/Breadcrumb-19678339.mjs";
+import { P as me } from "./components/progress/Progress-068e34f7.mjs";
+import { L as fe } from "./components/loader/Loader-55215a54.mjs";
+import { C as xe } from "./components/progress/CircularProgress-ac261d40.mjs";
+import { P as ye, S as he, T as ge } from "./components/button/Button-3754ac0a.mjs";
+import { P as Te, S as Le, T as Be } from "./components/button/ArrowButton-4fa3c028.mjs";
+import { P as Ee, S as Ie, T as Me } from "./components/button/IconButton-be3ae8eb.mjs";
+import { T as Re } from "./components/toggleButton/ToggleButton-d50d64ec.mjs";
+import { T as Se } from "./components/toggleInlineButton/ToggleInlineButton-ff76d094.mjs";
+import { T as Ce } from "./components/toggleLinkButton/ToggleLinkButton-c6127fa1.mjs";
+import { C as Fe } from "./components/checkbox/Checkbox-b534a84c.mjs";
+import { R as Oe } from "./components/toggle/RadioToggle-5ddf1bfd.mjs";
+import { F as Ge } from "./components/toggle/FieldSet-00f1fc56.mjs";
+import { T as Ne } from "./components/textfield/TextField-e62bbdd1.mjs";
+import { B as Qe, d as We, D as _e, H as qe, a as Ue, b as je, c as ze, L as Je, M as Ke, S as Xe, e as Ye, T as Ze } from "./components/typography/Typography-61ad3ca9.mjs";
+import { L as rr } from "./components/list/List-868fec40.mjs";
+import { C as nr } from "./components/list/CheckmarkListItem-f97a2aae.mjs";
+import { L as sr } from "./components/list/ListItem-fe58799f.mjs";
+import { C as ar } from "./components/list/CrossmarkListItem-60e093df.mjs";
+import { O as ur } from "./components/list/OrderedListItem-1a4b67c5.mjs";
+import { useState as x, useEffect as d, useRef as c, useCallback as p, useLayoutEffect as g } from "react";
+import { L as dr } from "./components/button/LinkButton-3a3f73b6.mjs";
+import { B as lr } from "./components/button/BaseLinkButton-d325fecb.mjs";
+import "./components/core/Core-5cdbbcd4.mjs";
+import "./components/icons/Chevron-4e0258de.mjs";
+import "./components/panel/Success-590bfbb6.mjs";
+import "./components/panel/Warning-8b3edebd.mjs";
+import "./components/panel/Info-3147cc01.mjs";
+import "./components/loader/RawLoader-15d14922.mjs";
+import "./components/button/BaseButton-4350803a.mjs";
+import "./components/button/DecoratedButton-373af81a.mjs";
+import "./components/button/BaseDecoratedButton-510bde9f.mjs";
+import "./components/icons/Arrow-48abbbdf.mjs";
+import "./components/checkbox/BaseCheckbox-9b7c43b3.mjs";
+import "./components/icons/HeartToggle-a5a93ca7.mjs";
+import "./components/icons/Icons-32b173f0.mjs";
 const y = "(prefers-reduced-motion: reduce)", v = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, T = (e, t) => {
   typeof e.addEventListener < "u" && e.addEventListener("change", t);
 }, L = () => {
   const [e, t] = x(v(y));
-  return m(() => {
+  return d(() => {
     typeof window < "u" && window.matchMedia && T(window.matchMedia(y), (o) => {
       t(o.matches);
     });
   }, []), { prefersReducedMotion: e };
 };
-function D(e, t) {
+function V(e, t) {
   const o = c(), s = c(), n = c(null), a = c(!0), { prefersReducedMotion: u } = L();
-  function d(r) {
+  function m(r) {
     var l;
     const i = n.current;
     i && r.target === i && (i.removeAttribute("style"), (l = t == null ? void 0 : t.onTransitionEnd) == null || l.call(t, e));
@@ -83,26 +85,26 @@ function D(e, t) {
   }, [e, t, u]);
   return g(() => {
     f();
-  }, [e, f]), m(() => {
+  }, [e, f]), d(() => {
     const r = n.current;
-    return r && r.addEventListener("transitionend", d), () => {
-      r && r.removeEventListener("transitionend", d);
+    return r && r.addEventListener("transitionend", m), () => {
+      r && r.removeEventListener("transitionend", m);
     };
-  }, [e]), m(() => {
+  }, [e]), d(() => {
     const r = o.current, i = s.current;
     return a.current = !1, () => {
       r && cancelAnimationFrame(r), i && cancelAnimationFrame(i);
     };
   }, [o, s]), [n, f];
 }
-const G = ({ ref: e, callback: t, condition: o = !0 }) => {
+const N = ({ ref: e, callback: t, condition: o = !0 }) => {
   const s = p(
     (n) => {
       e != null && e.current && !e.current.contains(n.target) && t(n);
     },
     [t, e]
   );
-  m(() => (e && o && document && document.addEventListener("click", s), () => {
+  d(() => (e && o && document && document.addEventListener("click", s), () => {
     document && document.removeEventListener("click", s);
   }), [e, o, s]);
 }, B = (() => {
@@ -110,21 +112,21 @@ const G = ({ ref: e, callback: t, condition: o = !0 }) => {
   return "IntersectionObserver" in globalThis && e && "isIntersecting" in e.prototype;
 })(), w = () => {
 }, E = (e, t = {}, o = w, s = !0) => {
-  const [n, a] = x(null), u = p((r) => a(r), [a]), d = c(t), f = c(null);
-  return m(() => {
+  const [n, a] = x(null), u = p((r) => a(r), [a]), m = c(t), f = c(null);
+  return d(() => {
     if (!B) {
       o == null || o();
       return;
     }
     let r = f.current;
-    return r == null || r.disconnect(), n && s && (r = new IntersectionObserver(e, d.current), r.observe(n)), () => {
+    return r == null || r.disconnect(), n && s && (r = new IntersectionObserver(e, m.current), r.observe(n)), () => {
       r == null || r.disconnect();
     };
   }, [n, e, o, s]), [u];
-}, V = (e = { rootMargin: "150px" }, t = !0) => {
+}, $ = (e = { rootMargin: "150px" }, t = !0) => {
   const [o, s] = x(!1), [n] = E(
     (a) => {
-      const u = a.some((d) => d.isIntersecting);
+      const u = a.some((m) => m.isIntersecting);
       s(u);
     },
     e,
@@ -132,9 +134,9 @@ const G = ({ ref: e, callback: t, condition: o = !0 }) => {
     t
   );
   return [n, o];
-}, h = () => typeof window < "u" && typeof MutationObserver < "u", N = (e, t, o) => {
+}, h = () => typeof window < "u" && typeof MutationObserver < "u", Q = (e, t, o) => {
   const s = c(null);
-  m(() => {
+  d(() => {
     let n = s.current;
     return h() && (n && n.disconnect(), n = new MutationObserver(t), e && ("current" in e ? e.current && n.observe(e.current, o) : n.observe(e, o))), () => {
       h() && n && n.disconnect();
@@ -142,58 +144,58 @@ const G = ({ ref: e, callback: t, condition: o = !0 }) => {
   }, [e, t, o]);
 };
 export {
-  re as Accordion,
-  mr as BaseLinkButton,
-  Ne as Body,
-  $e as Bold,
-  se as Breadcrumb,
-  ie as BreadcrumbCurrent,
-  Ce as Checkbox,
-  rr as CheckmarkListItem,
-  fe as CircularProgress,
-  sr as CrossmarkListItem,
-  Qe as DisplayTitle,
-  Oe as FieldSet,
-  J as Gutter,
-  X as GutterPadding,
-  We as H1,
-  _e as H2,
-  qe as H3,
-  Ue as H4,
-  je as Lead,
-  j as LightMode,
-  ur as LinkButton,
-  Ze as List,
-  nr as ListItem,
-  de as Loader,
-  ze as Meta,
-  Z as NotificationDot,
-  ar as OrderedListItem,
-  ne as Panel,
-  ge as PrimaryArrowButton,
-  xe as PrimaryButton,
-  Be as PrimaryIconButton,
-  ce as Progress,
-  Fe as RadioToggleInput,
-  W as RiksTVProvider,
-  ve as SecondaryArrowButton,
-  pe as SecondaryButton,
-  we as SecondaryIconButton,
-  Je as Span,
-  q as StrimProvider,
-  Ke as SubBody,
-  Xe as Tag,
-  Te as TertiaryArrowButton,
-  ye as TertiaryButton,
-  Ee as TertiaryIconButton,
-  Ge as TextField,
-  Me as ToggleButton,
-  Re as ToggleInlineButton,
-  Se as ToggleLinkButton,
-  D as useAnimatedHeight,
+  ne as Accordion,
+  lr as BaseLinkButton,
+  Qe as Body,
+  We as Bold,
+  ae as Breadcrumb,
+  ce as BreadcrumbCurrent,
+  Fe as Checkbox,
+  nr as CheckmarkListItem,
+  xe as CircularProgress,
+  ar as CrossmarkListItem,
+  _e as DisplayTitle,
+  Ge as FieldSet,
+  X as Gutter,
+  Z as GutterPadding,
+  qe as H1,
+  Ue as H2,
+  je as H3,
+  ze as H4,
+  Je as Lead,
+  J as LightMode,
+  dr as LinkButton,
+  rr as List,
+  sr as ListItem,
+  fe as Loader,
+  Ke as Meta,
+  re as NotificationDot,
+  ur as OrderedListItem,
+  se as Panel,
+  Te as PrimaryArrowButton,
+  ye as PrimaryButton,
+  Ee as PrimaryIconButton,
+  me as Progress,
+  Oe as RadioToggleInput,
+  q as RiksTVProvider,
+  Le as SecondaryArrowButton,
+  he as SecondaryButton,
+  Ie as SecondaryIconButton,
+  Xe as Span,
+  j as StrimProvider,
+  Ye as SubBody,
+  Ze as Tag,
+  Be as TertiaryArrowButton,
+  ge as TertiaryButton,
+  Me as TertiaryIconButton,
+  Ne as TextField,
+  Re as ToggleButton,
+  Se as ToggleInlineButton,
+  Ce as ToggleLinkButton,
+  V as useAnimatedHeight,
   L as useBrowserPreferences,
-  G as useClickOutsideListener,
-  V as useElementVisible,
+  N as useClickOutsideListener,
+  $ as useElementVisible,
   E as useIntersectionObserver,
-  N as useMutationObserver
+  Q as useMutationObserver
 };