@rikstv/shared-components 1.1.97 → 2.0.2

package/dist/components/list/CheckmarkListItem.js

@@ -1,36 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-const getMarkColor = (color) => {
-  switch (color) {
-    case "error":
-      return { "--mark-color": "var(--rds-feedback-error-object)" };
-    case "success":
-      return { "--mark-color": "var(--rds-feedback-confirm)" };
-    default:
-      return void 0;
-  }
-};
-var CheckmarkListItem$1 = /* @__PURE__ */ (() => '@charset "UTF-8";.rds-list__item__checkmark{--mark-color: currentColor;--unicode-cross: "\\2713";display:flex;align-items:flex-start;margin-bottom:var(--list-item__spacing)}.rds-list__item__checkmark:last-child{margin:0}.rds-list__item__checkmark:before{content:var(--unicode-cross);alt:var(--unicode-cross);text-indent:-9999px;display:block;width:1em;height:1em;flex-shrink:0;margin-right:1rem;margin-top:.225em;clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);background-color:var(--mark-color)}\n')();
-const CheckmarkListItem = ({
-  color,
-  style,
-  className = "",
-  innerClassName = "",
-  children,
-  ...rest
-}) => {
-  const calculatedStyle = {
-    ...style,
-    ...getMarkColor(color)
-  };
-  return /* @__PURE__ */ jsx("li", {
-    style: calculatedStyle,
-    className: `rds-list__item__checkmark ${className}`,
-    "data-testid": "rds-list-item--check",
-    ...rest,
-    children: /* @__PURE__ */ jsx("span", {
-      className: `${innerClassName}`,
-      children
-    })
-  });
-};
-export { CheckmarkListItem as C, getMarkColor as g };

package/dist/components/list/CrossmarkListItem.js

@@ -1,27 +0,0 @@
-import { g as getMarkColor } from "./CheckmarkListItem.js";
-import { j as jsx } from "../core/RiksTV.js";
-var CrossmarkListItem$1 = /* @__PURE__ */ (() => '@charset "UTF-8";.rds-list__item__crossmark{--mark-color: currentColor;--unicode-cross: "\\274c";display:flex;align-items:center;margin-bottom:var(--list-item__spacing)}.rds-list__item__crossmark:last-child{margin:0}.rds-list__item__crossmark:before{content:var(--unicode-cross);alt:var(--unicode-cross);text-indent:-9999px;display:block;width:1em;height:1em;flex-shrink:0;margin-right:1rem;clip-path:polygon(10% 0%,0% 10%,40% 50%,0% 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0%,50% 40%);background-color:var(--mark-color)}\n')();
-const CrossmarkListItem = ({
-  color,
-  style,
-  className = "",
-  innerClassName = "",
-  children,
-  ...rest
-}) => {
-  const calculatedStyle = {
-    ...style,
-    ...getMarkColor(color)
-  };
-  return /* @__PURE__ */ jsx("li", {
-    style: calculatedStyle,
-    className: `rds-list__item__crossmark ${className}`,
-    "data-testid": "rds-list-item--cross",
-    ...rest,
-    children: /* @__PURE__ */ jsx("span", {
-      className: `${innerClassName}`,
-      children
-    })
-  });
-};
-export { CrossmarkListItem as C };

package/dist/components/list/List.js

@@ -1,28 +0,0 @@
-import { forwardRef } from "react";
-import { j as jsx } from "../core/RiksTV.js";
-var List$1 = /* @__PURE__ */ (() => ".rds-list{--list-item__spacing: 1em;list-style:none;padding:0;counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem;margin-bottom:var(--list-item__spacing)}\n")();
-const List = forwardRef(({
-  className = "",
-  ordered = false,
-  children,
-  ...rest
-}, ref) => {
-  if (ordered) {
-    return /* @__PURE__ */ jsx("ol", {
-      ref,
-      className: `rds-list ${className}`,
-      "data-testid": "rds-list--ordered",
-      ...rest,
-      children
-    });
-  }
-  return /* @__PURE__ */ jsx("ul", {
-    ref,
-    className: `rds-list ${className}`,
-    "data-testid": "rds-list--unordered",
-    ...rest,
-    children
-  });
-});
-List.displayName = "List";
-export { List as L };

package/dist/components/list/ListItem.js

@@ -1,19 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-var ListItem$1 = /* @__PURE__ */ (() => '.rds-list__item{--list-item__topalignment: .375em;display:flex;align-items:flex-start;margin-bottom:var(--list-item__spacing)}.rds-list__item:last-child{margin:0}.rds-list__item:before{content:"";display:block;width:.5em;height:.5em;flex-shrink:0;margin-left:.25em;margin-right:calc(1rem + .25em);box-sizing:border-box;border-radius:50%;margin-top:var(--list-item__topalignment);background-color:currentColor}\n')();
-const ListItem = ({
-  className = "",
-  children,
-  innerClassName = "",
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx("li", {
-    className: `rds-list__item ${className}`,
-    "data-testid": "rds-list-item",
-    ...rest,
-    children: /* @__PURE__ */ jsx("span", {
-      className: `${innerClassName}`,
-      children
-    })
-  });
-};
-export { ListItem as L };

package/dist/components/list/OrderedListItem.js

@@ -1,19 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-var OrderedListItem$1 = /* @__PURE__ */ (() => '.rds-list__item__ordered{display:flex;margin-bottom:var(--list-item__spacing);counter-increment:listCounter}.rds-list__item__ordered:last-child{margin:0}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}\n')();
-const OrderedListItem = ({
-  className = "",
-  innerClassName = "",
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx("li", {
-    className: `rds-list__item__ordered ${className}`,
-    "data-testid": "rds-ordered-list-item",
-    ...rest,
-    children: /* @__PURE__ */ jsx("span", {
-      className: `${innerClassName}`,
-      children
-    })
-  });
-};
-export { OrderedListItem as O };

package/dist/components/loader/Loader.js

@@ -1,31 +0,0 @@
-import { forwardRef, useState, useEffect } from "react";
-import { R as RawLoader } from "./RawLoader.js";
-import { j as jsx } from "../core/RiksTV.js";
-const useDeferredRender = (delayMilliseconds) => {
-  const [renderComponent, setRenderComponent] = useState(delayMilliseconds === 0);
-  useEffect(() => {
-    if (delayMilliseconds === 0) {
-      return;
-    }
-    const deferrer = setTimeout(() => setRenderComponent(true), delayMilliseconds);
-    return () => {
-      clearTimeout(deferrer);
-    };
-  }, [delayMilliseconds]);
-  return [renderComponent];
-};
-const Loader = forwardRef(({
-  delay = 200,
-  ...props
-}, ref) => {
-  const [renderComponent] = useDeferredRender(delay);
-  if (!renderComponent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(RawLoader, {
-    ref,
-    ...props
-  });
-});
-Loader.displayName = "Loader";
-export { Loader as L };

package/dist/components/loader/RawLoader.js

@@ -1,30 +0,0 @@
-import { forwardRef } from "react";
-import { j as jsx, a as jsxs } from "../core/RiksTV.js";
-var Loader = /* @__PURE__ */ (() => ".rds-loader-container{display:grid;place-items:center;--loader-color: var(--rds-accent-color-dark)}.rds-loader-container--light{--loader-color: var(--rds-foreground-tertiary)}@keyframes loader-container-spinner-child-1{0%{opacity:1;transform:rotate(0) scaleY(1.2)}10%,to{transform:rotate(0)}to{opacity:0}}@keyframes loader-container-spinner-child-2{0%{opacity:1;transform:rotate(22.5deg) scaleY(1.2)}10%,to{transform:rotate(22.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-3{0%{opacity:1;transform:rotate(45deg) scaleY(1.2)}10%,to{transform:rotate(45deg)}to{opacity:0}}@keyframes loader-container-spinner-child-4{0%{opacity:1;transform:rotate(67.5deg) scaleY(1.2)}10%,to{transform:rotate(67.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-5{0%{opacity:1;transform:rotate(90deg) scaleY(1.2)}10%,to{transform:rotate(90deg)}to{opacity:0}}@keyframes loader-container-spinner-child-6{0%{opacity:1;transform:rotate(112.5deg) scaleY(1.2)}10%,to{transform:rotate(112.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-7{0%{opacity:1;transform:rotate(135deg) scaleY(1.2)}10%,to{transform:rotate(135deg)}to{opacity:0}}@keyframes loader-container-spinner-child-8{0%{opacity:1;transform:rotate(157.5deg) scaleY(1.2)}10%,to{transform:rotate(157.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-9{0%{opacity:1;transform:rotate(180deg) scaleY(1.2)}10%,to{transform:rotate(180deg)}to{opacity:0}}@keyframes loader-container-spinner-child-10{0%{opacity:1;transform:rotate(202.5deg) scaleY(1.2)}10%,to{transform:rotate(202.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-11{0%{opacity:1;transform:rotate(225deg) scaleY(1.2)}10%,to{transform:rotate(225deg)}to{opacity:0}}@keyframes loader-container-spinner-child-12{0%{opacity:1;transform:rotate(247.5deg) scaleY(1.2)}10%,to{transform:rotate(247.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-13{0%{opacity:1;transform:rotate(270deg) scaleY(1.2)}10%,to{transform:rotate(270deg)}to{opacity:0}}@keyframes loader-container-spinner-child-14{0%{opacity:1;transform:rotate(292.5deg) scaleY(1.2)}10%,to{transform:rotate(292.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-15{0%{opacity:1;transform:rotate(315deg) scaleY(1.2)}10%,to{transform:rotate(315deg)}to{opacity:0}}@keyframes loader-container-spinner-child-16{0%{opacity:1;transform:rotate(337.5deg) scaleY(1.2)}10%,to{transform:rotate(337.5deg)}to{opacity:0}}.rds-loader-container__spinner{transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}.rds-loader-container__spinner__large{margin-top:30px;padding-bottom:50px}.rds-loader-container__spinner__large span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:30px;border-radius:200px;transform-origin:1px 60px}.rds-loader-container__spinner__small{margin-top:30px}.rds-loader-container__spinner__small span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:10px;border-radius:200px;transform-origin:1px 20px}.rds-loader-container__spinner span:nth-child(1){animation:loader-container-spinner-child-1 linear 2s infinite;animation-delay:-1.875s}.rds-loader-container__spinner span:nth-child(2){animation:loader-container-spinner-child-2 linear 2s infinite;animation-delay:-1.75s}.rds-loader-container__spinner span:nth-child(3){animation:loader-container-spinner-child-3 linear 2s infinite;animation-delay:-1.625s}.rds-loader-container__spinner span:nth-child(4){animation:loader-container-spinner-child-4 linear 2s infinite;animation-delay:-1.5s}.rds-loader-container__spinner span:nth-child(5){animation:loader-container-spinner-child-5 linear 2s infinite;animation-delay:-1.375s}.rds-loader-container__spinner span:nth-child(6){animation:loader-container-spinner-child-6 linear 2s infinite;animation-delay:-1.25s}.rds-loader-container__spinner span:nth-child(7){animation:loader-container-spinner-child-7 linear 2s infinite;animation-delay:-1.125s}.rds-loader-container__spinner span:nth-child(8){animation:loader-container-spinner-child-8 linear 2s infinite;animation-delay:-1s}.rds-loader-container__spinner span:nth-child(9){animation:loader-container-spinner-child-9 linear 2s infinite;animation-delay:-.875s}.rds-loader-container__spinner span:nth-child(10){animation:loader-container-spinner-child-10 linear 2s infinite;animation-delay:-.75s}.rds-loader-container__spinner span:nth-child(11){animation:loader-container-spinner-child-11 linear 2s infinite;animation-delay:-.625s}.rds-loader-container__spinner span:nth-child(12){animation:loader-container-spinner-child-12 linear 2s infinite;animation-delay:-.5s}.rds-loader-container__spinner span:nth-child(13){animation:loader-container-spinner-child-13 linear 2s infinite;animation-delay:-.375s}.rds-loader-container__spinner span:nth-child(14){animation:loader-container-spinner-child-14 linear 2s infinite;animation-delay:-.25s}.rds-loader-container__spinner span:nth-child(15){animation:loader-container-spinner-child-15 linear 2s infinite;animation-delay:-.125s}.rds-loader-container__spinner span:nth-child(16){animation:loader-container-spinner-child-16 linear 2s infinite;animation-delay:0s}.rds-light .rds-loader-container__spinner>span{--loader-color: var(--rds-foreground-tertiary)}\n")();
-const RawLoader = forwardRef(({
-  size = "small",
-  className = "",
-  lightBackground,
-  label = "Laster",
-  politeness = "polite",
-  ...rest
-}, ref) => {
-  return /* @__PURE__ */ jsx("div", {
-    ref,
-    "aria-label": label,
-    "aria-busy": "true",
-    "aria-live": politeness,
-    role: "alert",
-    title: label,
-    className: `rds-loader-container ${lightBackground ? "rds-loader-container--light" : ""} ${className}`,
-    "data-testid": "rds-loader",
-    ...rest,
-    children: /* @__PURE__ */ jsxs("div", {
-      "data-testid": "rds-spinner",
-      className: `rds-loader-container__spinner rds-loader-container__spinner__${size}`,
-      children: [/* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {})]
-    })
-  });
-});
-RawLoader.displayName = "RawLoader";
-export { RawLoader as R };

package/dist/components/notificationDot/NotificationDot.js

@@ -1,22 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-var notificationDot = /* @__PURE__ */ (() => ".rds-notification-dot{--rds-notification-size: 1.375rem;--rds-notification-offset: -8px;display:inline-block;width:var(--rds-notification-size);height:var(--rds-notification-size);margin-left:.5rem;color:var(--rds-foreground-primary);background-color:var(--rds-feedback-error-object);border-radius:50%;font-size:.875rem;font-weight:600;line-height:var(--rds-notification-size);text-align:center;pointer-events:none}.rds-notification-dot--top-right{position:absolute;top:var(--rds-notification-offset);right:var(--rds-notification-offset)}.rds-notification-dot--large{--rds-notification-size: 2rem;font-size:1rem}\n")();
-const NotificationDot = ({
-  className = "",
-  numberOfNotifications = 1,
-  testid = "",
-  large = false,
-  showNumber = true,
-  ...rest
-}) => /* @__PURE__ */ jsx("span", {
-  "data-testid": testid,
-  "aria-live": "polite",
-  "aria-label": numberOfNotifications === 1 ? `1 ny notifikasjon` : `${numberOfNotifications} nye notifikasjoner`,
-  className: `rds-notification-dot 
-      rds-notification-dot--top-right 
-      ${className} 
-      ${large ? "rds-notification-dot--large" : ""}
-    `,
-  ...rest,
-  children: showNumber ? numberOfNotifications : ""
-});
-export { NotificationDot as N };

package/dist/components/panel/Panel.js

@@ -1,55 +0,0 @@
-import { forwardRef } from "react";
-import { S as Span } from "../typography/Typography.js";
-import { S as Success } from "./Success.js";
-import { W as Warning } from "./Warning.js";
-import { I as Info } from "./Info.js";
-import { a as jsxs, j as jsx } from "../core/RiksTV.js";
-var panel = /* @__PURE__ */ (() => ".rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-background-secondary);--panel-warning-color: var(--rds-foreground-primary);--panel-fluid-padding: clamp(var(--rds-spacing--16), 2vw, var(--rds-spacing--32));--panel-border: none;--panel-color: #fff;padding:var(--panel-fluid-padding);border-radius:var(--rds-roundness--medium);border:var(--panel-border);display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--rds-content-width--default)}.rds-panel__heading{margin:0;margin-bottom:var(--rds-spacing--8)}.rds-panel__heading>span{color:var(--panel-color)}.rds-panel__content{max-width:var(--rds-readability-width)}.rds-panel__content>span{color:var(--panel-color)}.rds-panel__content__heading{display:flex;align-items:baseline}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;margin-right:.5em;color:var(--panel-color)}.rds-panel__action{display:flex;flex-direction:column;gap:var(--rds-spacing--16);margin-left:var(--rds-spacing--32)}.rds-panel__action>button{width:fit-content}@media (max-width: 768px){.rds-panel{flex-direction:column;align-items:flex-start}.rds-panel__action{margin-top:var(--rds-spacing--24);margin-left:0}}.rds-panel--info{background-color:var(--panel-info-background-color);--panel-color: var(--panel-info-color)}.rds-panel--warning{background-color:var(--panel-warning-background-color);--panel-color: var(--panel-warning-color)}.rds-panel--error{background-color:var(--strim-error-light);--panel-color: var(--strim-fantasy-green)}.rds-light .rds-panel,.rds-light.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-foreground-primary);--panel-warning-color: var(--rds-background-secondary);--panel-border: 2px solid var(--rds-foreground-tertiary)}\n")();
-const Panel = forwardRef(({
-  className = "",
-  variant = "info",
-  heading,
-  action,
-  lightBackground = false,
-  id,
-  children,
-  icon = "success",
-  ...rest
-}, ref) => {
-  const H = (heading == null ? void 0 : heading.level) || "span";
-  return /* @__PURE__ */ jsxs("div", {
-    "data-testid": "rds-panel__container",
-    id,
-    className: `rds-panel rds-panel--${variant} ${lightBackground ? "rds-light" : ""} ${className}`,
-    ref,
-    ...rest,
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: "rds-panel__content",
-      children: [heading && /* @__PURE__ */ jsxs("div", {
-        className: "rds-panel__content__heading",
-        children: [variant === "warning" && /* @__PURE__ */ jsx("span", {
-          className: "rds-panel__content__heading__icon",
-          children: /* @__PURE__ */ jsx(Warning, {})
-        }), variant === "info" && /* @__PURE__ */ jsxs("span", {
-          className: "rds-panel__content__heading__icon",
-          children: [icon === "success" && /* @__PURE__ */ jsx(Success, {}), icon === "info" && /* @__PURE__ */ jsx(Info, {})]
-        }), variant === "error" && /* @__PURE__ */ jsx("span", {
-          className: "rds-panel__content__heading__icon",
-          children: /* @__PURE__ */ jsx(Info, {})
-        }), /* @__PURE__ */ jsx(H, {
-          className: "rds-panel__heading rds-title-3",
-          children: /* @__PURE__ */ jsx("span", {
-            children: heading.text
-          })
-        })]
-      }), /* @__PURE__ */ jsx(Span, {
-        children
-      })]
-    }), action && /* @__PURE__ */ jsx("div", {
-      className: "rds-panel__action",
-      children: action
-    })]
-  });
-});
-Panel.displayName = "Panel";
-export { Panel as P };

package/dist/components/panel/Warning.js

@@ -1,14 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-const Warning = () => {
-  return /* @__PURE__ */ jsx("svg", {
-    width: "100%",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 18 18",
-    children: /* @__PURE__ */ 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 { Warning as W };

package/dist/components/progress/CircularProgress.js

@@ -1,87 +0,0 @@
-import { forwardRef, useState, useEffect } from "react";
-import { S as Span } from "../typography/Typography.js";
-import { a as jsxs, F as Fragment, j as jsx } from "../core/RiksTV.js";
-var circularProgress = /* @__PURE__ */ (() => ".rds-progress--circular{width:var(--progress-circle-size);height:var(--progress-circle-size);position:relative}.rds-progress--circular__outer{width:var(--progress-circle-size);height:var(--progress-circle-size);padding:var(--rds-spacing--24);border-radius:50%;display:grid;place-items:center;box-sizing:border-box;text-align:center}.rds-progress--circular #path,.rds-progress--circular #prog{fill:none;stroke-width:12px;stroke-dasharray:314.159;stroke-dashoffset:314}.rds-progress--circular #prog{stroke:url(#GradientColor);animation:rds-in var(--progress) ease-in-out forwards;animation-delay:.2s}@media (prefers-reduced-motion){.rds-progress--circular #prog{opacity:0;animation-delay:0;stroke-dashoffset:var(--calculated-progress);animation:rds-progress-reduced 125ms linear forwards}}.rds-progress--circular #path{stroke:var(--rds-background-overlay-medium);animation:rds-in-path 1s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--circular #path{opacity:0;stroke-dashoffset:0;animation:rds-progress-reduced 125ms linear forwards}}@keyframes rds-progress-reduced{to{opacity:1}}@keyframes rds-in-path{to{stroke-dashoffset:0}}@keyframes rds-in{to{stroke-dashoffset:var(--calculated-progress)}}.rds-progress--circular svg{position:absolute;inset:0;transform:rotate(90deg)}\n")();
-const calculateProgress = ({
-  progressRatio
-}) => (1 - progressRatio) * 100 * Math.PI;
-const CircularProgress = forwardRef(({
-  progressRatio,
-  label,
-  size = "small",
-  className = "",
-  children,
-  ...rest
-}, ref) => {
-  const [calculatedProgress, setCalculatedProgress] = useState(0);
-  const [sizeInPx] = useState(size === "small" ? "160px" : "260px");
-  useEffect(() => {
-    setCalculatedProgress(calculateProgress({
-      progressRatio
-    }));
-  }, [progressRatio]);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs("label", {
-      className: "sr-only",
-      "data-testid": "rds-progress__label",
-      children: [label, /* @__PURE__ */ jsx("progress", {
-        "data-testid": "rds-progress__progress",
-        value: progressRatio,
-        max: 1
-      })]
-    }), /* @__PURE__ */ jsxs("div", {
-      ref,
-      "data-testid": "rds-progress",
-      className: `rds-progress--circular ${className}`,
-      style: {
-        "--progress-circle-size": sizeInPx
-      },
-      ...rest,
-      children: [/* @__PURE__ */ jsx("div", {
-        className: "rds-progress--circular__outer",
-        "data-testid": "rds-progress__content",
-        children: children || /* @__PURE__ */ jsx(Span, {
-          "data-testid": "rds-progress__default-text",
-          lookLike: "title-3",
-          children: progressRatio === 1 ? "Du er i m\xE5l!" : `${progressRatio * 100} %`
-        })
-      }), /* @__PURE__ */ jsxs("svg", {
-        style: {
-          "--calculated-progress": calculatedProgress,
-          "--progress": `${progressRatio + 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__ */ jsx("defs", {
-          children: /* @__PURE__ */ jsxs("linearGradient", {
-            id: "GradientColor",
-            children: [/* @__PURE__ */ jsx("stop", {
-              offset: "0%",
-              stopColor: "var(--rds-heading-accent)"
-            }), /* @__PURE__ */ jsx("stop", {
-              offset: "100%",
-              stopColor: "var(--rds-background-card)"
-            })]
-          })
-        }), /* @__PURE__ */ jsx("circle", {
-          id: "path",
-          cx: "50",
-          cy: "50",
-          r: "50",
-          strokeLinecap: "round"
-        }), /* @__PURE__ */ jsx("circle", {
-          id: "prog",
-          cx: "50",
-          cy: "50",
-          r: "50",
-          strokeLinecap: "round"
-        })]
-      })]
-    })]
-  });
-});
-CircularProgress.displayName = "CircularProgress";
-export { CircularProgress as C };

package/dist/components/progress/Progress.js

@@ -1,42 +0,0 @@
-import { forwardRef } from "react";
-import { a as jsxs, j as jsx } from "../core/RiksTV.js";
-var Progress$1 = /* @__PURE__ */ (() => '.rds-progress{--rds-progress-height: .1875rem;--rds-progress-color: var(--rds-accent-color);--rds-progress-track-color: var(--rds-foreground-overlay-medium);max-width:300px}.rds-progress--animate .rds-progress__progress{animation:move-in-progress .25s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--animate .rds-progress__progress{animation-duration:0ms}}@keyframes move-in-progress{0%{transform:scaleX(var(--progress)) translate(-100%)}to{transform:scaleX(var(--progress)) translate(0)}}.rds-progress__track{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-track-color);border-radius:var(--rds-roundness--default);overflow:hidden}.rds-progress__progress{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-color);transform:scaleX(var(--progress));transform-origin:left;position:relative}.rds-progress__progress:after{content:"";position:absolute;right:calc(var(--rds-progress-height) * -2);top:0;background-color:var(--rds-progress-color);border-top-right-radius:50%;border-bottom-right-radius:50%;height:100%;width:calc(var(--rds-progress-height) * 2)}.rds-progress--done{width:1em;height:1em;background-color:var(--rds-feedback-confirm);clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%)}\n')();
-const Progress = forwardRef(({
-  className = "",
-  label,
-  ratio,
-  checkmarkOnDone = false,
-  animateIn = false,
-  ...rest
-}, ref) => {
-  const progressStyle = {
-    "--progress": ratio
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    "data-testid": "rds-progress__wrapper",
-    className: `rds-progress ${animateIn ? "rds-progress--animate" : ""} ${className}`,
-    children: [/* @__PURE__ */ jsxs("label", {
-      "data-testid": "rds-progress__label",
-      className: "sr-only",
-      children: [/* @__PURE__ */ jsx("progress", {
-        "data-testid": "rds-progress__sr",
-        max: 1,
-        value: ratio,
-        ref,
-        ...rest
-      }), label]
-    }), ratio === 1 && checkmarkOnDone && /* @__PURE__ */ jsx("div", {
-      "data-testid": "rds-progress__mark",
-      className: "rds-progress--done"
-    }), (ratio !== 1 || !checkmarkOnDone) && /* @__PURE__ */ jsx("div", {
-      className: "rds-progress__track",
-      children: /* @__PURE__ */ jsx("div", {
-        "data-testid": "rds-progress__bar",
-        style: progressStyle,
-        className: "rds-progress__progress"
-      })
-    })]
-  });
-});
-Progress.displayName = "Progress";
-export { Progress as P };

package/dist/components/spacing/Gutter.js

@@ -1,13 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-const Gutter = ({
-  className = "",
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx("div", {
-    className: `rds-gutter ${className}`,
-    ...rest,
-    children
-  });
-};
-export { Gutter as G };

package/dist/components/spacing/GutterPadding.js

@@ -1,13 +0,0 @@
-import { j as jsx } from "../core/RiksTV.js";
-const GutterPadding = ({
-  className = "",
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx("div", {
-    className: `rds-gutter-padding ${className}`,
-    ...rest,
-    children
-  });
-};
-export { GutterPadding as G };

package/dist/components/textfield/TextField.js

@@ -1,63 +0,0 @@
-import { forwardRef } from "react";
-import { a as jsxs, F as Fragment, j as jsx } from "../core/RiksTV.js";
-const generateId = (id) => {
-  if (id) {
-    return id;
-  }
-  const r = (Math.random() + 1).toString(36).substring(7);
-  return `${new Date().valueOf()}-${r}`;
-};
-var textfield = /* @__PURE__ */ (() => '.rds-textfield{--textfield-color: var(--rds-foreground-primary);--textfield-label-color: var(--rds-foreground-primary);--textfield-border-color: var(--rds-foreground-primary);--textfield-selected-color: var(--rds-heading-accent);--textfield-error-color: var(--rds-feedback-error-text);--textfield-bg: var(--rds-background-primary);max-width:335px;position:relative}.rds-textfield--full-width{max-width:unset}.rds-textfield-input{border:2px solid var(--textfield-border-color);border-radius:12px;outline:none;padding:0 var(--rds-spacing--16) 0;height:3rem;width:100%;margin:0;background-color:var(--input-border-bg);color:var(--textfield-color)}.rds-textfield-input.rds-textfield-input{-webkit-appearance:none}.rds-textfield-input::placeholder{opacity:0}.rds-textfield-input:focus{font-family:var(--rds-font-family-headlines);color:var(--textfield-color);box-shadow:0 0 0 1px var(--textfield-border-color)}.rds-textfield-input:focus:not([data-valid=false]){--textfield-border-color: var(--textfield-selected-color)}.rds-textfield-input--error{--textfield-border-color: var(--textfield-error-color);box-shadow:0 0 0 1px var(--textfield-border-color)}.rds-textfield-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.rds-textfield-input:-webkit-autofill{box-shadow:0 0 0 30px var(--textfield-bg) inset;-webkit-text-fill-color:var(--textfield-color)}.rds-textfield-input:not(:placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-textfield-input:focus::-moz-focus-inner{border-style:none;outline:0}.rds-textfield-input:focus button::-moz-focus-inner,.rds-textfield-input:focus [type=button]::-moz-focus-inner,.rds-textfield-input:focus [type=reset]::-moz-focus-inner,.rds-textfield-input:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-textfield-input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-textfield-input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-textfield-label{user-select:none}.rds-textfield-label:after{position:absolute;right:-1rem;top:1.25rem;content:"";width:18px;height:14px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;clip-path:path("M5.77 12.98L0.39 7.6C-0.13 7.08 -0.13 6.24 0.39 5.72C0.91 5.2 1.75 5.2 2.27 5.72L6.12 9.56L15.29 0.39C15.81 -0.13 16.66 -0.13 17.18 0.39C17.7 0.91 17.7 1.75 17.18 2.27L6.46 12.98C6.27 13.17 5.96 13.17 5.77 12.98Z");box-shadow:inset 2.1em 2.1em var(--textfield-color)}.rds-textfield-label[data-valid=true]:after{transform:scale(1)}.rds-textfield-label span{position:absolute;cursor:text;background-color:var(--textfield-bg);padding:0 8px;top:50%;margin-left:6px;left:var(--rds-spacing--4);transform:translateY(-50%);transition:.2s ease-in-out;transition-property:top,font-size;border-radius:8px;font-size:1.125rem;color:var(--textfield-label-color);font-family:var(--rds-font-family-body);font-weight:400;line-height:1.5}.rds-textfield--error-text{font-family:var(--rds-font-family-headlines);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--textfield-error-color);margin:.25rem 0 0;padding-left:var(--rds-spacing--16);display:block}.rds-textfield:focus-within .rds-textfield-label span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-light .rds-textfield,.rds-light.rds-textfield{--textfield-color: var(--rds-button-primary-fg);--textfield-border-color: var(--rds-button-primary-fg);--textfield-selected-color: var(--rds-button-primary-fg);--textfield-bg: var(--surface-background);--textfield-error-color: var(--rds-feedback-error-object)}.rds-light .rds-textfield-input--error,.rds-light.rds-textfield-input--error{--textfield-border-color: var(--textfield-error-color)}.rds-light .rds-textfield--error-text,.rds-light.rds-textfield--error-text{color:var(--textfield-error-color)}.rds-light .rds-textfield-label,.rds-light.rds-textfield-label{--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-label.rds-white,.rds-light.rds-textfield-label.rds-white{--textfield-bg: var(--rds-foreground-primary)}.rds-light .rds-textfield-input:not(:placeholder-shown)+span,.rds-light.rds-textfield-input:not(:placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-input:focus:not([data-valid=false]),.rds-light.rds-textfield-input:focus:not([data-valid=false]){--textfield-border-color: var(--textfield-selected-color)}.rds-light .rds-textfield-label:focus-within span,.rds-light.rds-textfield-label:focus-within span{--textfield-label-color: var(--rds-background-primary)}\n')();
-const TextField = forwardRef(({
-  className = "",
-  id,
-  labelClass = "",
-  type = "text",
-  fullWidth = false,
-  valid,
-  lightBackground = false,
-  label,
-  errorMessage,
-  ...props
-}, ref) => {
-  const errorTextId = generateId();
-  const generatedId = generateId(id);
-  const whiteBackground = lightBackground === "white";
-  const isValid = !errorMessage && valid;
-  const ariaInvalid = !!errorMessage || valid === false;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx("div", {
-      className: `rds-textfield
-      ${lightBackground ? "rds-light" : ""}
-      ${whiteBackground ? "rds-white" : ""}
-      ${fullWidth ? "rds-textfield--full-width" : ""}  
-      ${className}`,
-      children: /* @__PURE__ */ jsxs("label", {
-        htmlFor: generatedId,
-        className: `rds-textfield-label ${labelClass} ${lightBackground ? "rds-light" : ""} ${whiteBackground ? "rds-white" : ""}`,
-        "data-valid": isValid,
-        children: [/* @__PURE__ */ jsx("input", {
-          ref,
-          id: generatedId,
-          className: `
-            rds-textfield-input ${ariaInvalid ? "rds-textfield-input--error" : ""} 
-            `,
-          type,
-          placeholder: label,
-          "aria-invalid": ariaInvalid,
-          "aria-describedby": errorMessage ? errorTextId : void 0,
-          "data-valid": isValid,
-          ...props
-        }), /* @__PURE__ */ jsx("span", {
-          children: label
-        })]
-      })
-    }), errorMessage && /* @__PURE__ */ jsx("span", {
-      id: errorTextId,
-      className: `rds-textfield rds-textfield--error-text ${lightBackground ? "rds-light" : ""}`,
-      children: errorMessage
-    })]
-  });
-});
-TextField.displayName = "TextField";
-export { TextField as T, generateId as g };

package/dist/components/toggle/FieldSet.js

@@ -1,29 +0,0 @@
-import { forwardRef } from "react";
-import { R as RadioContext } from "./RadioToggle.js";
-import { j as jsx, a as jsxs } from "../core/RiksTV.js";
-const FieldSet = forwardRef(({
-  legend,
-  children,
-  name,
-  className = "",
-  showLegend = false,
-  ...rest
-}, ref) => {
-  return /* @__PURE__ */ jsx(RadioContext.Provider, {
-    value: {
-      radioName: name
-    },
-    children: /* @__PURE__ */ jsxs("fieldset", {
-      "data-testid": "fieldset",
-      ...rest,
-      className: `rds-field-set ${className}`,
-      ref,
-      children: [/* @__PURE__ */ jsx("legend", {
-        className: `rds-field-set__legend ${showLegend ? "" : "sr-only"}`,
-        children: legend
-      }), children]
-    })
-  });
-});
-FieldSet.displayName = "FieldSet";
-export { FieldSet as F };

package/dist/components/toggle/RadioToggle.js

@@ -1,30 +0,0 @@
-import { createContext, forwardRef, useContext } from "react";
-import "../button/Button.js";
-import { a as jsxs, j as jsx } from "../core/RiksTV.js";
-const RadioContext = createContext({ radioName: "" });
-var radioToggle = /* @__PURE__ */ (() => '.rds-button__shared,.rds-radio-toggle{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}.rds-button__shared--primary:hover{background-color:var(--common-button--primary-hover-bg)}.rds-button__shared--primary:active{box-shadow:none;background-color:var(--common-button--primary-pressed-bg)}.rds-button__shared--secondary{background-color:var(--common-button--secondary-bg);box-shadow:inset 0 0 0 2px var(--common-button--secondary-border-color);color:var(--common-button--secondary-color)}.rds-button__shared--secondary:hover{background-color:var(--common-button--secondary-hover-bg);color:var(--common-button--secondary-hover-color)}.rds-button__shared--secondary:active{background-color:var(--common-button--secondary-pressed-bg);color:var(--common-button--secondary-pressed-color);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary,.rds-radio-toggle{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover,.rds-radio-toggle:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active,.rds-radio-toggle:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled,.rds-radio-toggle:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.rds-button__shared:hover,.rds-radio-toggle:hover{box-shadow:var(--rds-box-shadow--default)}.rds-button__shared:active,.rds-radio-toggle:active{box-shadow:none}.rds-button__shared:focus::-moz-focus-inner,.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-radio-toggle:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-light .rds-button__shared--primary,.rds-light.rds-button__shared--primary{--common-button--primary-color: var(--rds-foreground-primary);--common-button--primary-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--primary:hover,.rds-light.rds-button__shared--primary:hover{--common-button--primary-hover-bg: var(--rds-foreground-tertiary)}.rds-light .rds-button__shared--primary:active,.rds-light.rds-button__shared--primary:active{box-shadow:none;--common-button--primary-pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--primary:disabled,.rds-light.rds-button__shared--primary:disabled{--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--secondary-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-bg: var(--surface-background)}.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-bg: var(--rds-button-primary-fg);--common-button--secondary-hover-color: var(--rds-foreground-primary)}.rds-light .rds-button__shared--secondary:active,.rds-light.rds-button__shared--secondary:active{--common-button--secondary-pressed-color: var(--rds-foreground-primary);--common-button--secondary-pressed-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--secondary:disabled,.rds-light.rds-button__shared--secondary:disabled{--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light.rds-white.rds-button__shared--secondary{--common-button--secondary-bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--secondary-bg: transparent}.rds-arrow-button,.rds-button,.rds-radio-toggle{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.rds-arrow-button__icon,.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg{width:100%}.rds-arrow-button__postfix,.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-arrow-button__postfix:before,.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:220%;left:0}.rds-arrow-button--loading:disabled,.rds-button--loading:disabled{cursor:wait!important;position:relative;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rds-arrow-button--loading:disabled:before,.rds-button--loading:disabled:before{content:"";position:absolute;inset:0;background-color:var(--rds-background-overlay-medium)}.rds-arrow-button--loading:disabled:after,.rds-button--loading:disabled:after{--button-spinner-size: 24px;--button-spinner-width: 3px;--calculated-spinner-size: calc( calc(var(--button-spinner-size) + var(--button-spinner-width) + var(--button-spinner-width)) / 2 );content:"";position:absolute;left:calc(50% - var(--calculated-spinner-size));top:calc(50% - var(--calculated-spinner-size));height:var(--button-spinner-size);width:var(--button-spinner-size);background-color:transparent;border-top:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-left:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-right:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-bottom:var(--button-spinner-width) solid transparent;border-radius:50px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}.rds-field-set{border:none;margin:0;padding:0;display:flex}.rds-field-set__legend{margin-bottom:var(--rds-spacing--8)}.rds-radio-toggle{position:relative;padding:0;background-color:var(--rds-foreground-overlay-soft);color:#fff;margin:0 var(--rds-spacing--8);display:block;max-width:25ch;min-width:7ch;overflow:hidden;border-radius:var(--rds-roundness--button)}.rds-radio-toggle:hover{background-color:var(--rds-background-secondary)}.rds-radio-toggle:active{background-color:var(--rds-background-overlay-soft);color:#fff}.rds-radio-toggle__label{width:100%;display:grid;place-items:center;transition:125ms ease background-color;padding:.78125rem var(--rds-spacing--24);box-sizing:border-box;user-select:none}.rds-radio-toggle__input{position:absolute;opacity:0}.rds-radio-toggle__input:checked+.rds-radio-toggle__label{background-color:var(--rds-foreground-tertiary)}.rds-radio-toggle__input:active+.rds-radio-toggle__label{background-color:var(--rds-foreground-overlay-soft)}.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus button::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-radio-toggle:focus-within::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus-within button::-moz-focus-inner,.rds-radio-toggle:focus-within [type=button]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}\n')();
-const RadioToggleInput = forwardRef(({
-  label,
-  name,
-  className = "",
-  ...rest
-}, ref) => {
-  const {
-    radioName
-  } = useContext(RadioContext);
-  return /* @__PURE__ */ jsxs("label", {
-    className: `rds-radio-toggle ${className}`,
-    children: [/* @__PURE__ */ jsx("input", {
-      className: "rds-radio-toggle__input",
-      ...rest,
-      ref,
-      type: "radio",
-      name: radioName || name
-    }), /* @__PURE__ */ jsx("span", {
-      className: "rds-radio-toggle__label",
-      children: label
-    })]
-  });
-});
-RadioToggleInput.displayName = "RadioToggleInput";
-export { RadioContext as R, RadioToggleInput as a };