@rikstv/shared-components 3.3.15-alpha.1 → 3.3.15-alpha.3

package/dist/shared-components.mjs

@@ -1,197 +1,199 @@
-import { R as A } from "./components/core/RiksTV-D1wr-aYp.mjs";
-import { S as k } from "./components/core/Strim-1ocLRXTP.mjs";
-import { L as F } from "./components/core/LightMode-DPAa0Pv9.mjs";
-import { G as D } from "./components/spacing/Gutter-PXX_UdiX.mjs";
-import { G as V } from "./components/spacing/GutterPadding-Bd7tSm3F.mjs";
-import { N as $ } from "./components/notificationDot/NotificationDot-C2_j4FdL.mjs";
-import { A as W } from "./components/accordion/Accordion-rewqLwCV.mjs";
-import { P as q } from "./components/panel/Panel-D2Nkdd54.mjs";
-import { A as j } from "./components/alert/Alert-BvwcxnzO.mjs";
-import { B as J, a as K } from "./components/breadcrumb/Breadcrumb-BJNLZ7iB.mjs";
-import { P as Y } from "./components/progress/Progress-CjnegHvC.mjs";
-import { L as ee } from "./components/loader/Loader-gjL6yh1f.mjs";
-import { C as re } from "./components/progress/CircularProgress-BKmJjWRu.mjs";
-import { D as ne } from "./components/dropdown/Dropdown-c9wdxVoJ.mjs";
-import { G as ie, P as ae, S as ce, T as ue } from "./components/button/Button-DGXKZhwG.mjs";
-import { G as fe, P as me, S as le, T as pe } from "./components/button/ArrowButton-DqViaPQ-.mjs";
-import { G as ge, P as he, S as ye, T as ve } from "./components/button/IconButton-DVEZ8K3d.mjs";
-import { T as be } from "./components/toggleButton/ToggleButton-Dhxp8g2g.mjs";
-import { T as we } from "./components/toggleInlineButton/ToggleInlineButton-9ZcLN5Lf.mjs";
-import { T as Ie } from "./components/toggleLinkButton/ToggleLinkButton-B01oBGAX.mjs";
-import { C as Me } from "./components/checkbox/Checkbox-Cl4PCYXu.mjs";
-import { R as Re } from "./components/toggle/RadioToggle-C_79eEFl.mjs";
-import { F as Ae } from "./components/toggle/FieldSet-BM_JN_UL.mjs";
-import { T as ke } from "./components/textfield/TextField-Ct-ceRzE.mjs";
-import { P as Fe } from "./components/textfield/PasswordTextField-BfvT8zYj.mjs";
-import { B as De, d as Oe, D as Ve, a as Ne, b as $e, c as Qe, H as We, L as _e, M as qe, S as Ue, e as je, f as ze, g as Je, T as Ke } from "./components/typography/Typography-CXNJ1SFo.mjs";
-import { L as Ye } from "./components/list/List-4jHnUXn_.mjs";
-import { C as et } from "./components/list/CheckmarkListItem-DE0v1Zhg.mjs";
-import { L as rt } from "./components/list/ListItem-ClQsSisn.mjs";
-import { C as nt } from "./components/list/CrossmarkListItem-DFXTjZR6.mjs";
-import { O as it } from "./components/list/OrderedListItem-CphW2Aa0.mjs";
-import { useState as l, useEffect as f, useRef as a, useCallback as p, useLayoutEffect as g } from "react";
-import { I as ct } from "./components/icons/Icons-CgcqUFmH.mjs";
-import { B as dt } from "./components/button/BaseLinkButton-niQ474XP.mjs";
-const x = "(prefers-reduced-motion: reduce)", h = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, y = (e, r) => {
-  typeof e.addEventListener < "u" && e.addEventListener("change", r);
-}, v = () => {
-  const [e, r] = l(h(x));
-  return f(() => {
-    typeof window < "u" && window.matchMedia && y(window.matchMedia(x), (n) => {
-      r(n.matches);
+import { R as C } from "./components/core/RiksTV-CxHetJcp.mjs";
+import { S as F } from "./components/core/Strim-C1ajVDCm.mjs";
+import { L as D } from "./components/core/LightMode-DPAa0Pv9.mjs";
+import { G as k } from "./components/spacing/Gutter-PXX_UdiX.mjs";
+import { G as N } from "./components/spacing/GutterPadding-Bd7tSm3F.mjs";
+import { N as Q } from "./components/notificationDot/NotificationDot-C2_j4FdL.mjs";
+import { A as _ } from "./components/accordion/Accordion-rewqLwCV.mjs";
+import { P as U } from "./components/panel/Panel-BaTG2zyz.mjs";
+import { A as z } from "./components/alert/Alert-CX6wPqur.mjs";
+import { B as K, a as X } from "./components/breadcrumb/Breadcrumb-BJNLZ7iB.mjs";
+import { P as Z } from "./components/progress/Progress-CjnegHvC.mjs";
+import { L as re } from "./components/loader/Loader-gjL6yh1f.mjs";
+import { C as ne } from "./components/progress/CircularProgress-BKmJjWRu.mjs";
+import { D as se } from "./components/dropdown/Dropdown-CWVW7rKD.mjs";
+import { G as ae, P as ce, S as ue, T as de } from "./components/button/Button-DGXKZhwG.mjs";
+import { G as fe, P as le, S as xe, T as ge } from "./components/button/ArrowButton-DqViaPQ-.mjs";
+import { G as ye, P as Te, S as ve, T as Be } from "./components/button/IconButton-DVEZ8K3d.mjs";
+import { T as we } from "./components/toggleButton/ToggleButton-CGLyQll6.mjs";
+import { T as Ie } from "./components/toggleInlineButton/ToggleInlineButton-Cnet1doK.mjs";
+import { T as be } from "./components/toggleLinkButton/ToggleLinkButton-DRGFajD0.mjs";
+import { C as Pe } from "./components/checkbox/Checkbox-Cl4PCYXu.mjs";
+import { R as Se } from "./components/toggle/RadioToggle-C_79eEFl.mjs";
+import { F as Ce } from "./components/toggle/FieldSet-BM_JN_UL.mjs";
+import { T as Fe } from "./components/textfield/TextField-Ct-ceRzE.mjs";
+import { P as De } from "./components/textfield/PasswordTextField-BfvT8zYj.mjs";
+import { B as ke, d as Ve, D as Ne, a as $e, b as Qe, c as We, H as _e, L as qe, M as Ue, S as je, e as ze, f as Je, g as Ke, T as Xe } from "./components/typography/Typography-CXNJ1SFo.mjs";
+import { L as Ze } from "./components/list/List-4jHnUXn_.mjs";
+import { C as rr } from "./components/list/CheckmarkListItem-DokxieXU.mjs";
+import { L as nr } from "./components/list/ListItem-ClQsSisn.mjs";
+import { C as sr } from "./components/list/CrossmarkListItem-CRelk7jn.mjs";
+import { O as ar } from "./components/list/OrderedListItem-CphW2Aa0.mjs";
+import { useState as x, useEffect as m, useRef as c, useCallback as g, useLayoutEffect as y } from "react";
+import { I as ur } from "./components/icons/Icons-knwkK_Mh.mjs";
+import { B as mr } from "./components/button/BaseLinkButton-niQ474XP.mjs";
+const h = "(prefers-reduced-motion: reduce)", T = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, v = (e, t) => {
+  typeof e.addEventListener < "u" && e.addEventListener("change", t);
+}, B = () => {
+  const [e, t] = x(T(h));
+  return m(() => {
+    typeof window < "u" && window.matchMedia && v(window.matchMedia(h), (n) => {
+      t(n.matches);
     });
   }, []), { prefersReducedMotion: e };
 };
-function I(e, r) {
-  const n = a(null), s = a(null), o = a(null), i = a(!0), { prefersReducedMotion: c } = v();
-  function u(t) {
-    const d = o.current;
-    d && t.target === d && (d.removeAttribute("style"), r?.onTransitionEnd?.(e));
+function b(e, t) {
+  const n = c(null), s = c(null), o = c(null), a = c(!0), { prefersReducedMotion: u } = B();
+  function d(r) {
+    var l;
+    const i = o.current;
+    i && r.target === i && (i.removeAttribute("style"), (l = t == null ? void 0 : t.onTransitionEnd) == null || l.call(t, e));
   }
-  const m = p(() => {
-    if (i.current)
+  const f = g(() => {
+    var i, l;
+    if (a.current)
       return;
-    if (r?.onTransitionStart?.(e), c) {
-      r?.onTransitionEnd?.(e);
+    if ((i = t == null ? void 0 : t.onTransitionStart) == null || i.call(t, e), u) {
+      (l = t == null ? void 0 : t.onTransitionEnd) == null || l.call(t, e);
       return;
     }
-    const t = o.current;
-    if (t)
-      if (t.style.display = "block", t.style.overflow = "hidden", e)
-        t.style.height = "0", t.style.height = `${t.scrollHeight}px`;
+    const r = o.current;
+    if (r)
+      if (r.style.display = "block", r.style.overflow = "hidden", e)
+        r.style.height = "0", r.style.height = `${r.scrollHeight}px`;
       else {
-        if (t.scrollHeight === 0) {
-          t.removeAttribute("style");
+        if (r.scrollHeight === 0) {
+          r.removeAttribute("style");
           return;
         }
-        t.style.height = `${t.scrollHeight}px`, n.current = requestAnimationFrame(() => {
+        r.style.height = `${r.scrollHeight}px`, n.current = requestAnimationFrame(() => {
           s.current = requestAnimationFrame(() => {
-            t.style.height = "0px";
+            r.style.height = "0px";
           });
         });
       }
-  }, [e, r, c]);
-  return g(() => {
-    m();
-  }, [e, m]), f(() => {
-    const t = o.current;
-    return t && t.addEventListener("transitionend", u), () => {
-      t && t.removeEventListener("transitionend", u);
+  }, [e, t, u]);
+  return y(() => {
+    f();
+  }, [e, f]), m(() => {
+    const r = o.current;
+    return r && r.addEventListener("transitionend", d), () => {
+      r && r.removeEventListener("transitionend", d);
     };
-  }, [e]), f(() => {
-    const t = n.current, d = s.current;
-    return i.current = !1, () => {
-      t && cancelAnimationFrame(t), d && cancelAnimationFrame(d);
+  }, [e]), m(() => {
+    const r = n.current, i = s.current;
+    return a.current = !1, () => {
+      r && cancelAnimationFrame(r), i && cancelAnimationFrame(i);
     };
-  }, [n, s]), [o, m];
+  }, [n, s]), [o, f];
 }
-const E = ({ ref: e, callback: r, condition: n = !0 }) => {
-  const s = p(
+const M = ({ ref: e, callback: t, condition: n = !0 }) => {
+  const s = g(
     (o) => {
-      e?.current && !e.current.contains(o.target) && r(o);
+      e != null && e.current && !e.current.contains(o.target) && t(o);
     },
-    [r, e]
+    [t, e]
   );
-  f(() => (e && n && document && document.addEventListener("click", s), () => {
+  m(() => (e && n && document && document.addEventListener("click", s), () => {
     document && document.removeEventListener("click", s);
   }), [e, n, s]);
-}, T = (() => {
+}, p = (() => {
   const e = globalThis.IntersectionObserverEntry;
   return "IntersectionObserver" in globalThis && e && "isIntersecting" in e.prototype;
-})(), b = () => {
-}, B = (e, r = {}, n = b, s = !0) => {
-  const [o, i] = l(null), c = p((t) => i(t), [i]), u = a(r), m = a(null);
-  return f(() => {
-    if (!T) {
-      n?.();
+})(), w = () => {
+}, L = (e, t = {}, n = w, s = !0) => {
+  const [o, a] = x(null), u = g((r) => a(r), [a]), d = c(t), f = c(null);
+  return m(() => {
+    if (!p) {
+      n == null || n();
       return;
     }
-    let t = m.current;
-    return t?.disconnect(), o && s && (t = new IntersectionObserver(e, u.current), t.observe(o)), () => {
-      t?.disconnect();
+    let r = f.current;
+    return r == null || r.disconnect(), o && s && (r = new IntersectionObserver(e, d.current), r.observe(o)), () => {
+      r == null || r.disconnect();
     };
-  }, [o, e, n, s]), [c];
-}, M = (e = { rootMargin: "150px" }, r = !0) => {
-  const [n, s] = l(!1), [o] = B(
-    (i) => {
-      const c = i.some((u) => u.isIntersecting);
-      s(c);
+  }, [o, e, n, s]), [u];
+}, P = (e = { rootMargin: "150px" }, t = !0) => {
+  const [n, s] = x(!1), [o] = L(
+    (a) => {
+      const u = a.some((d) => d.isIntersecting);
+      s(u);
     },
     e,
     void 0,
-    r
+    t
   );
   return [o, n];
-}, w = () => typeof window < "u" && typeof MutationObserver < "u", P = (e, r, n) => {
-  const s = a(n);
-  f(() => {
-    if (w() && e) {
-      const o = new MutationObserver(r);
+}, I = () => typeof window < "u" && typeof MutationObserver < "u", R = (e, t, n) => {
+  const s = c(n);
+  m(() => {
+    if (I() && e) {
+      const o = new MutationObserver(t);
       return "current" in e ? e.current && o.observe(e.current, s.current) : o.observe(e, s.current), () => o.disconnect();
     }
-  }, [e, r]);
+  }, [e, t]);
 };
 export {
-  W as Accordion,
-  j as Alert,
-  dt as BaseLinkButton,
-  De as Body,
-  Oe as Bold,
-  J as Breadcrumb,
-  K as BreadcrumbCurrent,
-  Me as Checkbox,
-  et as CheckmarkListItem,
-  re as CircularProgress,
-  nt as CrossmarkListItem,
-  Ve as DisplayTitle,
-  ne as Dropdown,
-  Ae as FieldSet,
+  _ as Accordion,
+  z as Alert,
+  mr as BaseLinkButton,
+  ke as Body,
+  Ve as Bold,
+  K as Breadcrumb,
+  X as BreadcrumbCurrent,
+  Pe as Checkbox,
+  rr as CheckmarkListItem,
+  ne as CircularProgress,
+  sr as CrossmarkListItem,
+  Ne as DisplayTitle,
+  se as Dropdown,
+  Ce as FieldSet,
   fe as GhostArrowButton,
-  ie as GhostButton,
-  ge as GhostIconButton,
-  D as Gutter,
-  V as GutterPadding,
-  Ne as H1,
-  $e as H2,
-  Qe as H3,
-  We as H4,
-  ct as Icons,
-  _e as Lead,
-  F as LightMode,
-  Ye as List,
-  rt as ListItem,
-  ee as Loader,
-  qe as Meta,
-  $ as NotificationDot,
-  it as OrderedListItem,
-  q as Panel,
-  Fe as PasswordTextField,
-  me as PrimaryArrowButton,
-  ae as PrimaryButton,
-  he as PrimaryIconButton,
-  Y as Progress,
-  Re as RadioToggleInput,
-  A as RiksTVProvider,
-  le as SecondaryArrowButton,
-  ce as SecondaryButton,
-  ye as SecondaryIconButton,
-  Ue as Span,
-  k as StrimProvider,
-  je as SubBody,
-  ze as SubTitle2,
-  Je as SubTitle3,
-  Ke as Tag,
-  pe as TertiaryArrowButton,
-  ue as TertiaryButton,
-  ve as TertiaryIconButton,
-  ke as TextField,
-  be as ToggleButton,
-  we as ToggleInlineButton,
-  Ie as ToggleLinkButton,
-  I as useAnimatedHeight,
-  v as useBrowserPreferences,
-  E as useClickOutsideListener,
-  M as useElementVisible,
-  B as useIntersectionObserver,
-  P as useMutationObserver
+  ae as GhostButton,
+  ye as GhostIconButton,
+  k as Gutter,
+  N as GutterPadding,
+  $e as H1,
+  Qe as H2,
+  We as H3,
+  _e as H4,
+  ur as Icons,
+  qe as Lead,
+  D as LightMode,
+  Ze as List,
+  nr as ListItem,
+  re as Loader,
+  Ue as Meta,
+  Q as NotificationDot,
+  ar as OrderedListItem,
+  U as Panel,
+  De as PasswordTextField,
+  le as PrimaryArrowButton,
+  ce as PrimaryButton,
+  Te as PrimaryIconButton,
+  Z as Progress,
+  Se as RadioToggleInput,
+  C as RiksTVProvider,
+  xe as SecondaryArrowButton,
+  ue as SecondaryButton,
+  ve as SecondaryIconButton,
+  je as Span,
+  F as StrimProvider,
+  ze as SubBody,
+  Je as SubTitle2,
+  Ke as SubTitle3,
+  Xe as Tag,
+  ge as TertiaryArrowButton,
+  de as TertiaryButton,
+  Be as TertiaryIconButton,
+  Fe as TextField,
+  we as ToggleButton,
+  Ie as ToggleInlineButton,
+  be as ToggleLinkButton,
+  b as useAnimatedHeight,
+  B as useBrowserPreferences,
+  M as useClickOutsideListener,
+  P as useElementVisible,
+  L as useIntersectionObserver,
+  R as useMutationObserver
 };