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

package/input.DhxUW3zc.js

@@ -1,203 +0,0 @@
-"use client";
-import { jsx as H, jsxs as vt } from "react/jsx-runtime";
-import { d as ie } from "./chunks/index.CgTHIF3K.js";
-import { c as R } from "./chunks/index.CEyLAtio.js";
-import { forwardRef as ne, useState as Nt, useRef as Vt, useEffect as se } from "react";
-import { u as le } from "./chunks/useBreakpoint.CMOR9ZOB.js";
-import { u as zt } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { Asterisk as ae } from "./asterisk.CR60hx8S.js";
-import { D as Gt } from "./chunks/Button.CC0qEsuR.js";
-import { D as oe } from "./chunks/Icon.C0161Glk.js";
-import { DSSystemFeedback as ce } from "./systemfeedback.CLQCbTF6.js";
-import { v as de, b as fe, M as re, a as ue, s as pe, i as qt, c as me } from "./chunks/Input.utils.Cnnzvuk4.js";
-import './assets/input.DFwunFjw.css';const _e = "ds-input_input_1icdc_1", be = "ds-input_input--small_1icdc_9", he = "ds-input_input--invalid_1icdc_121", Ie = "ds-input_input--has-leading-icon_1icdc_179", xe = "ds-input_input--has-action-button_1icdc_182", ye = "ds-input_input--has-affix_1icdc_197", ge = "ds-input_input--is-ready_1icdc_211", Se = "ds-input_root_1icdc_218", ve = "ds-input_hint_1icdc_227", Ne = "ds-input_label_1icdc_227", De = "ds-input_wrapper_1icdc_231", ke = "ds-input_affix_1icdc_237", Be = "ds-input_affix--small_1icdc_258", Ce = "ds-input_affix--disabled_1icdc_271", Le = "ds-input_prefix_1icdc_279", He = "ds-input_affix--readonly_1icdc_282", Re = "ds-input_suffix_1icdc_292", Ae = "ds-input_leading-icon_1icdc_299", we = "ds-input_leading-icon--small_1icdc_311", Fe = "ds-input_leading-icon--disabled_1icdc_314", Pe = "ds-input_action-button_1icdc_323", Ee = "ds-input_label--hidden_1icdc_341", Te = "ds-input_label--disabled_1icdc_354", $e = "ds-input_feedback_1icdc_374", e = {
-  input: _e,
-  inputSmall: be,
-  inputInvalid: he,
-  inputHasLeadingIcon: Ie,
-  inputHasActionButton: xe,
-  inputHasAffix: ye,
-  inputIsReady: ge,
-  root: Se,
-  hint: ve,
-  label: Ne,
-  wrapper: De,
-  affix: ke,
-  affixSmall: Be,
-  affixDisabled: Ce,
-  prefix: Le,
-  affixReadonly: He,
-  suffix: Re,
-  leadingIcon: Ae,
-  leadingIconSmall: we,
-  leadingIconDisabled: Fe,
-  actionButton: Pe,
-  labelHidden: Ee,
-  labelDisabled: Te,
-  feedback: $e
-}, Oe = ne((Dt, w) => {
-  const t = ie.c(175);
-  let A, S, m, o, I, u, p, s, x, n, f, G, U, J, K, Q, Y, Z;
-  t[0] !== Dt ? ({
-    id: o,
-    label: I,
-    actionButtonProps: A,
-    className: S,
-    disabled: G,
-    hint: m,
-    hideLabel: U,
-    invalid: J,
-    leadingIconName: u,
-    leadingIconSource: p,
-    prefix: s,
-    readonly: K,
-    required: Q,
-    size: Y,
-    suffix: n,
-    systemFeedback: f,
-    type: Z,
-    ...x
-  } = Dt, t[0] = Dt, t[1] = A, t[2] = S, t[3] = m, t[4] = o, t[5] = I, t[6] = u, t[7] = p, t[8] = s, t[9] = x, t[10] = n, t[11] = f, t[12] = G, t[13] = U, t[14] = J, t[15] = K, t[16] = Q, t[17] = Y, t[18] = Z) : (A = t[1], S = t[2], m = t[3], o = t[4], I = t[5], u = t[6], p = t[7], s = t[8], x = t[9], n = t[10], f = t[11], G = t[12], U = t[13], J = t[14], K = t[15], Q = t[16], Y = t[17], Z = t[18]);
-  const i = G === void 0 ? !1 : G, Ut = U === void 0 ? !1 : U, d = J === void 0 ? !1 : J, a = K === void 0 ? !1 : K, v = Q === void 0 ? !1 : Q, l = Y === void 0 ? "medium" : Y, c = Z === void 0 ? "text" : Z;
-  process.env.NODE_ENV !== "production" && (de({
-    id: o,
-    label: I,
-    prefix: s,
-    suffix: n,
-    leadingIconName: u,
-    leadingIconSource: p,
-    actionButtonProps: A
-  }), fe(c, x.autoComplete));
-  let F;
-  t[19] !== A ? (F = A || {}, t[19] = A, t[20] = F) : F = t[20];
-  let P, _, b, E, T;
-  t[21] !== F ? ({
-    iconName: _,
-    iconSource: b,
-    label: P,
-    onClick: E,
-    ...T
-  } = F, t[21] = F, t[22] = P, t[23] = _, t[24] = b, t[25] = E, t[26] = T) : (P = t[22], _ = t[23], b = t[24], E = t[25], T = t[26]);
-  const [tt, Jt] = Nt(!1), [kt, Kt] = Nt(!1), [y, Qt] = Nt(!1);
-  let st;
-  t[27] === Symbol.for("react.memo_cache_sentinel") ? (st = {}, t[27] = st) : st = t[27];
-  const [et, Yt] = Nt(st), Bt = Vt(null);
-  let lt;
-  t[28] !== w ? (lt = (r) => {
-    Bt.current = r, typeof w == "function" ? w(r) : w && (w.current = r);
-  }, t[28] = w, t[29] = lt) : lt = t[29];
-  const it = lt;
-  let at;
-  t[30] !== s ? (at = s == null ? void 0 : s.substring(0, re), t[30] = s, t[31] = at) : at = t[31];
-  const Ct = at, Lt = Vt(null);
-  let ot;
-  t[32] !== n ? (ot = n == null ? void 0 : n.substring(0, ue), t[32] = n, t[33] = ot) : ot = t[33];
-  const Ht = ot, Rt = Vt(null), nt = le(Ut);
-  let ct;
-  t[34] !== l ? (ct = () => {
-    const r = l === "medium" ? 16 : 8, L = {};
-    if (Lt.current) {
-      const h = Lt.current.offsetWidth;
-      L.paddingInlineStart = r + h + "px";
-    }
-    if (Rt.current) {
-      const h = Rt.current.offsetWidth;
-      L.paddingInlineEnd = r + h + "px";
-    }
-    Yt(L), Jt(!0);
-  }, t[34] = l, t[35] = ct) : ct = t[35];
-  let dt;
-  t[36] !== kt || t[37] !== s || t[38] !== l || t[39] !== n ? (dt = [s, n, l, kt], t[36] = kt, t[37] = s, t[38] = l, t[39] = n, t[40] = dt) : dt = t[40], zt(ct, dt);
-  let ft, rt;
-  t[41] === Symbol.for("react.memo_cache_sentinel") ? (ft = () => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), Kt(!0));
-    })();
-  }, rt = [], t[41] = ft, t[42] = rt) : (ft = t[41], rt = t[42]), zt(ft, rt);
-  let ut, pt;
-  t[43] !== c ? (ut = () => {
-    const r = pe(qt(c), me(c));
-    Qt(r);
-  }, pt = [c], t[43] = c, t[44] = ut, t[45] = pt) : (ut = t[44], pt = t[45]), se(ut, pt);
-  const At = l === "small";
-  let g, $, O, W, N, D, X, j, k, B, C;
-  if (t[46] !== S || t[47] !== i || t[48] !== Ct || t[49] !== Ht || t[50] !== it || t[51] !== nt || t[52] !== m || t[53] !== _ || t[54] !== b || t[55] !== o || t[56] !== et || t[57] !== d || t[58] !== tt || t[59] !== y || t[60] !== I || t[61] !== u || t[62] !== p || t[63] !== s || t[64] !== a || t[65] !== v || t[66] !== x || t[67] !== l || t[68] !== n || t[69] !== f || t[70] !== At || t[71] !== c) {
-    const r = R(e.affix, {
-      [e.affixSmall]: At,
-      [e.affixDisabled]: i,
-      [e.affixReadonly]: a
-    }), L = `${o}-label`, h = `${o}-feedback`, _t = `${o}-hint`, Zt = m ? ` ${_t}` : "";
-    let bt;
-    t[83] !== d || t[84] !== f || t[85] !== h ? (bt = [d && f && h].filter(Boolean).join(" ") || void 0, t[83] = d, t[84] = f, t[85] = h, t[86] = bt) : bt = t[86];
-    const wt = bt;
-    let ht;
-    t[87] !== S ? (ht = R(e.root, S), t[87] = S, t[88] = ht) : ht = t[88];
-    const te = ht, Ft = l === "small", Pt = u || p, Et = s || n, Tt = _ || b || y;
-    let It;
-    t[89] !== d || t[90] !== tt || t[91] !== Ft || t[92] !== Pt || t[93] !== Et || t[94] !== Tt ? (It = R(e.input, {
-      [e.inputSmall]: Ft,
-      [e.inputInvalid]: d,
-      [e.inputHasLeadingIcon]: Pt,
-      [e.inputHasAffix]: Et,
-      [e.inputHasActionButton]: Tt,
-      [e.inputIsReady]: tt
-    }), t[89] = d, t[90] = tt, t[91] = Ft, t[92] = Pt, t[93] = Et, t[94] = Tt, t[95] = It) : It = t[95];
-    const $t = It;
-    let xt;
-    t[96] !== i || t[97] !== nt ? (xt = R(e.label, {
-      [e.labelHidden]: nt,
-      [e.labelDisabled]: i
-    }), t[96] = i, t[97] = nt, t[98] = xt) : xt = t[98];
-    const Ot = xt, Wt = l === "small";
-    let yt;
-    t[99] !== i || t[100] !== Wt ? (yt = R(e.leadingIcon, {
-      [e.leadingIconSmall]: Wt,
-      [e.leadingIconDisabled]: i
-    }), t[99] = i, t[100] = Wt, t[101] = yt) : yt = t[101];
-    const Xt = yt, jt = l === "small";
-    let gt;
-    t[102] !== jt ? (gt = R(e.actionButton, {
-      [e.actionButtonSmall]: jt
-    }), t[102] = jt, t[103] = gt) : gt = t[103], g = gt;
-    let St;
-    t[104] !== i || t[105] !== a ? (St = (ee) => {
-      Bt.current && !i && !a && Bt.current.showPicker(), ee.preventDefault();
-    }, t[104] = i, t[105] = a, t[106] = St) : St = t[106], $ = St, j = te;
-    let z;
-    t[107] !== v ? (z = v && /* @__PURE__ */ H(ae, {}), t[107] = v, t[108] = z) : z = t[108], t[109] !== o || t[110] !== L || t[111] !== I || t[112] !== Ot || t[113] !== z ? (k = /* @__PURE__ */ vt("label", { className: Ot, id: L, htmlFor: o, children: [
-      I,
-      z
-    ] }), t[109] = o, t[110] = L, t[111] = I, t[112] = Ot, t[113] = z, t[114] = k) : k = t[114], t[115] !== m || t[116] !== _t ? (B = m && /* @__PURE__ */ H("div", { className: e.hint, id: _t, children: m }), t[115] = m, t[116] = _t, t[117] = B) : B = t[117], t[118] !== d || t[119] !== f || t[120] !== h ? (C = d && f && /* @__PURE__ */ H(ce, { className: e.feedback, message: f, type: "invalid", id: h }), t[118] = d, t[119] = f, t[120] = h, t[121] = C) : C = t[121], O = e.wrapper, W = s && /* @__PURE__ */ H("span", { className: R(r, e.prefix), ref: Lt, "aria-disabled": i, children: Ct }), t[122] !== Xt || t[123] !== u || t[124] !== p || t[125] !== s ? (N = !s && (u || p) && /* @__PURE__ */ H(oe, { name: u, theme: "light", source: p, className: Xt, "aria-hidden": "true" }), t[122] = Xt, t[123] = u, t[124] = p, t[125] = s, t[126] = N) : N = t[126];
-    const Mt = `${L}${Zt}`;
-    t[127] !== wt || t[128] !== i || t[129] !== it || t[130] !== o || t[131] !== $t || t[132] !== et || t[133] !== d || t[134] !== a || t[135] !== v || t[136] !== x || t[137] !== Mt || t[138] !== c ? (D = /* @__PURE__ */ H("input", { type: c, className: $t, id: o, ...x, ref: it, style: et, "aria-labelledby": Mt, "aria-describedby": wt, "aria-invalid": d, "aria-disabled": a, readOnly: a, required: v, disabled: i }), t[127] = wt, t[128] = i, t[129] = it, t[130] = o, t[131] = $t, t[132] = et, t[133] = d, t[134] = a, t[135] = v, t[136] = x, t[137] = Mt, t[138] = c, t[139] = D) : D = t[139], X = n && /* @__PURE__ */ H("span", { className: R(r, e.suffix), ref: Rt, "aria-disabled": i, children: Ht }), t[46] = S, t[47] = i, t[48] = Ct, t[49] = Ht, t[50] = it, t[51] = nt, t[52] = m, t[53] = _, t[54] = b, t[55] = o, t[56] = et, t[57] = d, t[58] = tt, t[59] = y, t[60] = I, t[61] = u, t[62] = p, t[63] = s, t[64] = a, t[65] = v, t[66] = x, t[67] = l, t[68] = n, t[69] = f, t[70] = At, t[71] = c, t[72] = g, t[73] = $, t[74] = O, t[75] = W, t[76] = N, t[77] = D, t[78] = X, t[79] = j, t[80] = k, t[81] = B, t[82] = C;
-  } else
-    g = t[72], $ = t[73], O = t[74], W = t[75], N = t[76], D = t[77], X = t[78], j = t[79], k = t[80], B = t[81], C = t[82];
-  let M;
-  t[140] !== g || t[141] !== P || t[142] !== i || t[143] !== _ || t[144] !== b || t[145] !== y || t[146] !== E || t[147] !== a || t[148] !== T || t[149] !== l || t[150] !== n ? (M = !n && !y && (_ || b) && /* @__PURE__ */ H(Gt, { ...T, hideLabel: !0, theme: "light", iconName: _, iconSource: b, variant: "ghost", className: g, size: l, onClick: E, type: "button", disabled: i || a, children: P }), t[140] = g, t[141] = P, t[142] = i, t[143] = _, t[144] = b, t[145] = y, t[146] = E, t[147] = a, t[148] = T, t[149] = l, t[150] = n, t[151] = M) : M = t[151];
-  let V;
-  t[152] !== g || t[153] !== i || t[154] !== $ || t[155] !== y || t[156] !== a || t[157] !== l || t[158] !== n || t[159] !== c ? (V = !n && y && !a && !i && /* @__PURE__ */ vt(Gt, { hideLabel: !0, theme: "light", iconName: qt(c) ? "calendar" : "clock", variant: "ghost", className: g, size: l, onClick: $, type: "button", children: [
-    "Open ",
-    qt(c) ? "date" : "time",
-    " picker"
-  ] }), t[152] = g, t[153] = i, t[154] = $, t[155] = y, t[156] = a, t[157] = l, t[158] = n, t[159] = c, t[160] = V) : V = t[160];
-  let q;
-  t[161] !== O || t[162] !== W || t[163] !== N || t[164] !== D || t[165] !== X || t[166] !== M || t[167] !== V ? (q = /* @__PURE__ */ vt("div", { className: O, children: [
-    W,
-    N,
-    D,
-    X,
-    M,
-    V
-  ] }), t[161] = O, t[162] = W, t[163] = N, t[164] = D, t[165] = X, t[166] = M, t[167] = V, t[168] = q) : q = t[168];
-  let mt;
-  return t[169] !== j || t[170] !== k || t[171] !== B || t[172] !== C || t[173] !== q ? (mt = /* @__PURE__ */ vt("div", { className: j, children: [
-    k,
-    B,
-    C,
-    q
-  ] }), t[169] = j, t[170] = k, t[171] = B, t[172] = C, t[173] = q, t[174] = mt) : mt = t[174], mt;
-});
-Oe.displayName = "DSInput";
-export {
-  Oe as DSInput
-};