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

package/icon.PX9_1kNB.js

@@ -0,0 +1,215 @@
+"use client";
+import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as E } from "./chunks/index.CvOaL64Y.js";
+import * as b from "react";
+import { useRef as T, useState as y, useEffect as j } from "react";
+import './assets/icon.CB-KQmw4.css';var z = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), M = 0, V = void 0;
+function D(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" ? D(s.root) : s[t]}`).toString();
+}
+function q(s) {
+  const t = L(s);
+  let i = z.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
+    }, z.set(t, i);
+  }
+  return i;
+}
+function N(s, t, i = {}, e = V) {
+  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 } = q(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(), z.delete(a));
+  };
+}
+function O({
+  threshold: s,
+  delay: t,
+  trackVisibility: i,
+  rootMargin: e,
+  root: a,
+  triggerOnce: r,
+  skip: n,
+  initialInView: o,
+  fallbackInView: c,
+  onChange: v
+} = {}) {
+  var m;
+  const [d, k] = 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 = N(
+        d,
+        (R, S) => {
+          l({
+            inView: R,
+            entry: S
+          }), h.current && h.current(R, S), S.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, I = b.useRef();
+  !d && u && !r && !n && I.current !== u && (I.current = u, l({
+    inView: !!o,
+    entry: void 0
+  }));
+  const p = [k, g.inView, g.entry];
+  return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
+}
+const A = "_image_109vr_63", C = "_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: A,
+  "image--theme-dark": "_image--theme-dark_109vr_72",
+  imageThemeDark: C,
+  "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." : ""))));
+  });
+}, P = (s) => {
+  var n;
+  const t = T(), [i, e] = y(!1), [a, r] = y(!0);
+  return j(() => {
+    i && (r(!0), (async () => {
+      try {
+        t.current = await G(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./chunks/360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./chunks/academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./chunks/alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./chunks/arrow-clockwise.BefOjGPg.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./chunks/arrow-counterclockwise.C7Ov32BZ.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./chunks/arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./chunks/arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./chunks/arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./chunks/arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./chunks/arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./chunks/arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./chunks/arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./chunks/arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./chunks/arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./chunks/at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./chunks/barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery.svg": () => import("./chunks/battery.YCg9lYqC.js"), "../../../../icons/dist/assets/bell.svg": () => import("./chunks/bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./chunks/bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./chunks/bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./chunks/bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./chunks/bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./chunks/burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./chunks/calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./chunks/camera.BoCB0Emp.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./chunks/cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./chunks/cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./chunks/cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./chunks/catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./chunks/certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chunks/chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chunks/chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./chunks/check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chunks/chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chunks/chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chunks/chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chunks/chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chunks/chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chunks/chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./chunks/circle-check-colored.Bye_GwLy.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./chunks/circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./chunks/circle-info-colored.DLY6BTL4.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./chunks/circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./chunks/circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./chunks/circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./chunks/circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./chunks/clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./chunks/coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/compare.svg": () => import("./chunks/compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./chunks/connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./chunks/connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./chunks/connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./chunks/cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./chunks/diamond-exclamationmark-colored.WNKYwZ8q.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./chunks/diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./chunks/diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./chunks/diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./chunks/distance.FA6pTjcW.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./chunks/dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./chunks/download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./chunks/envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./chunks/envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./chunks/exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./chunks/exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./chunks/eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./chunks/eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./chunks/facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/filter.svg": () => import("./chunks/filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./chunks/finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./chunks/flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./chunks/fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./chunks/gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./chunks/globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./chunks/grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./chunks/guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./chunks/haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./chunks/hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./chunks/headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./chunks/heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./chunks/hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./chunks/horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./chunks/house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./chunks/imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./chunks/info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./chunks/instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./chunks/leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./chunks/lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./chunks/linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./chunks/list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./chunks/list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./chunks/loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./chunks/lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./chunks/magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./chunks/magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./chunks/magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./chunks/map.CXgG1iGz.js"), "../../../../icons/dist/assets/minus.svg": () => import("./chunks/minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./chunks/mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./chunks/nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./chunks/note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./chunks/note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./chunks/note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./chunks/number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./chunks/paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./chunks/parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./chunks/pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pdf.svg": () => import("./chunks/pdf.9kZbElrZ.js"), "../../../../icons/dist/assets/pen.svg": () => import("./chunks/pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./chunks/percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./chunks/petrol.Du6qAgp0.js"), "../../../../icons/dist/assets/phone.svg": () => import("./chunks/phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./chunks/pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./chunks/pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./chunks/pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./chunks/placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./chunks/play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./chunks/plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./chunks/plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./chunks/printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./chunks/prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./chunks/questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./chunks/security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./chunks/share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./chunks/shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./chunks/shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./chunks/sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./chunks/sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./chunks/speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./chunks/speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./chunks/square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./chunks/star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./chunks/star.BkjednvI.js"), "../../../../icons/dist/assets/tag.svg": () => import("./chunks/tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./chunks/thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./chunks/thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./chunks/triangle-exclamationmark-colored.CbVC3Gzi.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./chunks/triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./chunks/triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./chunks/truck.xIk5wW6T.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./chunks/two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./chunks/two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./chunks/upload.ZImTAIgx.js"), "../../../../icons/dist/assets/user.svg": () => import("./chunks/user.BMARueuy.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./chunks/vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./chunks/wc.gmKE1r5l.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./chunks/whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./chunks/wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./chunks/wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./chunks/wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./chunks/wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./chunks/wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./chunks/wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./chunks/x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./chunks/xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./chunks/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
+  };
+  j(() => {
+    m(i);
+  }, [i]);
+  const { ref: k } = O({
+    rootMargin: "200px 0px",
+    triggerOnce: !0,
+    fallbackInView: !0,
+    skip: !!a,
+    onChange: (l) => {
+      v(l);
+    }
+  }), h = (l) => (u) => {
+    a && u && (u.src = l);
+  }, g = E(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: k });
+};
+export {
+  F as DSIcon
+};

package/index.es.js

@@ -1,27 +1,27 @@
 "use client";
-import { DSButton as t } from "./button.87ad387c.js";
-import { DSButtonRound as p } from "./buttonround.ecb24c29.js";
-import { DSCheckbox as x } from "./checkbox.42617f46.js";
-import { DSCheckboxGroup as f } from "./checkboxgroup.fa110fdf.js";
-import { DSCombobox as n } from "./combobox.d93091e0.js";
-import { DSFieldset as u } from "./fieldset.fdd84bda.js";
-import { DSFloatingActionButton as c } from "./floatingactionbutton.281b5465.js";
-import { DSHeading as l } from "./heading.c02dcb70.js";
-import { DSIcon as b } from "./icon.b4211784.js";
-import { DSInput as k } from "./input.064e0bbf.js";
-import { DSInputPassword as g } from "./inputpassword.f76c2f62.js";
-import { DSInputSearch as C } from "./inputsearch.6e913fc6.js";
-import { DSInputStepper as T } from "./inputstepper.2047ec77.js";
-import { DSLink as F } from "./link.5eb13d6e.js";
-import { DSLinkStandalone as R } from "./linkstandalone.edfd6288.js";
-import { DSLogo as H } from "./logo.e6576fe3.js";
-import { DSRadioGroup as j } from "./radiogroup.e1c8ea3d.js";
-import { DSSelect as v } from "./select.88d40c51.js";
-import { DSSpinner as z } from "./spinner.ee015469.js";
-import { DSSwitch as J } from "./switch.96fd1689.js";
-import { DSText as M } from "./text.de8facb9.js";
-import { DSTextarea as O } from "./textarea.b8c40c8b.js";
-import { DSTitle as U } from "./title.7be43d50.js";
+import { DSButton as t } from "./button.BUUGRxIp.js";
+import { DSButtonRound as p } from "./buttonround.CKc-a-hd.js";
+import { DSCheckbox as x } from "./checkbox.C2Ga9yTK.js";
+import { DSCheckboxGroup as f } from "./checkboxgroup.Cfxz9bk6.js";
+import { DSCombobox as n } from "./combobox.BXHAo4Wx.js";
+import { DSFieldset as u } from "./fieldset.DGcIKzDI.js";
+import { DSFloatingActionButton as c } from "./floatingactionbutton.DzHD39NY.js";
+import { DSHeading as l } from "./heading.DqGbFfj2.js";
+import { DSIcon as b } from "./icon.PX9_1kNB.js";
+import { DSInput as k } from "./input.o8OT6rxJ.js";
+import { DSInputPassword as g } from "./inputpassword.-MXq8baU.js";
+import { DSInputSearch as C } from "./inputsearch.CoYTSjox.js";
+import { DSInputStepper as T } from "./inputstepper.BBMQr6kM.js";
+import { DSLink as F } from "./link.BN6AZfhG.js";
+import { DSLinkStandalone as R } from "./linkstandalone.4-fyRd08.js";
+import { DSLogo as H } from "./logo.C_oJ8isW.js";
+import { DSRadioGroup as j } from "./radiogroup.oILRMrX-.js";
+import { DSSelect as v } from "./select.OGcreXnT.js";
+import { DSSpinner as z } from "./spinner.Diy_EeFY.js";
+import { DSSwitch as J } from "./switch.BjoFKMQC.js";
+import { DSText as M } from "./text.CPU8IUqY.js";
+import { DSTextarea as O } from "./textarea.kc_Sfbgr.js";
+import { DSTitle as U } from "./title.icX0VDiO.js";
 export {
   t as DSButton,
   p as DSButtonRound,

package/input.o8OT6rxJ.js

@@ -0,0 +1,236 @@
+"use client";
+import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as l } from "./chunks/index.CvOaL64Y.js";
+import { useState as m, useRef as k, useLayoutEffect as B, useEffect as as } from "react";
+import { u as ts } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { Asterisk as es } from "./asterisk.DU8THnoC.js";
+import { DSButton as E } from "./button.BUUGRxIp.js";
+import { DSIcon as ls } from "./icon.PX9_1kNB.js";
+import { DSSystemFeedback as os } from "./systemfeedback.C7iXO5A1.js";
+import { v as cs, a as ds, M as _s, b as us, s as fs, i as v, c as rs } from "./chunks/Input.utils.Bly6ZzLI.js";
+import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input--invalid_1swsi_297", hs = "_input--small_1swsi_304", bs = "_input--has-leading-icon_1swsi_350", ws = "_input--has-action-button_1swsi_353", xs = "_input--has-second-action-button_1swsi_356", gs = "_input--has-affix_1swsi_368", Is = "_input--is-ready_1swsi_380", Ss = "_root_1swsi_387", ys = "_hint_1swsi_395", Hs = "_label_1swsi_395", ks = "_wrapper_1swsi_399", vs = "_affix_1swsi_405", Cs = "_affix--small_1swsi_425", Rs = "_affix--disabled_1swsi_437", js = "_prefix_1swsi_440", Ls = "_affix--readonly_1swsi_443", As = "_suffix_1swsi_453", Ds = "_leading-icon_1swsi_460", Ns = "_leading-icon--small_1swsi_472", Bs = "_leading-icon--disabled_1swsi_475", Es = "_action-button_1swsi_484", Ts = "_label--hidden_1swsi_501", Fs = "_feedback_1swsi_528", s = {
+  input: ps,
+  "input--invalid": "_input--invalid_1swsi_297",
+  inputInvalid: ms,
+  "input--small": "_input--small_1swsi_304",
+  inputSmall: hs,
+  "input--has-leading-icon": "_input--has-leading-icon_1swsi_350",
+  inputHasLeadingIcon: bs,
+  "input--has-action-button": "_input--has-action-button_1swsi_353",
+  inputHasActionButton: ws,
+  "input--has-second-action-button": "_input--has-second-action-button_1swsi_356",
+  inputHasSecondActionButton: xs,
+  "input--has-affix": "_input--has-affix_1swsi_368",
+  inputHasAffix: gs,
+  "input--is-ready": "_input--is-ready_1swsi_380",
+  inputIsReady: Is,
+  root: Ss,
+  hint: ys,
+  label: Hs,
+  wrapper: ks,
+  affix: vs,
+  "affix--small": "_affix--small_1swsi_425",
+  affixSmall: Cs,
+  "affix--disabled": "_affix--disabled_1swsi_437",
+  affixDisabled: Rs,
+  prefix: js,
+  "affix--readonly": "_affix--readonly_1swsi_443",
+  affixReadonly: Ls,
+  suffix: As,
+  "leading-icon": "_leading-icon_1swsi_460",
+  leadingIcon: Ds,
+  "leading-icon--small": "_leading-icon--small_1swsi_472",
+  leadingIconSmall: Ns,
+  "leading-icon--disabled": "_leading-icon--disabled_1swsi_475",
+  leadingIconDisabled: Bs,
+  "action-button": "_action-button_1swsi_484",
+  actionButton: Es,
+  "label--hidden": "_label--hidden_1swsi_501",
+  labelHidden: Ts,
+  feedback: Fs
+}, Js = ({
+  id: d,
+  label: C,
+  actionButtonLabel: T,
+  actionButtonIconName: u,
+  actionButtonIconSource: h,
+  actionButtonOnClick: F,
+  className: P,
+  disabled: a = !1,
+  hint: b,
+  hideLabel: O = !1,
+  invalid: f = !1,
+  leadingIconName: r,
+  leadingIconSource: p,
+  prefix: t,
+  readonly: _ = !1,
+  required: R = !1,
+  size: e = "medium",
+  suffix: n,
+  systemFeedback: w,
+  type: o = "text",
+  ...$
+}) => {
+  process.env.NODE_ENV !== "production" && (cs({
+    id: d,
+    label: C,
+    prefix: t,
+    suffix: n,
+    leadingIconName: r,
+    leadingIconSource: p,
+    actionButtonIconName: u,
+    actionButtonIconSource: h
+  }), ds(o));
+  const [W, X] = m(!1), [M, V] = m(!1), [x, G] = m(!1), [U, J] = m({}), g = k(null), K = t == null ? void 0 : t.substring(0, _s), I = k(null), Q = n == null ? void 0 : n.substring(0, us), S = k(null), Y = ts(O);
+  B(() => {
+    const c = e === "medium" ? 16 : 8, y = {};
+    if (I.current) {
+      const H = I.current.offsetWidth;
+      y.paddingInlineStart = c + H + "px";
+    }
+    if (S.current) {
+      const H = S.current.offsetWidth;
+      y.paddingInlineEnd = c + H + "px";
+    }
+    J(y), X(!0);
+  }, [t, n, e, M]), B(() => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load(
+        '1em "STIHL Contraface Digital Text Regular"'
+      ), V(!0));
+    })();
+  }, []), as(() => {
+    const c = fs(
+      v(o),
+      rs(o)
+    );
+    G(c);
+  }, [o]);
+  const j = l(s.affix, {
+    [s.affixSmall]: e === "small",
+    [s.affixDisabled]: a,
+    [s.affixReadonly]: _
+  }), L = `${d}-label`, A = `${d}-feedback`, D = `${d}-hint`, Z = b ? ` ${D}` : "", q = l(s.root, P), z = l(s.input, {
+    // small input
+    [s.inputSmall]: e === "small",
+    // invalid state
+    [s.inputInvalid]: f,
+    // leading icon
+    [s.inputHasLeadingIcon]: r || p,
+    // prefix/suffix
+    [s.inputHasAffix]: t || n,
+    // action button
+    [s.inputHasActionButton]: u || h || x,
+    [s.inputIsReady]: W
+  }), ss = l(s.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [s.labelHidden]: Y
+  }), is = l(s.leadingIcon, {
+    [s.leadingIconSmall]: e === "small",
+    [s.leadingIconDisabled]: a
+  }), N = l(s.actionButton, {
+    [s.actionButtonSmall]: e === "small"
+  }), ns = (c) => {
+    g.current && !a && !_ && g.current.showPicker(), c.preventDefault();
+  };
+  return /* @__PURE__ */ i.jsxs("div", { className: q, children: [
+    /* @__PURE__ */ i.jsxs("label", { className: ss, id: L, htmlFor: d, children: [
+      C,
+      R && /* @__PURE__ */ i.jsx(es, {})
+    ] }),
+    b && /* @__PURE__ */ i.jsx("div", { className: s.hint, id: D, children: b }),
+    f && w && /* @__PURE__ */ i.jsx(
+      os,
+      {
+        className: s.feedback,
+        message: w,
+        type: "invalid",
+        id: A
+      }
+    ),
+    /* @__PURE__ */ i.jsxs("div", { className: s.wrapper, children: [
+      t && /* @__PURE__ */ i.jsx(
+        "span",
+        {
+          className: l(j, s.prefix),
+          ref: I,
+          "aria-disabled": a,
+          children: K
+        }
+      ),
+      !t && (r || p) && /* @__PURE__ */ i.jsx(
+        ls,
+        {
+          name: r,
+          theme: "light",
+          source: p,
+          className: is,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ i.jsx(
+        "input",
+        {
+          type: o,
+          className: z,
+          id: d,
+          ref: g,
+          ...$,
+          style: U,
+          "aria-labelledby": `${L}${Z}`,
+          "aria-describedby": f && w ? A : void 0,
+          "aria-invalid": f,
+          "aria-disabled": _,
+          readOnly: _,
+          required: R,
+          disabled: a
+        }
+      ),
+      n && /* @__PURE__ */ i.jsx(
+        "span",
+        {
+          className: l(j, s.suffix),
+          ref: S,
+          "aria-disabled": a,
+          children: Q
+        }
+      ),
+      !n && !x && (u || h) && /* @__PURE__ */ i.jsx(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: u,
+          variant: "ghost",
+          className: N,
+          size: e,
+          onClick: F,
+          type: "button",
+          disabled: a || _,
+          children: T
+        }
+      ),
+      !n && x && !_ && !a && /* @__PURE__ */ i.jsxs(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: v(o) ? "calendar" : "clock",
+          variant: "ghost",
+          className: N,
+          size: e,
+          onClick: ns,
+          type: "button",
+          children: [
+            "Open ",
+            v(o) ? "date" : "time",
+            " picker"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Js as DSInput
+};