@stihl-design-system/components 1.0.0-RC.27 → 1.0.0-RC.29

package/chunks/Icon.DGTYCv63.js

@@ -0,0 +1,231 @@
+"use client";
+import { jsx as A } from "react/jsx-runtime";
+import { d as P } from "./index.CgTHIF3K.js";
+import { c as H } from "./index.CEyLAtio.js";
+import * as x from "react";
+import { useRef as U, useState as C, useEffect as G } from "react";
+import { g as W } from "./helpers.BbWkXTr3.js";
+import '../assets/Icon.QeJ7TxZs.css';var $ = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new WeakMap(), B = 0, Z = void 0;
+function F(t) {
+  return t ? (D.has(t) || (B += 1, D.set(t, B.toString())), D.get(t)) : "0";
+}
+function J(t) {
+  return Object.keys(t).sort().filter(
+    (s) => t[s] !== void 0
+  ).map((s) => `${s}_${s === "root" ? F(t.root) : t[s]}`).toString();
+}
+function K(t) {
+  const s = J(t);
+  let i = $.get(s);
+  if (!i) {
+    const o = /* @__PURE__ */ new Map();
+    let c;
+    const e = new IntersectionObserver((n) => {
+      n.forEach((r) => {
+        var a;
+        const m = r.isIntersecting && c.some((d) => r.intersectionRatio >= d);
+        t.trackVisibility && typeof r.isVisible > "u" && (r.isVisible = m), (a = o.get(r.target)) == null || a.forEach((d) => {
+          d(m, r);
+        });
+      });
+    }, t);
+    c = e.thresholds || (Array.isArray(t.threshold) ? t.threshold : [t.threshold || 0]), i = {
+      id: s,
+      observer: e,
+      elements: o
+    }, $.set(s, i);
+  }
+  return i;
+}
+function Q(t, s, i = {}, o = Z) {
+  if (typeof window.IntersectionObserver > "u" && o !== void 0) {
+    const a = t.getBoundingClientRect();
+    return s(o, {
+      isIntersecting: o,
+      target: t,
+      intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
+      time: 0,
+      boundingClientRect: a,
+      intersectionRect: a,
+      rootBounds: a
+    }), () => {
+    };
+  }
+  const { id: c, observer: e, elements: n } = K(i), r = n.get(t) || [];
+  return n.has(t) || n.set(t, r), r.push(s), e.observe(t), function() {
+    r.splice(r.indexOf(s), 1), r.length === 0 && (n.delete(t), e.unobserve(t)), n.size === 0 && (e.disconnect(), $.delete(c));
+  };
+}
+function Y({
+  threshold: t,
+  delay: s,
+  trackVisibility: i,
+  rootMargin: o,
+  root: c,
+  triggerOnce: e,
+  skip: n,
+  initialInView: r,
+  fallbackInView: a,
+  onChange: m
+} = {}) {
+  var d;
+  const [h, b] = x.useState(null), u = x.useRef(m), [f, w] = x.useState({
+    inView: !!r,
+    entry: void 0
+  });
+  u.current = m, x.useEffect(
+    () => {
+      if (n || !h) return;
+      let p;
+      return p = Q(
+        h,
+        (S, v) => {
+          w({
+            inView: S,
+            entry: v
+          }), u.current && u.current(S, v), v.isIntersecting && e && p && (p(), p = void 0);
+        },
+        {
+          root: c,
+          rootMargin: o,
+          threshold: t,
+          // @ts-ignore
+          trackVisibility: i,
+          // @ts-ignore
+          delay: s
+        },
+        a
+      ), () => {
+        p && p();
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(t) ? t.toString() : t,
+      h,
+      c,
+      o,
+      e,
+      n,
+      i,
+      a,
+      s
+    ]
+  );
+  const l = (d = f.entry) == null ? void 0 : d.target, k = x.useRef(void 0);
+  !h && l && !e && !n && k.current !== l && (k.current = l, w({
+    inView: !!r,
+    entry: void 0
+  }));
+  const g = [b, f.inView, f.entry];
+  return g.ref = g[0], g.inView = g[1], g.entry = g[2], g;
+}
+const ss = "ds-icon_image_clh5i_1", ts = "ds-icon_image--theme-dark_clh5i_10", is = "ds-icon_image--size-x-large_clh5i_13", es = "ds-icon_image--size-medium_clh5i_19", os = "ds-icon_image--size-small_clh5i_25", rs = "ds-icon_image--size-x-small_clh5i_31", y = {
+  image: ss,
+  imageThemeDark: ts,
+  imageSizeXLarge: is,
+  imageSizeMedium: es,
+  imageSizeSmall: os,
+  imageSizeXSmall: rs
+}, ns = (t, s, i) => {
+  const o = t[s];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((c, e) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      e.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + s + (s.split("/").length !== i ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, vs = ["x-large", "large", "medium", "small", "x-small"], as = (t) => {
+  var n;
+  const s = U(void 0), [i, o] = C(!1), [c, e] = C(!0);
+  return G(() => {
+    i && (e(!0), (async () => {
+      try {
+        s.current = await ns(/* @__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.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/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.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/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.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/document-magnifying-glass.svg": () => import("./document-magnifying-glass.DkvpNz-D.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/file-type-doc.svg": () => import("./file-type-doc.DlovDOBh.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.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/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/tiktok.svg": () => import("./tiktok.BWJTDGYm.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/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.ZImTAIgx.js"), "../../../../icons/dist/assets/user.svg": () => import("./user.BMARueuy.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./wc.gmKE1r5l.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${t}.svg`, 8);
+      } catch (a) {
+        console.error(W("DSIcon", a instanceof Error ? a.message : String(a)));
+      } finally {
+        e(!1);
+      }
+    })());
+  }, [t, i]), {
+    isLoading: c,
+    SVGIcon: (n = s.current) == null ? void 0 : n.default,
+    setShouldLoad: o
+  };
+}, ls = (t) => {
+  const s = P.c(38);
+  let i, o, c, e, n, r, a;
+  s[0] !== t ? ({
+    aria: i,
+    className: o,
+    name: n,
+    size: r,
+    source: e,
+    theme: a,
+    ...c
+  } = t, s[0] = t, s[1] = i, s[2] = o, s[3] = c, s[4] = e, s[5] = n, s[6] = r, s[7] = a) : (i = s[1], o = s[2], c = s[3], e = s[4], n = s[5], r = s[6], a = s[7]);
+  const m = n === void 0 ? "placeholder" : n, d = r === void 0 ? "large" : r, h = a === void 0 ? "light" : a, {
+    SVGIcon: b,
+    isLoading: u,
+    setShouldLoad: f
+  } = as(m), [, w] = C(m);
+  let l;
+  s[8] === Symbol.for("react.memo_cache_sentinel") ? (l = {
+    "x-large": 24,
+    large: 16,
+    medium: 12,
+    small: 10,
+    "x-small": 8
+  }, s[8] = l) : l = s[8];
+  const k = l;
+  let g;
+  s[9] !== m || s[10] !== w ? (g = () => {
+    w(m);
+  }, s[9] = m, s[10] = w, s[11] = g) : g = s[11];
+  let p;
+  s[12] !== m ? (p = [m], s[12] = m, s[13] = p) : p = s[13], G(g, p);
+  const S = !!e;
+  let v;
+  s[14] !== f ? (v = (q) => {
+    f(q);
+  }, s[14] = f, s[15] = v) : v = s[15];
+  let z;
+  s[16] !== S || s[17] !== v ? (z = {
+    rootMargin: "200px 0px",
+    triggerOnce: !0,
+    fallbackInView: !0,
+    skip: S,
+    onChange: v
+  }, s[16] = S, s[17] = v, s[18] = z) : z = s[18];
+  const {
+    ref: E
+  } = Y(z);
+  let I;
+  s[19] !== e ? (I = (q) => (j) => {
+    e && j && (j.src = q);
+  }, s[19] = e, s[20] = I) : I = s[20];
+  const L = I, N = h === "dark" && !e && !m.includes("-colored"), T = d === "x-large", V = d === "medium", O = d === "small", X = d === "x-small";
+  let R;
+  s[21] !== o || s[22] !== N || s[23] !== T || s[24] !== V || s[25] !== O || s[26] !== X ? (R = H(y.image, o, {
+    [y.imageThemeDark]: N,
+    [y.imageSizeXLarge]: T,
+    [y.imageSizeMedium]: V,
+    [y.imageSizeSmall]: O,
+    [y.imageSizeXSmall]: X
+  }), s[21] = o, s[22] = N, s[23] = T, s[24] = V, s[25] = O, s[26] = X, s[27] = R) : R = s[27];
+  const _ = R;
+  let M;
+  return s[28] !== b || s[29] !== L || s[30] !== i || s[31] !== _ || s[32] !== u || s[33] !== E || s[34] !== c || s[35] !== d || s[36] !== e ? (M = e ? /* @__PURE__ */ A("img", { className: _, ref: L(e), width: k[d], height: k[d], loading: "lazy", alt: (i == null ? void 0 : i["aria-label"]) || "", ...c }) : !u && b ? /* @__PURE__ */ A(b, { className: _, title: (i == null ? void 0 : i["aria-label"]) || "", role: i != null && i["aria-label"] ? "img" : void 0, ...c }) : /* @__PURE__ */ A("div", { className: _, ref: E }), s[28] = b, s[29] = L, s[30] = i, s[31] = _, s[32] = u, s[33] = E, s[34] = c, s[35] = d, s[36] = e, s[37] = M) : M = s[37], M;
+};
+export {
+  ls as D,
+  vs as I,
+  as as u
+};

package/chunks/{InputFile.vkkg5Pab.js → InputFile.DvOatDzg.js}

@@ -1,23 +1,23 @@
 "use client";
-import { jsxs as y, jsx as a, Fragment as fe } from "react/jsx-runtime";
-import { c as D } from "./index.CEyLAtio.js";
-import { forwardRef as ge, useState as U, useRef as me, useCallback as be } from "react";
-import { t as _e } from "./translate.nuU7uChI.js";
+import { jsxs as v, jsx as a, Fragment as fe } from "react/jsx-runtime";
+import { c as _ } from "./index.CEyLAtio.js";
+import { forwardRef as ge, useState as U, useRef as be, useCallback as me } from "react";
+import { t as De } from "./translate.nuU7uChI.js";
 import { u as Z } from "./useBreakpoint.CMOR9ZOB.js";
 import "./index.CgTHIF3K.js";
-import { g as De } from "./AriaLiveRegions.utils.Cb327d_2.js";
+import { g as _e } from "./AriaLiveRegions.utils.Cb327d_2.js";
 import { Asterisk as he } from "../asterisk.CR60hx8S.js";
-import { D as Ie } from "./Button.CC0qEsuR.js";
-import { FileList as ye } from "../filelist.Cj9U-Jx8.js";
-import { D as ve } from "./Icon.C0161Glk.js";
-import { DSSystemFeedback as we } from "../systemfeedback.CLQCbTF6.js";
-import { g as v } from "./helpers.BbWkXTr3.js";
-import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1", Se = "ds-input-file_hint_1pm2y_1", Ne = "ds-input-file_label_1pm2y_1", Le = "ds-input-file_browse-button--is-dragging-filled_1pm2y_4", ke = "ds-input-file_browse-button--is-dragging_1pm2y_4", Be = "ds-input-file_label--hidden_1pm2y_44", Fe = "ds-input-file_label--disabled_1pm2y_57", Te = "ds-input-file_feedback_1pm2y_77", Ae = "ds-input-file_dropzone_1pm2y_82", $e = "ds-input-file_dropzone--disabled_1pm2y_88", Ce = "ds-input-file_dropzone--invalid_1pm2y_102", Ee = "ds-input-file_dropzone--is-dragging_1pm2y_105", Re = "ds-input-file_hint-drop-zone_1pm2y_108", qe = "ds-input-file_upload-icon_1pm2y_111", Pe = "ds-input-file_browse-button-dropzone--is-dragging_1pm2y_114", xe = "ds-input-file_instructions_1pm2y_117", He = "ds-input-file_input_1pm2y_154", Oe = "ds-input-file_required-sr-info_1pm2y_158", t = {
-  root: ze,
-  hint: Se,
-  label: Ne,
-  browseButtonIsDraggingFilled: Le,
-  browseButtonIsDragging: ke,
+import { D as Ie } from "./Button.B7xF1E19.js";
+import { FileList as ve } from "../filelist.nunJKxkv.js";
+import { D as we } from "./Icon.DGTYCv63.js";
+import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
+import { g as w } from "./helpers.BbWkXTr3.js";
+import '../assets/InputFile.CCQxsulT.css';const Se = "ds-input-file_root_1pdsr_1", Ne = "ds-input-file_hint_1pdsr_1", Le = "ds-input-file_label_1pdsr_1", ke = "ds-input-file_browse-button--is-dragging-filled_1pdsr_4", ye = "ds-input-file_browse-button--is-dragging_1pdsr_4", Be = "ds-input-file_label--hidden_1pdsr_44", Fe = "ds-input-file_label--disabled_1pdsr_57", Te = "ds-input-file_feedback_1pdsr_77", Ae = "ds-input-file_dropzone_1pdsr_82", $e = "ds-input-file_dropzone--disabled_1pdsr_88", Ce = "ds-input-file_dropzone--invalid_1pdsr_102", Ee = "ds-input-file_dropzone--is-dragging_1pdsr_105", Re = "ds-input-file_hint-drop-zone_1pdsr_108", qe = "ds-input-file_upload-icon_1pdsr_111", Pe = "ds-input-file_browse-button-dropzone--is-dragging_1pdsr_114", xe = "ds-input-file_instructions_1pdsr_117", He = "ds-input-file_input_1pdsr_154", Oe = "ds-input-file_required-sr-info_1pdsr_158", t = {
+  root: Se,
+  hint: Ne,
+  label: Le,
+  browseButtonIsDraggingFilled: ke,
+  browseButtonIsDragging: ye,
   labelHidden: Be,
   labelDisabled: Fe,
   feedback: Te,
@@ -58,8 +58,8 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
     if (l.startsWith("."))
       return u.endsWith(l);
     if (l.endsWith("/*")) {
-      const [w] = o.split("/");
-      return w === l.slice(0, -2);
+      const [z] = o.split("/");
+      return z === l.slice(0, -2);
     }
     return o === l;
   });
@@ -70,13 +70,13 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
 }) => {
   var u;
   if (!r)
-    throw new Error(v("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
+    throw new Error(w("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
   if (!d)
-    throw new Error(v("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}.`));
+    throw new Error(w("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 (i && ((u = i.label) == null ? void 0 : u.trim()) === "")
-    throw new Error(v("DSInputFile", "The input file button needs to have a label for a11y reasons. Please add a label to the inputFileButtonProps."));
+    throw new Error(w("DSInputFile", "The input file button needs to have a label for a11y reasons. Please add a label to the inputFileButtonProps."));
   if (i && i.variant && i.variant !== "outline" && i.variant !== "filled")
-    throw new Error(v("DSInputFile", "The inputFileButtonProps variant value can only be 'outline' for DSInputFile components inside forms or 'filled' for standalone DSInputFile components."));
+    throw new Error(w("DSInputFile", "The inputFileButtonProps variant value can only be 'outline' for DSInputFile components inside forms or 'filled' for standalone DSInputFile components."));
 }, Ze = ge(({
   id: r,
   label: d,
@@ -84,8 +84,8 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
   className: u,
   disabled: o = !1,
   fileListItemRemoveButtonProps: l,
-  hideLabel: w = !1,
-  hint: b,
+  hideLabel: z = !1,
+  hint: m,
   inputFileButtonProps: T,
   invalid: h = !1,
   isHintOutsideDropzone: G = {
@@ -93,47 +93,47 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
     m: !1
   },
   lang: A = "en",
-  maxSizeInMb: z = 7,
-  multiple: _ = !1,
+  maxSizeInMb: S = 7,
+  multiple: D = !1,
   required: $ = !1,
   showFileList: J = !0,
   showDropzone: c = !1,
-  systemFeedback: S,
+  systemFeedback: N,
   translations: K,
   onFilesSelect: p,
   ...Q
 }, I) => {
-  const f = _e(K || je[A]);
+  const f = De(K || je[A]);
   process.env.NODE_ENV !== "production" && Ue({
     id: r,
     label: d,
     inputFileButtonProps: T
   });
   const {
-    label: X = A === "en" ? `Choose File${_ ? "s" : ""}` : `Datei${_ ? "en" : ""} auswählen`,
-    variant: N = "outline",
+    label: X = A === "en" ? `Choose File${D ? "s" : ""}` : `Datei${D ? "en" : ""} auswählen`,
+    variant: L = "outline",
     ...Y
-  } = T || {}, [C, E] = U([]), g = me(null), [m, L] = U(!1), ee = z * 1024 * 1024, k = `${r}-label`, R = `${r}-feedback`, B = `${r}-hint`, q = b ? ` ${B}` : "", te = Z(w), P = Z(G), ne = D(t.root, u), ie = D(t.dropzone, {
+  } = T || {}, [C, E] = U([]), g = be(null), [b, k] = U(!1), ee = S * 1024 * 1024, y = `${r}-label`, R = `${r}-feedback`, B = `${r}-hint`, q = m ? ` ${B}` : "", te = Z(z), P = Z(G), ne = _(t.root, u), ie = _(t.dropzone, {
     [t.dropzoneDisabled]: o,
     [t.dropzoneInvalid]: h,
-    [t.dropzoneIsDragging]: m
-  }), oe = D(t.label, {
+    [t.dropzoneIsDragging]: b
+  }), oe = _(t.label, {
     // hide label only visually to keep them available for assistive technologies
     [t.labelHidden]: te,
     [t.labelDisabled]: o
-  }), se = D(t.browseButton, {
-    [t.browseButtonIsDragging]: m && N === "outline",
-    [t.browseButtonIsDraggingFilled]: m && N === "filled"
-  }), re = D(t.browseButtonDropzone, {
-    [t.browseButtonDropzoneIsDragging]: m
-  }), ae = [h && S && R].filter(Boolean).join(" ") || void 0, le = (e) => {
+  }), se = _(t.browseButton, {
+    [t.browseButtonIsDragging]: b && L === "outline",
+    [t.browseButtonIsDraggingFilled]: b && L === "filled"
+  }), re = _(t.browseButtonDropzone, {
+    [t.browseButtonDropzoneIsDragging]: b
+  }), ae = [h && N && R].filter(Boolean).join(" ") || void 0, le = (e) => {
     g.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
   }, x = (e) => {
     if (!e)
       return;
     const n = [];
     for (const s of e)
-      if (i && !Me(s, i) && (s.feedback = `${f("feedbackFileType")}: ${s.type}.`), s.size > ee && (s.feedback = `${f("feedbackFileSize")} ${z} MB.`), n.push(s), !_ && n.length > 0)
+      if (i && !Me(s, i) && (s.feedback = `${f("feedbackFileType")}: ${s.type}.`), s.size > ee && (s.feedback = `${f("feedbackFileSize")} ${S} MB.`), n.push(s), !D && n.length > 0)
         break;
     n.length > 0 && (E(() => {
       const s = [...n], M = s.map(({
@@ -148,12 +148,12 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
     var n;
     o || ((n = g.current) == null || n.click(), e.stopPropagation());
   }, O = (e) => {
-    e.preventDefault(), m || L(!0);
+    e.preventDefault(), b || k(!0);
   }, W = (e) => {
-    e.preventDefault(), m && L(!1);
-  }, V = be((e) => {
-    e.preventDefault(), !o && (L(!1), x(e.dataTransfer.files));
-  }, [_, i, z, o]), de = (e) => {
+    e.preventDefault(), b && k(!1);
+  }, V = me((e) => {
+    e.preventDefault(), !o && (k(!1), x(e.dataTransfer.files));
+  }, [D, i, S, o]), de = (e) => {
     x(e.target.files), g != null && g.current && (g.current.value = "");
   }, ue = (e) => {
     E((n) => {
@@ -161,33 +161,33 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
       return p == null || p(s), s;
     });
   }, ce = (e) => {
-    const n = De();
+    const n = _e();
     n && (n.innerText = e, setTimeout(() => {
       n.innerText = "";
     }, 350));
-  }, j = () => /* @__PURE__ */ a(Ie, { ...Y, className: c ? re : se, type: "button", variant: N, size: c ? "small" : "medium", disabled: o, iconName: c ? void 0 : "upload", onClick: H, "aria-describedby": ae, "aria-invalid": h, children: X });
-  return /* @__PURE__ */ y("div", { className: ne, children: [
-    /* @__PURE__ */ y("label", { className: oe, id: k, htmlFor: r, children: [
+  }, j = () => /* @__PURE__ */ a(Ie, { ...Y, className: c ? re : se, type: "button", variant: L, size: c ? "small" : "medium", disabled: o, iconName: c ? void 0 : "upload", onClick: H, "aria-describedby": ae, "aria-invalid": h, children: X });
+  return /* @__PURE__ */ v("div", { className: ne, children: [
+    /* @__PURE__ */ v("label", { className: oe, id: y, htmlFor: r, children: [
       d,
-      $ && /* @__PURE__ */ y(fe, { children: [
+      $ && /* @__PURE__ */ v(fe, { children: [
         /* @__PURE__ */ a(he, {}),
         /* @__PURE__ */ a("span", { className: t.requiredSrInfo, children: f("required") })
       ] })
     ] }),
-    b && (P || !c) && /* @__PURE__ */ a("div", { className: t.hint, id: B, children: b }),
-    h && S && /* @__PURE__ */ a(we, { className: t.feedback, message: S, type: "invalid", id: R }),
+    m && (P || !c) && /* @__PURE__ */ a("div", { className: t.hint, id: B, children: m }),
+    h && N && /* @__PURE__ */ a(ze, { className: t.feedback, message: N, variant: "error", id: R }),
     !c && /* @__PURE__ */ a(
       "div",
       {
         onDragOver: O,
         onDragLeave: W,
         onDrop: V,
-        "aria-labelledby": `${k}${q}`,
+        "aria-labelledby": `${y}${q}`,
         "aria-disabled": o,
         children: j()
       }
     ),
-    c && /* @__PURE__ */ y(
+    c && /* @__PURE__ */ v(
       "div",
       {
         className: ie,
@@ -195,18 +195,18 @@ import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1
         onDragOver: O,
         onDragLeave: W,
         onDrop: V,
-        "aria-labelledby": `${k}${q}`,
+        "aria-labelledby": `${y}${q}`,
         "aria-disabled": o,
         children: [
-          /* @__PURE__ */ a(ve, { name: "upload", className: t.uploadIcon, size: "x-large" }),
+          /* @__PURE__ */ a(we, { name: "upload", className: t.uploadIcon, size: "x-large" }),
           /* @__PURE__ */ a("p", { id: "file-upload-instructions", className: t.instructions, children: f("dragAndDropInstructions") }),
           j(),
-          b && !P && /* @__PURE__ */ a("div", { className: t.hintDropZone, id: B, children: b })
+          m && !P && /* @__PURE__ */ a("div", { className: t.hintDropZone, id: B, children: m })
         ]
       }
     ),
-    /* @__PURE__ */ a("input", { ...Q, type: "file", className: t.input, id: r, ref: le, accept: i, multiple: _, "aria-hidden": "true", required: $, disabled: o, onChange: de }),
-    C.length > 0 && J && /* @__PURE__ */ a(ye, { files: C, onRemoveFile: ue, fileListItemRemoveButtonProps: l, t: f })
+    /* @__PURE__ */ a("input", { ...Q, type: "file", className: t.input, id: r, ref: le, accept: i, multiple: D, "aria-hidden": "true", required: $, disabled: o, onChange: de }),
+    C.length > 0 && J && /* @__PURE__ */ a(ve, { files: C, onRemoveFile: ue, fileListItemRemoveButtonProps: l, t: f })
   ] });
 });
 Ze.displayName = "DSInputFile";

package/chunks/InputPassword.DC2POUc1.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsx as q, jsxs as rt } from "react/jsx-runtime";
+import { d as ht } from "./index.CgTHIF3K.js";
+import { c as J } from "./index.CEyLAtio.js";
+import { forwardRef as vt, useState as yt, useRef as Pt } from "react";
+import { u as St } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Dt } from "../asterisk.CR60hx8S.js";
+import { D as Bt } from "./Button.B7xF1E19.js";
+import { D as It } from "./SystemFeedback.B9f67mjJ.js";
+import { g as ct } from "./helpers.BbWkXTr3.js";
+import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_input_15c4p_1", kt = "ds-input-password_input--small_15c4p_9", Nt = "ds-input-password_input--invalid_15c4p_121", xt = "ds-input-password_input--has-action-button_15c4p_182", Ct = "ds-input-password_root_15c4p_218", Ht = "ds-input-password_hint_15c4p_227", Lt = "ds-input-password_label_15c4p_227", $t = "ds-input-password_wrapper_15c4p_231", qt = "ds-input-password_action-button_15c4p_237", At = "ds-input-password_label--hidden_15c4p_255", Tt = "ds-input-password_label--disabled_15c4p_268", Et = "ds-input-password_feedback_15c4p_288", s = {
+  input: gt,
+  inputSmall: kt,
+  inputInvalid: Nt,
+  inputHasActionButton: xt,
+  root: Ct,
+  hint: Ht,
+  label: Lt,
+  wrapper: $t,
+  actionButton: qt,
+  labelHidden: At,
+  labelDisabled: Tt,
+  feedback: Et
+}, Vt = ({
+  id: d,
+  label: l
+}) => {
+  if (!d)
+    throw new Error(ct("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
+  if (!l)
+    throw new Error(ct("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
+}, Ft = vt((d, l) => {
+  const t = ht.c(82);
+  let c, n, e, r, p, a, B, I, g, k, N, x, C, u;
+  t[0] !== d ? ({
+    id: e,
+    label: r,
+    autoComplete: B,
+    className: c,
+    disabled: I,
+    hint: n,
+    hideLabel: g,
+    invalid: k,
+    readonly: N,
+    required: x,
+    togglePasswordVisibilityButtonProps: u,
+    size: C,
+    systemFeedback: a,
+    ...p
+  } = d, t[0] = d, t[1] = c, t[2] = n, t[3] = e, t[4] = r, t[5] = p, t[6] = a, t[7] = B, t[8] = I, t[9] = g, t[10] = k, t[11] = N, t[12] = x, t[13] = C, t[14] = u) : (c = t[1], n = t[2], e = t[3], r = t[4], p = t[5], a = t[6], B = t[7], I = t[8], g = t[9], k = t[10], N = t[11], x = t[12], C = t[13], u = t[14]);
+  const K = B === void 0 ? "new-password" : B, i = I === void 0 ? !1 : I, pt = g === void 0 ? !1 : g, o = k === void 0 ? !1 : k, A = N === void 0 ? !1 : N, b = x === void 0 ? !1 : x, H = C === void 0 ? "medium" : C;
+  process.env.NODE_ENV !== "production" && Vt({
+    id: e,
+    label: r
+  });
+  let f;
+  t[15] !== u ? (f = u || {}, t[15] = u, t[16] = f) : f = t[16];
+  let m, L, $;
+  t[17] !== f ? ({
+    hidePasswordText: $,
+    showPasswordText: L,
+    ...m
+  } = f, t[17] = f, t[18] = m, t[19] = L, t[20] = $) : (m = t[18], L = t[19], $ = t[20]);
+  const ut = $ === void 0 ? "Hide password" : $, bt = L === void 0 ? "Show password" : L, [Q, ft] = yt(!1), T = `${e}-label`, w = `${e}-feedback`, E = `${e}-hint`, mt = n ? ` ${E}` : "";
+  let V;
+  t[21] !== o || t[22] !== a || t[23] !== w ? (V = [o && a && w].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = a, t[23] = w, t[24] = V) : V = t[24];
+  const U = V, W = St(pt);
+  let F;
+  t[25] !== c ? (F = J(s.root, c), t[25] = c, t[26] = F) : F = t[26];
+  const X = F, Y = H === "small";
+  let R;
+  t[27] !== o || t[28] !== Y ? (R = J(s.input, {
+    [s.inputSmall]: Y,
+    [s.inputInvalid]: o,
+    [s.inputHasActionButton]: !0
+  }), t[27] = o, t[28] = Y, t[29] = R) : R = t[29];
+  const Z = R;
+  let j;
+  t[30] !== i || t[31] !== W ? (j = J(s.label, {
+    [s.labelHidden]: W,
+    [s.labelDisabled]: i
+  }), t[30] = i, t[31] = W, t[32] = j) : j = t[32];
+  const tt = j, et = H === "small";
+  let z;
+  t[33] !== et ? (z = J(s.actionButton, {
+    [s.actionButtonSmall]: et
+  }), t[33] = et, t[34] = z) : z = t[34];
+  const st = z, wt = Pt(null);
+  let O;
+  t[35] !== l ? (O = (dt) => {
+    wt.current = dt, typeof l == "function" ? l(dt) : l && (l.current = dt);
+  }, t[35] = l, t[36] = O) : O = t[36];
+  const ot = O;
+  let M;
+  t[37] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+    ft(Rt);
+  }, t[37] = M) : M = t[37];
+  const _t = M;
+  let _;
+  t[38] !== b ? (_ = b && /* @__PURE__ */ q(Dt, {}), t[38] = b, t[39] = _) : _ = t[39];
+  let h;
+  t[40] !== e || t[41] !== T || t[42] !== r || t[43] !== tt || t[44] !== _ ? (h = /* @__PURE__ */ rt("label", { className: tt, id: T, htmlFor: e, children: [
+    r,
+    _
+  ] }), t[40] = e, t[41] = T, t[42] = r, t[43] = tt, t[44] = _, t[45] = h) : h = t[45];
+  let v;
+  t[46] !== n || t[47] !== E ? (v = n && /* @__PURE__ */ q("div", { className: s.hint, id: E, children: n }), t[46] = n, t[47] = E, t[48] = v) : v = t[48];
+  let y;
+  t[49] !== o || t[50] !== a || t[51] !== w ? (y = o && a && /* @__PURE__ */ q(It, { className: s.feedback, message: a, variant: "error", id: w }), t[49] = o, t[50] = a, t[51] = w, t[52] = y) : y = t[52];
+  const at = `${T}${mt}`, it = Q ? "text" : "password";
+  let P;
+  t[53] !== U || t[54] !== K || t[55] !== i || t[56] !== ot || t[57] !== e || t[58] !== Z || t[59] !== o || t[60] !== A || t[61] !== b || t[62] !== p || t[63] !== at || t[64] !== it ? (P = /* @__PURE__ */ q("input", { className: Z, id: e, ...p, ref: ot, "aria-labelledby": at, "aria-describedby": U, "aria-invalid": o, "aria-disabled": A, readOnly: A, required: b, disabled: i, autoComplete: K, type: it }), t[53] = U, t[54] = K, t[55] = i, t[56] = ot, t[57] = e, t[58] = Z, t[59] = o, t[60] = A, t[61] = b, t[62] = p, t[63] = at, t[64] = it, t[65] = P) : P = t[65];
+  const lt = Q ? "eye-closed" : "eye", nt = Q ? ut : bt;
+  let S;
+  t[66] !== st || t[67] !== i || t[68] !== m || t[69] !== H || t[70] !== lt || t[71] !== nt ? (S = /* @__PURE__ */ q(Bt, { ...m, hideLabel: !0, theme: "light", iconName: lt, variant: "ghost", className: st, size: H, onClick: _t, type: "button", disabled: i, children: nt }), t[66] = st, t[67] = i, t[68] = m, t[69] = H, t[70] = lt, t[71] = nt, t[72] = S) : S = t[72];
+  let D;
+  t[73] !== P || t[74] !== S ? (D = /* @__PURE__ */ rt("div", { className: s.wrapper, children: [
+    P,
+    S
+  ] }), t[73] = P, t[74] = S, t[75] = D) : D = t[75];
+  let G;
+  return t[76] !== X || t[77] !== h || t[78] !== v || t[79] !== y || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
+    h,
+    v,
+    y,
+    D
+  ] }), t[76] = X, t[77] = h, t[78] = v, t[79] = y, t[80] = D, t[81] = G) : G = t[81], G;
+});
+Ft.displayName = "DSInputPassword";
+function Rt(d) {
+  return !d;
+}
+export {
+  Ft as D,
+  Vt as v
+};