@rikstv/shared-components 3.2.1-alpha.0 → 3.2.1-alpha.1

package/dist/components/accordion/Accordion-rewqLwCV.mjs

@@ -0,0 +1,34 @@
+import { jsxs as a, jsx as d } from "react/jsx-runtime";
+import { useRef as n, useEffect as m } from "react";
+import { C as l } from "../icons/Chevron-BBlkokQX.mjs";
+const _ = ({
+  initialOpen: s = !0,
+  children: c,
+  heading: o,
+  className: t = "",
+  lightBackground: e = !1,
+  ...i
+}) => {
+  const r = n(null);
+  return m(() => {
+    r.current && (r.current.open = s);
+  }, [s]), /* @__PURE__ */ a(
+    "details",
+    {
+      ref: r,
+      "data-testid": "rds-accordion",
+      className: `rds-accordion-details ${e ? "rds-accordion-details--light" : ""} ${e === "white" ? "rds-accordion-details--white" : ""} ${t}`,
+      ...i,
+      children: [
+        /* @__PURE__ */ a("summary", { "data-testid": "rds-accordion-summary", className: "rds-accordion-details__summary", children: [
+          /* @__PURE__ */ d(l, {}),
+          /* @__PURE__ */ d("div", { className: "rds-accordion-details__summary__content", children: o })
+        ] }),
+        c
+      ]
+    }
+  );
+};
+export {
+  _ as A
+};

package/dist/components/alert/Alert-BVUcZip2.mjs

@@ -0,0 +1,68 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { forwardRef as B, useState as o } from "react";
+import { H as F, B as T } from "../typography/Typography-CXNJ1SFo.mjs";
+import "../icons/HeartToggle-Bwgo4FxH.mjs";
+import { S as b, a as x, b as d, c as O } from "../icons/Icons-CVv5JxOX.mjs";
+const H = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79", D = "_rds-alert--content_m8jce_79", E = "_rds-alert--dismiss_m8jce_109", M = "_dismissed_m8jce_138", V = "_dismiss-fade-out_m8jce_1", e = {
+  rdsAlertIcon: H,
+  rdsAlertContentTitle: R,
+  rdsAlertContent: D,
+  rdsAlertDismiss: E,
+  dismissed: M,
+  dismissFadeOut: V
+}, q = {
+  warning: { title: "Advarsel", Icon: x },
+  error: { title: "Feil", Icon: d },
+  info: { title: "Informasjon", Icon: d },
+  success: { title: "Vellykket", Icon: O }
+}, z = B(
+  ({
+    className: c,
+    intent: r = "warning",
+    variant: i = "filled",
+    testId: m = "rds-alert",
+    heading: A,
+    children: f,
+    dismissible: _ = !0,
+    lightBackground: v,
+    onDismissed: t,
+    LinkToDetails: u,
+    ...C
+  }, j) => {
+    const [p, l] = o(!1), [I, n] = o(!1), g = ["rds-alert", v ? "rds-light" : "", p ? e.dismissed : "", c].filter(Boolean).join(" ");
+    if (I)
+      return null;
+    const h = () => {
+      l(!1), n(!1);
+    }, { title: N, Icon: S } = q[r], k = (y) => {
+      y.animationName === e.dismissFadeOut && (n(!0), t == null || t(h));
+    }, w = _ && i !== "inline";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        role: "alert",
+        "aria-live": "polite",
+        ref: j,
+        className: g,
+        "data-testid": m,
+        "data-intent": r,
+        "data-variant": i,
+        onAnimationEnd: k,
+        ...C,
+        children: [
+          /* @__PURE__ */ s(S, { className: e.rdsAlertIcon }),
+          /* @__PURE__ */ a("div", { className: e.rdsAlertContent, children: [
+            /* @__PURE__ */ s(F, { className: e.rdsAlertContentTitle, as: "span", children: A || N }),
+            /* @__PURE__ */ s(T, { as: "div", children: f }),
+            u
+          ] }),
+          w && /* @__PURE__ */ s("div", { className: e.rdsAlertDismiss, children: /* @__PURE__ */ s("button", { "aria-label": "Avvis varsel", onClick: () => l(!0), children: /* @__PURE__ */ s(b, {}) }) })
+        ]
+      }
+    );
+  }
+);
+z.displayName = "Alert";
+export {
+  z as A
+};

package/dist/components/breadcrumb/Breadcrumb-BJNLZ7iB.mjs

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { S as d } from "../typography/Typography-CXNJ1SFo.mjs";
+const u = b(({ className: a = "", crumbs: e, render: c, ...m }, i) => /* @__PURE__ */ r("nav", { className: `rds-breadcrumb ${a}`, ref: i, ...m, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("ol", { className: "rds-breadcrumb__list", children: e.map(({ name: s, href: l }, n) => {
+  const t = n === e.length - 1;
+  return /* @__PURE__ */ r(
+    "li",
+    {
+      className: `rds-breadcrumb__list-item ${e.length >= 4 ? "rds-breadcrumb__list-item--truncate" : ""}`,
+      "data-testid": `rds-breadcrumb-${s}`,
+      "aria-current": t ? "page" : "false",
+      children: c(s, l, t)
+    },
+    s
+  );
+}) }) }) })), f = ({ children: a }) => /* @__PURE__ */ r(d, { className: "rds-breadcrumb__current", children: a });
+u.displayName = "Breadcrumb";
+export {
+  u as B,
+  f as a
+};

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

@@ -1,10 +1,10 @@
-import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-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,
+import { P as d, S as e, T as u, G as b } from "./DecoratedButton-D1hX-3Iw.mjs";
+import { A as c } from "../icons/Arrow-DlptGprM.mjs";
+const w = () => /* @__PURE__ */ s(c, {}), m = n(
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s(
+    d,
     {
       className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
       arrow: w,
@@ -16,8 +16,8 @@ const w = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
 );
 m.displayName = "PrimaryArrowButton";
 const y = n(
-  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
-    u,
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s(
+    e,
     {
       className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
       arrow: w,
@@ -29,8 +29,8 @@ const y = n(
 );
 y.displayName = "SecondaryArrowButton";
 const i = n(
-  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
-    d,
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s(
+    u,
     {
       className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
       arrow: w,
@@ -42,7 +42,7 @@ const i = n(
 );
 i.displayName = "TertiaryArrowButton";
 const p = n(
-  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s(
     b,
     {
       className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,

package/dist/components/button/BaseButton-Bhxc5Zyj.mjs

@@ -0,0 +1,46 @@
+import { jsx as t, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+const p = h(
+  ({
+    children: d,
+    buttonType: n,
+    buttonStyle: r,
+    type: o = "button",
+    isLoading: s = !1,
+    lightBackground: a = !1,
+    transparent: i = !1,
+    disabled: b,
+    className: l = "",
+    "aria-busy": u,
+    icon: e,
+    iconClass: $ = "",
+    ...m
+  }, _) => /* @__PURE__ */ t(
+    "button",
+    {
+      type: o,
+      ...m,
+      ref: _,
+      disabled: s || b,
+      "aria-busy": s || u,
+      className: `
+        ${n}
+        rds-button__shared
+        rds-button__shared--${r}
+        rds-button--${r}
+        ${s ? "rds-button--loading" : ""}
+        ${a ? "rds-light" : ""}
+        ${a === "white" ? "rds-white" : ""}
+        ${i ? "rds-transparent" : ""}
+        ${l}`,
+      children: /* @__PURE__ */ c(f, { children: [
+        e && /* @__PURE__ */ t("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${$}`, children: /* @__PURE__ */ t(e, {}) }),
+        d
+      ] })
+    }
+  )
+);
+p.displayName = "BaseButton";
+export {
+  p as B
+};

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

@@ -1,4 +1,5 @@
-import { ButtonHTMLAttributes, JSX } from 'react';
+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-5on1OJrJ.mjs

@@ -0,0 +1,15 @@
+import { jsx as t, jsxs as c, Fragment as m } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { B as l } from "./BaseButton-Bhxc5Zyj.mjs";
+const u = _(
+  ({ children: n, buttonType: r, postfix: a, icon: s, arrow: o, iconClass: e = "", ...d }, i) => /* @__PURE__ */ t(l, { buttonType: r, ref: i, ...d, children: /* @__PURE__ */ c(m, { children: [
+    s && /* @__PURE__ */ t("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${e}`, children: /* @__PURE__ */ t(s, {}) }),
+    o && /* @__PURE__ */ t("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ t(o, {}) }),
+    n,
+    !!a && r !== "rds-icon-button" && /* @__PURE__ */ t("span", { className: "rds-button__postfix", children: a })
+  ] }) })
+);
+u.displayName = "BaseDecoratedButton";
+export {
+  u as B
+};

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

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

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

@@ -1,12 +1,12 @@
-import { j as r } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as c } from "react";
-import "./ArrowButton-DMr9aNBX.mjs";
-import { A as l } from "../icons/Arrow-DpNA_SD7.mjs";
-const p = () => /* @__PURE__ */ r.jsx(l, {}), u = c(
+import { jsx as r, jsxs as c, Fragment as l } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import "./ArrowButton-DqViaPQ-.mjs";
+import { A as u } from "../icons/Arrow-DlptGprM.mjs";
+const $ = () => /* @__PURE__ */ r(u, {}), w = p(
   ({
-    element: o,
+    element: d,
     buttonStyle: s = "primary",
-    className: d = "",
+    className: o = "",
     withArrow: t,
     arrowBackward: n,
     iconClass: e = "",
@@ -14,8 +14,8 @@ const p = () => /* @__PURE__ */ r.jsx(l, {}), u = c(
     lightBackground: a,
     transparent: m,
     ...h
-  }, b) => /* @__PURE__ */ r.jsx("div", { className: `rds-baselink-button ${d}`, children: /* @__PURE__ */ r.jsx(
-    o,
+  }, b) => /* @__PURE__ */ r("div", { className: `rds-baselink-button ${o}`, children: /* @__PURE__ */ r(
+    d,
     {
       className: `
         rds-button rds-button__shared 
@@ -28,14 +28,14 @@ const p = () => /* @__PURE__ */ r.jsx(l, {}), u = c(
       `,
       ref: b,
       ...h,
-      children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        t && /* @__PURE__ */ r.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ r.jsx(p, {}) }),
+      children: /* @__PURE__ */ c(l, { children: [
+        t && /* @__PURE__ */ r("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ r($, {}) }),
         i
       ] })
     }
   ) })
 );
-u.displayName = "BaseLinkButton";
+w.displayName = "BaseLinkButton";
 export {
-  u as B
+  w as B
 };

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

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

package/dist/components/button/Button-DGXKZhwG.mjs

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { B as a } from "./BaseButton-Bhxc5Zyj.mjs";
+import "./ArrowButton-DqViaPQ-.mjs";
+import "./BaseLinkButton-niQ474XP.mjs";
+const s = n((t, o) => /* @__PURE__ */ r(a, { buttonType: "rds-button", buttonStyle: "primary", ref: o, ...t }));
+s.displayName = "PrimaryButton";
+const e = n((t, o) => /* @__PURE__ */ r(a, { buttonType: "rds-button", buttonStyle: "secondary", ref: o, ...t }));
+e.displayName = "SecondaryButton";
+const u = n((t, o) => /* @__PURE__ */ r(a, { buttonType: "rds-button", buttonStyle: "tertiary", ref: o, ...t }));
+u.displayName = "TertiaryButton";
+const y = n((t, o) => /* @__PURE__ */ r(a, { buttonType: "rds-button", buttonStyle: "ghost", ref: o, ...t }));
+y.displayName = "GhostButton";
+export {
+  y as G,
+  s as P,
+  e as S,
+  u as T
+};

package/dist/components/button/DecoratedButton-D1hX-3Iw.mjs

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { B as a } from "./BaseDecoratedButton-5on1OJrJ.mjs";
+import "./ArrowButton-DqViaPQ-.mjs";
+const n = r(
+  (t, o) => /* @__PURE__ */ e(a, { buttonStyle: "primary", ref: o, ...t })
+);
+n.displayName = "PrimaryDecoratedButton";
+const s = r(
+  (t, o) => /* @__PURE__ */ e(a, { buttonStyle: "secondary", ref: o, ...t })
+);
+s.displayName = "SecondaryDecoratedButton";
+const d = r(
+  (t, o) => /* @__PURE__ */ e(a, { buttonStyle: "tertiary", ref: o, ...t })
+);
+d.displayName = "TertiaryDecoratedButton";
+const y = r(
+  (t, o) => /* @__PURE__ */ e(a, { buttonStyle: "ghost", ref: o, ...t })
+);
+y.displayName = "GhostDecoratedButton";
+export {
+  y as G,
+  n as P,
+  s as S,
+  d as T
+};

package/dist/components/button/IconButton-DVEZ8K3d.mjs

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { P as a, S as e, T as s, G as c } from "./DecoratedButton-D1hX-3Iw.mjs";
+import "./ArrowButton-DqViaPQ-.mjs";
+const u = r((t, o) => /* @__PURE__ */ n(a, { buttonType: "rds-icon-button", ref: o, ...t }));
+u.displayName = "PrimaryIconButton";
+const i = r((t, o) => /* @__PURE__ */ n(e, { buttonType: "rds-icon-button", ref: o, ...t }));
+i.displayName = "SecondaryIconButton";
+const y = r((t, o) => /* @__PURE__ */ n(s, { buttonType: "rds-icon-button", ref: o, ...t }));
+y.displayName = "TertiaryIconButton";
+const d = r((t, o) => /* @__PURE__ */ n(c, { buttonType: "rds-icon-button", ref: o, ...t }));
+d.displayName = "GhostIconButton";
+export {
+  d as G,
+  u as P,
+  i as S,
+  y as T
+};

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

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

package/dist/components/checkbox/BaseCheckbox-BGkrjof6.mjs

@@ -0,0 +1,41 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+const x = (e) => {
+  if (e)
+    return e;
+  const a = (Math.random() + 1).toString(36).substring(7);
+  return `${(/* @__PURE__ */ new Date()).valueOf()}-${a}`;
+}, f = h(
+  ({
+    containerClassName: e = "",
+    inputClassName: a = "",
+    labelClassName: s = "",
+    dataTestId: n = "rds-checkbox__label",
+    id: o,
+    hasError: c,
+    style: i,
+    children: l,
+    ...d
+  }, m) => {
+    const r = x(o);
+    return /* @__PURE__ */ b("div", { style: i, className: e, children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: m,
+          className: a,
+          id: r,
+          type: "checkbox",
+          "aria-invalid": c,
+          ...d
+        }
+      ),
+      /* @__PURE__ */ t("label", { "data-testid": n, htmlFor: r, className: s, children: l })
+    ] });
+  }
+);
+f.displayName = "BaseCheckbox";
+export {
+  f as B,
+  x as g
+};

package/dist/components/checkbox/Checkbox-Cl4PCYXu.mjs

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { B as l } from "./BaseCheckbox-BGkrjof6.mjs";
+const p = x(
+  ({ className: r = "", id: o, lightBackground: e, hasError: s, style: a, children: m, ...c }, b) => /* @__PURE__ */ t(
+    l,
+    {
+      style: a,
+      id: o,
+      ref: b,
+      containerClassName: `rds-form-group-box ${r} ${s ? "rds-form-group-box--error" : ""}`,
+      inputClassName: `rds-checkbox rds-checkbox__input ${e ? "rds-light" : ""}`,
+      labelClassName: "rds-checkbox__label",
+      ...c,
+      children: m
+    }
+  )
+);
+p.displayName = "Checkbox";
+export {
+  p as C
+};

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

@@ -1,36 +1,36 @@
-import { j as i } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import { jsx as i } from "react/jsx-runtime";
 let a = !1, n = !1, u = !1;
-const s = {
+const r = {
   mousedown: c,
   keydown: d,
   touchstart: f
 };
-function r() {
-  Object.keys(s).forEach((t) => {
-    document.removeEventListener(t, s[t]);
+function s() {
+  Object.keys(r).forEach((t) => {
+    document.removeEventListener(t, r[t]);
   });
 }
 function e(t) {
-  document.addEventListener(t, s[t]);
+  document.addEventListener(t, r[t]);
 }
 function c() {
   if (!a && !u) {
     a = !0, n = !1;
     const t = document.querySelector("html");
-    t == null || t.setAttribute("data-mousenavigation", "true"), t == null || t.removeAttribute("data-touchnavigation"), r(), e("touchstart"), e("keydown");
+    t == null || t.setAttribute("data-mousenavigation", "true"), t == null || t.removeAttribute("data-touchnavigation"), s(), e("touchstart"), e("keydown");
   }
 }
 function d(t) {
   if (t.key === "Tab") {
     const o = document.querySelector("html");
-    r(), o == null || o.removeAttribute("data-mousenavigation"), o == null || o.removeAttribute("data-touchnavigation"), a = !1, n = !1, e("touchstart"), e("mousedown");
+    s(), o == null || o.removeAttribute("data-mousenavigation"), o == null || o.removeAttribute("data-touchnavigation"), a = !1, n = !1, e("touchstart"), e("mousedown");
   }
 }
 function f() {
   if (!n) {
     a = !1, n = !0;
     const t = document.querySelector("html");
-    t == null || t.setAttribute("data-touchnavigation", "true"), t == null || t.removeAttribute("data-mousenavigation"), r(), e("touchstart"), e("keydown"), e("mousedown");
+    t == null || t.setAttribute("data-touchnavigation", "true"), t == null || t.removeAttribute("data-mousenavigation"), s(), e("touchstart"), e("keydown"), e("mousedown");
   }
   u = !0, setTimeout(() => {
     u = !1;
@@ -40,7 +40,7 @@ function v() {
   typeof document < "u" && (e("touchstart"), e("mousedown"));
 }
 v();
-const m = ({ brand: t, children: o }) => /* @__PURE__ */ i.jsx("div", { "data-testid": "core-entry", className: t, children: o });
+const m = ({ brand: t, children: o }) => /* @__PURE__ */ i("div", { "data-testid": "core-entry", className: t, children: o });
 export {
   m as C
 };

package/dist/components/core/LightMode-DPAa0Pv9.mjs

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+const d = a(
+  ({ children: o, className: r = "", ...i }, s) => /* @__PURE__ */ t("div", { ref: s, className: `rds-light ${r}`, ...i, children: o })
+);
+d.displayName = "LightMode";
+export {
+  d as L
+};

package/dist/components/core/RiksTV-CxHetJcp.mjs

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { C as s } from "./Core-DVnHiJm2.mjs";
+const m = ({ children: r }) => /* @__PURE__ */ o(s, { brand: "rtv", children: r });
+export {
+  m as R
+};

package/dist/components/core/Strim-C1ajVDCm.mjs

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { C as m } from "./Core-DVnHiJm2.mjs";
+const i = ({ children: r }) => /* @__PURE__ */ o(m, { brand: "strm", children: r });
+export {
+  i as S
+};

package/dist/components/dropdown/Dropdown-CWVW7rKD.mjs

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+const f = ({
+  label: a,
+  id: s,
+  options: r,
+  onChange: t,
+  className: o = "",
+  defaultValue: h,
+  rightIcon: m,
+  leftIcon: c,
+  innerRef: v,
+  ...u
+}) => {
+  var i;
+  const p = `dropdown-styling ${c ? "menu-with-left-icon" : ""} ${o}`;
+  return /* @__PURE__ */ n("span", { className: p, children: [
+    /* @__PURE__ */ l("label", { htmlFor: s, children: a }),
+    /* @__PURE__ */ n("div", { className: "select-wrapper", children: [
+      /* @__PURE__ */ l(
+        "select",
+        {
+          defaultValue: h,
+          value: (i = r.find((e) => e.selected)) == null ? void 0 : i.value,
+          id: s,
+          ref: v,
+          onChange: ({ target: e }) => {
+            const d = r.find((w) => w.value === e.value) ?? r[0];
+            t(d);
+          },
+          ...u,
+          children: r.map((e, d) => /* @__PURE__ */ l("option", { value: e.value, children: e.title }, `dropdown-${a}-${e.title}-${d}`))
+        }
+      ),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ l("div", { className: "left-icon", children: c }),
+        /* @__PURE__ */ l("div", { className: "right-icon", children: m })
+      ] })
+    ] })
+  ] });
+};
+f.displayName = "Dropdown";
+export {
+  f as D
+};

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

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

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

@@ -1,5 +1,5 @@
-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(
+import { jsx as l } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ l("svg", { "aria-label": "Pil", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l(
   "path",
   {
     fill: "currentColor",

package/dist/components/icons/{Chevron-D7z5f5Ni.mjs → Chevron-BBlkokQX.mjs}

@@ -1,5 +1,5 @@
-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(
+import { jsx as l } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ l("svg", { "aria-label": "Vertikal pil", width: "100%", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l(
   "path",
   {
     fillRule: "evenodd",

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

@@ -1,12 +1,12 @@
-import { j as C } from "../accordion/Accordion-C-Lu1AN3.mjs";
+import { jsx as C } from "react/jsx-runtime";
 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(
+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(
   "span",
   {
     className: `rds-icon__heart-toggle ${e ? "rds-icon__heart-toggle--checked" : ""}`,
     "data-testid": e ? "heart" : "unheart",
     "aria-label": e ? "Markert" : "Ikke markert",
-    children: e ? /* @__PURE__ */ C.jsx(a, {}) : /* @__PURE__ */ C.jsx(r, {})
+    children: e ? /* @__PURE__ */ C(a, {}) : /* @__PURE__ */ C(r, {})
   }
 );
 export {