@rikstv/shared-components 3.0.44 → 3.0.45-2

package/CHANGELOG.md

@@ -1,8 +1,12 @@
 # 📖 Changelog
 
+## 3.2.0
+
+- Add support for react 19
+- Might not work to use this version for apps that are on `^18`
+
 ## 3.0.44
 
-- update `cypress` to 14
 - only add light mode for buttons inside `.strm` (RiksTV are same anyways)
 - fix `box-sizing` for `<TextField>` so it looks better in portal and is easier to style
 - fix css variables for `<Accordion>` in light mode so it works for rikstv

package/dist/components/accordion/Accordion-C-Lu1AN3.mjs

@@ -0,0 +1,311 @@
+import ee, { useRef as re, useEffect as te } from "react";
+import { C as ne } from "../icons/Chevron-D7z5f5Ni.mjs";
+var w = { exports: {} }, R = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var F;
+function oe() {
+  if (F) return R;
+  F = 1;
+  var c = Symbol.for("react.transitional.element"), m = Symbol.for("react.fragment");
+  function f(d, a, s) {
+    var l = null;
+    if (s !== void 0 && (l = "" + s), a.key !== void 0 && (l = "" + a.key), "key" in a) {
+      s = {};
+      for (var _ in a)
+        _ !== "key" && (s[_] = a[_]);
+    } else s = a;
+    return a = s.ref, {
+      $$typeof: c,
+      type: d,
+      key: l,
+      ref: a !== void 0 ? a : null,
+      props: s
+    };
+  }
+  return R.Fragment = m, R.jsx = f, R.jsxs = f, R;
+}
+var b = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var D;
+function ae() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && function() {
+    function c(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === B ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case p:
+          return "Fragment";
+        case z:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case q:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case Z:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case W:
+            return "Portal";
+          case G:
+            return (e.displayName || "Context") + ".Provider";
+          case V:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case J:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case H:
+            return r = e.displayName || null, r !== null ? r : c(e.type) || "Memo";
+          case y:
+            r = e._payload, e = e._init;
+            try {
+              return c(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function m(e) {
+      return "" + e;
+    }
+    function f(e) {
+      try {
+        m(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), m(e);
+      }
+    }
+    function d(e) {
+      if (e === p) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === y)
+        return "<...>";
+      try {
+        var r = c(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function l(e) {
+      if (g.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function _(e, r) {
+      function t() {
+        N || (N = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function L() {
+      var e = c(this.type);
+      return C[e] || (C[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function M(e, r, t, n, i, u, O, j) {
+      return t = u.ref, e = {
+        $$typeof: x,
+        type: e,
+        key: r,
+        props: u,
+        _owner: i
+      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: L
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: O
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: j
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function P(e, r, t, n, i, u, O, j) {
+      var o = r.children;
+      if (o !== void 0)
+        if (n)
+          if (Q(o)) {
+            for (n = 0; n < o.length; n++)
+              h(o[n]);
+            Object.freeze && Object.freeze(o);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else h(o);
+      if (g.call(r, "key")) {
+        o = c(e);
+        var E = Object.keys(r).filter(function(K) {
+          return K !== "key";
+        });
+        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", I[o + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          o,
+          E,
+          o
+        ), I[o + n] = !0);
+      }
+      if (o = null, t !== void 0 && (f(t), o = "" + t), l(r) && (f(r.key), o = "" + r.key), "key" in r) {
+        t = {};
+        for (var S in r)
+          S !== "key" && (t[S] = r[S]);
+      } else t = r;
+      return o && _(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        o,
+        u,
+        i,
+        a(),
+        t,
+        O,
+        j
+      );
+    }
+    function h(e) {
+      typeof e == "object" && e !== null && e.$$typeof === x && e._store && (e._store.validated = 1);
+    }
+    var v = ee, x = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), G = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), k = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, Q = Array.isArray, A = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    v = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var N, C = {}, Y = v["react-stack-bottom-frame"].bind(
+      v,
+      s
+    )(), $ = A(d(s)), I = {};
+    b.Fragment = p, b.jsx = function(e, r, t, n, i) {
+      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !1,
+        n,
+        i,
+        u ? Error("react-stack-top-frame") : Y,
+        u ? A(d(e)) : $
+      );
+    }, b.jsxs = function(e, r, t, n, i) {
+      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !0,
+        n,
+        i,
+        u ? Error("react-stack-top-frame") : Y,
+        u ? A(d(e)) : $
+      );
+    };
+  }()), b;
+}
+process.env.NODE_ENV === "production" ? w.exports = oe() : w.exports = ae();
+var T = w.exports;
+const ue = ({
+  initialOpen: c = !0,
+  children: m,
+  heading: f,
+  className: d = "",
+  lightBackground: a = !1,
+  ...s
+}) => {
+  const l = re(null);
+  return te(() => {
+    l.current && (l.current.open = c);
+  }, [c]), /* @__PURE__ */ T.jsxs(
+    "details",
+    {
+      ref: l,
+      "data-testid": "rds-accordion",
+      className: `rds-accordion-details ${a ? "rds-accordion-details--light" : ""} ${a === "white" ? "rds-accordion-details--white" : ""} ${d}`,
+      ...s,
+      children: [
+        /* @__PURE__ */ T.jsxs("summary", { "data-testid": "rds-accordion-summary", className: "rds-accordion-details__summary", children: [
+          /* @__PURE__ */ T.jsx(ne, {}),
+          /* @__PURE__ */ T.jsx("div", { className: "rds-accordion-details__summary__content", children: f })
+        ] }),
+        m
+      ]
+    }
+  );
+};
+export {
+  ue as A,
+  T as j
+};

package/dist/components/alert/{Alert-C3DRURBA.mjs → Alert-D1ytM5Dq.mjs}

@@ -1,8 +1,8 @@
-import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as w, useState as a } from "react";
-import { H as y, B } from "../typography/Typography-qfbU_T11.mjs";
-import "../icons/HeartToggle-BHSYQIN4.mjs";
-import { S as F, a as T, b as o, c as b } from "../icons/Icons-De2TWMGd.mjs";
+import { H as y, B } from "../typography/Typography-BDz_QfCz.mjs";
+import "../icons/HeartToggle-Buv7f9yB.mjs";
+import { S as F, a as T, b as o, c as b } from "../icons/Icons-D0X7KrxA.mjs";
 const O = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79", E = "_rds-alert--content_m8jce_79", H = "_rds-alert--dismiss_m8jce_109", D = "_dismissed_m8jce_138", M = "_dismiss-fade-out_m8jce_1", e = {
   rdsAlertIcon: O,
   rdsAlertContentTitle: R,

package/dist/components/breadcrumb/{Breadcrumb-ou16wYBD.mjs → Breadcrumb-Dpi45ZU-.mjs}

@@ -1,6 +1,6 @@
-import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as r } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as u } from "react";
-import { S as d } from "../typography/Typography-qfbU_T11.mjs";
+import { S as d } from "../typography/Typography-BDz_QfCz.mjs";
 const b = u(({ className: a = "", crumbs: s, render: c, ...m }, i) => /* @__PURE__ */ r.jsx("nav", { className: `rds-breadcrumb ${a}`, ref: i, ...m, children: /* @__PURE__ */ r.jsx(d, { children: /* @__PURE__ */ r.jsx("ol", { className: "rds-breadcrumb__list", children: s.map(({ name: e, href: l }, n) => {
   const t = n === s.length - 1;
   return /* @__PURE__ */ r.jsx(

package/dist/components/button/{ArrowButton-C0WywcBN.mjs → ArrowButton-DMr9aNBX.mjs}

@@ -1,7 +1,7 @@
-import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as n } from "react";
-import { P as e, S as u, T as d, G as b } from "./DecoratedButton-B1ElGmyl.mjs";
-import { A as c } from "../icons/Arrow-CHtynMwo.mjs";
+import { P as e, S as u, T as d, G as b } from "./DecoratedButton-BPD31Ccf.mjs";
+import { A as c } from "../icons/Arrow-DpNA_SD7.mjs";
 const w = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
   ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
     e,

package/dist/components/button/{BaseButton-B2fMKlSI.mjs → BaseButton-BDwLDH8l.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as c } from "react";
 const f = c(
   ({

package/dist/components/button/BaseButton.d.ts

@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
 
 export type ButtonStyles = "primary" | "secondary" | "tertiary" | "ghost";
 export type ButtonBackgroundStyles = boolean | "white";

package/dist/components/button/{BaseDecoratedButton-C0cesANX.mjs → BaseDecoratedButton-ChPN1ek7.mjs}

@@ -1,6 +1,6 @@
-import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as c } from "react";
-import { B as m } from "./BaseButton-B2fMKlSI.mjs";
+import { B as m } from "./BaseButton-BDwLDH8l.mjs";
 const x = c(
   ({ children: n, buttonType: t, postfix: r, icon: a, arrow: o, iconClass: e = "", ...d }, i) => /* @__PURE__ */ s.jsx(m, { buttonType: t, ref: i, ...d, children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     a && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${e}`, children: /* @__PURE__ */ s.jsx(a, {}) }),

package/dist/components/button/BaseDecoratedButton.d.ts

@@ -1,4 +1,5 @@
 import { BaseButtonProps, ButtonProps } from './BaseButton';
+import { JSX } from 'react/jsx-runtime';
 
 export interface DecoratedButtonProps extends ButtonProps {
     postfix?: string;

package/dist/components/button/{BaseLinkButton-CquLmqew.mjs → BaseLinkButton-BsJ_29CO.mjs}

@@ -1,7 +1,7 @@
-import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as r } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as c } from "react";
-import "./ArrowButton-C0WywcBN.mjs";
-import { A as l } from "../icons/Arrow-CHtynMwo.mjs";
+import "./ArrowButton-DMr9aNBX.mjs";
+import { A as l } from "../icons/Arrow-DpNA_SD7.mjs";
 const p = () => /* @__PURE__ */ r.jsx(l, {}), u = c(
   ({
     element: o,

package/dist/components/button/BaseLinkButton.d.ts

@@ -1,4 +1,5 @@
 import { ButtonBackgroundStyles, ButtonStyles } from './BaseButton';
+import { JSX } from 'react/jsx-runtime';
 
 export type LinkButtonStyles = ButtonStyles | "highlighted";
 interface BaseLinkButtonPropsWithElement<ElementProps> {

package/dist/components/button/{Button-Bs_Tl8uJ.mjs → Button-ChxzP0BI.mjs}

@@ -1,8 +1,8 @@
-import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as r } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as n } from "react";
-import { B as s } from "./BaseButton-B2fMKlSI.mjs";
-import "./ArrowButton-C0WywcBN.mjs";
-import "./BaseLinkButton-CquLmqew.mjs";
+import { B as s } from "./BaseButton-BDwLDH8l.mjs";
+import "./ArrowButton-DMr9aNBX.mjs";
+import "./BaseLinkButton-BsJ_29CO.mjs";
 const a = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "primary", ref: o, ...t }));
 a.displayName = "PrimaryButton";
 const e = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "secondary", ref: o, ...t }));

package/dist/components/button/{DecoratedButton-B1ElGmyl.mjs → DecoratedButton-BPD31Ccf.mjs}

@@ -1,7 +1,7 @@
-import { j as e } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as e } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as r } from "react";
-import { B as a } from "./BaseDecoratedButton-C0cesANX.mjs";
-import "./ArrowButton-C0WywcBN.mjs";
+import { B as a } from "./BaseDecoratedButton-ChPN1ek7.mjs";
+import "./ArrowButton-DMr9aNBX.mjs";
 const s = r(
   (t, o) => /* @__PURE__ */ e.jsx(a, { buttonStyle: "primary", ref: o, ...t })
 );

package/dist/components/button/{IconButton-3TUWI6Mc.mjs → IconButton-DYRG4f36.mjs}

@@ -1,7 +1,7 @@
-import { j as n } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as n } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as r } from "react";
-import { P as a, S as s, T as e, G as c } from "./DecoratedButton-B1ElGmyl.mjs";
-import "./ArrowButton-C0WywcBN.mjs";
+import { P as a, S as s, T as e, G as c } from "./DecoratedButton-BPD31Ccf.mjs";
+import "./ArrowButton-DMr9aNBX.mjs";
 const u = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonType: "rds-icon-button", ref: o, ...t }));
 u.displayName = "PrimaryIconButton";
 const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonType: "rds-icon-button", ref: o, ...t }));

package/dist/components/button/IconButton.d.ts

@@ -1,4 +1,5 @@
 import { DecoratedButtonProps } from './BaseDecoratedButton';
+import { JSX } from 'react/jsx-runtime';
 
 interface IconButtonProps extends Omit<DecoratedButtonProps, "icon"> {
     icon: () => JSX.Element;

package/dist/components/checkbox/{BaseCheckbox-vLDQvJOz.mjs → BaseCheckbox-Ds7EbRAQ.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as x } from "react";
 const b = (e) => {
   if (e)

package/dist/components/checkbox/{Checkbox-D6f5jfzl.mjs → Checkbox-DqG1H_l_.mjs}

@@ -1,6 +1,6 @@
-import { j as c } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as c } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as b } from "react";
-import { B as p } from "./BaseCheckbox-vLDQvJOz.mjs";
+import { B as p } from "./BaseCheckbox-Ds7EbRAQ.mjs";
 const i = b(
   ({ className: r = "", id: o, lightBackground: s, hasError: e, style: a, children: m, ...t }, x) => /* @__PURE__ */ c.jsx(
     p,

package/dist/components/core/{Core-BrDaupPg.mjs → Core-GV7d4sn7.mjs}

@@ -1,4 +1,4 @@
-import { j as i } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as i } from "../accordion/Accordion-C-Lu1AN3.mjs";
 let a = !1, n = !1, u = !1;
 const s = {
   mousedown: c,

package/dist/components/core/{LightMode-DENdo5SC.mjs → LightMode-QGX5KWDc.mjs}

@@ -1,4 +1,4 @@
-import { j as i } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as i } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import { forwardRef as a } from "react";
 const e = a(
   ({ children: o, className: s = "", ...r }, t) => /* @__PURE__ */ i.jsx("div", { ref: t, className: `rds-light ${s}`, ...r, children: o })

package/dist/components/core/{RiksTV-DwRmJooI.mjs → RiksTV-CLsPQKYj.mjs}

@@ -1,5 +1,5 @@
-import { j as o } from "../accordion/Accordion-CrPiD_81.mjs";
-import { C as s } from "./Core-BrDaupPg.mjs";
+import { j as o } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import { C as s } from "./Core-GV7d4sn7.mjs";
 const m = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "rtv", children: r });
 export {
   m as R

package/dist/components/core/{Strim-DzoD2YI9.mjs → Strim-D7gNGKkV.mjs}

@@ -1,5 +1,5 @@
-import { j as o } from "../accordion/Accordion-CrPiD_81.mjs";
-import { C as s } from "./Core-BrDaupPg.mjs";
+import { j as o } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import { C as s } from "./Core-GV7d4sn7.mjs";
 const i = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "strm", children: r });
 export {
   i as S

package/dist/components/core/docs/hooks/Mutation.d.ts

@@ -1 +1 @@
-export declare const Mutation: () => JSX.Element;
+export declare const Mutation: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/core/hooks/useAnimatedHeight.d.ts

@@ -17,4 +17,4 @@ export interface UseAnimatedHeightOptions {
  * with care and attention
  *
  */
-export declare function useAnimatedHeight<T extends HTMLElement>(isOpen: boolean, options?: UseAnimatedHeightOptions): [RefObject<T>, () => void];
+export declare function useAnimatedHeight<T extends HTMLElement>(isOpen: boolean, options?: UseAnimatedHeightOptions): [RefObject<T | null>, () => void];

package/dist/components/core/hooks/useClickOutsideListener.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 
 interface Props {
-    ref: RefObject<HTMLElement> | null;
+    ref?: RefObject<HTMLElement | null>;
     callback: (e: MouseEvent) => void;
     condition?: boolean;
 }

package/dist/components/core/hooks/useMutationObserver.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from 'react';
 
-export declare const useMutationObserver: (target: Element | RefObject<Element>, onObservation: MutationCallback, config?: MutationObserverInit) => void;
+export declare const useMutationObserver: (target: Element | RefObject<Element | null>, onObservation: MutationCallback, config?: MutationObserverInit) => void;

package/dist/components/dropdown/{Dropdown-iW7aS3jx.mjs → Dropdown-U7w2rrui.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as e } from "../accordion/Accordion-C-Lu1AN3.mjs";
 const v = ({
   label: n,
   id: a,

package/dist/components/dropdown/Dropdown.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from 'react';
+import { JSX } from 'react/jsx-runtime';
 
 interface BaseDropdownOption {
     title: string;
@@ -15,7 +16,7 @@ interface DropdownProps<T extends BaseDropdownOption> {
     isFilter?: boolean;
     rightIcon?: JSX.Element;
     leftIcon?: JSX.Element;
-    innerRef?: RefObject<HTMLSelectElement>;
+    innerRef?: RefObject<HTMLSelectElement | null>;
 }
 export declare const Dropdown: {
     <T extends BaseDropdownOption>({ label, id, options, onChange, className, defaultValue, rightIcon, leftIcon, innerRef, ...rest }: DropdownProps<T>): JSX.Element;

package/dist/components/icons/{Arrow-CHtynMwo.mjs → Arrow-DpNA_SD7.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as l } from "../accordion/Accordion-C-Lu1AN3.mjs";
 const o = () => /* @__PURE__ */ l.jsx("svg", { "aria-label": "Pil", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l.jsx(
   "path",
   {

package/dist/components/icons/{Chevron-B0-9yMkO.mjs → Chevron-D7z5f5Ni.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as l } from "../accordion/Accordion-C-Lu1AN3.mjs";
 const o = () => /* @__PURE__ */ l.jsx("svg", { "aria-label": "Vertikal pil", width: "100%", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l.jsx(
   "path",
   {

package/dist/components/icons/{HeartToggle-BHSYQIN4.mjs → HeartToggle-Buv7f9yB.mjs}

@@ -1,4 +1,4 @@
-import { j as C } from "../accordion/Accordion-CrPiD_81.mjs";
+import { j as C } from "../accordion/Accordion-C-Lu1AN3.mjs";
 import * as t from "react";
 const a = (e) => /* @__PURE__ */ t.createElement("svg", { "aria-label": "Hjerte", "data-testid": "heart-svg", width: "100%", viewBox: "0 0 18 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "currentColor", d: "M17.475 3.55698C17.1223 2.87016 16.6134 2.27565 15.9893 1.8212C15.3651 1.36675 14.643 1.06504 13.8811 0.940313C13.1192 0.815585 12.3386 0.871315 11.6021 1.10303C10.8656 1.33474 10.1938 1.73597 9.64048 2.27448L8.99998 2.86023L8.37973 2.29548C7.82775 1.74653 7.15272 1.33726 6.41074 1.10168C5.66877 0.86609 4.88128 0.811 4.11373 0.940982C3.35063 1.05996 2.62693 1.35931 2.00276 1.81416C1.37859 2.26902 0.871968 2.86625 0.52498 3.55623C0.0611608 4.46517 -0.100918 5.49827 0.0622681 6.50558C0.225455 7.51288 0.705414 8.44197 1.43248 9.15798L8.46223 16.4C8.53213 16.4719 8.61573 16.529 8.70809 16.568C8.80046 16.6071 8.89971 16.6272 8.99998 16.6272C9.10025 16.6272 9.1995 16.6071 9.29187 16.568C9.38423 16.529 9.46783 16.4719 9.53773 16.4L16.5577 9.17148C17.2878 8.45478 17.7703 7.52401 17.9352 6.51435C18.1002 5.5047 17.939 4.46875 17.475 3.55698Z" })), r = (e) => /* @__PURE__ */ t.createElement("svg", { "aria-label": "Omriss av et hjerte", "data-testid": "unheart-svg", width: "100%", viewBox: "0 0 20 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd", d: "M7.49023 0.851471C6.70898 0.603418 5.87985 0.545278 5.07165 0.681868C4.2679 0.807458 3.50567 1.12289 2.84821 1.60201C2.1905 2.08131 1.65661 2.71058 1.29086 3.43759C0.801947 4.39607 0.631125 5.4854 0.803195 6.54754C0.975147 7.60895 1.48058 8.58802 2.24621 9.3429L9.27407 16.583C9.36843 16.68 9.48129 16.7572 9.60598 16.8098C9.73067 16.8625 9.86466 16.8897 10 16.8897C10.1354 16.8897 10.2694 16.8625 10.3941 16.8098C10.5188 16.7572 10.6317 16.6799 10.7261 16.5829L17.7439 9.35657C18.5125 8.60106 19.0206 7.62037 19.1944 6.55667C19.3683 5.49192 19.1983 4.39944 18.709 3.43792L18.7085 3.43706C18.3371 2.71372 17.8012 2.08759 17.1438 1.60898C16.4865 1.13036 15.726 0.81261 14.9236 0.681249C14.1211 0.549888 13.299 0.608582 12.5234 0.852614C11.749 1.09623 11.0425 1.51778 10.4604 2.08347L9.99964 2.50486L9.56073 2.10522C8.97989 1.52889 8.27016 1.09911 7.49023 0.851471ZM5.34545 2.30899C5.89528 2.21588 6.45939 2.25534 6.9909 2.4241C7.52241 2.59286 8.00597 2.88605 8.40138 3.27928L8.42305 3.30083L10.0021 4.73857L11.5899 3.28665L11.6083 3.26875C12.0061 2.8816 12.4891 2.59314 13.0186 2.42656C13.548 2.25997 14.1092 2.21991 14.657 2.30958C15.2048 2.39925 15.7239 2.61615 16.1726 2.94287C16.6206 3.26907 16.986 3.69565 17.2395 4.18843C17.5689 4.83669 17.6832 5.57299 17.566 6.29063C17.4486 7.00907 17.1052 7.67138 16.5858 8.18136L16.5761 8.1907L10.0001 14.962L3.41934 8.18242L3.4061 8.16937C2.8892 7.66033 2.54798 6.99981 2.43196 6.28368C2.31595 5.56755 2.43119 4.83309 2.76094 4.18689L2.76461 4.1796C3.01241 3.68684 3.37422 3.26033 3.81997 2.93549C4.26572 2.61066 4.78255 2.39688 5.32753 2.31191L5.3348 2.3108L5.34545 2.30899Z" })), s = ({ checked: e }) => /* @__PURE__ */ C.jsx(
   "span",

package/dist/components/icons/{Icons-De2TWMGd.mjs → Icons-D0X7KrxA.mjs}

@@ -1,6 +1,6 @@
-import { A as C } from "./Arrow-CHtynMwo.mjs";
-import { C as l } from "./Chevron-B0-9yMkO.mjs";
-import { S as r, H as a, a as o } from "./HeartToggle-BHSYQIN4.mjs";
+import { A as C } from "./Arrow-DpNA_SD7.mjs";
+import { C as l } from "./Chevron-D7z5f5Ni.mjs";
+import { S as r, H as a, a as o } from "./HeartToggle-Buv7f9yB.mjs";
 import * as e from "react";
 const n = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "4 4 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Avmerking", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M13.4614 23.777C13.2314 23.777 13.0114 23.687 12.8514 23.517L7.24137 17.727C6.91137 17.387 6.92138 16.847 7.26138 16.527C7.60138 16.197 8.14138 16.207 8.46138 16.547L13.3714 21.617L23.1714 8.34705C23.4514 7.96705 23.9814 7.88705 24.3614 8.16705C24.7414 8.44705 24.8214 8.97705 24.5414 9.35705L14.1514 23.427C14.0014 23.627 13.7714 23.757 13.5214 23.767C13.5014 23.767 13.4814 23.767 13.4614 23.767V23.777Z" })), c = (t) => /* @__PURE__ */ e.createElement("svg", { "aria-label": "Pause-symbol", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", ...t }, /* @__PURE__ */ e.createElement("defs", null), /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12.8889 6H9.33333C8.59695 6 8 6.57999 8 7.29545V23.7045C8 24.42 8.59695 25 9.33333 25H12.8889C13.6253 25 14.2222 24.42 14.2222 23.7045V7.29545C14.2222 6.57999 13.6253 6 12.8889 6Z" }), /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M22.6667 6H19.1111C18.3747 6 17.7778 6.57999 17.7778 7.29545V23.7045C17.7778 24.42 18.3747 25 19.1111 25H22.6667C23.403 25 24 24.42 24 23.7045V7.29545C24 6.57999 23.403 6 22.6667 6Z" })), s = (t) => /* @__PURE__ */ e.createElement("svg", { "aria-label": "Play-symbol", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "-4 0 36 32", ...t }, /* @__PURE__ */ e.createElement("defs", null), /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M30.6 14.2L3.4.6A2 2 0 00.5 2.4v27.2a2 2 0 003 1.8l27.1-13.6a2 2 0 000-3.6z" })), i = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "4 4 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M17.0475 15.8475L23.4475 9.4475C23.7775 9.1175 23.7775 8.5775 23.4475 8.2475C23.1175 7.9175 22.5775 7.9175 22.2475 8.2475L15.8475 14.6475L9.4475 8.2475C9.1175 7.9175 8.5775 7.9175 8.2475 8.2475C7.9175 8.5775 7.9175 9.1175 8.2475 9.4475L14.6475 15.8475L8.2475 22.2475C7.9175 22.5775 7.9175 23.1175 8.2475 23.4475C8.4175 23.6175 8.6275 23.6975 8.8475 23.6975C9.0675 23.6975 9.2875 23.6175 9.4475 23.4475L15.8475 17.0475L22.2475 23.4475C22.4175 23.6175 22.6275 23.6975 22.8475 23.6975C23.0675 23.6975 23.2875 23.6175 23.4475 23.4475C23.7775 23.1175 23.7775 22.5775 23.4475 22.2475L17.0475 15.8475Z" })), g = (t) => /* @__PURE__ */ e.createElement("svg", { width: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12 3C10.22 3 8.47991 3.52784 6.99987 4.51677C5.51983 5.50571 4.36628 6.91131 3.68509 8.55585C3.0039 10.2004 2.82567 12.01 3.17294 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89472 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.4722 15.5201 21 13.78 21 12C20.9974 9.61384 20.0484 7.32616 18.3611 5.63889C16.6738 3.95162 14.3862 3.00258 12 3V3ZM12.1875 6.75C12.41 6.75 12.6275 6.81598 12.8125 6.9396C12.9975 7.06321 13.1417 7.23891 13.2269 7.44448C13.312 7.65005 13.3343 7.87625 13.2909 8.09448C13.2475 8.31271 13.1403 8.51316 12.983 8.6705C12.8257 8.82783 12.6252 8.93498 12.407 8.97838C12.1888 9.02179 11.9626 8.99951 11.757 8.91436C11.5514 8.82922 11.3757 8.68502 11.2521 8.50002C11.1285 8.31501 11.0625 8.0975 11.0625 7.875C11.0625 7.57663 11.181 7.29048 11.392 7.0795C11.603 6.86853 11.8891 6.75 12.1875 6.75ZM13.875 16.875H10.875C10.6761 16.875 10.4853 16.796 10.3447 16.6553C10.204 16.5147 10.125 16.3239 10.125 16.125C10.125 15.9261 10.204 15.7353 10.3447 15.5947C10.4853 15.454 10.6761 15.375 10.875 15.375H11.4375C11.4872 15.375 11.5349 15.3552 11.5701 15.3201C11.6053 15.2849 11.625 15.2372 11.625 15.1875V11.8125C11.625 11.7628 11.6053 11.7151 11.5701 11.6799C11.5349 11.6448 11.4872 11.625 11.4375 11.625H10.875C10.6761 11.625 10.4853 11.546 10.3447 11.4053C10.204 11.2647 10.125 11.0739 10.125 10.875C10.125 10.6761 10.204 10.4853 10.3447 10.3447C10.4853 10.204 10.6761 10.125 10.875 10.125H11.625C12.0228 10.125 12.4044 10.283 12.6857 10.5643C12.967 10.8456 13.125 11.2272 13.125 11.625V15.1875C13.125 15.2372 13.1448 15.2849 13.1799 15.3201C13.2151 15.3552 13.2628 15.375 13.3125 15.375H13.875C14.0739 15.375 14.2647 15.454 14.4053 15.5947C14.546 15.7353 14.625 15.9261 14.625 16.125C14.625 16.3239 14.546 16.5147 14.4053 16.6553C14.2647 16.796 14.0739 16.875 13.875 16.875Z" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { width: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M20.8191 18.5475L13.7205 4.0725C13.3982 3.42 12.7235 3 12.0039 3C11.2843 3 10.6022 3.42 10.2873 4.0725L3.18118 18.5475C2.91882 19.08 2.9488 19.695 3.26363 20.1975C3.57846 20.7 4.11817 21 4.71035 21H19.2975C19.8896 21 20.4293 20.7 20.7442 20.1975C21.059 19.695 21.089 19.0725 20.8266 18.5475H20.8191ZM11.4342 9.1875C11.4342 8.88 11.6891 8.625 11.9964 8.625C12.3037 8.625 12.5586 8.88 12.5586 9.1875V14.8125C12.5586 15.12 12.3037 15.375 11.9964 15.375C11.6891 15.375 11.4342 15.12 11.4342 14.8125V9.1875ZM11.9964 18.1875C11.5317 18.1875 11.1569 17.8125 11.1569 17.3475C11.1569 16.8825 11.5317 16.5075 11.9964 16.5075C12.4612 16.5075 12.836 16.8825 12.836 17.3475C12.836 17.8125 12.4612 18.1875 11.9964 18.1875Z" })), m = (t) => /* @__PURE__ */ e.createElement("svg", { width: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12 4.5C7.86 4.5 4.5 7.86 4.5 12C4.5 16.14 7.86 19.5 12 19.5C16.14 19.5 19.5 16.14 19.5 12C19.5 7.86 16.14 4.5 12 4.5ZM10.6928 15.5572C10.5863 15.6637 10.4137 15.6637 10.3072 15.5572L7.27912 12.5291C6.98689 12.2369 6.98689 11.7631 7.27912 11.4709C7.57105 11.1789 8.04427 11.1786 8.33662 11.4701L10.5 13.6275C10.5 13.6275 15.3662 8.76129 15.66 8.4675C15.9538 8.17371 16.4304 8.17456 16.7231 8.46938C17.0144 8.76274 17.0136 9.23643 16.7212 9.52875L10.6928 15.5572Z" }), /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd", d: "M12 18.75C15.7279 18.75 18.75 15.7279 18.75 12C18.75 8.27208 15.7279 5.25 12 5.25C8.27208 5.25 5.25 8.27208 5.25 12C5.25 15.7279 8.27208 18.75 12 18.75ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" })), v = (t) => /* @__PURE__ */ e.createElement("svg", { "aria-label": "Pluss-tegn", viewBox: "0 0 20 21", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { id: "Add" }, /* @__PURE__ */ e.createElement("path", { id: "Vector", d: "M14.9062 9.875H10.4375V5.40625C10.4375 5.1125 10.2 4.875 9.90625 4.875C9.6125 4.875 9.375 5.1125 9.375 5.40625V9.875H4.90625C4.6125 9.875 4.375 10.1125 4.375 10.4062C4.375 10.7 4.6125 10.9375 4.90625 10.9375H9.375V15.4062C9.375 15.7 9.6125 15.9375 9.90625 15.9375C10.2 15.9375 10.4375 15.7 10.4375 15.4062V10.9375H14.9062C15.2 10.9375 15.4375 10.7 15.4375 10.4062C15.4375 10.1125 15.2 9.875 14.9062 9.875Z" }))), d = (t) => /* @__PURE__ */ e.createElement("svg", { "aria-label": "Minus-tegn", viewBox: "0 0 20 21", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { id: "Subtract / Subtract" }, /* @__PURE__ */ e.createElement("path", { id: "Vector (Stroke)", fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 10.5C2.5 10.2411 2.70987 10.0312 2.96875 10.0312H17.0312C17.2901 10.0312 17.5 10.2411 17.5 10.5C17.5 10.7589 17.2901 10.9688 17.0312 10.9688H2.96875C2.70987 10.9688 2.5 10.7589 2.5 10.5Z" }))), h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/components/list/CheckmarkListItem-DDP1qoW4.mjs

@@ -0,0 +1,9 @@
+import { j as t } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import "react";
+import "../icons/HeartToggle-Buv7f9yB.mjs";
+import { d as s } from "../icons/Icons-D0X7KrxA.mjs";
+import { L as o } from "./ListItem-CQZq9GfN.mjs";
+const k = ({ children: r, ...m }) => /* @__PURE__ */ t.jsx(o, { testId: "rds-list-item--check", icon: /* @__PURE__ */ t.jsx(s, {}), ...m, children: r });
+export {
+  k as C
+};

package/dist/components/list/CrossmarkListItem-CbzfzRC4.mjs

@@ -0,0 +1,9 @@
+import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import "react";
+import "../icons/HeartToggle-Buv7f9yB.mjs";
+import { S as o } from "../icons/Icons-D0X7KrxA.mjs";
+import { L as m } from "./ListItem-CQZq9GfN.mjs";
+const j = ({ children: t, ...r }) => /* @__PURE__ */ s.jsx(m, { testId: "rds-list-item--cross", icon: /* @__PURE__ */ s.jsx(o, {}), ...r, children: t });
+export {
+  j as C
+};