@stihl-design-system/components 1.0.0-RC.11 → 1.0.0-RC.13

package/chunks/{Icon.C2o2seDb.js → Icon.BCmt_XBG.js}

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

package/chunks/InputPassword.CNLbBFjx.js

@@ -0,0 +1,143 @@
+"use client";
+import { j as a } from "./jsx-runtime.C115EyI4.js";
+import { c as i } from "./index.CvOaL64Y.js";
+import { useState as A } from "react";
+import { u as C } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as L } from "../asterisk.DpzETKdT.js";
+import { DSButton as $ } from "../button.M4nXjcUn.js";
+import { DSSystemFeedback as E } from "../systemfeedback.C3Pfxxpp.js";
+import { g as m } from "./helpers.B1JT5ShS.js";
+import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input_1842u_1", R = "ds-input-password_input--invalid_1842u_113", V = "ds-input-password_input--small_1842u_120", O = "ds-input-password_input--has-leading-icon_1842u_173", F = "ds-input-password_input--has-action-button_1842u_176", M = "ds-input-password_input--has-second-action-button_1842u_179", T = "ds-input-password_input--has-affix_1842u_191", G = "ds-input-password_input--is-ready_1842u_205", J = "ds-input-password_root_1842u_212", K = "ds-input-password_hint_1842u_220", Q = "ds-input-password_label_1842u_220", U = "ds-input-password_wrapper_1842u_224", W = "ds-input-password_action-button_1842u_230", X = "ds-input-password_label--hidden_1842u_248", Y = "ds-input-password_label--disabled_1842u_261", Z = "ds-input-password_feedback_1842u_281", s = {
+  input: q,
+  "input--invalid": "ds-input-password_input--invalid_1842u_113",
+  inputInvalid: R,
+  "input--small": "ds-input-password_input--small_1842u_120",
+  inputSmall: V,
+  "input--has-leading-icon": "ds-input-password_input--has-leading-icon_1842u_173",
+  inputHasLeadingIcon: O,
+  "input--has-action-button": "ds-input-password_input--has-action-button_1842u_176",
+  inputHasActionButton: F,
+  "input--has-second-action-button": "ds-input-password_input--has-second-action-button_1842u_179",
+  inputHasSecondActionButton: M,
+  "input--has-affix": "ds-input-password_input--has-affix_1842u_191",
+  inputHasAffix: T,
+  "input--is-ready": "ds-input-password_input--is-ready_1842u_205",
+  inputIsReady: G,
+  root: J,
+  hint: K,
+  label: Q,
+  wrapper: U,
+  "action-button": "ds-input-password_action-button_1842u_230",
+  actionButton: W,
+  "label--hidden": "ds-input-password_label--hidden_1842u_248",
+  labelHidden: X,
+  "label--disabled": "ds-input-password_label--disabled_1842u_261",
+  labelDisabled: Y,
+  feedback: Z
+}, z = ({ id: t, label: n }) => {
+  if (!t)
+    throw new Error(
+      m(
+        "DSInputPassword",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
+      )
+    );
+  if (!n)
+    throw new Error(
+      m(
+        "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}.`
+      )
+    );
+}, ps = ({
+  id: t,
+  label: n,
+  autocomplete: h = "new-password",
+  className: f,
+  disabled: e = !1,
+  hidePasswordText: y = "Hide password",
+  hint: u,
+  hideLabel: S = !1,
+  invalid: o = !1,
+  readonly: r = !1,
+  required: c = !1,
+  showPasswordText: x = "Show password",
+  size: p = "medium",
+  systemFeedback: d,
+  ...I
+}) => {
+  process.env.NODE_ENV !== "production" && z({
+    id: t,
+    label: n
+  });
+  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = C(S), g = i(s.root, f), D = i(s.input, {
+    // small input
+    [s.inputSmall]: p === "small",
+    // invalid state
+    [s.inputInvalid]: o,
+    // action button - input password always has an action button
+    [s.inputHasActionButton]: !0
+  }), P = i(s.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [s.labelHidden]: H,
+    [s.labelDisabled]: e
+  }), N = i(s.actionButton, {
+    [s.actionButtonSmall]: p === "small"
+  }), j = () => {
+    v((k) => !k);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: g, children: [
+    /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: t, children: [
+      n,
+      c && /* @__PURE__ */ a.jsx(L, {})
+    ] }),
+    u && /* @__PURE__ */ a.jsx("div", { className: s.hint, id: b, children: u }),
+    o && d && /* @__PURE__ */ a.jsx(
+      E,
+      {
+        className: s.feedback,
+        message: d,
+        type: "invalid",
+        id: w
+      }
+    ),
+    /* @__PURE__ */ a.jsxs("div", { className: s.wrapper, children: [
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          className: D,
+          id: t,
+          ...I,
+          "aria-labelledby": `${_}${B}`,
+          "aria-describedby": o && d ? w : void 0,
+          "aria-invalid": o,
+          "aria-disabled": r,
+          readOnly: r,
+          required: c,
+          disabled: e,
+          autoComplete: h,
+          type: l ? "text" : "password"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        $,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: l ? "eye-closed" : "eye",
+          variant: "ghost",
+          className: N,
+          size: p,
+          onClick: j,
+          type: "button",
+          disabled: e,
+          children: l ? y : x
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ps as D,
+  z as v
+};

package/chunks/InputSearch.CHA6mkX_.js

@@ -0,0 +1,192 @@
+"use client";
+import { j as e } from "./jsx-runtime.C115EyI4.js";
+import { c as u } from "./index.CvOaL64Y.js";
+import { useState as J, useRef as D, useEffect as x } from "react";
+import { g as w, a as K } from "./helpers.B1JT5ShS.js";
+import { u as Q } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as U } from "../asterisk.DpzETKdT.js";
+import { DSButton as N } from "../button.M4nXjcUn.js";
+import { DSSystemFeedback as X } from "../systemfeedback.C3Pfxxpp.js";
+import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1tk_1", Z = "ds-input-search_input--invalid_wn1tk_113", z = "ds-input-search_input--small_wn1tk_120", tt = "ds-input-search_input--has-leading-icon_wn1tk_173", nt = "ds-input-search_input--has-action-button_wn1tk_176", et = "ds-input-search_input--has-second-action-button_wn1tk_179", st = "ds-input-search_input--has-affix_wn1tk_191", at = "ds-input-search_input--is-ready_wn1tk_205", it = "ds-input-search_root_wn1tk_212", ot = "ds-input-search_hint_wn1tk_220", ct = "ds-input-search_label_wn1tk_220", ut = "ds-input-search_wrapper_wn1tk_224", rt = "ds-input-search_action-button_wn1tk_230", lt = "ds-input-search_second-action-button_wn1tk_234", pt = "ds-input-search_label--hidden_wn1tk_252", dt = "ds-input-search_label--disabled_wn1tk_265", ht = "ds-input-search_feedback_wn1tk_285", t = {
+  input: Y,
+  "input--invalid": "ds-input-search_input--invalid_wn1tk_113",
+  inputInvalid: Z,
+  "input--small": "ds-input-search_input--small_wn1tk_120",
+  inputSmall: z,
+  "input--has-leading-icon": "ds-input-search_input--has-leading-icon_wn1tk_173",
+  inputHasLeadingIcon: tt,
+  "input--has-action-button": "ds-input-search_input--has-action-button_wn1tk_176",
+  inputHasActionButton: nt,
+  "input--has-second-action-button": "ds-input-search_input--has-second-action-button_wn1tk_179",
+  inputHasSecondActionButton: et,
+  "input--has-affix": "ds-input-search_input--has-affix_wn1tk_191",
+  inputHasAffix: st,
+  "input--is-ready": "ds-input-search_input--is-ready_wn1tk_205",
+  inputIsReady: at,
+  root: it,
+  hint: ot,
+  label: ct,
+  wrapper: ut,
+  "action-button": "ds-input-search_action-button_wn1tk_230",
+  actionButton: rt,
+  "second-action-button": "ds-input-search_second-action-button_wn1tk_234",
+  secondActionButton: lt,
+  "label--hidden": "ds-input-search_label--hidden_wn1tk_252",
+  labelHidden: pt,
+  "label--disabled": "ds-input-search_label--disabled_wn1tk_265",
+  labelDisabled: dt,
+  feedback: ht
+}, _t = ({ id: n, label: r }) => {
+  if (!n)
+    throw new Error(
+      w(
+        "DSInputSearch",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
+      )
+    );
+  if (!r)
+    throw new Error(
+      w(
+        "DSInputSearch",
+        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`
+      )
+    );
+}, bt = (n) => !!K(n, "form"), Bt = ({
+  id: n,
+  label: r,
+  className: A,
+  clearButtonLabel: H = "Clear search field",
+  disabled: a = !1,
+  hint: _,
+  hideLabel: E = !1,
+  invalid: l = !1,
+  readonly: i = !1,
+  required: k = !1,
+  size: o = "medium",
+  submitButtonLabel: j = "Search",
+  systemFeedback: b,
+  value: m,
+  submitButtonOnClick: C,
+  onChange: S,
+  ...L
+}) => {
+  process.env.NODE_ENV !== "production" && _t({
+    id: n,
+    label: r
+  });
+  const [p, I] = J(m), f = D(null), d = D(null), V = Q(E);
+  x(() => {
+    I(m);
+  }, [m]), x(() => {
+    f.current && !bt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
+      w(
+        "DSInputSearch",
+        `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`
+      )
+    );
+  }, []);
+  const g = `${n}-label`, v = `${n}-feedback`, B = `${n}-hint`, O = _ ? ` ${B}` : "", y = p !== "" && p !== void 0 && p !== null, P = u(t.root, A), $ = u(t.input, {
+    // small input
+    [t.inputSmall]: o === "small",
+    // invalid state
+    [t.inputInvalid]: l,
+    // action button - input password always has an action button
+    [t.inputHasActionButton]: !0,
+    // action second action button
+    [t.inputHasSecondActionButton]: y && !i && !a
+  }), R = u(t.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: V,
+    [t.labelDisabled]: a
+  }), q = u(t.actionButton, {
+    [t.actionButtonSmall]: o === "small"
+  }), T = u(t.secondActionButton, {
+    [t.secondActionButtonSmall]: o === "small"
+  }), F = (s, c) => {
+    const G = Object.getPrototypeOf(s), h = Object.getOwnPropertyDescriptor(
+      G,
+      "value"
+    );
+    h != null && h.set ? h.set.call(s, c) : s.value = c;
+  }, M = () => {
+    var c;
+    if (!d.current) return;
+    F(d.current, "");
+    const s = new Event("change", { bubbles: !0 });
+    (c = d.current) == null || c.dispatchEvent(s);
+  }, W = (s) => {
+    I(s.target.value), S && S(s);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: P, ref: f, children: [
+    /* @__PURE__ */ e.jsxs("label", { className: R, id: g, htmlFor: n, children: [
+      r,
+      k && /* @__PURE__ */ e.jsx(U, {})
+    ] }),
+    _ && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: B, children: _ }),
+    l && b && /* @__PURE__ */ e.jsx(
+      X,
+      {
+        className: t.feedback,
+        message: b,
+        type: "invalid",
+        id: v
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: t.wrapper, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          className: $,
+          id: n,
+          ref: d,
+          ...L,
+          "aria-labelledby": `${g}${O}`,
+          "aria-describedby": l && b ? v : void 0,
+          "aria-invalid": l,
+          "aria-disabled": i,
+          readOnly: i,
+          required: k,
+          disabled: a,
+          type: "search",
+          value: p,
+          onChange: W
+        }
+      ),
+      y && !i && !a && /* @__PURE__ */ e.jsx(
+        N,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: "cross",
+          className: T,
+          variant: "ghost",
+          size: o,
+          onClick: M,
+          type: "button",
+          tabIndex: -1,
+          children: H
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        N,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: "magnifying-glass",
+          className: q,
+          variant: "ghost",
+          size: o,
+          onClick: C,
+          type: "submit",
+          disabled: a || i,
+          children: j
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Bt as D,
+  bt as i,
+  _t as v
+};