@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

package/chunks/Dialog.CjzCKRr2.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as k, jsxs as Y } from "react/jsx-runtime";
+import { d as Z } from "./index.CgTHIF3K.js";
+import { c as M } from "./index.CEyLAtio.js";
+import { useRef as K, useState as ee, useEffect as Q } from "react";
+import { DSButton as oe } from "../button.Ywd82k7O.js";
+import { g as te } from "./helpers.CcqWV-wZ.js";
+import '../assets/Dialog.DXmPdExC.css';const le = "ds-dialog_root_1e2qq_5", se = "ds-dialog_content-wrapper_1e2qq_159", ne = "ds-dialog_content-wrapper--no-footer_1e2qq_165", re = "ds-dialog_close-button_1e2qq_173", ce = "ds-dialog_header_1e2qq_186", ae = "ds-dialog_content_1e2qq_159", ie = "ds-dialog_footer_1e2qq_188", de = "ds-dialog_header--scrollable_1e2qq_209", fe = "ds-dialog_header--close-button_1e2qq_218", _e = "ds-dialog_content--no-footer_1e2qq_231", pe = "ds-dialog_footer--scrollable_1e2qq_238", t = {
+  root: le,
+  "content-wrapper": "ds-dialog_content-wrapper_1e2qq_159",
+  contentWrapper: se,
+  "content-wrapper--no-footer": "ds-dialog_content-wrapper--no-footer_1e2qq_165",
+  contentWrapperNoFooter: ne,
+  "close-button": "ds-dialog_close-button_1e2qq_173",
+  closeButton: re,
+  header: ce,
+  content: ae,
+  footer: ie,
+  "header--scrollable": "ds-dialog_header--scrollable_1e2qq_209",
+  headerScrollable: de,
+  "header--close-button": "ds-dialog_header--close-button_1e2qq_218",
+  headerCloseButton: fe,
+  "content--no-footer": "ds-dialog_content--no-footer_1e2qq_231",
+  contentNoFooter: _e,
+  "footer--scrollable": "ds-dialog_footer--scrollable_1e2qq_238",
+  footerScrollable: pe
+}, ue = ({
+  tabIndex: c
+}) => {
+  if (c || c === 0)
+    throw new Error(te("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
+}, Se = (c) => {
+  const e = Z.c(57);
+  let a, i, d, l, f, s, n, B, C, w;
+  e[0] !== c ? ({
+    children: a,
+    className: i,
+    closeButtonProps: d,
+    disableBackdropClose: B,
+    footer: l,
+    header: f,
+    hideCloseButton: C,
+    isOpen: w,
+    onClose: s,
+    ...n
+  } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = l, e[5] = f, e[6] = s, e[7] = n, e[8] = B, e[9] = C, e[10] = w) : (a = e[1], i = e[2], d = e[3], l = e[4], f = e[5], s = e[6], n = e[7], B = e[8], C = e[9], w = e[10]);
+  const P = B === void 0 ? !1 : B, x = C === void 0 ? !1 : C, F = w === void 0 ? !1 : w;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      tabIndex: o
+    } = n;
+    ue({
+      tabIndex: o
+    });
+  }
+  let _;
+  e[11] !== d ? (_ = d || {}, e[11] = d, e[12] = _) : _ = e[12];
+  let p, E;
+  e[13] !== _ ? ({
+    label: E,
+    ...p
+  } = _, e[13] = _, e[14] = p, e[15] = E) : (p = e[14], E = e[15]);
+  const j = E === void 0 ? "Close dialog" : E, r = K(null), $ = K(null), [u, U] = ee(!1);
+  let W, y;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (W = () => {
+    const o = $.current;
+    if (o) {
+      const G = () => {
+        U(o.scrollHeight > o.clientHeight);
+      };
+      G();
+      const J = new ResizeObserver(G);
+      return J.observe(o), () => {
+        J.disconnect();
+      };
+    }
+  }, y = [], e[16] = W, e[17] = y) : (W = e[16], y = e[17]), Q(W, y);
+  let O;
+  e[18] !== F || e[19] !== s ? (O = [F, s], e[18] = F, e[19] = s, e[20] = O) : O = e[20], Q(() => {
+    const o = r.current;
+    if (o)
+      return o.addEventListener("close", A), F ? o.showModal() : o.close(), () => {
+        o.removeEventListener("close", A);
+      };
+  }, O);
+  const A = () => {
+    s && s();
+  };
+  let R;
+  e[21] !== P ? (R = (o) => {
+    P || r.current && o.target === r.current && r.current.close();
+  }, e[21] = P, e[22] = R) : R = e[22];
+  const H = R;
+  let z;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+    r.current && r.current.close();
+  }, e[23] = z) : z = e[23];
+  const X = z;
+  let h;
+  e[24] !== H ? (h = (o) => H(o), e[24] = H, e[25] = h) : h = e[25];
+  const I = !l;
+  let b;
+  e[26] !== i || e[27] !== I ? (b = M(t.contentWrapper, i, {
+    [t.contentWrapperNoFooter]: I
+  }), e[26] = i, e[27] = I, e[28] = b) : b = e[28];
+  let g;
+  e[29] !== x || e[30] !== j || e[31] !== p ? (g = !x && /* @__PURE__ */ k(oe, { ...p, className: t.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => X(), children: j }), e[29] = x, e[30] = j, e[31] = p, e[32] = g) : g = e[32];
+  const T = !x;
+  let q;
+  e[33] !== u || e[34] !== T ? (q = M(t.header, {
+    [t.headerCloseButton]: T,
+    [t.headerScrollable]: u
+  }), e[33] = u, e[34] = T, e[35] = q) : q = e[35];
+  let m;
+  e[36] !== f || e[37] !== q ? (m = /* @__PURE__ */ k("header", { className: q, children: f }), e[36] = f, e[37] = q, e[38] = m) : m = e[38];
+  const V = !l;
+  let v;
+  e[39] !== V ? (v = M(t.content, {
+    [t.contentNoFooter]: V
+  }), e[39] = V, e[40] = v) : v = e[40];
+  let S;
+  e[41] !== a || e[42] !== v ? (S = /* @__PURE__ */ k("div", { ref: $, className: v, tabIndex: 0, children: a }), e[41] = a, e[42] = v, e[43] = S) : S = e[43];
+  let D;
+  e[44] !== l || e[45] !== u ? (D = l && /* @__PURE__ */ k("footer", { className: M(t.footer, {
+    [t.footerScrollable]: u
+  }), children: l }), e[44] = l, e[45] = u, e[46] = D) : D = e[46];
+  let N;
+  e[47] !== b || e[48] !== g || e[49] !== m || e[50] !== S || e[51] !== D ? (N = /* @__PURE__ */ Y("div", { className: b, children: [
+    g,
+    m,
+    S,
+    D
+  ] }), e[47] = b, e[48] = g, e[49] = m, e[50] = S, e[51] = D, e[52] = N) : N = e[52];
+  let L;
+  return e[53] !== n || e[54] !== h || e[55] !== N ? (L = /* @__PURE__ */ k("dialog", { ...n, ref: r, className: t.root, onMouseDown: h, "aria-modal": "true", children: N }), e[53] = n, e[54] = h, e[55] = N, e[56] = L) : L = e[56], L;
+};
+export {
+  Se as D,
+  ue as v
+};

package/chunks/Drawer.m2JeVNBp.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx as W, jsxs as oe } from "react/jsx-runtime";
+import { d as re } from "./index.CgTHIF3K.js";
+import { c as x } from "./index.CEyLAtio.js";
+import { useRef as X, useState as se, useEffect as Y } from "react";
+import { DSButton as ne } from "../button.Ywd82k7O.js";
+import { g as le } from "./helpers.CcqWV-wZ.js";
+import '../assets/Drawer.BcM0epJS.css';const ce = "ds-drawer_root_1qhpc_10", ae = "ds-drawer_root--end_1qhpc_68", de = "ds-drawer_content-wrapper_1qhpc_169", ie = "ds-drawer_content-wrapper--no-footer_1qhpc_175", pe = "ds-drawer_close-button_1qhpc_178", fe = "ds-drawer_header_1qhpc_191", _e = "ds-drawer_content_1qhpc_169", he = "ds-drawer_footer_1qhpc_193", ue = "ds-drawer_header--scrollable_1qhpc_214", we = "ds-drawer_header--close-button_1qhpc_223", be = "ds-drawer_content--no-footer_1qhpc_237", me = "ds-drawer_footer--scrollable_1qhpc_244", o = {
+  root: ce,
+  "root--end": "ds-drawer_root--end_1qhpc_68",
+  rootEnd: ae,
+  "content-wrapper": "ds-drawer_content-wrapper_1qhpc_169",
+  contentWrapper: de,
+  "content-wrapper--no-footer": "ds-drawer_content-wrapper--no-footer_1qhpc_175",
+  contentWrapperNoFooter: ie,
+  "close-button": "ds-drawer_close-button_1qhpc_178",
+  closeButton: pe,
+  header: fe,
+  content: _e,
+  footer: he,
+  "header--scrollable": "ds-drawer_header--scrollable_1qhpc_214",
+  headerScrollable: ue,
+  "header--close-button": "ds-drawer_header--close-button_1qhpc_223",
+  headerCloseButton: we,
+  "content--no-footer": "ds-drawer_content--no-footer_1qhpc_237",
+  contentNoFooter: be,
+  "footer--scrollable": "ds-drawer_footer--scrollable_1qhpc_244",
+  footerScrollable: me
+}, Ee = ["start", "end"], ve = ({
+  tabIndex: c
+}) => {
+  if (c || c === 0)
+    throw new Error(le("DSDrawer", "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."));
+}, ge = (c) => {
+  const e = re.c(61);
+  let a, d, i, r, p, s, n, C, E, g, k;
+  e[0] !== c ? ({
+    children: a,
+    className: d,
+    closeButtonProps: i,
+    disableBackdropClose: C,
+    footer: r,
+    header: p,
+    hideCloseButton: E,
+    position: g,
+    isOpen: k,
+    onClose: s,
+    ...n
+  } = c, e[0] = c, e[1] = a, e[2] = d, e[3] = i, e[4] = r, e[5] = p, e[6] = s, e[7] = n, e[8] = C, e[9] = E, e[10] = g, e[11] = k) : (a = e[1], d = e[2], i = e[3], r = e[4], p = e[5], s = e[6], n = e[7], C = e[8], E = e[9], g = e[10], k = e[11]);
+  const j = C === void 0 ? !1 : C, F = E === void 0 ? !1 : E, Z = g === void 0 ? "start" : g, R = k === void 0 ? !1 : k;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      tabIndex: t
+    } = n;
+    ve({
+      tabIndex: t
+    });
+  }
+  let f;
+  e[12] !== i ? (f = i || {}, e[12] = i, e[13] = f) : f = e[13];
+  let _, O;
+  e[14] !== f ? ({
+    label: O,
+    ..._
+  } = f, e[14] = f, e[15] = _, e[16] = O) : (_ = e[15], O = e[16]);
+  const H = O === void 0 ? "Close modal" : O, l = X(null), J = X(null), [h, ee] = se(!1);
+  let y, I;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (y = () => {
+    const t = J.current;
+    if (t) {
+      const Q = () => {
+        ee(t.scrollHeight > t.clientHeight);
+      };
+      Q();
+      const U = new ResizeObserver(Q);
+      return U.observe(t), () => {
+        U.disconnect();
+      };
+    }
+  }, I = [], e[17] = y, e[18] = I) : (y = e[17], I = e[18]), Y(y, I);
+  let P;
+  e[19] !== R || e[20] !== s ? (P = [R, s], e[19] = R, e[20] = s, e[21] = P) : P = e[21], Y(() => {
+    const t = l.current;
+    if (t)
+      return t.addEventListener("close", K), R ? t.showModal() : t.close(), () => {
+        t.removeEventListener("close", K);
+      };
+  }, P);
+  const K = () => {
+    s && s();
+  };
+  let z;
+  e[22] !== j ? (z = (t) => {
+    j || l.current && t.target === l.current && l.current.close();
+  }, e[22] = j, e[23] = z) : z = e[23];
+  const T = z;
+  let L;
+  e[24] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
+    l.current && l.current.close();
+  }, e[24] = L) : L = e[24];
+  const te = L, A = Z === "end";
+  let u;
+  e[25] !== A ? (u = x(o.root, {
+    [o.rootEnd]: A
+  }), e[25] = A, e[26] = u) : u = e[26];
+  let w;
+  e[27] !== T ? (w = (t) => T(t), e[27] = T, e[28] = w) : w = e[28];
+  const V = !r;
+  let b;
+  e[29] !== d || e[30] !== V ? (b = x(o.contentWrapper, d, {
+    [o.contentWrapperNoFooter]: V
+  }), e[29] = d, e[30] = V, e[31] = b) : b = e[31];
+  let m;
+  e[32] !== F || e[33] !== H || e[34] !== _ ? (m = !F && /* @__PURE__ */ W(ne, { ..._, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => te(), children: H }), e[32] = F, e[33] = H, e[34] = _, e[35] = m) : m = e[35];
+  const $ = !F;
+  let v;
+  e[36] !== h || e[37] !== $ ? (v = x(o.header, {
+    [o.headerCloseButton]: $,
+    [o.headerScrollable]: h
+  }), e[36] = h, e[37] = $, e[38] = v) : v = e[38];
+  let q;
+  e[39] !== p || e[40] !== v ? (q = /* @__PURE__ */ W("header", { className: v, children: p }), e[39] = p, e[40] = v, e[41] = q) : q = e[41];
+  const G = !r;
+  let S;
+  e[42] !== G ? (S = x(o.content, {
+    [o.contentNoFooter]: G
+  }), e[42] = G, e[43] = S) : S = e[43];
+  let D;
+  e[44] !== a || e[45] !== S ? (D = /* @__PURE__ */ W("div", { ref: J, className: S, tabIndex: 0, children: a }), e[44] = a, e[45] = S, e[46] = D) : D = e[46];
+  let N;
+  e[47] !== r || e[48] !== h ? (N = r && /* @__PURE__ */ W("footer", { className: x(o.footer, {
+    [o.footerScrollable]: h
+  }), children: r }), e[47] = r, e[48] = h, e[49] = N) : N = e[49];
+  let B;
+  e[50] !== b || e[51] !== m || e[52] !== q || e[53] !== D || e[54] !== N ? (B = /* @__PURE__ */ oe("div", { className: b, children: [
+    m,
+    q,
+    D,
+    N
+  ] }), e[50] = b, e[51] = m, e[52] = q, e[53] = D, e[54] = N, e[55] = B) : B = e[55];
+  let M;
+  return e[56] !== n || e[57] !== u || e[58] !== w || e[59] !== B ? (M = /* @__PURE__ */ W("dialog", { ...n, ref: l, className: u, onMouseDown: w, "aria-modal": "true", children: B }), e[56] = n, e[57] = u, e[58] = w, e[59] = B, e[60] = M) : M = e[60], M;
+};
+export {
+  ge as D,
+  Ee as a,
+  ve as v
+};

package/chunks/Fieldset.DfWsQgjD.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsxs as O, jsx as y, Fragment as G } from "react/jsx-runtime";
+import { d as J } from "./index.CgTHIF3K.js";
+import { c as B } from "./index.CEyLAtio.js";
+import "react";
+import { Asterisk as H } from "../asterisk.DUzshaw5.js";
+import { DSHeading as K } from "../heading.6LOBHJG6.js";
+import { DSSystemFeedback as Q } from "../systemfeedback.7I6fnqjX.js";
+import { g as L } from "./helpers.CcqWV-wZ.js";
+import '../assets/Fieldset.Og4EsnPI.css';const R = "ds-fieldset_root_1opm7_1", X = "ds-fieldset_child-wrapper_1opm7_95", Y = "ds-fieldset_legend_1opm7_102", Z = "ds-fieldset_legend--utility--m_1opm7_106", ee = "ds-fieldset_description_1opm7_118", se = "ds-fieldset_description--small_1opm7_132", te = "ds-fieldset_system-feedback_1opm7_136", o = {
+  root: R,
+  "child-wrapper": "ds-fieldset_child-wrapper_1opm7_95",
+  childWrapper: X,
+  legend: Y,
+  "legend--utility--m": "ds-fieldset_legend--utility--m_1opm7_106",
+  legendUtilityM: Z,
+  description: ee,
+  "description--small": "ds-fieldset_description--small_1opm7_132",
+  descriptionSmall: se,
+  "system-feedback": "ds-fieldset_system-feedback_1opm7_136",
+  systemFeedback: te
+}, ie = ({
+  description: b,
+  id: e,
+  legend: l,
+  systemFeedback: d
+}) => {
+  if (!e && (b || d))
+    throw new Error(L("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
+  if (!l)
+    throw new Error(L("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
+}, me = (b) => {
+  const e = J.c(50);
+  let l, d, t, r, s, n, i, u, v, F;
+  e[0] !== b ? ({
+    children: l,
+    legend: s,
+    className: d,
+    description: t,
+    disabled: u,
+    id: r,
+    invalid: v,
+    required: F,
+    systemFeedback: i,
+    ...n
+  } = b, e[0] = b, e[1] = l, e[2] = d, e[3] = t, e[4] = r, e[5] = s, e[6] = n, e[7] = i, e[8] = u, e[9] = v, e[10] = F) : (l = e[1], d = e[2], t = e[3], r = e[4], s = e[5], n = e[6], i = e[7], u = e[8], v = e[9], F = e[10]);
+  const C = u === void 0 ? !1 : u, a = v === void 0 ? !1 : v, S = F === void 0 ? !1 : F;
+  process.env.NODE_ENV !== "production" && ie({
+    description: t,
+    id: r,
+    legend: s,
+    systemFeedback: i
+  });
+  let c, k, D;
+  const p = typeof s == "object" && s !== void 0;
+  p && ({
+    headingSize: c,
+    headingTag: k,
+    headingText: D
+  } = s);
+  const N = `${r}-feedback`, w = `${r}-description`, P = i && N, T = t && w;
+  let q;
+  e[11] !== P || e[12] !== T ? (q = [P, T].filter(Boolean), e[11] = P, e[12] = T, e[13] = q) : q = e[13];
+  const V = q.join(" "), U = !p || c === "small" || c === "small-uppercase";
+  let j;
+  e[14] !== d ? (j = B(o.root, d), e[14] = d, e[15] = j) : j = e[15];
+  const W = j, $ = !p;
+  let x;
+  e[16] !== $ ? (x = B(o.legend, {
+    [o.legendUtilityM]: $
+  }), e[16] = $, e[17] = x) : x = e[17];
+  const z = x;
+  let E;
+  e[18] !== U ? (E = B(o.description, {
+    [o.descriptionSmall]: U
+  }), e[18] = U, e[19] = E) : E = e[19];
+  const A = E, I = V || void 0;
+  let m;
+  e[20] !== c || e[21] !== k || e[22] !== D || e[23] !== p || e[24] !== s || e[25] !== S ? (m = p ? /* @__PURE__ */ O(K, { tag: k, size: c, children: [
+    D,
+    S && /* @__PURE__ */ y(H, {})
+  ] }) : /* @__PURE__ */ O(G, { children: [
+    s,
+    S && /* @__PURE__ */ y(H, {})
+  ] }), e[20] = c, e[21] = k, e[22] = D, e[23] = p, e[24] = s, e[25] = S, e[26] = m) : m = e[26];
+  let f;
+  e[27] !== z || e[28] !== m ? (f = /* @__PURE__ */ y("legend", { className: z, children: m }), e[27] = z, e[28] = m, e[29] = f) : f = e[29];
+  let _;
+  e[30] !== t || e[31] !== A || e[32] !== w ? (_ = t && /* @__PURE__ */ y("span", { id: w, className: A, children: t }), e[30] = t, e[31] = A, e[32] = w, e[33] = _) : _ = e[33];
+  let g;
+  e[34] !== a || e[35] !== i || e[36] !== N ? (g = a && i && /* @__PURE__ */ y(Q, { id: N, type: "invalid", message: i, className: o.systemFeedback }), e[34] = a, e[35] = i, e[36] = N, e[37] = g) : g = e[37];
+  let h;
+  e[38] !== l ? (h = /* @__PURE__ */ y("div", { className: o.childWrapper, children: l }), e[38] = l, e[39] = h) : h = e[39];
+  let M;
+  return e[40] !== C || e[41] !== a || e[42] !== n || e[43] !== W || e[44] !== I || e[45] !== f || e[46] !== _ || e[47] !== g || e[48] !== h ? (M = /* @__PURE__ */ O("fieldset", { className: W, disabled: C, ...n, "aria-invalid": a, "aria-describedby": I, children: [
+    f,
+    _,
+    g,
+    h
+  ] }), e[40] = C, e[41] = a, e[42] = n, e[43] = W, e[44] = I, e[45] = f, e[46] = _, e[47] = g, e[48] = h, e[49] = M) : M = e[49], M;
+};
+export {
+  me as D,
+  ie as v
+};

package/chunks/Icon.DhKyUWtM.js

@@ -0,0 +1,231 @@
+"use client";
+import { jsx as A } from "react/jsx-runtime";
+import { d as G } from "./index.CgTHIF3K.js";
+import { c as P } from "./index.CEyLAtio.js";
+import * as k from "react";
+import { useRef as H, useState as C, useEffect as B } from "react";
+import '../assets/Icon.ZNrKuqgu.css';var $ = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new WeakMap(), X = 0, U = void 0;
+function W(t) {
+  return t ? (M.has(t) || (X += 1, M.set(t, X.toString())), M.get(t)) : "0";
+}
+function Z(t) {
+  return Object.keys(t).sort().filter(
+    (s) => t[s] !== void 0
+  ).map((s) => `${s}_${s === "root" ? W(t.root) : t[s]}`).toString();
+}
+function F(t) {
+  const s = Z(t);
+  let i = $.get(s);
+  if (!i) {
+    const o = /* @__PURE__ */ new Map();
+    let a;
+    const e = new IntersectionObserver((n) => {
+      n.forEach((r) => {
+        var c;
+        const m = r.isIntersecting && a.some((d) => r.intersectionRatio >= d);
+        t.trackVisibility && typeof r.isVisible > "u" && (r.isVisible = m), (c = o.get(r.target)) == null || c.forEach((d) => {
+          d(m, r);
+        });
+      });
+    }, t);
+    a = e.thresholds || (Array.isArray(t.threshold) ? t.threshold : [t.threshold || 0]), i = {
+      id: s,
+      observer: e,
+      elements: o
+    }, $.set(s, i);
+  }
+  return i;
+}
+function J(t, s, i = {}, o = U) {
+  if (typeof window.IntersectionObserver > "u" && o !== void 0) {
+    const c = t.getBoundingClientRect();
+    return s(o, {
+      isIntersecting: o,
+      target: t,
+      intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
+      time: 0,
+      boundingClientRect: c,
+      intersectionRect: c,
+      rootBounds: c
+    }), () => {
+    };
+  }
+  const { id: a, observer: e, elements: n } = F(i), r = n.get(t) || [];
+  return n.has(t) || n.set(t, r), r.push(s), e.observe(t), function() {
+    r.splice(r.indexOf(s), 1), r.length === 0 && (n.delete(t), e.unobserve(t)), n.size === 0 && (e.disconnect(), $.delete(a));
+  };
+}
+function K({
+  threshold: t,
+  delay: s,
+  trackVisibility: i,
+  rootMargin: o,
+  root: a,
+  triggerOnce: e,
+  skip: n,
+  initialInView: r,
+  fallbackInView: c,
+  onChange: m
+} = {}) {
+  var d;
+  const [h, b] = k.useState(null), u = k.useRef(m), [f, w] = k.useState({
+    inView: !!r,
+    entry: void 0
+  });
+  u.current = m, k.useEffect(
+    () => {
+      if (n || !h) return;
+      let p;
+      return p = J(
+        h,
+        (_, v) => {
+          w({
+            inView: _,
+            entry: v
+          }), u.current && u.current(_, v), v.isIntersecting && e && p && (p(), p = void 0);
+        },
+        {
+          root: a,
+          rootMargin: o,
+          threshold: t,
+          // @ts-ignore
+          trackVisibility: i,
+          // @ts-ignore
+          delay: s
+        },
+        c
+      ), () => {
+        p && p();
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(t) ? t.toString() : t,
+      h,
+      a,
+      o,
+      e,
+      n,
+      i,
+      c,
+      s
+    ]
+  );
+  const l = (d = f.entry) == null ? void 0 : d.target, S = k.useRef(void 0);
+  !h && l && !e && !n && S.current !== l && (S.current = l, w({
+    inView: !!r,
+    entry: void 0
+  }));
+  const g = [b, f.inView, f.entry];
+  return g.ref = g[0], g.inView = g[1], g.entry = g[2], g;
+}
+const Q = "ds-icon_image_73zqf_1", Y = "ds-icon_image--theme-dark_73zqf_10", ss = "ds-icon_image--size-medium_73zqf_13", ts = "ds-icon_image--size-small_73zqf_19", is = "ds-icon_image--size-x-small_73zqf_25", y = {
+  image: Q,
+  "image--theme-dark": "ds-icon_image--theme-dark_73zqf_10",
+  imageThemeDark: Y,
+  "image--size-medium": "ds-icon_image--size-medium_73zqf_13",
+  imageSizeMedium: ss,
+  "image--size-small": "ds-icon_image--size-small_73zqf_19",
+  imageSizeSmall: ts,
+  "image--size-x-small": "ds-icon_image--size-x-small_73zqf_25",
+  imageSizeXSmall: is
+}, es = (t, s, i) => {
+  const o = t[s];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((a, e) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      e.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + s + (s.split("/").length !== i ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, ms = ["large", "medium", "small", "x-small"], os = (t) => {
+  var n;
+  const s = H(void 0), [i, o] = C(!1), [a, e] = C(!0);
+  return B(() => {
+    i && (e(!0), (async () => {
+      try {
+        s.current = await es(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./arrow-clockwise.BefOjGPg.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./arrow-counterclockwise.C7Ov32BZ.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery.svg": () => import("./battery.YCg9lYqC.js"), "../../../../icons/dist/assets/bell.svg": () => import("./bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./camera.BoCB0Emp.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./circle-check-colored.Bye_GwLy.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./circle-info-colored.D2pp54gf.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/compare.svg": () => import("./compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./diamond-exclamationmark-colored.WNKYwZ8q.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./distance.FA6pTjcW.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/filter.svg": () => import("./filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./map.CXgG1iGz.js"), "../../../../icons/dist/assets/minus.svg": () => import("./minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pdf.svg": () => import("./pdf.9kZbElrZ.js"), "../../../../icons/dist/assets/pen.svg": () => import("./pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./petrol.Du6qAgp0.js"), "../../../../icons/dist/assets/phone.svg": () => import("./phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./star.BkjednvI.js"), "../../../../icons/dist/assets/tag.svg": () => import("./tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./triangle-exclamationmark-colored.CbVC3Gzi.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./truck.xIk5wW6T.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./upload.ZImTAIgx.js"), "../../../../icons/dist/assets/user.svg": () => import("./user.BMARueuy.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./wc.gmKE1r5l.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${t}.svg`, 8);
+      } catch (c) {
+        console.error(c);
+      } finally {
+        e(!1);
+      }
+    })());
+  }, [t, i]), {
+    isLoading: a,
+    SVGIcon: (n = s.current) == null ? void 0 : n.default,
+    setShouldLoad: o
+  };
+}, ds = (t) => {
+  const s = G.c(37);
+  let i, o, a, e, n, r, c;
+  s[0] !== t ? ({
+    aria: i,
+    className: o,
+    name: n,
+    size: r,
+    source: e,
+    theme: c,
+    ...a
+  } = t, s[0] = t, s[1] = i, s[2] = o, s[3] = a, s[4] = e, s[5] = n, s[6] = r, s[7] = c) : (i = s[1], o = s[2], a = s[3], e = s[4], n = s[5], r = s[6], c = s[7]);
+  const m = n === void 0 ? "placeholder" : n, d = r === void 0 ? "large" : r, h = c === void 0 ? "light" : c, {
+    SVGIcon: b,
+    isLoading: u,
+    setShouldLoad: f
+  } = os(m), [, w] = C(m);
+  let l;
+  s[8] === Symbol.for("react.memo_cache_sentinel") ? (l = {
+    large: 16,
+    medium: 12,
+    small: 10,
+    "x-small": 8
+  }, s[8] = l) : l = s[8];
+  const S = l;
+  let g;
+  s[9] !== m || s[10] !== w ? (g = () => {
+    w(m);
+  }, s[9] = m, s[10] = w, s[11] = g) : g = s[11];
+  let p;
+  s[12] !== m ? (p = [m], s[12] = m, s[13] = p) : p = s[13], B(g, p);
+  const _ = !!e;
+  let v;
+  s[14] !== f ? (v = (O) => {
+    f(O);
+  }, s[14] = f, s[15] = v) : v = s[15];
+  let x;
+  s[16] !== _ || s[17] !== v ? (x = {
+    rootMargin: "200px 0px",
+    triggerOnce: !0,
+    fallbackInView: !0,
+    skip: _,
+    onChange: v
+  }, s[16] = _, s[17] = v, s[18] = x) : x = s[18];
+  const {
+    ref: E
+  } = K(x);
+  let I;
+  s[19] !== e ? (I = (O) => (j) => {
+    e && j && (j.src = O);
+  }, s[19] = e, s[20] = I) : I = s[20];
+  const D = I, N = h === "dark" && !e && !m.includes("-colored"), T = d === "medium", V = d === "small", L = d === "x-small";
+  let q;
+  s[21] !== o || s[22] !== N || s[23] !== T || s[24] !== V || s[25] !== L ? (q = P(y.image, o, {
+    [y.imageThemeDark]: N,
+    [y.imageSizeMedium]: T,
+    [y.imageSizeSmall]: V,
+    [y.imageSizeXSmall]: L
+  }), s[21] = o, s[22] = N, s[23] = T, s[24] = V, s[25] = L, s[26] = q) : q = s[26];
+  const z = q;
+  let R;
+  return s[27] !== b || s[28] !== D || s[29] !== i || s[30] !== z || s[31] !== u || s[32] !== E || s[33] !== a || s[34] !== d || s[35] !== e ? (R = e ? /* @__PURE__ */ A("img", { className: z, ref: D(e), width: S[d], height: S[d], loading: "lazy", alt: (i == null ? void 0 : i["aria-label"]) || "", ...a }) : !u && b ? /* @__PURE__ */ A(b, { className: z, title: (i == null ? void 0 : i["aria-label"]) || "", role: i != null && i["aria-label"] ? "img" : void 0, ...a }) : /* @__PURE__ */ A("div", { className: z, ref: E }), s[27] = b, s[28] = D, s[29] = i, s[30] = z, s[31] = u, s[32] = E, s[33] = a, s[34] = d, s[35] = e, s[36] = R) : R = s[36], R;
+};
+export {
+  ds as D,
+  ms as I,
+  os as u
+};