@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.4

package/{fieldset.DGcIKzDI.js → chunks/Fieldset.BokeZzG5.js}

@@ -1,13 +1,13 @@
 "use client";
-import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
+import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
+import { c } from "./index.CvOaL64Y.js";
 import "react";
-import { Asterisk as f } from "./asterisk.DU8THnoC.js";
-import { DSHeading as w } from "./heading.DqGbFfj2.js";
-import { DSSystemFeedback as N } from "./systemfeedback.C7iXO5A1.js";
-import { g as y } from "./chunks/helpers.B1JT5ShS.js";
-import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-wrapper_189b3_69", M = "_legend_189b3_76", q = "_legend--utility--m_189b3_80", C = "_description_189b3_91", P = "_description--small_189b3_104", T = "_system-feedback_189b3_108", i = {
-  root: v,
+import { Asterisk as f } from "../asterisk.DU8THnoC.js";
+import { DSHeading as v } from "../heading.DqGbFfj2.js";
+import { DSSystemFeedback as w } from "../systemfeedback.4Hkfigi-.js";
+import { g as y } from "./helpers.B1JT5ShS.js";
+import '../assets/Fieldset.xazpUXJX.css';const N = "_root_189b3_63", E = "_child-wrapper_189b3_69", M = "_legend_189b3_76", q = "_legend--utility--m_189b3_80", C = "_description_189b3_91", P = "_description--small_189b3_104", T = "_system-feedback_189b3_108", i = {
+  root: N,
   "child-wrapper": "_child-wrapper_189b3_69",
   childWrapper: E,
   legend: M,
@@ -19,19 +19,19 @@ import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-
   "system-feedback": "_system-feedback_189b3_108",
   systemFeedback: T
 }, U = ({
-  description: n,
+  description: a,
   id: s,
-  legend: a,
+  legend: n,
   systemFeedback: t
 }) => {
-  if (!s && (n || t))
+  if (!s && (a || t))
     throw new Error(
       y(
         "DSFieldset",
         'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
       )
     );
-  if (!a)
+  if (!n)
     throw new Error(
       y(
         "DSFieldset",
@@ -39,9 +39,9 @@ import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-
       )
     );
 }, H = ({
-  children: n,
+  children: a,
   legend: s,
-  className: a,
+  className: n,
   description: t,
   disabled: j = !1,
   id: d,
@@ -57,7 +57,7 @@ import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-
   const g = `${d}-feedback`, h = `${d}-description`, u = [
     o && g,
     t && h
-  ].filter(Boolean).join(" "), x = !l || r === "small" || r === "small-uppercase", D = c(i.root, a), F = c(i.legend, {
+  ].filter(Boolean).join(" "), x = !l || r === "small" || r === "small-uppercase", D = c(i.root, n), F = c(i.legend, {
     [i.legendUtilityM]: !l
   }), k = c(i.description, {
     [i.descriptionSmall]: x
@@ -71,7 +71,7 @@ import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-
       "aria-invalid": p,
       "aria-describedby": u || void 0,
       children: [
-        /* @__PURE__ */ e.jsx("legend", { className: F, children: l ? /* @__PURE__ */ e.jsxs(w, { tag: _, size: r, children: [
+        /* @__PURE__ */ e.jsx("legend", { className: F, children: l ? /* @__PURE__ */ e.jsxs(v, { tag: _, size: r, children: [
           b,
           m && /* @__PURE__ */ e.jsx(f, {})
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -80,7 +80,7 @@ import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-
         ] }) }),
         t && /* @__PURE__ */ e.jsx("span", { id: h, className: k, children: t }),
         p && o && /* @__PURE__ */ e.jsx(
-          N,
+          w,
           {
             id: g,
             type: "invalid",
@@ -88,11 +88,12 @@ import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-
             className: i.systemFeedback
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: i.childWrapper, children: n })
+        /* @__PURE__ */ e.jsx("div", { className: i.childWrapper, children: a })
       ]
     }
   );
 };
 export {
-  H as DSFieldset
+  H as D,
+  U as v
 };

package/chunks/Icon.9gDIp6p4.js

@@ -0,0 +1,217 @@
+"use client";
+import { j as x } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as j } from "./index.CvOaL64Y.js";
+import * as b from "react";
+import { useRef as D, useState as y, useEffect as E } from "react";
+import '../assets/Icon.CB-KQmw4.css';var I = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), M = 0, T = void 0;
+function V(s) {
+  return s ? (_.has(s) || (M += 1, _.set(s, M.toString())), _.get(s)) : "0";
+}
+function L(s) {
+  return Object.keys(s).sort().filter(
+    (t) => s[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? V(s.root) : s[t]}`).toString();
+}
+function N(s) {
+  const t = L(s);
+  let i = I.get(t);
+  if (!i) {
+    const e = /* @__PURE__ */ new Map();
+    let a;
+    const r = new IntersectionObserver((n) => {
+      n.forEach((o) => {
+        var c;
+        const v = o.isIntersecting && a.some((m) => o.intersectionRatio >= m);
+        s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = v), (c = e.get(o.target)) == null || c.forEach((m) => {
+          m(v, o);
+        });
+      });
+    }, s);
+    a = r.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), i = {
+      id: t,
+      observer: r,
+      elements: e
+    }, I.set(t, i);
+  }
+  return i;
+}
+function O(s, t, i = {}, e = T) {
+  if (typeof window.IntersectionObserver > "u" && e !== void 0) {
+    const c = s.getBoundingClientRect();
+    return t(e, {
+      isIntersecting: e,
+      target: s,
+      intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
+      time: 0,
+      boundingClientRect: c,
+      intersectionRect: c,
+      rootBounds: c
+    }), () => {
+    };
+  }
+  const { id: a, observer: r, elements: n } = N(i), o = n.get(s) || [];
+  return n.has(s) || n.set(s, o), o.push(t), r.observe(s), function() {
+    o.splice(o.indexOf(t), 1), o.length === 0 && (n.delete(s), r.unobserve(s)), n.size === 0 && (r.disconnect(), I.delete(a));
+  };
+}
+function q({
+  threshold: s,
+  delay: t,
+  trackVisibility: i,
+  rootMargin: e,
+  root: a,
+  triggerOnce: r,
+  skip: n,
+  initialInView: o,
+  fallbackInView: c,
+  onChange: v
+} = {}) {
+  var m;
+  const [d, S] = b.useState(null), h = b.useRef(), [g, l] = b.useState({
+    inView: !!o,
+    entry: void 0
+  });
+  h.current = v, b.useEffect(
+    () => {
+      if (n || !d)
+        return;
+      let f;
+      return f = O(
+        d,
+        (R, k) => {
+          l({
+            inView: R,
+            entry: k
+          }), h.current && h.current(R, k), k.isIntersecting && r && f && (f(), f = void 0);
+        },
+        {
+          root: a,
+          rootMargin: e,
+          threshold: s,
+          // @ts-ignore
+          trackVisibility: i,
+          // @ts-ignore
+          delay: t
+        },
+        c
+      ), () => {
+        f && f();
+      };
+    },
+    // 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(s) ? s.toString() : s,
+      d,
+      a,
+      e,
+      r,
+      n,
+      i,
+      c,
+      t
+    ]
+  );
+  const u = (m = g.entry) == null ? void 0 : m.target, z = b.useRef();
+  !d && u && !r && !n && z.current !== u && (z.current = u, l({
+    inView: !!o,
+    entry: void 0
+  }));
+  const p = [S, g.inView, g.entry];
+  return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
+}
+const C = "_image_109vr_63", A = "_image--theme-dark_109vr_72", X = "_image--size-medium_109vr_75", $ = "_image--size-small_109vr_81", B = "_image--size-x-small_109vr_87", w = {
+  image: C,
+  "image--theme-dark": "_image--theme-dark_109vr_72",
+  imageThemeDark: A,
+  "image--size-medium": "_image--size-medium_109vr_75",
+  imageSizeMedium: X,
+  "image--size-small": "_image--size-small_109vr_81",
+  imageSizeSmall: $,
+  "image--size-x-small": "_image--size-x-small_109vr_87",
+  imageSizeXSmall: B
+}, G = (s, t, i) => {
+  const e = s[t];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, r) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
+  });
+}, Z = ["large", "medium", "small", "x-small"], P = (s) => {
+  var n;
+  const t = D(), [i, e] = y(!1), [a, r] = y(!0);
+  return E(() => {
+    i && (r(!0), (async () => {
+      try {
+        t.current = await G(/* @__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/${s}.svg`, 8);
+      } catch (c) {
+        console.error(c);
+      } finally {
+        r(!1);
+      }
+    })());
+  }, [s, i]), {
+    isLoading: a,
+    SVGIcon: (n = t.current) == null ? void 0 : n.default,
+    setShouldLoad: e
+  };
+}, F = ({
+  aria: s,
+  className: t,
+  name: i = "arrow-left",
+  size: e = "large",
+  source: a,
+  theme: r = "light",
+  ...n
+}) => {
+  const { SVGIcon: o, isLoading: c, setShouldLoad: v } = P(i), [, m] = y(i), d = {
+    large: 16,
+    medium: 12,
+    small: 10,
+    "x-small": 8
+  };
+  E(() => {
+    m(i);
+  }, [i]);
+  const { ref: S } = q({
+    rootMargin: "200px 0px",
+    triggerOnce: !0,
+    fallbackInView: !0,
+    skip: !!a,
+    onChange: (l) => {
+      v(l);
+    }
+  }), h = (l) => (u) => {
+    a && u && (u.src = l);
+  }, g = j(w.image, t, {
+    // custom icons and colored icons do not have a dark theme
+    [w.imageThemeDark]: r === "dark" && !a && !i.includes("-colored"),
+    [w.imageSizeMedium]: e === "medium",
+    [w.imageSizeSmall]: e === "small",
+    [w.imageSizeXSmall]: e === "x-small"
+  });
+  return a ? /* @__PURE__ */ x.jsx(
+    "img",
+    {
+      className: g,
+      ref: h(a),
+      width: d[e],
+      height: d[e],
+      loading: "lazy",
+      alt: (s == null ? void 0 : s["aria-label"]) || "",
+      ...n
+    }
+  ) : !c && o ? /* @__PURE__ */ x.jsx(
+    o,
+    {
+      className: g,
+      title: (s == null ? void 0 : s["aria-label"]) || "",
+      role: s != null && s["aria-label"] ? "img" : void 0,
+      ...n
+    }
+  ) : /* @__PURE__ */ x.jsx("div", { className: g, ref: S });
+};
+export {
+  F as D,
+  Z as I,
+  P as u
+};

package/chunks/{Input.utils.Bly6ZzLI.js → Input.utils.AKWCNkpA.js}

@@ -1,7 +1,7 @@
 "use client";
 import { g as t } from "./helpers.B1JT5ShS.js";
 import "react";
-const p = typeof document < "u", a = 8, i = 5, u = [
+const p = typeof document < "u", a = 8, i = 5, I = ["medium", "small"], u = [
   "color",
   "date",
   "datetime-local",
@@ -26,7 +26,7 @@ const p = typeof document < "u", a = 8, i = 5, u = [
   "submit",
   "image",
   "datetime"
-], I = ({
+], T = ({
   id: e,
   label: n,
   prefix: o,
@@ -94,13 +94,17 @@ const p = typeof document < "u", a = 8, i = 5, u = [
     hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
   };
   n[e] && console.warn(t("DSInput", n[e]));
-}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), D = (e, n) => h() && (e || n), T = (e) => e === "date" || e === "datetime-local" || e === "month", y = (e) => e === "time";
+}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), D = (e, n) => h() && (e || n), y = (e) => e === "date" || e === "datetime-local" || e === "month", U = (e) => e === "time";
 export {
+  I,
   a as M,
-  b as a,
-  i as b,
-  y as c,
-  T as i,
+  u as S,
+  l as U,
+  i as a,
+  b,
+  U as c,
+  h,
+  y as i,
   D as s,
-  I as v
+  T as v
 };

package/{inputpassword.-MXq8baU.js → chunks/InputPassword.jpUCijp7.js}

@@ -1,13 +1,13 @@
 "use client";
-import { j as a } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as i } from "./chunks/index.CvOaL64Y.js";
+import { j as a } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as i } from "./index.CvOaL64Y.js";
 import { useState as A } from "react";
-import { u as D } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as C } from "./asterisk.DU8THnoC.js";
-import { DSButton as L } from "./button.BUUGRxIp.js";
-import { DSSystemFeedback as $ } from "./systemfeedback.C7iXO5A1.js";
-import { g as b } from "./chunks/helpers.B1JT5ShS.js";
-import './assets/inputpassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "_input--invalid_8z84y_297", R = "_input--small_8z84y_304", V = "_input--has-leading-icon_8z84y_350", O = "_input--has-action-button_8z84y_353", F = "_input--has-second-action-button_8z84y_356", M = "_input--has-affix_8z84y_368", T = "_input--is-ready_8z84y_380", G = "_root_8z84y_387", J = "_hint_8z84y_395", K = "_label_8z84y_395", Q = "_wrapper_8z84y_399", U = "_action-button_8z84y_405", W = "_label--hidden_8z84y_422", X = "_feedback_8z84y_449", t = {
+import { u as D } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as C } from "../asterisk.DU8THnoC.js";
+import { DSButton as L } from "../button.DX_nxoJC.js";
+import { DSSystemFeedback as $ } from "../systemfeedback.4Hkfigi-.js";
+import { g as b } from "./helpers.B1JT5ShS.js";
+import '../assets/InputPassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "_input--invalid_8z84y_297", R = "_input--small_8z84y_304", V = "_input--has-leading-icon_8z84y_350", O = "_input--has-action-button_8z84y_353", F = "_input--has-second-action-button_8z84y_356", M = "_input--has-affix_8z84y_368", T = "_input--is-ready_8z84y_380", G = "_root_8z84y_387", J = "_hint_8z84y_395", K = "_label_8z84y_395", Q = "_wrapper_8z84y_399", U = "_action-button_8z84y_405", W = "_label--hidden_8z84y_422", X = "_feedback_8z84y_449", t = {
   input: E,
   "input--invalid": "_input--invalid_8z84y_297",
   inputInvalid: q,
@@ -68,7 +68,7 @@ import './assets/inputpassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "
     id: n,
     label: s
   });
-  const [p, I] = A(!1), _ = `${n}-label`, m = `${n}-feedback`, y = `${n}-hint`, B = e ? ` ${y}` : "", H = D(z), g = i(t.root, f), v = i(t.input, {
+  const [p, I] = A(!1), _ = `${n}-label`, m = `${n}-feedback`, y = `${n}-hint`, v = e ? ` ${y}` : "", B = D(z), H = i(t.root, f), g = i(t.input, {
     // small input
     [t.inputSmall]: l === "small",
     // invalid state
@@ -77,13 +77,13 @@ import './assets/inputpassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "
     [t.inputHasActionButton]: !0
   }), P = i(t.label, {
     // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: H
+    [t.labelHidden]: B
   }), N = i(t.actionButton, {
     [t.actionButtonSmall]: l === "small"
   }), j = () => {
     I((k) => !k);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: g, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: H, children: [
     /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: n, children: [
       s,
       d && /* @__PURE__ */ a.jsx(C, {})
@@ -102,10 +102,10 @@ import './assets/inputpassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "
       /* @__PURE__ */ a.jsx(
         "input",
         {
-          className: v,
+          className: g,
           id: n,
           ...x,
-          "aria-labelledby": `${_}${B}`,
+          "aria-labelledby": `${_}${v}`,
           "aria-describedby": o && u ? m : void 0,
           "aria-invalid": o,
           "aria-disabled": r,
@@ -135,5 +135,6 @@ import './assets/inputpassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "
   ] });
 };
 export {
-  lt as DSInputPassword
+  lt as D,
+  Y as v
 };

package/{inputsearch.CoYTSjox.js → chunks/InputSearch.BmOtAZcR.js}

@@ -1,13 +1,13 @@
 "use client";
-import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { useState as J, useRef as w, useEffect as A } from "react";
-import { g as y, a as K } from "./chunks/helpers.B1JT5ShS.js";
-import { u as Q } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as U } from "./asterisk.DU8THnoC.js";
-import { DSButton as D } from "./button.BUUGRxIp.js";
-import { DSSystemFeedback as X } from "./systemfeedback.C7iXO5A1.js";
-import './assets/inputsearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_input--invalid_17rym_297", z = "_input--small_17rym_304", tt = "_input--has-leading-icon_17rym_350", nt = "_input--has-action-button_17rym_353", et = "_input--has-second-action-button_17rym_356", at = "_input--has-affix_17rym_368", st = "_input--is-ready_17rym_380", ot = "_root_17rym_387", it = "_hint_17rym_395", ct = "_label_17rym_395", rt = "_wrapper_17rym_399", ut = "_action-button_17rym_405", lt = "_second-action-button_17rym_409", pt = "_label--hidden_17rym_426", mt = "_feedback_17rym_453", t = {
+import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
+import { c } from "./index.CvOaL64Y.js";
+import { useState as J, useRef as w, useEffect as D } from "react";
+import { g as y, a as K } from "./helpers.B1JT5ShS.js";
+import { u as Q } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as U } from "../asterisk.DU8THnoC.js";
+import { DSButton as A } from "../button.DX_nxoJC.js";
+import { DSSystemFeedback as X } from "../systemfeedback.4Hkfigi-.js";
+import '../assets/InputSearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_input--invalid_17rym_297", z = "_input--small_17rym_304", tt = "_input--has-leading-icon_17rym_350", nt = "_input--has-action-button_17rym_353", et = "_input--has-second-action-button_17rym_356", at = "_input--has-affix_17rym_368", st = "_input--is-ready_17rym_380", ot = "_root_17rym_387", it = "_hint_17rym_395", ct = "_label_17rym_395", rt = "_wrapper_17rym_399", ut = "_action-button_17rym_405", lt = "_second-action-button_17rym_409", pt = "_label--hidden_17rym_426", mt = "_feedback_17rym_453", t = {
   input: Y,
   "input--invalid": "_input--invalid_17rym_297",
   inputInvalid: Z,
@@ -73,9 +73,9 @@ import './assets/inputsearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_i
     label: r
   });
   const [p, g] = J(b), f = w(null), m = w(null), V = Q(j);
-  A(() => {
+  D(() => {
     g(b);
-  }, [b]), A(() => {
+  }, [b]), D(() => {
     f.current && !dt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
       y(
         "DSInputSearch",
@@ -151,7 +151,7 @@ import './assets/inputsearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_i
         }
       ),
       N && !s && !u && /* @__PURE__ */ e.jsx(
-        D,
+        A,
         {
           hideLabel: !0,
           theme: "light",
@@ -166,7 +166,7 @@ import './assets/inputsearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_i
         }
       ),
       /* @__PURE__ */ e.jsx(
-        D,
+        A,
         {
           hideLabel: !0,
           theme: "light",
@@ -184,5 +184,7 @@ import './assets/inputsearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_i
   ] });
 };
 export {
-  Bt as DSInputSearch
+  Bt as D,
+  dt as i,
+  _t as v
 };

package/{inputstepper.BBMQr6kM.js → chunks/InputStepper.DTKjUL4U.js}

@@ -1,23 +1,23 @@
 "use client";
-import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
+import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
+import { c } from "./index.CvOaL64Y.js";
 import { useState as f, useRef as N, useEffect as w, useLayoutEffect as M } from "react";
-import { u as bn } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as mn } from "./asterisk.DU8THnoC.js";
-import { DSButton as X } from "./button.BUUGRxIp.js";
-import { M as E, b as H } from "./chunks/Input.utils.Bly6ZzLI.js";
-import { DSSystemFeedback as hn } from "./systemfeedback.C7iXO5A1.js";
-import { g as y } from "./chunks/helpers.B1JT5ShS.js";
-import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn = "_input--invalid_134nb_298", yn = "_input--small_134nb_305", In = "_input--has-leading-icon_134nb_351", vn = "_input--has-action-button_134nb_354", gn = "_input--has-second-action-button_134nb_357", An = "_input--has-affix_134nb_369", Bn = "_input--is-ready_134nb_381", Dn = "_root_134nb_388", Nn = "_hint_134nb_396", wn = "_label_134nb_396", En = "_wrapper_134nb_400", Hn = "_affix_134nb_406", Ln = "_affix--small_134nb_426", jn = "_affix--disabled_134nb_438", Rn = "_prefix_134nb_441", kn = "_affix--readonly_134nb_444", Cn = "_suffix_134nb_454", $n = "_action-button_134nb_461", Fn = "_label--hidden_134nb_478", Vn = "_feedback_134nb_505", Pn = "_second-action-button_134nb_519", Tn = "_value-announcer_134nb_523", t = {
+import { u as bn } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as mn } from "../asterisk.DU8THnoC.js";
+import { DSButton as X } from "../button.DX_nxoJC.js";
+import { M as E, a as H } from "./Input.utils.AKWCNkpA.js";
+import { DSSystemFeedback as hn } from "../systemfeedback.4Hkfigi-.js";
+import { g as y } from "./helpers.B1JT5ShS.js";
+import '../assets/InputStepper.paPJix5A.css';const xn = "_input_134nb_187", Sn = "_input--invalid_134nb_298", yn = "_input--small_134nb_305", vn = "_input--has-leading-icon_134nb_351", In = "_input--has-action-button_134nb_354", gn = "_input--has-second-action-button_134nb_357", An = "_input--has-affix_134nb_369", Bn = "_input--is-ready_134nb_381", Dn = "_root_134nb_388", Nn = "_hint_134nb_396", wn = "_label_134nb_396", En = "_wrapper_134nb_400", Hn = "_affix_134nb_406", Ln = "_affix--small_134nb_426", jn = "_affix--disabled_134nb_438", Rn = "_prefix_134nb_441", kn = "_affix--readonly_134nb_444", Cn = "_suffix_134nb_454", $n = "_action-button_134nb_461", Fn = "_label--hidden_134nb_478", Vn = "_feedback_134nb_505", Pn = "_second-action-button_134nb_519", Tn = "_value-announcer_134nb_523", t = {
   input: xn,
   "input--invalid": "_input--invalid_134nb_298",
   inputInvalid: Sn,
   "input--small": "_input--small_134nb_305",
   inputSmall: yn,
   "input--has-leading-icon": "_input--has-leading-icon_134nb_351",
-  inputHasLeadingIcon: In,
+  inputHasLeadingIcon: vn,
   "input--has-action-button": "_input--has-action-button_134nb_354",
-  inputHasActionButton: vn,
+  inputHasActionButton: In,
   "input--has-second-action-button": "_input--has-second-action-button_134nb_357",
   inputHasSecondActionButton: gn,
   "input--has-affix": "_input--has-affix_134nb_369",
@@ -84,7 +84,7 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
   className: h,
   disabled: d = !1,
   decreaseAmountButtonLabel: q = "Decrease",
-  hint: I,
+  hint: v,
   hideLabel: G = !1,
   invalid: x = !1,
   increaseAmountButtonLabel: O = "Increase",
@@ -96,7 +96,7 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
   size: i = "medium",
   step: U = 1,
   suffix: r,
-  systemFeedback: v,
+  systemFeedback: I,
   value: S,
   onChange: k,
   ...J
@@ -151,7 +151,7 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
     [t.affixSmall]: i === "small",
     [t.affixDisabled]: d,
     [t.affixReadonly]: p
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, sn = I ? ` ${P}` : "", on = c(t.root, h), ln = c(t.input, {
+  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, sn = v ? ` ${P}` : "", on = c(t.root, h), ln = c(t.input, {
     // small input
     [t.inputSmall]: i === "small",
     // invalid state
@@ -168,7 +168,7 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
     [t.actionButtonSmall]: i === "small"
   }), dn = () => {
     const n = [T];
-    return x && v && n.push(V), n.join(" ");
+    return x && I && n.push(V), n.join(" ");
   }, W = () => {
     var n;
     if (s.current) {
@@ -190,7 +190,7 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
       b,
       R && /* @__PURE__ */ e.jsx(mn, {})
     ] }),
-    I && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: P, children: I }),
+    v && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: P, children: v }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -201,11 +201,11 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
         children: A
       }
     ),
-    x && v && /* @__PURE__ */ e.jsx(
+    x && I && /* @__PURE__ */ e.jsx(
       hn,
       {
         className: t.feedback,
-        message: v,
+        message: I,
         type: "invalid",
         id: V
       }
@@ -286,5 +286,6 @@ import './assets/inputstepper.paPJix5A.css';const xn = "_input_134nb_187", Sn =
   ] });
 };
 export {
-  Yn as DSInputStepper
+  Yn as D,
+  Wn as v
 };