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

package/chunks/{Dialog.CudsqNag.js → Dialog.CG1l6YDx.js}

@@ -1,10 +1,10 @@
 "use client";
-import { j as r } from "./jsx-runtime.C115EyI4.js";
-import { c as l } from "./index.CvOaL64Y.js";
+import { j as r } from "./jsx-runtime.BteaETFx.js";
+import { c as l } from "./index.CEyLAtio.js";
 import { useRef as h, useState as x, useEffect as q } from "react";
-import { DSButton as j } from "../button.M4nXjcUn.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
-import '../assets/Dialog.BgzebVk4.css';const E = "ds-dialog_root_1e2qq_5", C = "ds-dialog_content-wrapper_1e2qq_159", F = "ds-dialog_content-wrapper--no-footer_1e2qq_165", W = "ds-dialog_close-button_1e2qq_173", k = "ds-dialog_header_1e2qq_186", R = "ds-dialog_content_1e2qq_159", y = "ds-dialog_footer_1e2qq_188", z = "ds-dialog_header--scrollable_1e2qq_209", L = "ds-dialog_header--close-button_1e2qq_218", M = "ds-dialog_content--no-footer_1e2qq_231", H = "ds-dialog_footer--scrollable_1e2qq_238", o = {
+import { DSButton as j } from "../button.Nknx8eP1.js";
+import { g as B } from "./helpers.CcqWV-wZ.js";
+import '../assets/Dialog.DXmPdExC.css';const E = "ds-dialog_root_1e2qq_5", C = "ds-dialog_content-wrapper_1e2qq_159", F = "ds-dialog_content-wrapper--no-footer_1e2qq_165", W = "ds-dialog_close-button_1e2qq_173", k = "ds-dialog_header_1e2qq_186", R = "ds-dialog_content_1e2qq_159", y = "ds-dialog_footer_1e2qq_188", z = "ds-dialog_header--scrollable_1e2qq_209", L = "ds-dialog_header--close-button_1e2qq_218", M = "ds-dialog_content--no-footer_1e2qq_231", H = "ds-dialog_footer--scrollable_1e2qq_238", o = {
   root: E,
   "content-wrapper": "ds-dialog_content-wrapper_1e2qq_159",
   contentWrapper: C,

package/chunks/{Drawer.ueG2Bzr9.js → Drawer.BFw0swsE.js}

@@ -1,10 +1,10 @@
 "use client";
-import { j as t } from "./jsx-runtime.C115EyI4.js";
-import { c as n } from "./index.CvOaL64Y.js";
+import { j as t } from "./jsx-runtime.BteaETFx.js";
+import { c as n } from "./index.CEyLAtio.js";
 import { useRef as w, useState as g, useEffect as b } from "react";
-import { DSButton as j } from "../button.M4nXjcUn.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
-import '../assets/Drawer.Bauwxrk7.css';const R = "ds-drawer_root_1qhpc_10", W = "ds-drawer_root--end_1qhpc_68", C = "ds-drawer_content-wrapper_1qhpc_169", F = "ds-drawer_content-wrapper--no-footer_1qhpc_175", k = "ds-drawer_close-button_1qhpc_178", I = "ds-drawer_header_1qhpc_191", O = "ds-drawer_content_1qhpc_169", y = "ds-drawer_footer_1qhpc_193", z = "ds-drawer_header--scrollable_1qhpc_214", L = "ds-drawer_header--close-button_1qhpc_223", M = "ds-drawer_content--no-footer_1qhpc_237", H = "ds-drawer_footer--scrollable_1qhpc_244", o = {
+import { DSButton as j } from "../button.Nknx8eP1.js";
+import { g as B } from "./helpers.CcqWV-wZ.js";
+import '../assets/Drawer.BcM0epJS.css';const R = "ds-drawer_root_1qhpc_10", W = "ds-drawer_root--end_1qhpc_68", C = "ds-drawer_content-wrapper_1qhpc_169", F = "ds-drawer_content-wrapper--no-footer_1qhpc_175", k = "ds-drawer_close-button_1qhpc_178", I = "ds-drawer_header_1qhpc_191", O = "ds-drawer_content_1qhpc_169", y = "ds-drawer_footer_1qhpc_193", z = "ds-drawer_header--scrollable_1qhpc_214", L = "ds-drawer_header--close-button_1qhpc_223", M = "ds-drawer_content--no-footer_1qhpc_237", H = "ds-drawer_footer--scrollable_1qhpc_244", o = {
   root: R,
   "root--end": "ds-drawer_root--end_1qhpc_68",
   rootEnd: W,

package/chunks/{Fieldset.Cjmkgxxk.js → Fieldset.CPuNSQNU.js}

@@ -1,12 +1,12 @@
 "use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
+import { j as e } from "./jsx-runtime.BteaETFx.js";
+import { c } from "./index.CEyLAtio.js";
 import "react";
-import { Asterisk as y } from "../asterisk.DpzETKdT.js";
-import { DSHeading as v } from "../heading.IPIYc5vW.js";
-import { DSSystemFeedback as w } from "../systemfeedback.C3Pfxxpp.js";
-import { g as j } from "./helpers.B1JT5ShS.js";
-import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E = "ds-fieldset_child-wrapper_1opm7_95", M = "ds-fieldset_legend_1opm7_102", q = "ds-fieldset_legend--utility--m_1opm7_106", C = "ds-fieldset_description_1opm7_118", P = "ds-fieldset_description--small_1opm7_132", T = "ds-fieldset_system-feedback_1opm7_136", i = {
+import { Asterisk as y } from "../asterisk.DdCXwXQh.js";
+import { DSHeading as v } from "../heading.BesCIchJ.js";
+import { DSSystemFeedback as w } from "../systemfeedback.bHSsfiy3.js";
+import { g as j } from "./helpers.CcqWV-wZ.js";
+import '../assets/Fieldset.Og4EsnPI.css';const N = "ds-fieldset_root_1opm7_1", E = "ds-fieldset_child-wrapper_1opm7_95", M = "ds-fieldset_legend_1opm7_102", q = "ds-fieldset_legend--utility--m_1opm7_106", C = "ds-fieldset_description_1opm7_118", P = "ds-fieldset_description--small_1opm7_132", T = "ds-fieldset_system-feedback_1opm7_136", i = {
   root: N,
   "child-wrapper": "ds-fieldset_child-wrapper_1opm7_95",
   childWrapper: E,
@@ -28,7 +28,7 @@ import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E
     throw new Error(
       j(
         "DSFieldset",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'
       )
     );
   if (!a)

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

@@ -1,9 +1,9 @@
 "use client";
-import { j as x } from "./jsx-runtime.C115EyI4.js";
-import { c as E } from "./index.CvOaL64Y.js";
+import { j as x } from "./jsx-runtime.BteaETFx.js";
+import { c as E } from "./index.CEyLAtio.js";
 import * as b from "react";
 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;
+import '../assets/Icon.ZNrKuqgu.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";
 }
@@ -21,9 +21,9 @@ function L(s) {
     const r = new IntersectionObserver((n) => {
       n.forEach((o) => {
         var c;
-        const v = o.isIntersecting && a.some((m) => o.intersectionRatio >= m);
-        s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = v), (c = e.get(o.target)) == null || c.forEach((m) => {
-          m(v, o);
+        const m = o.isIntersecting && a.some((d) => o.intersectionRatio >= d);
+        s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = m), (c = e.get(o.target)) == null || c.forEach((d) => {
+          d(m, o);
         });
       });
     }, s);
@@ -64,19 +64,19 @@ function O({
   skip: n,
   initialInView: o,
   fallbackInView: c,
-  onChange: v
+  onChange: m
 } = {}) {
-  var m;
-  const [d, S] = b.useState(null), h = b.useRef(), [g, l] = b.useState({
+  var d;
+  const [g, S] = b.useState(null), h = b.useRef(m), [p, l] = b.useState({
     inView: !!o,
     entry: void 0
   });
-  h.current = v, b.useEffect(
+  h.current = m, b.useEffect(
     () => {
-      if (n || !d) return;
+      if (n || !g) return;
       let f;
       return f = N(
-        d,
+        g,
         (R, k) => {
           l({
             inView: R,
@@ -102,7 +102,7 @@ function O({
     [
       // If the threshold is an array, convert it to a string, so it won't change between renders.
       Array.isArray(s) ? s.toString() : s,
-      d,
+      g,
       a,
       e,
       r,
@@ -112,18 +112,18 @@ function O({
       i
     ]
   );
-  const u = (m = g.entry) == null ? void 0 : m.target, I = b.useRef();
-  !d && u && !r && !n && I.current !== u && (I.current = u, l({
+  const u = (d = p.entry) == null ? void 0 : d.target, I = b.useRef(void 0);
+  !g && 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 v = [S, p.inView, p.entry];
+  return v.ref = v[0], v.inView = v[1], v.entry = v[2], v;
 }
-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,
+const A = "ds-icon_image_73zqf_1", C = "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: A,
   "image--theme-dark": "ds-icon_image--theme-dark_73zqf_10",
-  imageThemeDark: A,
+  imageThemeDark: C,
   "image--size-medium": "ds-icon_image--size-medium_73zqf_13",
   imageSizeMedium: X,
   "image--size-small": "ds-icon_image--size-small_73zqf_19",
@@ -169,14 +169,14 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
   theme: r = "light",
   ...n
 }) => {
-  const { SVGIcon: o, isLoading: c, setShouldLoad: v } = P(t), [, m] = z(t), d = {
+  const { SVGIcon: o, isLoading: c, setShouldLoad: m } = P(t), [, d] = z(t), g = {
     large: 16,
     medium: 12,
     small: 10,
     "x-small": 8
   };
   M(() => {
-    m(t);
+    d(t);
   }, [t]);
   const { ref: S } = O({
     rootMargin: "200px 0px",
@@ -184,11 +184,11 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
     fallbackInView: !0,
     skip: !!a,
     onChange: (l) => {
-      v(l);
+      m(l);
     }
   }), h = (l) => (u) => {
     a && u && (u.src = l);
-  }, g = E(w.image, i, {
+  }, p = E(w.image, i, {
     // custom icons and colored icons do not have a dark theme
     [w.imageThemeDark]: r === "dark" && !a && !t.includes("-colored"),
     [w.imageSizeMedium]: e === "medium",
@@ -198,10 +198,10 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
   return a ? /* @__PURE__ */ x.jsx(
     "img",
     {
-      className: g,
+      className: p,
       ref: h(a),
-      width: d[e],
-      height: d[e],
+      width: g[e],
+      height: g[e],
       loading: "lazy",
       alt: (s == null ? void 0 : s["aria-label"]) || "",
       ...n
@@ -209,12 +209,12 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
   ) : !c && o ? /* @__PURE__ */ x.jsx(
     o,
     {
-      className: g,
+      className: p,
       title: (s == null ? void 0 : s["aria-label"]) || "",
       role: s != null && s["aria-label"] ? "img" : void 0,
       ...n
     }
-  ) : /* @__PURE__ */ x.jsx("div", { className: g, ref: S });
+  ) : /* @__PURE__ */ x.jsx("div", { className: p, ref: S });
 };
 export {
   F as D,

package/chunks/{Input.utils.ChV6RJsh.js → Input.utils.BolAdXy6.js}

@@ -1,9 +1,7 @@
 "use client";
-import { useLayoutEffect as p, useEffect as u } from "react";
-import { h } from "./useBreakpoint.5xBNDiCf.js";
-import { g as t } from "./helpers.B1JT5ShS.js";
-import { h as l } from "./has-document.r9i9TxKV.js";
-const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
+import { g as t } from "./helpers.CcqWV-wZ.js";
+import "react";
+const a = 8, i = 5, w = ["medium", "small"], p = [
   "color",
   "date",
   "datetime-local",
@@ -16,7 +14,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "text",
   "time",
   "url"
-], w = [
+], u = [
   "week",
   "hidden",
   "button",
@@ -28,21 +26,21 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "submit",
   "image",
   "datetime"
-], P = ({
+], I = ({
   id: e,
   label: n,
   prefix: o,
   suffix: s,
   leadingIconName: r,
   leadingIconSource: d,
-  actionButtonIconName: m,
-  actionButtonIconSource: c
+  actionButtonIconName: c,
+  actionButtonIconSource: m
 }) => {
   if (!e)
     throw new Error(
       t(
         "DSInput",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInput component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'
       )
     );
   if (!n)
@@ -67,14 +65,14 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
       "DSInput",
       "Prefix and a leading Icon cannot be used at the same time."
     )
-  ), s && (m || c) && console.warn(
+  ), s && (c || m) && console.warn(
     t(
       "DSInput",
       "Suffix and an action button cannot be used at the same time."
     )
   );
-}, g = (e) => {
-  if (!S.includes(e) && !w.includes(e))
+}, T = (e) => {
+  if (!p.includes(e) && !u.includes(e))
     throw new Error(
       t(
         "DSInput",
@@ -96,18 +94,17 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
     hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
   };
   n[e] && console.warn(t("DSInput", n[e]));
-}, I = () => l && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), E = (e, n) => I() && (e || n), k = (e) => e === "date" || e === "datetime-local" || e === "month", x = (e) => e === "time";
+}, l = () => "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), b = (e, n) => l() && (e || n), D = (e) => e === "date" || e === "datetime-local" || e === "month", y = (e) => e === "time";
 export {
-  U as I,
+  w as I,
   a as M,
-  S,
-  w as U,
+  p as S,
+  u as U,
   i as a,
-  g as b,
-  x as c,
-  I as h,
-  k as i,
-  E as s,
-  f as u,
-  P as v
+  T as b,
+  y as c,
+  l as h,
+  D as i,
+  b as s,
+  I as v
 };

package/chunks/{InputPassword.CNLbBFjx.js → InputPassword.DCV-dKiH.js}

@@ -1,13 +1,13 @@
 "use client";
-import { j as a } from "./jsx-runtime.C115EyI4.js";
-import { c as i } from "./index.CvOaL64Y.js";
+import { j as a } from "./jsx-runtime.BteaETFx.js";
+import { c as i } from "./index.CEyLAtio.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 = {
+import { u as L } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as C } from "../asterisk.DdCXwXQh.js";
+import { DSButton as $ } from "../button.Nknx8eP1.js";
+import { DSSystemFeedback as E } from "../systemfeedback.bHSsfiy3.js";
+import { g as m } from "./helpers.CcqWV-wZ.js";
+import '../assets/InputPassword.DtKteerr.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,
@@ -39,7 +39,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
     throw new Error(
       m(
         "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'
       )
     );
   if (!n)
@@ -49,10 +49,10 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
         `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 = ({
+}, ds = ({
   id: t,
   label: n,
-  autocomplete: h = "new-password",
+  autoComplete: h = "new-password",
   className: f,
   disabled: e = !1,
   hidePasswordText: y = "Hide password",
@@ -62,17 +62,17 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
   readonly: r = !1,
   required: c = !1,
   showPasswordText: x = "Show password",
-  size: p = "medium",
-  systemFeedback: d,
+  size: d = "medium",
+  systemFeedback: p,
   ...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, {
+  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = L(S), g = i(s.root, f), D = i(s.input, {
     // small input
-    [s.inputSmall]: p === "small",
+    [s.inputSmall]: d === "small",
     // invalid state
     [s.inputInvalid]: o,
     // action button - input password always has an action button
@@ -82,21 +82,21 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
     [s.labelHidden]: H,
     [s.labelDisabled]: e
   }), N = i(s.actionButton, {
-    [s.actionButtonSmall]: p === "small"
+    [s.actionButtonSmall]: d === "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, {})
+      c && /* @__PURE__ */ a.jsx(C, {})
     ] }),
     u && /* @__PURE__ */ a.jsx("div", { className: s.hint, id: b, children: u }),
-    o && d && /* @__PURE__ */ a.jsx(
+    o && p && /* @__PURE__ */ a.jsx(
       E,
       {
         className: s.feedback,
-        message: d,
+        message: p,
         type: "invalid",
         id: w
       }
@@ -109,7 +109,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
           id: t,
           ...I,
           "aria-labelledby": `${_}${B}`,
-          "aria-describedby": o && d ? w : void 0,
+          "aria-describedby": o && p ? w : void 0,
           "aria-invalid": o,
           "aria-disabled": r,
           readOnly: r,
@@ -127,7 +127,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
           iconName: l ? "eye-closed" : "eye",
           variant: "ghost",
           className: N,
-          size: p,
+          size: d,
           onClick: j,
           type: "button",
           disabled: e,
@@ -138,6 +138,6 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
   ] });
 };
 export {
-  ps as D,
+  ds as D,
   z as v
 };

package/chunks/{InputSearch.CHA6mkX_.js → InputSearch.BXLLIjLO.js}

@@ -1,13 +1,13 @@
 "use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c as u } from "./index.CvOaL64Y.js";
+import { j as e } from "./jsx-runtime.BteaETFx.js";
+import { c as u } from "./index.CEyLAtio.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 = {
+import { g as w, a as K } from "./helpers.CcqWV-wZ.js";
+import { u as Q } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as U } from "../asterisk.DdCXwXQh.js";
+import { DSButton as N } from "../button.Nknx8eP1.js";
+import { DSSystemFeedback as X } from "../systemfeedback.bHSsfiy3.js";
+import '../assets/InputSearch.Mql3oFlQ.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,
@@ -41,7 +41,7 @@ import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1
     throw new Error(
       w(
         "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'
       )
     );
   if (!r)