@rikstv/shared-components 1.1.97 → 2.0.1

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

@@ -1,25 +1,33 @@
-import { a as jsxs, j as jsx } from "../core/RiksTV.js";
-const Info = () => {
-  return /* @__PURE__ */ jsxs("svg", {
-    viewBox: "0 0 18 18",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/* @__PURE__ */ jsx("path", {
+import { j as l } from "../accordion/Accordion-4b8edd28.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",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M7.3125 7.875C7.3125 7.56434 7.56434 7.3125 7.875 7.3125H8.4375C9.05882 7.3125 9.5625 7.81618 9.5625 8.4375V11.25C9.5625 11.5607 9.81434 11.8125 10.125 11.8125H10.6875C10.9982 11.8125 11.25 12.0643 11.25 12.375C11.25 12.6857 10.9982 12.9375 10.6875 12.9375H10.125C9.19302 12.9375 8.4375 12.182 8.4375 11.25V8.4375H7.875C7.56434 8.4375 7.3125 8.18566 7.3125 7.875Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M7.875 5.34375C7.875 4.87776 8.25276 4.5 8.71875 4.5C9.18474 4.5 9.5625 4.87776 9.5625 5.34375C9.5625 5.80974 9.18474 6.1875 8.71875 6.1875C8.25276 6.1875 7.875 5.80974 7.875 5.34375Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9ZM9 1.125C4.65076 1.125 1.125 4.65076 1.125 9C1.125 13.3492 4.65076 16.875 9 16.875C13.3492 16.875 16.875 13.3492 16.875 9C16.875 4.65076 13.3492 1.125 9 1.125Z",
       fill: "currentColor"
-    })]
-  });
+    }
+  )
+] });
+export {
+  C as I
 };
-export { Info as I };

package/dist/components/panel/Panel-5cd1bda7.mjs

@@ -0,0 +1,50 @@
+import { j as s } from "../accordion/Accordion-4b8edd28.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 l } from "./Info-7fe85f53.mjs";
+const h = m(
+  ({
+    className: c = "",
+    variant: e = "info",
+    heading: n,
+    action: a,
+    lightBackground: o = !1,
+    id: _,
+    children: t,
+    icon: r = "success",
+    ...d
+  }, i) => {
+    const p = (n == null ? void 0 : n.level) || "span";
+    return /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        "data-testid": "rds-panel__container",
+        id: _,
+        className: `rds-panel rds-panel--${e} ${o ? "rds-light" : ""} ${c}`,
+        ref: i,
+        ...d,
+        children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "rds-panel__content", children: [
+            n && /* @__PURE__ */ s.jsxs("div", { className: "rds-panel__content__heading", children: [
+              e === "warning" && /* @__PURE__ */ s.jsx("span", { className: "rds-panel__content__heading__icon", children: /* @__PURE__ */ s.jsx(f, {}) }),
+              e === "info" && /* @__PURE__ */ s.jsxs("span", { className: "rds-panel__content__heading__icon", children: [
+                r === "success" && /* @__PURE__ */ s.jsx(j, {}),
+                r === "info" && /* @__PURE__ */ s.jsx(l, {})
+              ] }),
+              e === "error" && /* @__PURE__ */ s.jsx("span", { className: "rds-panel__content__heading__icon", children: /* @__PURE__ */ s.jsx(l, {}) }),
+              /* @__PURE__ */ s.jsx(p, { className: "rds-panel__heading rds-title-3", children: /* @__PURE__ */ s.jsx("span", { children: n.text }) })
+            ] }),
+            /* @__PURE__ */ s.jsx(x, { children: t })
+          ] }),
+          a && /* @__PURE__ */ s.jsx("div", { className: "rds-panel__action", children: a })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "Panel";
+export {
+  h as P
+};

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

@@ -1,80 +1,132 @@
-import { a as jsxs, j as jsx } from "../core/RiksTV.js";
-const Success = () => {
-  return /* @__PURE__ */ jsxs("svg", {
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 18 18",
-    children: [/* @__PURE__ */ jsx("path", {
+import { j as l } from "../accordion/Accordion-4b8edd28.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",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M6.23 8.19c.22.66.7 1.44 1.42 2.16.72.72 1.5 1.2 2.16 1.42.7.23 1.07.12 1.22-.03.16-.15.27-.53.04-1.23a5.83 5.83 0 0 0-1.43-2.15A5.83 5.83 0 0 0 7.5 6.93c-.7-.23-1.08-.12-1.23.04-.15.15-.26.53-.03 1.22Zm-1.07.36c-.27-.82-.31-1.76.3-2.38.62-.62 1.56-.58 2.38-.3.86.28 1.78.87 2.6 1.7a6.94 6.94 0 0 1 1.7 2.59c.27.82.3 1.76-.31 2.37-.62.62-1.56.58-2.38.3a6.94 6.94 0 0 1-2.6-1.69 6.94 6.94 0 0 1-1.69-2.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M5.83 6.79c.27.15.36.5.2.76L1.18 16.1a.56.56 0 0 0 .74.74l8.54-4.86a.56.56 0 1 1 .55.97l-8.56 4.88a1.69 1.69 0 0 1-2.26-2.26L5.06 7c.16-.27.5-.37.77-.21ZM11.43 5.38a.56.56 0 0 1 .8 0 .84.84 0 0 1 0 1.2.56.56 0 0 1-.93-.6.56.56 0 0 1 .13-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M11.63 6.3a.56.56 0 0 0 .6-.92.84.84 0 0 0-1.2 0 .56.56 0 0 0 .6.92Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M11.96 5.97a.56.56 0 0 0-.93-.6.85.85 0 0 0 0 1.2.56.56 0 0 0 .93-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M11.63 5.64a.56.56 0 0 0-.6.93.84.84 0 0 0 1.2 0 .56.56 0 0 0-.6-.93ZM14.61 2.2a.56.56 0 0 1 .8 0 .84.84 0 0 1 0 1.19.56.56 0 0 1-.92-.6.56.56 0 0 1 .12-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M14.81 3.12a.56.56 0 0 0 .6-.93.84.84 0 0 0-1.2 0 .56.56 0 0 0 .6.93Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M15.14 2.79a.56.56 0 0 0-.92-.6.84.84 0 0 0 0 1.2.56.56 0 0 0 .92-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M14.81 2.46a.56.56 0 0 0-.6.93.84.84 0 0 0 1.2 0 .56.56 0 0 0-.6-.93ZM14.61 10.15a.56.56 0 0 1 .8 0 .84.84 0 0 1 0 1.2.56.56 0 0 1-.92-.6.56.56 0 0 1 .12-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M14.81 11.07a.56.56 0 0 0 .6-.92.84.84 0 0 0-1.2 0 .56.56 0 0 0 .6.92Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M15.14 10.74a.56.56 0 0 0-.92-.6.84.84 0 0 0 0 1.2.56.56 0 0 0 .92-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M14.81 10.42a.56.56 0 0 0-.6.92.84.84 0 0 0 1.2 0 .56.56 0 0 0-.6-.92ZM5.87 2.99a.56.56 0 0 1 .8 0 .85.85 0 0 1 0 1.19.56.56 0 0 1-.93-.6.56.56 0 0 1 .13-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M6.06 3.91a.56.56 0 0 0 .6-.92.84.84 0 0 0-1.2 0 .56.56 0 0 0 .6.92Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M6.4 3.58a.56.56 0 0 0-.93-.6.84.84 0 0 0 0 1.2.56.56 0 0 0 .92-.6Z",
       fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M6.06 3.26a.56.56 0 0 0-.6.92.84.84 0 0 0 1.2 0 .56.56 0 0 0-.6-.92ZM9.58 0c.3-.03.59.2.62.5.17 1.5.03 3-.42 4.44a.56.56 0 1 1-1.07-.33c.4-1.29.52-2.64.37-3.99a.56.56 0 0 1 .5-.62ZM12.54 1.04c.3.07.5.36.44.67l-.4 1.98a.56.56 0 1 1-1.1-.22l.4-1.98c.06-.3.35-.5.66-.45ZM13.06 8.22c1.43-.45 2.95-.59 4.44-.42a.56.56 0 1 1-.12 1.12 9.81 9.81 0 0 0-4 .37.56.56 0 0 1-.32-1.07ZM16.96 5.46c.06.3-.14.6-.45.66l-1.98.4a.56.56 0 1 1-.22-1.1l1.98-.4c.3-.06.6.14.67.44Z",
       fill: "currentColor"
-    })]
-  });
+    }
+  )
+] });
+export {
+  d as S
 };
-export { Success as S };

package/dist/components/panel/Warning-fa1839e3.mjs

@@ -0,0 +1,11 @@
+import { j as r } from "../accordion/Accordion-4b8edd28.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",
+  {
+    d: "M17.6 14.94 10.59 1.55a1.5 1.5 0 0 0-2.66 0l-7 13.4a1.5 1.5 0 0 0 1.32 2.19h14.02a1.5 1.5 0 0 0 1.33-2.2ZM8.51 6.26a.75.75 0 1 1 1.5 0v4.5a.75.75 0 1 1-1.5 0v-4.5Zm.79 8.63h-.02a1.15 1.15 0 0 1-1.07-1.53 1.1 1.1 0 0 1 1.01-.72h.02a1.15 1.15 0 0 1 1.08 1.53 1.1 1.1 0 0 1-1.02.72Z",
+    fill: "currentColor"
+  }
+) });
+export {
+  t as W
+};

package/dist/components/progress/CircularProgress-e4622fd6.mjs

@@ -0,0 +1,52 @@
+import { j as s } from "../accordion/Accordion-4b8edd28.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(
+  ({ 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(() => {
+      n(m({ progressRatio: r }));
+    }, [r]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsxs("label", { className: "sr-only", "data-testid": "rds-progress__label", children: [
+        t,
+        /* @__PURE__ */ s.jsx("progress", { "data-testid": "rds-progress__progress", value: r, max: 1 })
+      ] }),
+      /* @__PURE__ */ s.jsxs(
+        "div",
+        {
+          ref: d,
+          "data-testid": "rds-progress",
+          className: `rds-progress--circular ${c}`,
+          style: { "--progress-circle-size": p },
+          ...o,
+          children: [
+            /* @__PURE__ */ s.jsx("div", { className: "rds-progress--circular__outer", "data-testid": "rds-progress__content", children: l || /* @__PURE__ */ s.jsx(u, { "data-testid": "rds-progress__default-text", lookLike: "title-3", children: r === 1 ? "Du er i mål!" : `${r * 100} %` }) }),
+            /* @__PURE__ */ s.jsxs(
+              "svg",
+              {
+                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: [
+                    /* @__PURE__ */ s.jsx("stop", { offset: "0%", stopColor: "var(--rds-heading-accent)" }),
+                    /* @__PURE__ */ s.jsx("stop", { offset: "100%", stopColor: "var(--rds-background-card)" })
+                  ] }) }),
+                  /* @__PURE__ */ s.jsx("circle", { id: "path", cx: "50", cy: "50", r: "50", strokeLinecap: "round" }),
+                  /* @__PURE__ */ s.jsx("circle", { id: "prog", cx: "50", cy: "50", r: "50", strokeLinecap: "round" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+h.displayName = "CircularProgress";
+export {
+  h as C
+};

package/dist/components/progress/Progress-ef42810b.mjs

@@ -0,0 +1,26 @@
+import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { forwardRef as g } from "react";
+const i = g(
+  ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: o = !1, ...t }, p) => {
+    const l = { "--progress": r };
+    return /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        "data-testid": "rds-progress__wrapper",
+        className: `rds-progress ${o ? "rds-progress--animate" : ""} ${a}`,
+        children: [
+          /* @__PURE__ */ s.jsxs("label", { "data-testid": "rds-progress__label", className: "sr-only", children: [
+            /* @__PURE__ */ s.jsx("progress", { "data-testid": "rds-progress__sr", max: 1, value: r, ref: p, ...t }),
+            d
+          ] }),
+          r === 1 && e && /* @__PURE__ */ s.jsx("div", { "data-testid": "rds-progress__mark", className: "rds-progress--done" }),
+          (r !== 1 || !e) && /* @__PURE__ */ s.jsx("div", { className: "rds-progress__track", children: /* @__PURE__ */ s.jsx("div", { "data-testid": "rds-progress__bar", style: l, className: "rds-progress__progress" }) })
+        ]
+      }
+    );
+  }
+);
+i.displayName = "Progress";
+export {
+  i as P
+};

package/dist/components/spacing/Gutter-32112716.mjs

@@ -0,0 +1,5 @@
+import { j as e } from "../accordion/Accordion-4b8edd28.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

@@ -0,0 +1,5 @@
+import { j as a } from "../accordion/Accordion-4b8edd28.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

@@ -0,0 +1,70 @@
+import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { forwardRef as w } from "react";
+import { g as f } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+const v = w(
+  ({
+    className: c = "",
+    id: o,
+    labelClass: m = "",
+    type: h = "text",
+    fullWidth: p = !1,
+    valid: i,
+    lightBackground: d = !1,
+    label: s,
+    errorMessage: e,
+    ...$
+  }, j) => {
+    const l = f(), r = f(o), a = d === "white", n = !e && i, x = !!e || i === !1;
+    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: `rds-textfield
+      ${d ? "rds-light" : ""}
+      ${a ? "rds-white" : ""}
+      ${p ? "rds-textfield--full-width" : ""}  
+      ${c}`,
+          children: /* @__PURE__ */ t.jsxs(
+            "label",
+            {
+              htmlFor: r,
+              className: `rds-textfield-label ${m} ${d ? "rds-light" : ""} ${a ? "rds-white" : ""}`,
+              "data-valid": n,
+              children: [
+                /* @__PURE__ */ t.jsx(
+                  "input",
+                  {
+                    ref: j,
+                    id: r,
+                    className: `
+            rds-textfield-input ${x ? "rds-textfield-input--error" : ""} 
+            `,
+                    type: h,
+                    placeholder: s,
+                    "aria-invalid": x,
+                    "aria-describedby": e ? l : void 0,
+                    "data-valid": n,
+                    ...$
+                  }
+                ),
+                /* @__PURE__ */ t.jsx("span", { children: s })
+              ]
+            }
+          )
+        }
+      ),
+      e && /* @__PURE__ */ t.jsx(
+        "span",
+        {
+          id: l,
+          className: `rds-textfield rds-textfield--error-text ${d ? "rds-light" : ""}`,
+          children: e
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "TextField";
+export {
+  v as T
+};

package/dist/components/toggle/FieldSet-4bdc4b7e.mjs

@@ -0,0 +1,13 @@
+import { j as e } from "../accordion/Accordion-4b8edd28.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: [
+    /* @__PURE__ */ e.jsx("legend", { className: `rds-field-set__legend ${a ? "" : "sr-only"}`, children: s }),
+    t
+  ] }) })
+);
+f.displayName = "FieldSet";
+export {
+  f as F,
+  m as R
+};

package/dist/components/toggle/RadioToggle-1528c002.mjs

@@ -0,0 +1,17 @@
+import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
+import { forwardRef as d, useContext as l } from "react";
+import { R as n } from "./FieldSet-4bdc4b7e.mjs";
+import "../button/ArrowButton-af5de307.mjs";
+const m = d(
+  ({ label: a, name: e, className: r = "", ...s }, t) => {
+    const { radioName: i } = l(n);
+    return /* @__PURE__ */ o.jsxs("label", { className: `rds-radio-toggle ${r}`, children: [
+      /* @__PURE__ */ o.jsx("input", { className: "rds-radio-toggle__input", ...s, ref: t, type: "radio", name: i || e }),
+      /* @__PURE__ */ o.jsx("span", { className: "rds-radio-toggle__label", children: a })
+    ] });
+  }
+);
+m.displayName = "RadioToggleInput";
+export {
+  m as R
+};

package/dist/components/toggleButton/ToggleButton-a2d4302f.mjs

@@ -0,0 +1,47 @@
+import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { forwardRef as I, useRef as k, useState as C } from "react";
+import { B as N } from "../checkbox/BaseCheckbox-6fed1663.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) => {
+      var d;
+      typeof a == "function" && a(j), c(typeof o != "function" ? !!((d = o.current) != null && d.checked) : !n);
+    };
+    return /* @__PURE__ */ t.jsx(
+      N,
+      {
+        id: i,
+        ref: o,
+        dataTestId: "toggle-button__label",
+        containerClassName: _,
+        inputClassName: "rds-toggle-button__input",
+        labelClassName: "rds-toggle-button",
+        onChange: b,
+        defaultChecked: l,
+        ...f,
+        children: /* @__PURE__ */ t.jsxs("span", { className: "rds-toggle-button__content", children: [
+          e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsxs("span", { className: `rds-toggle-button__icon ${h}`, children: [
+              u && /* @__PURE__ */ t.jsx(u, { checked: n }),
+              g && n && /* @__PURE__ */ t.jsx(g, {}),
+              r && !n && /* @__PURE__ */ t.jsx(r, {})
+            ] }),
+            /* @__PURE__ */ t.jsx(
+              "span",
+              {
+                "data-testid": "toggle-button__icon__label__text",
+                className: `label-text__icon ${x ? "always-show-label" : ""}`,
+                children: s
+              }
+            )
+          ] }),
+          !e && /* @__PURE__ */ t.jsx("span", { "data-testid": "toggle-button__label__text", children: s })
+        ] })
+      }
+    );
+  }
+);
+B.displayName = "ToggleButton";
+export {
+  B as T
+};

package/dist/components/toggleInlineButton/ToggleInlineButton-1e480eaa.mjs

@@ -0,0 +1,40 @@
+import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { forwardRef as h, useRef as x, useState as C } from "react";
+import { B as k } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+const B = h(
+  ({
+    defaultChecked: i,
+    lightBackground: a,
+    children: r,
+    onChange: t,
+    id: c,
+    className: u = "",
+    inputClassName: g = "",
+    labelClassName: d = "",
+    ...f
+  }, m) => {
+    const p = x(null), [n, o] = C(!!i), e = m || p, _ = (b) => {
+      var s;
+      typeof t == "function" && t(b), o(typeof e != "function" ? !!((s = e.current) != null && s.checked) : !n);
+    };
+    return /* @__PURE__ */ l.jsx(
+      k,
+      {
+        id: c,
+        ref: e,
+        onChange: _,
+        checked: n,
+        dataTestId: "toggle-inline-button__label",
+        containerClassName: `rds-toggle-inline-button ${u}`,
+        inputClassName: `rds-toggle-inline-button__input ${g}`,
+        labelClassName: `${a ? "rds-light" : ""} ${d}`,
+        ...f,
+        children: /* @__PURE__ */ l.jsx("span", { "data-testid": "toggle-inline-button__label__text", className: "rds-toggle-inline-button__content", children: r })
+      }
+    );
+  }
+);
+B.displayName = "ToggleInlineButton";
+export {
+  B as T
+};

package/dist/components/toggleLinkButton/ToggleLinkButton-08c60e4d.mjs

@@ -0,0 +1,45 @@
+import { j as t } from "../accordion/Accordion-4b8edd28.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";
+const N = b(
+  ({
+    defaultChecked: a,
+    toggledContentId: i,
+    iconClass: r = "",
+    lightBackground: c,
+    children: g,
+    onChange: n,
+    id: u,
+    className: d = "",
+    ..._
+  }, f) => {
+    const k = h(null), [o, s] = x(!!a), e = f || k, m = (p) => {
+      var l;
+      typeof n == "function" && n(p), s(typeof e != "function" ? !!((l = e.current) != null && l.checked) : !o);
+    };
+    return /* @__PURE__ */ t.jsx(
+      C,
+      {
+        id: u,
+        ref: e,
+        onChange: m,
+        checked: o,
+        "aria-controls": i,
+        dataTestId: "toggle-link-button__label",
+        containerClassName: "rds-toggle-link-button",
+        inputClassName: "rds-toggle-link-button__input",
+        labelClassName: `rds-toggle-link-button__label ${c ? "rds-light" : ""} ${d}`,
+        ..._,
+        children: /* @__PURE__ */ t.jsxs("span", { className: "rds-toggle-link-button__label__content", children: [
+          /* @__PURE__ */ t.jsx("span", { "data-testid": "toggle-link-button__label__text", children: g }),
+          /* @__PURE__ */ t.jsx("span", { className: `rds-toggle-link-button__label__chevron ${r}`, children: /* @__PURE__ */ t.jsx(j, {}) })
+        ] })
+      }
+    );
+  }
+);
+N.displayName = "ToggleLinkButton";
+export {
+  N as T
+};

package/dist/components/typography/Typography-91af1c48.mjs

@@ -0,0 +1,33 @@
+import { j as c } from "../accordion/Accordion-4b8edd28.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;
+      return /* @__PURE__ */ c.jsx(
+        m,
+        {
+          className: `rds-${s} ${a ? `rds-${s}--light` : ""} ${n}`,
+          ...l,
+          ref: i,
+          children: o
+        }
+      );
+    }
+  )
+), 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" });
+export {
+  g as B,
+  E as D,
+  L as H,
+  b as L,
+  x as M,
+  B as S,
+  f as T,
+  d as a,
+  y as b,
+  h as c,
+  u as d,
+  H as e
+};

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

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, HTMLAttributes } from "react";
 import "./typography.scss";
-declare type HeadingLevels = 1 | 2 | 3 | 4;
-declare type AcceptedHTMLElements = HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement;
+type HeadingLevels = 1 | 2 | 3 | 4;
+type AcceptedHTMLElements = HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement;
 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;