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

package/chunks/Icon.m6sMB6vl.js

@@ -0,0 +1,232 @@
+"use client";
+import { jsx as C } from "react/jsx-runtime";
+import { d as W } from "./index.cKLI89Eg.js";
+import { c as $ } from "./index.DQOqod3i.js";
+import * as x from "react";
+import { useRef as H, useState as V, useEffect as P } from "react";
+import { h as U } from "./has-window.ut_-aShB.js";
+import { g as Z } from "./helpers.CexwVao7.js";
+import '../assets/Icon.i2P_Jf3Q.css';var j = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new WeakMap(), G = 0, F;
+function J(t) {
+  return t ? (L.has(t) || (G += 1, L.set(t, G.toString())), L.get(t)) : "0";
+}
+function K(t) {
+  return Object.keys(t).sort().filter(
+    (s) => t[s] !== void 0
+  ).map((s) => `${s}_${s === "root" ? J(t.root) : t[s]}`).toString();
+}
+function Q(t) {
+  const s = K(t);
+  let e = j.get(s);
+  if (!e) {
+    const r = /* @__PURE__ */ new Map();
+    let c;
+    const i = new IntersectionObserver((n) => {
+      n.forEach((o) => {
+        var a;
+        const m = o.isIntersecting && c.some((d) => o.intersectionRatio >= d);
+        t.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = m), (a = r.get(o.target)) == null || a.forEach((d) => {
+          d(m, o);
+        });
+      });
+    }, t);
+    c = i.thresholds || (Array.isArray(t.threshold) ? t.threshold : [t.threshold || 0]), e = {
+      id: s,
+      observer: i,
+      elements: r
+    }, j.set(s, e);
+  }
+  return e;
+}
+function Y(t, s, e = {}, r = F) {
+  if (typeof window.IntersectionObserver > "u" && r !== void 0) {
+    const a = t.getBoundingClientRect();
+    return s(r, {
+      isIntersecting: r,
+      target: t,
+      intersectionRatio: typeof e.threshold == "number" ? e.threshold : 0,
+      time: 0,
+      boundingClientRect: a,
+      intersectionRect: a,
+      rootBounds: a
+    }), () => {
+    };
+  }
+  const { id: c, observer: i, elements: n } = Q(e), o = n.get(t) || [];
+  return n.has(t) || n.set(t, o), o.push(s), i.observe(t), function() {
+    o.splice(o.indexOf(s), 1), o.length === 0 && (n.delete(t), i.unobserve(t)), n.size === 0 && (i.disconnect(), j.delete(c));
+  };
+}
+function ss({
+  threshold: t,
+  delay: s,
+  trackVisibility: e,
+  rootMargin: r,
+  root: c,
+  triggerOnce: i,
+  skip: n,
+  initialInView: o,
+  fallbackInView: a,
+  onChange: m
+} = {}) {
+  var d;
+  const [u, y] = x.useState(null), h = x.useRef(m), l = x.useRef(o), [b, w] = x.useState({
+    inView: !!o,
+    entry: void 0
+  });
+  h.current = m, x.useEffect(
+    () => {
+      if (l.current === void 0 && (l.current = o), n || !u) return;
+      let v;
+      return v = Y(
+        u,
+        (p, f) => {
+          const I = l.current;
+          l.current = p, !(I === void 0 && !p) && (w({
+            inView: p,
+            entry: f
+          }), h.current && h.current(p, f), f.isIntersecting && i && v && (v(), v = void 0));
+        },
+        {
+          root: c,
+          rootMargin: r,
+          threshold: t,
+          // @ts-expect-error
+          trackVisibility: e,
+          delay: s
+        },
+        a
+      ), () => {
+        v && v();
+      };
+    },
+    // 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,
+      u,
+      c,
+      r,
+      i,
+      n,
+      e,
+      a,
+      s
+    ]
+  );
+  const k = (d = b.entry) == null ? void 0 : d.target, S = x.useRef(void 0);
+  !u && k && !i && !n && S.current !== k && (S.current = k, w({
+    inView: !!o,
+    entry: void 0
+  }), l.current = o);
+  const g = [y, b.inView, b.entry];
+  return g.ref = g[0], g.inView = g[1], g.entry = g[2], g;
+}
+const ts = "ds-icon_image_clh5i_1", is = "ds-icon_image--theme-dark_clh5i_10", es = "ds-icon_image--size-x-large_clh5i_13", os = "ds-icon_image--size-medium_clh5i_19", rs = "ds-icon_image--size-small_clh5i_25", ns = "ds-icon_image--size-x-small_clh5i_31", z = {
+  image: ts,
+  imageThemeDark: is,
+  imageSizeXLarge: es,
+  imageSizeMedium: os,
+  imageSizeSmall: rs,
+  imageSizeXSmall: ns
+}, as = (t, s, e) => {
+  const r = t[s];
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((c, i) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(i.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== e ? ". Note that variables only represent file names one level deep." : ""))));
+  });
+}, us = ["x-large", "large", "medium", "small", "x-small"], cs = (t) => {
+  const s = H(void 0), [e, r] = V(!1), [c, i] = V(!0);
+  return P(() => {
+    if (!U)
+      return;
+    let n = !0;
+    return e && (i(!0), (async () => {
+      try {
+        s.current = await as(/* @__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/accessibility.svg": () => import("./accessibility.B57oX4yV.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./arrow-clockwise.C4iOgjOc.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./arrow-counterclockwise.CgQAuBUe.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-charge-0.svg": () => import("./battery-charge-0.DxlgEAto.js"), "../../../../icons/dist/assets/battery-charge-100.svg": () => import("./battery-charge-100.D0Cax7dU.js"), "../../../../icons/dist/assets/battery.svg": () => import("./battery.6Idoickg.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-off.svg": () => import("./bluetooth-off.BzZCh4Q8.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/caret-down.svg": () => import("./caret-down.CupuwAF6.js"), "../../../../icons/dist/assets/caret-right.svg": () => import("./caret-right.DKtu4PQe.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.qP2s3vjI.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/collapse.svg": () => import("./collapse.Dvv3mgkv.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.CzYiaTZ0.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/document-magnifying-glass.svg": () => import("./document-magnifying-glass.DkvpNz-D.js"), "../../../../icons/dist/assets/document-s.svg": () => import("./document-s.CoOp0kBK.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/feather.svg": () => import("./feather.l1E4nFBx.js"), "../../../../icons/dist/assets/file-type-doc.svg": () => import("./file-type-doc.B_RSSYbu.js"), "../../../../icons/dist/assets/file-type-image.svg": () => import("./file-type-image.Cg2NRd7y.js"), "../../../../icons/dist/assets/file-type-pdf.svg": () => import("./file-type-pdf.Dm94xL2i.js"), "../../../../icons/dist/assets/file-type-video.svg": () => import("./file-type-video.CFwfiP-D.js"), "../../../../icons/dist/assets/file-type-zip.svg": () => import("./file-type-zip.SNixmKhQ.js"), "../../../../icons/dist/assets/file.svg": () => import("./file.DLgRXiem.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.DNl7PF61.js"), "../../../../icons/dist/assets/minus.svg": () => import("./minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/moon.svg": () => import("./moon.5yILPYXs.js"), "../../../../icons/dist/assets/muscle.svg": () => import("./muscle.DbNjWasV.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/pen.svg": () => import("./pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./petrol.BGWwCsTw.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/sun.svg": () => import("./sun.CY6ttzTL.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/tiktok.svg": () => import("./tiktok.BWJTDGYm.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./triangle-exclamationmark-colored.e93zvQ6Q.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/twitch.svg": () => import("./twitch.C893cAK8.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.BogDfonx.js"), "../../../../icons/dist/assets/user.svg": () => import("./user.BMARueuy.js"), "../../../../icons/dist/assets/variants.svg": () => import("./variants.-R3_RCW8.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./wc.gmKE1r5l.js"), "../../../../icons/dist/assets/weight.svg": () => import("./weight.DUPu2UT0.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 (a) {
+        console.error(Z("DSIcon", a instanceof Error ? a.message : String(a)));
+      } finally {
+        n && i(!1);
+      }
+    })()), () => {
+      n = !1;
+    };
+  }, [t, e]), {
+    isLoading: c,
+    SVGIcon: s.current?.default,
+    setShouldLoad: r
+  };
+}, fs = (t) => {
+  const s = W.c(42);
+  let e, r, c, i, n, o, a;
+  s[0] !== t ? ({
+    aria: e,
+    className: r,
+    name: n,
+    size: o,
+    source: i,
+    theme: a,
+    ...c
+  } = t, s[0] = t, s[1] = e, s[2] = r, s[3] = c, s[4] = i, s[5] = n, s[6] = o, s[7] = a) : (e = s[1], r = s[2], c = s[3], i = s[4], n = s[5], o = s[6], a = s[7]);
+  const m = n === void 0 ? "placeholder" : n, d = o === void 0 ? "large" : o, u = a === void 0 ? "light" : a, {
+    SVGIcon: y,
+    isLoading: h,
+    setShouldLoad: l
+  } = cs(m), [, b] = V(m);
+  let w;
+  s[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
+    "x-large": 24,
+    large: 16,
+    medium: 12,
+    small: 10,
+    "x-small": 8
+  }, s[8] = w) : w = s[8];
+  const k = w;
+  let S;
+  s[9] !== m || s[10] !== b ? (S = () => {
+    b(m);
+  }, s[9] = m, s[10] = b, s[11] = S) : S = s[11];
+  let g;
+  s[12] !== m ? (g = [m], s[12] = m, s[13] = g) : g = s[13], P(S, g);
+  const v = !!i;
+  let p;
+  s[14] !== l ? (p = (A) => {
+    l(A);
+  }, s[14] = l, s[15] = p) : p = s[15];
+  let f;
+  s[16] !== v || s[17] !== p ? (f = {
+    rootMargin: "200px 0px",
+    triggerOnce: !0,
+    fallbackInView: !0,
+    skip: v,
+    onChange: p
+  }, s[16] = v, s[17] = p, s[18] = f) : f = s[18];
+  const {
+    ref: I
+  } = ss(f);
+  let M;
+  s[19] !== i ? (M = (A) => (B) => {
+    i && B && (B.src = A);
+  }, s[19] = i, s[20] = M) : M = s[20];
+  const N = M;
+  let _;
+  s[21] !== m || s[22] !== i || s[23] !== u ? (_ = u === "dark" && !i && !m.includes("-colored"), s[21] = m, s[22] = i, s[23] = u, s[24] = _) : _ = s[24];
+  const T = d === "x-large", O = d === "medium", X = d === "small", q = d === "x-small";
+  let D;
+  s[25] !== r || s[26] !== _ || s[27] !== T || s[28] !== O || s[29] !== X || s[30] !== q ? (D = $(z.image, r, {
+    [z.imageThemeDark]: _,
+    [z.imageSizeXLarge]: T,
+    [z.imageSizeMedium]: O,
+    [z.imageSizeSmall]: X,
+    [z.imageSizeXSmall]: q
+  }), s[25] = r, s[26] = _, s[27] = T, s[28] = O, s[29] = X, s[30] = q, s[31] = D) : D = s[31];
+  const R = D;
+  let E;
+  return s[32] !== y || s[33] !== N || s[34] !== e || s[35] !== R || s[36] !== h || s[37] !== I || s[38] !== c || s[39] !== d || s[40] !== i ? (E = i ? /* @__PURE__ */ C("img", { className: R, ref: N(i), width: k[d], height: k[d], loading: "lazy", alt: e?.["aria-label"] || "", ...c }) : !h && y ? /* @__PURE__ */ C(y, { className: R, title: e?.["aria-label"] || "", role: e?.["aria-label"] ? "img" : void 0, ...c }) : /* @__PURE__ */ C("div", { className: R, ref: I }), s[32] = y, s[33] = N, s[34] = e, s[35] = R, s[36] = h, s[37] = I, s[38] = c, s[39] = d, s[40] = i, s[41] = E) : E = s[41], E;
+};
+export {
+  fs as D,
+  us as I,
+  cs as u
+};

package/chunks/Input.utils.D78E4MGO.js

@@ -0,0 +1,59 @@
+"use client";
+import { g as t } from "./helpers.CexwVao7.js";
+import "react";
+import "./index.cKLI89Eg.js";
+const r = 8, d = 5, I = ["medium", "small"], u = ["color", "date", "datetime-local", "email", "month", "number", "range", "tel", "text", "time", "url"], l = ["week", "file", "hidden", "button", "checkbox", "password", "radio", "search", "reset", "submit", "image", "datetime"], T = ({
+  hideLabel: e,
+  id: o,
+  label: a,
+  prefix: s,
+  popoverContent: c,
+  suffix: i,
+  leadingIconName: m,
+  leadingIconSource: p,
+  actionButtonProps: n
+}) => {
+  if (!o)
+    throw new Error(t("DSInput", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'));
+  if (!a)
+    throw new Error(t("DSInput", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInput component. If you don't want to display a label, set hideLabel={true}.`));
+  if (n && !n.label)
+    throw new Error(t("DSInput", "The action button needs to have a label for a11y reasons. Please add a label to the actionButtonProps."));
+  if (n && !n?.iconName && !n?.iconSource)
+    throw new Error(t("DSInput", "The action button needs to have an iconName or iconSource. Please add an iconName or iconSource to the actionButtonProps."));
+  s && s.length > r && console.warn(t("DSInput", `Prefix length must not exceed ${r} characters.`)), i && i.length > d && console.warn(t("DSInput", `Suffix length must not exceed ${d} characters.`)), s && (m || p) && console.warn(t("DSInput", "Prefix and a leading Icon cannot be used at the same time.")), i && (n?.iconName || n?.iconSource) && console.warn(t("DSInput", "Suffix and an action button cannot be used at the same time.")), e && c && console.warn(t("DSInput", "Using a popover when hideLabel is set to true is not supported."));
+}, D = (e, o) => {
+  if (!u.includes(e) && !l.includes(e))
+    throw new Error(t("DSInput", `The type "${e}" is not supported by the DSInput component.`));
+  if (o === "off" && e === "number")
+    return;
+  const a = {
+    number: "Type number is not recommended. Use type text with inputmode numeric/decimal or DSInputNumber component instead.",
+    button: "Type button is not recommended. Use DSButton component instead.",
+    file: "Type file is not recommended. Use DSInputFile component instead.",
+    checkbox: "Type checkbox is not recommended. Use DSCheckbox component instead.",
+    password: "Type password is not recommended. Use DSInputPassword component instead.",
+    radio: "Type radio is not recommended. Use DSRadioGroup component instead.",
+    search: "Type search is not recommended. Use DSInputSearch component instead.",
+    reset: "Type reset is not recommended. Use DSButton component with type reset instead.",
+    submit: "Type submit is not recommended. Use DSButton component with type submit instead.",
+    image: "Type image is not recommended. Use DSButton component instead.",
+    datetime: "Type datetime is not recommended. Use type datetime-local instead.",
+    week: "Type week is not recommended. Mobile safari does not support type week.",
+    hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
+  };
+  a[e] && console.warn(t("DSInput", a[e]));
+}, h = () => "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), f = (e, o) => h() && (e || o), y = (e) => e === "date" || e === "datetime-local" || e === "month", U = (e) => e === "time";
+export {
+  I,
+  r as M,
+  u as S,
+  l as U,
+  d as a,
+  D as b,
+  U as c,
+  h,
+  y as i,
+  f as s,
+  T as v
+};

package/chunks/InputFile.DRGNdtY0.js

@@ -0,0 +1,236 @@
+"use client";
+import { jsxs as D, jsx as r, Fragment as _e } from "react/jsx-runtime";
+import { c as f } from "./index.DQOqod3i.js";
+import { forwardRef as he, useState as Q, useRef as Ie, useCallback as ve } from "react";
+import { t as we } from "./translate.nuU7uChI.js";
+import { u as P } from "./useBreakpoint.1txsny17.js";
+import "./index.cKLI89Eg.js";
+import { g as Se } from "./AriaLiveRegions.utils.CLpOaVD9.js";
+import { Asterisk as Fe } from "../asterisk.Dwtdwpkq.js";
+import { D as ze } from "./Button.DpGeheky.js";
+import { FileList as Ne } from "../filelist.CDEBo3Pi.js";
+import { D as Le } from "./Icon.m6sMB6vl.js";
+import { D as ke } from "./Popover.C5wtha5l.js";
+import { D as ye } from "./SystemFeedback.DFN6Y2cw.js";
+import { g as _ } from "./helpers.CexwVao7.js";
+import '../assets/InputFile.BUMCNCrj.css';const Be = "ds-input-file_root_ad2pg_1", Te = "ds-input-file_browse-button--is-dragging-filled_ad2pg_1", Ae = "ds-input-file_browse-button--is-dragging_ad2pg_1", Pe = "ds-input-file_hint_ad2pg_14", $e = "ds-input-file_label-wrapper_ad2pg_14", Ce = "ds-input-file_label_ad2pg_14", Re = "ds-input-file_label--disabled_ad2pg_33", Ee = "ds-input-file_label-wrapper--hidden_ad2pg_45", We = "ds-input-file_feedback_ad2pg_73", qe = "ds-input-file_dropzone_ad2pg_77", xe = "ds-input-file_dropzone--disabled_ad2pg_83", He = "ds-input-file_dropzone--invalid_ad2pg_97", Oe = "ds-input-file_dropzone--is-dragging_ad2pg_100", Ve = "ds-input-file_hint-drop-zone_ad2pg_103", je = "ds-input-file_upload-icon_ad2pg_106", Me = "ds-input-file_browse-button-dropzone--is-dragging_ad2pg_109", Ue = "ds-input-file_instructions_ad2pg_112", Ze = "ds-input-file_input_ad2pg_149", Ge = "ds-input-file_required-sr-info_ad2pg_153", t = {
+  root: Be,
+  browseButtonIsDraggingFilled: Te,
+  browseButtonIsDragging: Ae,
+  hint: Pe,
+  labelWrapper: $e,
+  label: Ce,
+  labelDisabled: Re,
+  labelWrapperHidden: Ee,
+  feedback: We,
+  dropzone: qe,
+  dropzoneDisabled: xe,
+  dropzoneInvalid: He,
+  dropzoneIsDragging: Oe,
+  hintDropZone: Ve,
+  uploadIcon: je,
+  browseButtonDropzoneIsDragging: Me,
+  instructions: Ue,
+  input: Ze,
+  requiredSrInfo: Ge
+}, Je = {
+  dragAndDropInstructions: "Drag and drop files here or",
+  feedbackFileSize: "File too large. Maximum file size is",
+  feedbackFileType: "File type not allowed",
+  // {0} is the file name
+  fileListRemoveSelectionButtonLabel: "Remove {0} from selected files",
+  fileListPreviewAltText: "Preview of",
+  filesSelectedHint: "The following files are selected",
+  required: "required",
+  togglePopover: "Toggle popover"
+}, Ke = {
+  dragAndDropInstructions: "Dateien hier hin ziehen oder",
+  feedbackFileSize: "Datei zu groß. Maximale Dateigröße ist",
+  feedbackFileType: "Dateityp nicht zugelassen",
+  // {0} is the file name
+  fileListRemoveSelectionButtonLabel: "Datei {0} aus der Auswahl entfernen",
+  fileListPreviewAltText: "Vorschau von",
+  filesSelectedHint: "Die folgenden Dateien sind ausgewählt",
+  required: "erforderlich",
+  togglePopover: "Popover öffnen/schließen"
+}, X = {
+  en: Je,
+  de: Ke
+}, Qe = (a, d) => {
+  const o = d.split(",").map((l) => l.trim().toLowerCase()).filter(Boolean), g = a.name.toLowerCase(), n = a.type.toLowerCase();
+  return o.some((l) => {
+    if (l.startsWith("."))
+      return g.endsWith(l);
+    if (l.endsWith("/*")) {
+      const [h] = n.split("/");
+      return h === l.slice(0, -2);
+    }
+    return n === l;
+  });
+}, Xe = ({
+  id: a,
+  label: d,
+  inputFileButtonProps: o,
+  hideLabel: g,
+  popoverContent: n
+}) => {
+  if (!a)
+    throw new Error(_("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
+  if (!d)
+    throw new Error(_("DSInputFile", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputFile component. If you don't want to display a label, set hideLabel={true}.`));
+  if (o && o.label?.trim() === "")
+    throw new Error(_("DSInputFile", "The input file button needs to have a label for a11y reasons. Please add a label to the inputFileButtonProps."));
+  if (o && o.variant && o.variant !== "outline" && o.variant !== "filled")
+    throw new Error(_("DSInputFile", "The inputFileButtonProps variant value can only be 'outline' for DSInputFile components inside forms or 'filled' for standalone DSInputFile components."));
+  g && n && console.warn(_("DSInputFile", "Using a popover when hideLabel is set to true is not supported."));
+}, Ye = he(({
+  id: a,
+  label: d,
+  accept: o,
+  className: g,
+  disabled: n = !1,
+  fileListItemRemoveButtonProps: l,
+  hideLabel: h = !1,
+  hint: b,
+  inputFileButtonProps: $,
+  invalid: I = !1,
+  isHintOutsideDropzone: Y = {
+    base: !0,
+    m: !1
+  },
+  lang: S = "en",
+  maxSizeInMb: F = 7,
+  multiple: m = !1,
+  popoverContent: z,
+  popoverInfoButtonProps: C,
+  required: R = !1,
+  showFileList: ee = !0,
+  showDropzone: p = !1,
+  systemFeedback: N,
+  translations: L,
+  onFilesSelect: E,
+  ...te
+}, v) => {
+  const c = we(L || X[S]);
+  process.env.NODE_ENV !== "production" && Xe({
+    id: a,
+    label: d,
+    inputFileButtonProps: $,
+    hideLabel: P(h),
+    popoverContent: z
+  });
+  const {
+    label: ne = S === "en" ? `Choose File${m ? "s" : ""}` : `Datei${m ? "en" : ""} auswählen`,
+    variant: k = "outline",
+    ...oe
+  } = $ || {}, ie = {
+    ...C,
+    label: L && L.togglePopover || C?.label || X[S].togglePopover
+  }, [W, q] = Q([]), w = Ie(null), [u, y] = Q(!1), re = F * 1024 * 1024, B = `${a}-label`, x = `${a}-feedback`, T = `${a}-hint`, H = b ? ` ${T}` : "", O = P(h), V = P(Y), ae = f(t.root, g), se = f(t.dropzone, {
+    [t.dropzoneDisabled]: n,
+    [t.dropzoneInvalid]: I,
+    [t.dropzoneIsDragging]: u
+  }), le = f(t.label, {
+    [t.labelDisabled]: n
+  }), de = f(t.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelWrapperHidden]: O
+  }), pe = f(t.browseButton, {
+    [t.browseButtonIsDragging]: u && k === "outline",
+    [t.browseButtonIsDraggingFilled]: u && k === "filled"
+  }), ce = f(t.browseButtonDropzone, {
+    [t.browseButtonDropzoneIsDragging]: u
+  }), ue = [I && N && x].filter(Boolean).join(" ") || void 0, fe = (e) => {
+    w.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+  }, j = (e) => {
+    if (!e)
+      return;
+    const s = [];
+    for (const i of e)
+      if (o && !Qe(i, o) && (i.feedback = `${c("feedbackFileType")}: ${i.type}.`), i.size > re && (i.feedback = `${c("feedbackFileSize")} ${F} MB.`), s.push(i), !m && s.length > 0)
+        break;
+    s.length > 0 && (q(() => {
+      const i = [...s], K = i.map(({
+        name: A,
+        feedback: De = ""
+      }) => `${A} ${De}`).join(", ");
+      return setTimeout(() => {
+        me(`${c("filesSelectedHint")}: ${K}.`);
+      }, 1e3), i;
+    }), E?.(s));
+  }, M = (e) => {
+    n || (w.current?.click(), e.stopPropagation());
+  }, U = (e) => {
+    e.preventDefault(), u || y(!0);
+  }, Z = (e) => {
+    e.preventDefault(), u && y(!1);
+  }, G = ve((e) => {
+    e.preventDefault(), !n && (y(!1), j(e.dataTransfer.files));
+  }, [m, o, F, n]), ge = (e) => {
+    j(e.target.files), w?.current && (w.current.value = "");
+  }, be = (e) => {
+    q((s) => {
+      const i = s.filter((K, A) => A !== e);
+      return E?.(i), i;
+    });
+  }, me = (e) => {
+    const s = Se();
+    s && (s.innerText = e, setTimeout(() => {
+      s.innerText = "";
+    }, 350));
+  }, J = () => /* @__PURE__ */ r(ze, { ...oe, className: p ? ce : pe, type: "button", variant: k, size: p ? "small" : "medium", disabled: n, iconName: p ? void 0 : "upload", onClick: M, "aria-describedby": ue, "aria-invalid": I, children: ne });
+  return /* @__PURE__ */ D("div", { className: ae, children: [
+    /* @__PURE__ */ D("div", { className: de, children: [
+      /* @__PURE__ */ D("label", { className: le, id: B, htmlFor: a, children: [
+        d,
+        R && /* @__PURE__ */ D(_e, { children: [
+          /* @__PURE__ */ r(Fe, {}),
+          /* @__PURE__ */ r("span", { className: t.requiredSrInfo, children: c("required") })
+        ] })
+      ] }),
+      z && !O && /* @__PURE__ */ r(ke, { placement: "top", defaultAnchorButtonProps: ie, children: z })
+    ] }),
+    b && (V || !p) && /* @__PURE__ */ r("div", { className: t.hint, id: T, children: b }),
+    !p && /* @__PURE__ */ r(
+      "div",
+      {
+        onDragOver: U,
+        onDragLeave: Z,
+        onDrop: G,
+        "aria-labelledby": `${B}${H}`,
+        "aria-disabled": n,
+        children: J()
+      }
+    ),
+    p && /* @__PURE__ */ D(
+      "div",
+      {
+        className: se,
+        onClick: (e) => M(e),
+        onDragOver: U,
+        onDragLeave: Z,
+        onDrop: G,
+        "aria-labelledby": `${B}${H}`,
+        "aria-disabled": n,
+        children: [
+          /* @__PURE__ */ r(Le, { name: "upload", className: t.uploadIcon, size: "x-large" }),
+          /* @__PURE__ */ r("p", { id: "file-upload-instructions", className: t.instructions, children: c("dragAndDropInstructions") }),
+          J(),
+          b && !V && /* @__PURE__ */ r("div", { className: t.hintDropZone, id: T, children: b })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("input", { ...te, type: "file", className: t.input, id: a, ref: fe, accept: o, multiple: m, "aria-hidden": "true", required: R, disabled: n, onChange: ge }),
+    I && N && /* @__PURE__ */ r(ye, { className: t.feedback, message: N, variant: "error", id: x }),
+    W.length > 0 && ee && /* @__PURE__ */ r(Ne, { files: W, onRemoveFile: be, fileListItemRemoveButtonProps: l, t: c })
+  ] });
+});
+Ye.displayName = "DSInputFile";
+export {
+  Ye as D,
+  Je as a,
+  Ke as b,
+  X as c,
+  Qe as f,
+  Xe as v
+};