@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.34

package/chunks/InputNumber.CbH1XJfl.js

@@ -0,0 +1,267 @@
+"use client";
+import { jsx as v, jsxs as bt } from "react/jsx-runtime";
+import { d as Lt } from "./index.D-sRdssb.js";
+import { c as R } from "./index.DL9mof6u.js";
+import { forwardRef as Et, useState as Ae, useRef as _t, useEffect as yt } from "react";
+import { h as Rt } from "./has-window.ut_-aShB.js";
+import { u as Ct } from "./useBreakpoint.BzR_yaIv.js";
+import { u as kt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as Ft } from "../asterisk.B2ih8VwF.js";
+import { D as It } from "./Button.DCZgBNmA.js";
+import { M as ht, a as xt } from "./Input.utils.Dkw7gRrr.js";
+import { D as Pt } from "./SystemFeedback.CjlARKki.js";
+import { g as Ke } from "./helpers.CexwVao7.js";
+import '../assets/InputNumber.BoiCIR1f.css';const $t = "ds-input-number_input_1yj2k_1", Vt = "ds-input-number_input--small_1yj2k_9", Ht = "ds-input-number_input--invalid_1yj2k_121", Tt = "ds-input-number_input--has-affix_1yj2k_197", qt = "ds-input-number_input--is-ready_1yj2k_211", Wt = "ds-input-number_root_1yj2k_222", Mt = "ds-input-number_hint_1yj2k_222", Xt = "ds-input-number_label_1yj2k_222", zt = "ds-input-number_wrapper_1yj2k_226", Gt = "ds-input-number_affix_1yj2k_232", Ot = "ds-input-number_affix--small_1yj2k_253", Ut = "ds-input-number_prefix_1yj2k_266", Jt = "ds-input-number_suffix_1yj2k_272", Kt = "ds-input-number_affix--disabled_1yj2k_278", Qt = "ds-input-number_affix--readonly_1yj2k_289", Yt = "ds-input-number_action-button_1yj2k_325", Zt = "ds-input-number_label--hidden_1yj2k_343", en = "ds-input-number_label--disabled_1yj2k_356", tn = "ds-input-number_feedback_1yj2k_376", nn = "ds-input-number_second-action-button_1yj2k_389", sn = "ds-input-number_value-announcer_1yj2k_393", t = {
+  input: $t,
+  inputSmall: Vt,
+  inputInvalid: Ht,
+  inputHasAffix: Tt,
+  inputIsReady: qt,
+  root: Wt,
+  hint: Mt,
+  label: Xt,
+  wrapper: zt,
+  affix: Gt,
+  affixSmall: Ot,
+  prefix: Ut,
+  suffix: Jt,
+  affixDisabled: Kt,
+  affixReadonly: Qt,
+  actionButton: Yt,
+  labelHidden: Zt,
+  labelDisabled: en,
+  feedback: tn,
+  secondActionButton: nn,
+  valueAnnouncer: sn
+}, Nt = (f) => f != null && f !== "", ln = ({
+  id: f,
+  label: k,
+  prefix: e,
+  suffix: m
+}) => {
+  if (!f)
+    throw new Error(Ke("DSInputNumber", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputNumber component.'));
+  if (!k)
+    throw new Error(Ke("DSInputNumber", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputNumber component. If you don't want to display a label, set hideLabel={true}.`));
+  e && e.length > ht && console.warn(Ke("DSInputNumber", `Prefix length must not exceed ${ht} characters.`)), m && m.length > xt && console.warn(Ke("DSInputNumber", `Suffix length must not exceed ${xt} characters.`));
+}, an = Et((f, k) => {
+  const e = Lt.c(201);
+  let m, F, p, l, P, b, _, a, I, o, d, ae, oe, re, ue, ce, de, fe, me, pe, be, N;
+  e[0] !== f ? ({
+    id: l,
+    label: b,
+    announcementText: ae,
+    className: m,
+    disabled: re,
+    decreaseAmountButtonProps: F,
+    hint: p,
+    hideLabel: ue,
+    invalid: ce,
+    increaseAmountButtonProps: P,
+    prefix: a,
+    max: de,
+    min: fe,
+    readonly: me,
+    required: pe,
+    size: be,
+    step: oe,
+    suffix: o,
+    systemFeedback: d,
+    value: N,
+    onChange: _,
+    ...I
+  } = f, e[0] = f, e[1] = m, e[2] = F, e[3] = p, e[4] = l, e[5] = P, e[6] = b, e[7] = _, e[8] = a, e[9] = I, e[10] = o, e[11] = d, e[12] = ae, e[13] = oe, e[14] = re, e[15] = ue, e[16] = ce, e[17] = de, e[18] = fe, e[19] = me, e[20] = pe, e[21] = be, e[22] = N) : (m = e[1], F = e[2], p = e[3], l = e[4], P = e[5], b = e[6], _ = e[7], a = e[8], I = e[9], o = e[10], d = e[11], ae = e[12], oe = e[13], re = e[14], ue = e[15], ce = e[16], de = e[17], fe = e[18], me = e[19], pe = e[20], be = e[21], N = e[22]);
+  const _e = ae === void 0 ? "Value changed to" : ae, s = re === void 0 ? !1 : re, At = ue === void 0 ? !1 : ue, r = ce === void 0 ? !1 : ce, A = de === void 0 ? 100 : de, S = fe === void 0 ? 0 : fe, u = me === void 0 ? !1 : me, D = pe === void 0 ? !1 : pe, n = be === void 0 ? "medium" : be, ye = oe === void 0 ? 1 : oe;
+  process.env.NODE_ENV !== "production" && ln({
+    id: l,
+    label: b,
+    prefix: a,
+    suffix: o
+  });
+  let $;
+  e[23] !== F ? ($ = F || {}, e[23] = F, e[24] = $) : $ = e[24];
+  let V, H, he;
+  e[25] !== $ ? ({
+    label: he,
+    tooltip: V,
+    ...H
+  } = $, e[25] = $, e[26] = V, e[27] = H, e[28] = he) : (V = e[26], H = e[27], he = e[28]);
+  const Qe = he === void 0 ? "Decrease" : he;
+  let T;
+  e[29] !== P ? (T = P || {}, e[29] = P, e[30] = T) : T = e[30];
+  let q, W, xe;
+  e[31] !== T ? ({
+    label: xe,
+    tooltip: q,
+    ...W
+  } = T, e[31] = T, e[32] = q, e[33] = W, e[34] = xe) : (q = e[32], W = e[33], xe = e[34]);
+  const Ye = xe === void 0 ? "Increase" : xe, [ve, St] = Ae(!1), [c, Ze] = Ae(N), [y, vt] = Ae(""), [et, Dt] = Ae(!1);
+  let Se;
+  e[35] === Symbol.for("react.memo_cache_sentinel") ? (Se = {}, e[35] = Se) : Se = e[35];
+  const [ke, gt] = Ae(Se), h = _t(null);
+  let De;
+  e[36] !== k ? (De = (i) => {
+    h.current = i, typeof k == "function" ? k(i) : k && (k.current = i);
+  }, e[36] = k, e[37] = De) : De = e[37];
+  const Ie = De;
+  let ge;
+  e[38] !== a ? (ge = a?.substring(0, ht), e[38] = a, e[39] = ge) : ge = e[39];
+  const tt = ge, nt = _t(null);
+  let je;
+  e[40] !== o ? (je = o?.substring(0, xt), e[40] = o, e[41] = je) : je = e[41];
+  const st = je, lt = _t(null), Ne = Ct(At);
+  let Be, we;
+  e[42] !== N ? (Be = () => {
+    Ze(N);
+  }, we = [N], e[42] = N, e[43] = Be, e[44] = we) : (Be = e[43], we = e[44]), yt(Be, we);
+  let Le, Ee;
+  e[45] !== y ? (Le = () => {
+    if (y) {
+      const i = setTimeout(() => {
+        vt("");
+      }, 3e3);
+      return () => clearTimeout(i);
+    }
+  }, Ee = [y], e[45] = y, e[46] = Le, e[47] = Ee) : (Le = e[46], Ee = e[47]), yt(Le, Ee);
+  let Re, Ce;
+  e[48] === Symbol.for("react.memo_cache_sentinel") ? (Re = () => {
+    const i = on;
+    return h.current?.addEventListener("wheel", i, {
+      passive: !1
+    }), () => {
+      h.current?.removeEventListener("wheel", i);
+    };
+  }, Ce = [], e[48] = Re, e[49] = Ce) : (Re = e[48], Ce = e[49]), yt(Re, Ce);
+  let Fe;
+  e[50] !== n ? (Fe = () => {
+    const i = n === "medium" ? 16 : 8, L = {};
+    if (nt.current) {
+      const E = nt.current.offsetWidth;
+      L.paddingInlineStart = i + E + "px";
+    }
+    if (lt.current) {
+      const E = lt.current.offsetWidth;
+      L.paddingInlineEnd = i + E + "px";
+    }
+    gt(L), St(!0);
+  }, e[50] = n, e[51] = Fe) : Fe = e[51];
+  let Pe;
+  e[52] !== et || e[53] !== a || e[54] !== n || e[55] !== o ? (Pe = [a, o, n, et], e[52] = et, e[53] = a, e[54] = n, e[55] = o, e[56] = Pe) : Pe = e[56], kt(Fe, Pe);
+  let $e, Ve;
+  e[57] === Symbol.for("react.memo_cache_sentinel") ? ($e = () => {
+    Rt && (async () => {
+      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), Dt(!0));
+    })();
+  }, Ve = [], e[57] = $e, e[58] = Ve) : ($e = e[57], Ve = e[58]), kt($e, Ve);
+  const it = n === "small";
+  let M, X, z, G, x, O, U, g, J, K, j, B, w;
+  if (e[59] !== _e || e[60] !== m || e[61] !== s || e[62] !== tt || e[63] !== st || e[64] !== Ie || e[65] !== Ne || e[66] !== p || e[67] !== l || e[68] !== ke || e[69] !== c || e[70] !== r || e[71] !== ve || e[72] !== b || e[73] !== A || e[74] !== S || e[75] !== _ || e[76] !== a || e[77] !== u || e[78] !== D || e[79] !== I || e[80] !== n || e[81] !== ye || e[82] !== o || e[83] !== d || e[84] !== it || e[85] !== y) {
+    const i = R(t.affix, {
+      [t.affixSmall]: it,
+      [t.affixDisabled]: s,
+      [t.affixReadonly]: u
+    }), L = `${l}-label`;
+    x = `${l}-feedback`;
+    const E = `${l}-hint`, se = `${l}-value-announcer`, jt = p ? ` ${E}` : "";
+    let Te;
+    e[99] !== m ? (Te = R(t.root, m), e[99] = m, e[100] = Te) : Te = e[100];
+    const Bt = Te, at = n === "small", ot = a || o;
+    let qe;
+    e[101] !== r || e[102] !== ve || e[103] !== at || e[104] !== ot ? (qe = R(t.input, {
+      [t.inputSmall]: at,
+      [t.inputInvalid]: r,
+      [t.inputHasAffix]: ot,
+      [t.inputIsReady]: ve
+    }), e[101] = r, e[102] = ve, e[103] = at, e[104] = ot, e[105] = qe) : qe = e[105];
+    const rt = qe;
+    let We;
+    e[106] !== s || e[107] !== Ne ? (We = R(t.label, {
+      [t.labelHidden]: Ne,
+      [t.labelDisabled]: s
+    }), e[106] = s, e[107] = Ne, e[108] = We) : We = e[108];
+    const ut = We, ct = n === "small";
+    let Me;
+    e[109] !== ct ? (Me = R(t.secondActionButton, {
+      [t.secondActionButtonSmall]: ct
+    }), e[109] = ct, e[110] = Me) : Me = e[110], M = Me;
+    const dt = n === "small";
+    let Xe;
+    e[111] !== dt ? (Xe = R(t.actionButton, {
+      [t.actionButtonSmall]: dt
+    }), e[111] = dt, e[112] = Xe) : Xe = e[112], G = Xe;
+    let ze;
+    e[113] !== r || e[114] !== d || e[115] !== x || e[116] !== se ? (ze = () => {
+      const C = [se];
+      return r && d && C.push(x), C.join(" ");
+    }, e[113] = r, e[114] = d, e[115] = x, e[116] = se, e[117] = ze) : ze = e[117];
+    const wt = ze;
+    let Ge;
+    e[118] !== _e ? (Ge = () => {
+      if (h.current) {
+        Ze(h.current.value);
+        const C = new Event("change", {
+          bubbles: !0
+        });
+        h.current?.dispatchEvent(C), vt(`${_e} ${h.current.value}`);
+      }
+    }, e[118] = _e, e[119] = Ge) : Ge = e[119];
+    const le = Ge;
+    let Oe;
+    e[120] !== le ? (Oe = () => {
+      h.current?.stepDown(), le();
+    }, e[120] = le, e[121] = Oe) : Oe = e[121], X = Oe;
+    let Ue;
+    e[122] !== le ? (Ue = () => {
+      h.current?.stepUp(), le();
+    }, e[122] = le, e[123] = Ue) : Ue = e[123], z = Ue;
+    let Je;
+    e[124] !== _ ? (Je = (C) => {
+      Ze(C.target.value), _ && _(C);
+    }, e[124] = _, e[125] = Je) : Je = e[125];
+    const ft = Je;
+    K = Bt;
+    let ie;
+    e[126] !== D ? (ie = D && /* @__PURE__ */ v(Ft, {}), e[126] = D, e[127] = ie) : ie = e[127], e[128] !== l || e[129] !== L || e[130] !== b || e[131] !== ut || e[132] !== ie ? (j = /* @__PURE__ */ bt("label", { className: ut, id: L, htmlFor: l, children: [
+      b,
+      ie
+    ] }), e[128] = l, e[129] = L, e[130] = b, e[131] = ut, e[132] = ie, e[133] = j) : j = e[133], e[134] !== p || e[135] !== E ? (B = p && /* @__PURE__ */ v("div", { className: t.hint, id: E, children: p }), e[134] = p, e[135] = E, e[136] = B) : B = e[136], e[137] !== y || e[138] !== se ? (w = /* @__PURE__ */ v("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: se, children: y }), e[137] = y, e[138] = se, e[139] = w) : w = e[139], O = t.wrapper, U = a && /* @__PURE__ */ v("span", { className: R(i, t.prefix), ref: nt, "aria-disabled": s, children: tt });
+    const mt = `${L}${jt}`, pt = wt();
+    e[140] !== s || e[141] !== Ie || e[142] !== ft || e[143] !== l || e[144] !== rt || e[145] !== ke || e[146] !== c || e[147] !== r || e[148] !== A || e[149] !== S || e[150] !== u || e[151] !== D || e[152] !== I || e[153] !== ye || e[154] !== mt || e[155] !== pt ? (g = /* @__PURE__ */ v("input", { className: rt, id: l, ...I, style: ke, ref: Ie, "aria-labelledby": mt, "aria-describedby": pt, "aria-invalid": r, "aria-disabled": u, disabled: s, min: S, max: A, readOnly: u, required: D, step: ye, type: "number", value: c, onChange: ft }), e[140] = s, e[141] = Ie, e[142] = ft, e[143] = l, e[144] = rt, e[145] = ke, e[146] = c, e[147] = r, e[148] = A, e[149] = S, e[150] = u, e[151] = D, e[152] = I, e[153] = ye, e[154] = mt, e[155] = pt, e[156] = g) : g = e[156], J = o && /* @__PURE__ */ v("span", { className: R(i, t.suffix), ref: lt, "aria-disabled": s, children: st }), e[59] = _e, e[60] = m, e[61] = s, e[62] = tt, e[63] = st, e[64] = Ie, e[65] = Ne, e[66] = p, e[67] = l, e[68] = ke, e[69] = c, e[70] = r, e[71] = ve, e[72] = b, e[73] = A, e[74] = S, e[75] = _, e[76] = a, e[77] = u, e[78] = D, e[79] = I, e[80] = n, e[81] = ye, e[82] = o, e[83] = d, e[84] = it, e[85] = y, e[86] = M, e[87] = X, e[88] = z, e[89] = G, e[90] = x, e[91] = O, e[92] = U, e[93] = g, e[94] = J, e[95] = K, e[96] = j, e[97] = B, e[98] = w;
+  } else
+    M = e[86], X = e[87], z = e[88], G = e[89], x = e[90], O = e[91], U = e[92], g = e[93], J = e[94], K = e[95], j = e[96], B = e[97], w = e[98];
+  let Q;
+  e[157] !== s || e[158] !== c || e[159] !== S || e[160] !== u ? (Q = s || u || Nt(c) && Number(c) <= Number(S), e[157] = s, e[158] = c, e[159] = S, e[160] = u, e[161] = Q) : Q = e[161];
+  let Y;
+  e[162] !== M || e[163] !== Qe || e[164] !== V || e[165] !== X || e[166] !== H || e[167] !== n || e[168] !== Q ? (Y = /* @__PURE__ */ v(It, { ...H, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: M, size: n, onClick: X, tooltip: V, disabled: Q, type: "button", children: Qe }), e[162] = M, e[163] = Qe, e[164] = V, e[165] = X, e[166] = H, e[167] = n, e[168] = Q, e[169] = Y) : Y = e[169];
+  let Z;
+  e[170] !== s || e[171] !== c || e[172] !== A || e[173] !== u ? (Z = s || u || Nt(c) && Number(c) >= Number(A), e[170] = s, e[171] = c, e[172] = A, e[173] = u, e[174] = Z) : Z = e[174];
+  let ee;
+  e[175] !== z || e[176] !== Ye || e[177] !== q || e[178] !== G || e[179] !== W || e[180] !== n || e[181] !== Z ? (ee = /* @__PURE__ */ v(It, { ...W, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", tooltip: q, className: G, size: n, onClick: z, disabled: Z, type: "button", children: Ye }), e[175] = z, e[176] = Ye, e[177] = q, e[178] = G, e[179] = W, e[180] = n, e[181] = Z, e[182] = ee) : ee = e[182];
+  let te;
+  e[183] !== O || e[184] !== U || e[185] !== g || e[186] !== J || e[187] !== Y || e[188] !== ee ? (te = /* @__PURE__ */ bt("div", { className: O, children: [
+    U,
+    g,
+    J,
+    Y,
+    ee
+  ] }), e[183] = O, e[184] = U, e[185] = g, e[186] = J, e[187] = Y, e[188] = ee, e[189] = te) : te = e[189];
+  let ne;
+  e[190] !== r || e[191] !== d || e[192] !== x ? (ne = r && d && /* @__PURE__ */ v(Pt, { className: t.feedback, message: d, variant: "error", id: x }), e[190] = r, e[191] = d, e[192] = x, e[193] = ne) : ne = e[193];
+  let He;
+  return e[194] !== K || e[195] !== j || e[196] !== B || e[197] !== w || e[198] !== te || e[199] !== ne ? (He = /* @__PURE__ */ bt("div", { className: K, children: [
+    j,
+    B,
+    w,
+    te,
+    ne
+  ] }), e[194] = K, e[195] = j, e[196] = B, e[197] = w, e[198] = te, e[199] = ne, e[200] = He) : He = e[200], He;
+});
+an.displayName = "DSInputNumber";
+function on(f) {
+  f.preventDefault();
+}
+export {
+  an as D,
+  Nt as i,
+  ln as v
+};

package/chunks/{InputPassword.DC2POUc1.js → InputPassword.DbdjuSiJ.js}

@@ -1,14 +1,14 @@
 "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 { d as ht } from "./index.D-sRdssb.js";
+import { c as J } from "./index.DL9mof6u.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 = {
+import { u as St } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as Dt } from "../asterisk.B2ih8VwF.js";
+import { D as Bt } from "./Button.DCZgBNmA.js";
+import { D as It } from "./SystemFeedback.CjlARKki.js";
+import { g as ct } from "./helpers.CexwVao7.js";
+import '../assets/InputPassword.Dk3_vNLV.css';const gt = "ds-input-password_input_22l92_1", kt = "ds-input-password_input--small_22l92_9", Nt = "ds-input-password_input--invalid_22l92_121", xt = "ds-input-password_input--has-action-button_22l92_182", Ct = "ds-input-password_root_22l92_218", Ht = "ds-input-password_hint_22l92_218", Lt = "ds-input-password_label_22l92_218", $t = "ds-input-password_wrapper_22l92_222", qt = "ds-input-password_action-button_22l92_228", At = "ds-input-password_label--hidden_22l92_246", Tt = "ds-input-password_label--disabled_22l92_259", Et = "ds-input-password_feedback_22l92_279", s = {
   input: gt,
   inputSmall: kt,
   inputInvalid: Nt,
@@ -23,15 +23,15 @@ import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_inpu
   feedback: Et
 }, Vt = ({
   id: d,
-  label: l
+  label: i
 }) => {
   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)
+  if (!i)
     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) => {
+}, Ft = vt((d, i) => {
   const t = ht.c(82);
-  let c, n, e, r, p, a, B, I, g, k, N, x, C, u;
+  let c, n, e, r, p, l, B, I, g, k, N, x, C, u;
   t[0] !== d ? ({
     id: e,
     label: r,
@@ -45,10 +45,10 @@ import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_inpu
     required: x,
     togglePasswordVisibilityButtonProps: u,
     size: C,
-    systemFeedback: a,
+    systemFeedback: l,
     ...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;
+  } = d, t[0] = d, t[1] = c, t[2] = n, t[3] = e, t[4] = r, t[5] = p, t[6] = l, 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], l = 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, a = 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
@@ -63,7 +63,7 @@ import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_inpu
   } = 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];
+  t[21] !== o || t[22] !== l || t[23] !== w ? (V = [o && l && w].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = l, 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];
@@ -76,10 +76,10 @@ import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_inpu
   }), 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, {
+  t[30] !== a || 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];
+    [s.labelDisabled]: a
+  }), t[30] = a, t[31] = W, t[32] = j) : j = t[32];
   const tt = j, et = H === "small";
   let z;
   t[33] !== et ? (z = J(s.actionButton, {
@@ -87,9 +87,9 @@ import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_inpu
   }), 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];
+  t[35] !== i ? (O = (dt) => {
+    wt.current = dt, typeof i == "function" ? i(dt) : i && (i.current = dt);
+  }, t[35] = i, t[36] = O) : O = t[36];
   const ot = O;
   let M;
   t[37] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
@@ -105,26 +105,26 @@ import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_inpu
   ] }), 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];
+  const lt = `${T}${mt}`, at = Q ? "text" : "password";
   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";
+  t[49] !== U || t[50] !== K || t[51] !== a || t[52] !== ot || t[53] !== e || t[54] !== Z || t[55] !== o || t[56] !== A || t[57] !== b || t[58] !== p || t[59] !== lt || t[60] !== at ? (y = /* @__PURE__ */ q("input", { className: Z, id: e, ...p, ref: ot, "aria-labelledby": lt, "aria-describedby": U, "aria-invalid": o, "aria-disabled": A, readOnly: A, required: b, disabled: a, autoComplete: K, type: at }), t[49] = U, t[50] = K, t[51] = a, t[52] = ot, t[53] = e, t[54] = Z, t[55] = o, t[56] = A, t[57] = b, t[58] = p, t[59] = lt, t[60] = at, t[61] = y) : y = t[61];
+  const it = Q ? "eye-closed" : "eye", nt = Q ? ut : bt;
   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;
+  t[62] !== st || t[63] !== a || t[64] !== m || t[65] !== H || t[66] !== it || t[67] !== nt ? (P = /* @__PURE__ */ q(Bt, { ...m, hideLabel: !0, theme: "light", iconName: it, variant: "ghost", className: st, size: H, onClick: _t, type: "button", disabled: a, children: nt }), t[62] = st, t[63] = a, t[64] = m, t[65] = H, t[66] = it, t[67] = nt, t[68] = P) : P = t[68];
   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];
+  t[69] !== y || t[70] !== P ? (S = /* @__PURE__ */ rt("div", { className: s.wrapper, children: [
+    y,
+    P
+  ] }), t[69] = y, t[70] = P, t[71] = S) : S = t[71];
   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];
+  t[72] !== o || t[73] !== l || t[74] !== w ? (D = o && l && /* @__PURE__ */ q(It, { className: s.feedback, message: l, variant: "error", id: w }), t[72] = o, t[73] = l, t[74] = w, 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: [
+  return t[76] !== X || t[77] !== h || t[78] !== v || t[79] !== S || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
     h,
     v,
-    y,
+    S,
     D
-  ] }), t[76] = X, t[77] = h, t[78] = v, t[79] = y, t[80] = D, t[81] = G) : G = t[81], G;
+  ] }), t[76] = X, t[77] = h, t[78] = v, t[79] = S, t[80] = D, t[81] = G) : G = t[81], G;
 });
 Ft.displayName = "DSInputPassword";
 function Rt(d) {

package/chunks/InputSearch.joxmugiv.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsx as L, jsxs as gt } from "react/jsx-runtime";
+import { d as Pt } from "./index.D-sRdssb.js";
+import { c as R } from "./index.DL9mof6u.js";
+import { forwardRef as Vt, useState as Ot, useRef as wt, useEffect as Et } from "react";
+import { g as qt, a as $t } from "./helpers.CexwVao7.js";
+import { u as jt } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as xt } from "../asterisk.B2ih8VwF.js";
+import { D as kt } from "./Button.DCZgBNmA.js";
+import { D as Ft } from "./SystemFeedback.CjlARKki.js";
+import '../assets/InputSearch.C1_4cVCi.css';const Rt = "ds-input-search_input_142qf_1", Tt = "ds-input-search_input--small_142qf_9", zt = "ds-input-search_input--invalid_142qf_121", Mt = "ds-input-search_input--has-action-button_142qf_182", Wt = "ds-input-search_input--has-second-action-button_142qf_185", Gt = "ds-input-search_root_142qf_218", Jt = "ds-input-search_hint_142qf_218", Kt = "ds-input-search_label_142qf_218", Qt = "ds-input-search_wrapper_142qf_222", Ut = "ds-input-search_action-button_142qf_228", Xt = "ds-input-search_second-action-button_142qf_232", Yt = "ds-input-search_label--hidden_142qf_250", Zt = "ds-input-search_label--disabled_142qf_263", te = "ds-input-search_feedback_142qf_283", s = {
+  input: Rt,
+  inputSmall: Tt,
+  inputInvalid: zt,
+  inputHasActionButton: Mt,
+  inputHasSecondActionButton: Wt,
+  root: Gt,
+  hint: Jt,
+  label: Kt,
+  wrapper: Qt,
+  actionButton: Ut,
+  secondActionButton: Xt,
+  labelHidden: Yt,
+  labelDisabled: Zt,
+  feedback: te
+}, ee = ({
+  id: a,
+  label: i
+}) => {
+  if (!a)
+    throw new Error(qt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!i)
+    throw new Error(qt("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}.`));
+}, se = (a) => !!$t(a, "form"), ne = Vt((a, i) => {
+  const t = Pt.c(103);
+  let c, d, e, h, b, m, _, o, H, P, V, O, $, j, x, p;
+  t[0] !== a ? ({
+    id: e,
+    label: h,
+    className: c,
+    clearButtonLabel: H,
+    disabled: P,
+    hint: d,
+    hideLabel: V,
+    invalid: O,
+    readonly: $,
+    required: j,
+    size: x,
+    systemFeedback: o,
+    value: p,
+    submitButtonProps: _,
+    onChange: b,
+    ...m
+  } = a, t[0] = a, t[1] = c, t[2] = d, t[3] = e, t[4] = h, t[5] = b, t[6] = m, t[7] = _, t[8] = o, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = j, t[15] = x, t[16] = p) : (c = t[1], d = t[2], e = t[3], h = t[4], b = t[5], m = t[6], _ = t[7], o = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], j = t[14], x = t[15], p = t[16]);
+  const lt = H === void 0 ? "Clear search field" : H, l = P === void 0 ? !1 : P, At = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $, v = j === void 0 ? !1 : j, u = x === void 0 ? "medium" : x;
+  process.env.NODE_ENV !== "production" && ee({
+    id: e,
+    label: h
+  });
+  let S;
+  t[17] !== _ ? (S = _ || {}, t[17] = _, t[18] = S) : S = t[18];
+  let y, B, F;
+  t[19] !== S ? ({
+    label: F,
+    onClick: y,
+    ...B
+  } = S, t[19] = S, t[20] = y, t[21] = B, t[22] = F) : (y = t[20], B = t[21], F = t[22]);
+  const ot = F === void 0 ? "Search" : F, [D, Nt] = Ot(p), ct = wt(null), T = wt(null);
+  let z;
+  t[23] !== i ? (z = (f) => {
+    T.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
+  }, t[23] = i, t[24] = z) : z = t[24];
+  const rt = z, ut = jt(At);
+  let M, W;
+  t[25] !== p ? (M = () => {
+    Nt(p);
+  }, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), Et(M, W);
+  let G;
+  t[28] !== e ? (G = () => {
+    ct.current && !se(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(qt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
+  }, t[28] = e, t[29] = G) : G = t[29];
+  let J;
+  t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], Et(G, J);
+  const K = `${e}-label`, I = `${e}-feedback`, Q = `${e}-hint`, Ct = d ? ` ${Q}` : "";
+  let U;
+  t[31] !== n || t[32] !== o || t[33] !== I ? (U = [n && o && I].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = o, t[33] = I, t[34] = U) : U = t[34];
+  const dt = U, X = D !== "" && D !== void 0 && D !== null;
+  let Y;
+  t[35] !== c ? (Y = R(s.root, c), t[35] = c, t[36] = Y) : Y = t[36];
+  const pt = Y, ft = u === "small", ht = X && !r && !l;
+  let Z;
+  t[37] !== n || t[38] !== ft || t[39] !== ht ? (Z = R(s.input, {
+    [s.inputSmall]: ft,
+    [s.inputInvalid]: n,
+    [s.inputHasActionButton]: !0,
+    [s.inputHasSecondActionButton]: ht
+  }), t[37] = n, t[38] = ft, t[39] = ht, t[40] = Z) : Z = t[40];
+  const bt = Z;
+  let tt;
+  t[41] !== l || t[42] !== ut ? (tt = R(s.label, {
+    [s.labelHidden]: ut,
+    [s.labelDisabled]: l
+  }), t[41] = l, t[42] = ut, t[43] = tt) : tt = t[43];
+  const mt = tt, _t = u === "small";
+  let et;
+  t[44] !== _t ? (et = R(s.actionButton, {
+    [s.actionButtonSmall]: _t
+  }), t[44] = _t, t[45] = et) : et = t[45];
+  const vt = et, St = u === "small";
+  let st;
+  t[46] !== St ? (st = R(s.secondActionButton, {
+    [s.secondActionButtonSmall]: St
+  }), t[46] = St, t[47] = st) : st = t[47];
+  const yt = st, Lt = ae;
+  let nt;
+  t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+    if (!T.current)
+      return;
+    Lt(T.current, "");
+    const f = new Event("change", {
+      bubbles: !0
+    });
+    T.current?.dispatchEvent(f);
+  }, t[48] = nt) : nt = t[48];
+  const Ht = nt;
+  let at;
+  t[49] !== b ? (at = (f) => {
+    Nt(f.target.value), b && b(f);
+  }, t[49] = b, t[50] = at) : at = t[50];
+  const Bt = at;
+  let g;
+  t[51] !== v ? (g = v && /* @__PURE__ */ L(xt, {}), t[51] = v, t[52] = g) : g = t[52];
+  let q;
+  t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== g ? (q = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
+    h,
+    g
+  ] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] = g, t[58] = q) : q = t[58];
+  let N;
+  t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = N) : N = t[61];
+  const Dt = `${K}${Ct}`;
+  let w;
+  t[62] !== dt || t[63] !== l || t[64] !== rt || t[65] !== Bt || t[66] !== e || t[67] !== bt || t[68] !== D || t[69] !== n || t[70] !== r || t[71] !== v || t[72] !== m || t[73] !== Dt ? (w = /* @__PURE__ */ L("input", { className: bt, id: e, ...m, ref: rt, "aria-labelledby": Dt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: v, disabled: l, type: "search", value: D, onChange: Bt }), t[62] = dt, t[63] = l, t[64] = rt, t[65] = Bt, t[66] = e, t[67] = bt, t[68] = D, t[69] = n, t[70] = r, t[71] = v, t[72] = m, t[73] = Dt, t[74] = w) : w = t[74];
+  let E;
+  t[75] !== yt || t[76] !== lt || t[77] !== l || t[78] !== X || t[79] !== r || t[80] !== u ? (E = X && !r && !l && /* @__PURE__ */ L(kt, { hideLabel: !0, theme: "light", iconName: "cross", className: yt, variant: "ghost", size: u, onClick: Ht, type: "button", tabIndex: -1, children: lt }), t[75] = yt, t[76] = lt, t[77] = l, t[78] = X, t[79] = r, t[80] = u, t[81] = E) : E = t[81];
+  const It = l || r;
+  let k;
+  t[82] !== y || t[83] !== B || t[84] !== u || t[85] !== vt || t[86] !== ot || t[87] !== It ? (k = /* @__PURE__ */ L(kt, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: It, children: ot }), t[82] = y, t[83] = B, t[84] = u, t[85] = vt, t[86] = ot, t[87] = It, t[88] = k) : k = t[88];
+  let A;
+  t[89] !== w || t[90] !== E || t[91] !== k ? (A = /* @__PURE__ */ gt("div", { className: s.wrapper, children: [
+    w,
+    E,
+    k
+  ] }), t[89] = w, t[90] = E, t[91] = k, t[92] = A) : A = t[92];
+  let C;
+  t[93] !== n || t[94] !== o || t[95] !== I ? (C = n && o && /* @__PURE__ */ L(Ft, { className: s.feedback, message: o, variant: "error", id: I }), t[93] = n, t[94] = o, t[95] = I, t[96] = C) : C = t[96];
+  let it;
+  return t[97] !== pt || t[98] !== q || t[99] !== N || t[100] !== A || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
+    q,
+    N,
+    A,
+    C
+  ] }), t[97] = pt, t[98] = q, t[99] = N, t[100] = A, t[101] = C, t[102] = it) : it = t[102], it;
+});
+ne.displayName = "DSInputSearch";
+function ae(a, i) {
+  const t = Object.getPrototypeOf(a), c = Object.getOwnPropertyDescriptor(t, "value");
+  c?.set ? c.set.call(a, i) : a.value = i;
+}
+export {
+  ne as D,
+  se as i,
+  ee as v
+};