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

package/chunks/Select.BEIdNMML.js

@@ -1,164 +0,0 @@
-"use client";
-import { jsx as u, jsxs as ye } from "react/jsx-runtime";
-import { d as Ae } from "./index.D-sRdssb.js";
-import { c as me } from "./index.DL9mof6u.js";
-import { forwardRef as xe, useRef as Be, useState as ke, useEffect as Fe } from "react";
-import { u as He } from "./useBreakpoint.BzR_yaIv.js";
-import { Asterisk as Re } from "../asterisk.B2ih8VwF.js";
-import { D as je } from "./Icon.CDLyB7Pv.js";
-import { D as We } from "./SystemFeedback.CjlARKki.js";
-import { g as pe, r as Me } from "./helpers.CexwVao7.js";
-import '../assets/Select.COxLltX7.css';const Te = "ds-select_root_1qg6z_1", Oe = "ds-select_hint_1qg6z_1", Ze = "ds-select_label_1qg6z_1", Je = "ds-select_label--hidden_1qg6z_122", Ke = "ds-select_label--disabled_1qg6z_135", Qe = "ds-select_feedback_1qg6z_155", Ue = "ds-select_select-wrapper_1qg6z_159", Xe = "ds-select_select_1qg6z_159", Ye = "ds-select_select--small_1qg6z_173", Ge = "ds-select_select--invalid_1qg6z_285", el = "ds-select_select--placeholder_1qg6z_393", ll = "ds-select_chevron_1qg6z_443", tl = "ds-select_chevron--small_1qg6z_447", sl = "ds-select_chevron--disabled_1qg6z_450", t = {
-  root: Te,
-  hint: Oe,
-  label: Ze,
-  labelHidden: Je,
-  labelDisabled: Ke,
-  feedback: Qe,
-  selectWrapper: Ue,
-  select: Xe,
-  selectSmall: Ye,
-  selectInvalid: Ge,
-  selectPlaceholder: el,
-  chevron: ll,
-  chevronSmall: tl,
-  chevronDisabled: sl
-}, _l = ["medium", "small"], al = ({
-  id: n,
-  label: s,
-  options: e
-}) => {
-  if (!n)
-    throw new Error(pe("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
-  if (!s)
-    throw new Error(pe("DSSelect", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`));
-  if (Array.isArray(e)) {
-    if (e.length === 0)
-      throw new Error(pe("DSSelect", "The options array must not be empty."));
-  } else throw new Error(pe("DSSelect", Me("options", "DSSelect")));
-}, ol = (n, s, e) => n === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), cl = xe((n, s) => {
-  const e = Ae.c(124);
-  let c, d, i, l, f, b, _, S, r, Z, J, K, Q, U, X, o;
-  e[0] !== n ? ({
-    id: l,
-    label: f,
-    options: _,
-    className: c,
-    defaultValue: d,
-    disabled: Z,
-    hideLabel: J,
-    hint: i,
-    invalid: K,
-    placeholder: Q,
-    required: U,
-    size: X,
-    systemFeedback: r,
-    value: o,
-    onChange: b,
-    ...S
-  } = n, e[0] = n, e[1] = c, e[2] = d, e[3] = i, e[4] = l, e[5] = f, e[6] = b, e[7] = _, e[8] = S, e[9] = r, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = o) : (c = e[1], d = e[2], i = e[3], l = e[4], f = e[5], b = e[6], _ = e[7], S = e[8], r = e[9], Z = e[10], J = e[11], K = e[12], Q = e[13], U = e[14], X = e[15], o = e[16]);
-  const h = Z === void 0 ? !1 : Z, Ee = J === void 0 ? !1 : J, a = K === void 0 ? !1 : K, v = Q === void 0 ? "Select" : Q, g = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
-  process.env.NODE_ENV !== "production" && al({
-    id: l,
-    label: f,
-    options: _
-  });
-  const Ie = Be(null), [ue, ze] = ke(o);
-  let te;
-  e[17] !== d || e[18] !== v || e[19] !== o ? (te = ol(v, d, o), e[17] = d, e[18] = v, e[19] = o, e[20] = te) : te = e[20];
-  const [Y, Pe] = ke(te);
-  let se, ae;
-  e[21] !== o ? (se = () => {
-    ze(o);
-  }, ae = [o], e[21] = o, e[22] = se, e[23] = ae) : (se = e[22], ae = e[23]), Fe(se, ae);
-  let oe;
-  e[24] !== s ? (oe = (ee) => {
-    Ie.current = ee, typeof s == "function" ? s(ee) : s && (s.current = ee);
-  }, e[24] = s, e[25] = oe) : oe = e[25];
-  const _e = oe, G = He(Ee), D = `${l}-label`, q = `${l}-feedback`, y = `${l}-hint`, ve = i ? ` ${y}` : "";
-  let ce;
-  e[26] !== a || e[27] !== r || e[28] !== q ? (ce = [a && r && q].filter(Boolean).join(" ") || void 0, e[26] = a, e[27] = r, e[28] = q, e[29] = ce) : ce = e[29];
-  const Se = ce;
-  let z, w, N, k, E, I, P, C, $, L, V, A, x, B, F, H, m, p;
-  if (e[30] !== Se || e[31] !== ve || e[32] !== c || e[33] !== d || e[34] !== h || e[35] !== _e || e[36] !== G || e[37] !== i || e[38] !== y || e[39] !== l || e[40] !== a || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== _ || e[45] !== v || e[46] !== g || e[47] !== S || e[48] !== D || e[49] !== ue || e[50] !== le) {
-    const ee = (he) => [v && /* @__PURE__ */ u("option", { value: "", children: v }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
-      if ("options" in O) {
-        const {
-          label: Ne,
-          options: Ve
-        } = O;
-        return /* @__PURE__ */ u("optgroup", { label: Ne, children: Ve.map(we) }, Ne);
-      } else
-        return we(O);
-    })], we = il;
-    let re;
-    e[69] !== c ? (re = me(t.root, c), e[69] = c, e[70] = re) : re = e[70];
-    const Ce = re, ge = le === "small";
-    let ne;
-    e[71] !== a || e[72] !== Y || e[73] !== ge ? (ne = me(t.select, {
-      [t.selectSmall]: ge,
-      [t.selectInvalid]: a,
-      [t.selectPlaceholder]: Y
-    }), e[71] = a, e[72] = Y, e[73] = ge, e[74] = ne) : ne = e[74];
-    const $e = ne;
-    let de;
-    e[75] !== h || e[76] !== G ? (de = me(t.label, {
-      [t.labelHidden]: G,
-      [t.labelDisabled]: h
-    }), e[75] = h, e[76] = G, e[77] = de) : de = e[77];
-    const De = de, qe = le === "small";
-    let fe;
-    e[78] !== h || e[79] !== qe ? (fe = me(t.chevron, {
-      [t.chevronSmall]: qe,
-      [t.chevronDisabled]: h
-    }), e[78] = h, e[79] = qe, e[80] = fe) : fe = e[80], z = fe;
-    let be;
-    e[81] !== b ? (be = (he) => {
-      const {
-        value: O
-      } = he.target;
-      Pe(O === ""), ze(O), b && b(he);
-    }, e[81] = b, e[82] = be) : be = e[82];
-    const Le = be;
-    H = Ce;
-    let T;
-    e[83] !== g ? (T = g && /* @__PURE__ */ u(Re, {}), e[83] = g, e[84] = T) : T = e[84], e[85] !== l || e[86] !== f || e[87] !== De || e[88] !== D || e[89] !== T ? (m = /* @__PURE__ */ ye("label", { className: De, id: D, htmlFor: l, children: [
-      f,
-      T
-    ] }), e[85] = l, e[86] = f, e[87] = De, e[88] = D, e[89] = T, e[90] = m) : m = e[90], e[91] !== i || e[92] !== y ? (p = i && /* @__PURE__ */ u("div", { className: t.hint, id: y, children: i }), e[91] = i, e[92] = y, e[93] = p) : p = e[93], F = t.selectWrapper, w = S, N = l, k = _e, E = $e, I = `${D}${ve}`, P = Se, C = a, $ = d, L = ue, V = h, A = g, x = Le, B = ee(_), e[30] = Se, e[31] = ve, e[32] = c, e[33] = d, e[34] = h, e[35] = _e, e[36] = G, e[37] = i, e[38] = y, e[39] = l, e[40] = a, e[41] = Y, e[42] = f, e[43] = b, e[44] = _, e[45] = v, e[46] = g, e[47] = S, e[48] = D, e[49] = ue, e[50] = le, e[51] = z, e[52] = w, e[53] = N, e[54] = k, e[55] = E, e[56] = I, e[57] = P, e[58] = C, e[59] = $, e[60] = L, e[61] = V, e[62] = A, e[63] = x, e[64] = B, e[65] = F, e[66] = H, e[67] = m, e[68] = p;
-  } else
-    z = e[51], w = e[52], N = e[53], k = e[54], E = e[55], I = e[56], P = e[57], C = e[58], $ = e[59], L = e[60], V = e[61], A = e[62], x = e[63], B = e[64], F = e[65], H = e[66], m = e[67], p = e[68];
-  let R;
-  e[94] !== w || e[95] !== N || e[96] !== k || e[97] !== E || e[98] !== I || e[99] !== P || e[100] !== C || e[101] !== $ || e[102] !== L || e[103] !== V || e[104] !== A || e[105] !== x || e[106] !== B ? (R = /* @__PURE__ */ u("select", { ...w, id: N, ref: k, className: E, "aria-labelledby": I, "aria-describedby": P, "aria-invalid": C, defaultValue: $, value: L, disabled: V, required: A, onChange: x, children: B }), e[94] = w, e[95] = N, e[96] = k, e[97] = E, e[98] = I, e[99] = P, e[100] = C, e[101] = $, e[102] = L, e[103] = V, e[104] = A, e[105] = x, e[106] = B, e[107] = R) : R = e[107];
-  let j;
-  e[108] !== z ? (j = /* @__PURE__ */ u(je, { name: "chevron-down", className: z, "aria-hidden": "true" }), e[108] = z, e[109] = j) : j = e[109];
-  let W;
-  e[110] !== F || e[111] !== R || e[112] !== j ? (W = /* @__PURE__ */ ye("div", { className: F, children: [
-    R,
-    j
-  ] }), e[110] = F, e[111] = R, e[112] = j, e[113] = W) : W = e[113];
-  let M;
-  e[114] !== a || e[115] !== r || e[116] !== q ? (M = a && r && /* @__PURE__ */ u(We, { className: t.feedback, message: r, variant: "error", id: q }), e[114] = a, e[115] = r, e[116] = q, e[117] = M) : M = e[117];
-  let ie;
-  return e[118] !== H || e[119] !== m || e[120] !== p || e[121] !== W || e[122] !== M ? (ie = /* @__PURE__ */ ye("div", { className: H, children: [
-    m,
-    p,
-    W,
-    M
-  ] }), e[118] = H, e[119] = m, e[120] = p, e[121] = W, e[122] = M, e[123] = ie) : ie = e[123], ie;
-});
-cl.displayName = "DSSelect";
-function il(n) {
-  const {
-    label: s,
-    value: e,
-    isDisabled: c
-  } = n;
-  return /* @__PURE__ */ u("option", { value: e, disabled: c, children: s }, e);
-}
-export {
-  cl as D,
-  _l as S,
-  ol as g,
-  al as v
-};

package/chunks/Slider.CR0zYHeZ.js

@@ -1,291 +0,0 @@
-"use client";
-import { jsx as b, jsxs as Se } from "react/jsx-runtime";
-import { d as nt } from "./index.D-sRdssb.js";
-import { c as T } from "./index.DL9mof6u.js";
-import { forwardRef as ot, useState as Xe, useRef as ct } from "react";
-import { u as dt } from "./useBreakpoint.BzR_yaIv.js";
-import { DSInput as ut } from "../input.DuEbg7d6.js";
-import { g as Je } from "./helpers.CexwVao7.js";
-import '../assets/Slider.DPEmJ3HD.css';const pt = "ds-slider_root_164e2_1", mt = "ds-slider_hint_164e2_4", bt = "ds-slider_label_164e2_4", ft = "ds-slider_number-input_164e2_7", _t = "ds-slider_label-hint-input-wrapper_164e2_11", ht = "ds-slider_label--hidden_164e2_31", Tt = "ds-slider_label--disabled_164e2_44", xt = "ds-slider_number-input--small_164e2_73", vt = "ds-slider_min-max-label-wrapper_164e2_78", gt = "ds-slider_min-max-label-wrapper--disabled_164e2_92", kt = "ds-slider_min-label_164e2_97", Nt = "ds-slider_max-label_164e2_101", St = "ds-slider_slider-wrapper_164e2_105", yt = "ds-slider_slider_164e2_105", Dt = "ds-slider_value-tooltip_164e2_124", It = "ds-slider_proxy-thumb_164e2_128", Mt = "ds-slider_proxy-thumb--disabled_164e2_206", Lt = "ds-slider_custom-track_164e2_235", Vt = "ds-slider_custom-track--progress_164e2_240", wt = "ds-slider_custom-track--runnable_164e2_252", Ct = "ds-slider_custom-track--disabled_164e2_266", Wt = "ds-slider_tick-wrapper_164e2_286", $t = "ds-slider_tick_164e2_286", Pt = "ds-slider_value-tooltip--visible_164e2_345", At = "ds-slider_value-tooltip--disabled_164e2_348", a = {
-  root: pt,
-  hint: mt,
-  label: bt,
-  numberInput: ft,
-  labelHintInputWrapper: _t,
-  labelHidden: ht,
-  labelDisabled: Tt,
-  numberInputSmall: xt,
-  minMaxLabelWrapper: vt,
-  minMaxLabelWrapperDisabled: gt,
-  minLabel: kt,
-  maxLabel: Nt,
-  sliderWrapper: St,
-  slider: yt,
-  valueTooltip: Dt,
-  proxyThumb: It,
-  proxyThumbDisabled: Mt,
-  customTrack: Lt,
-  customTrackProgress: Vt,
-  customTrackRunnable: wt,
-  customTrackDisabled: Ct,
-  tickWrapper: Wt,
-  tick: $t,
-  valueTooltipVisible: Pt,
-  valueTooltipDisabled: At
-}, Et = 11, Qe = 4, Ye = (u) => u.toString().length, Rt = (u, r, e) => {
-  if (r === 0)
-    return !0;
-  const p = 1e-10, n = (u - e) / r;
-  return Math.abs(Math.round(n) - n) < p;
-}, Ft = (u, r, e, p) => {
-  const n = parseFloat(r), f = e, o = Math.round((u - f) / n);
-  let c = f + o * n;
-  c = Math.min(Math.max(c, e), p);
-  const v = n.toString().split(".")[1]?.length || 0;
-  return parseFloat(c.toFixed(v));
-}, Ht = (u, r, e) => {
-  const p = (u - r) / (e - r) * 100, n = `calc(-0.24 * ${p}px + 10px)`;
-  return `calc(${p}% + ${n})`;
-}, Bt = ({
-  id: u,
-  label: r
-}) => {
-  if (!u)
-    throw new Error(Je("DSSlider", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSlider component.'));
-  if (!r)
-    throw new Error(Je("DSSlider", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSlider component. If you don't want to display a label, set hideLabel={true}.`));
-}, qt = ot((u, r) => {
-  const e = nt.c(154);
-  let p, n, f, o, c, v, m, S, U, G, X, J, Q, Y, Z, g;
-  e[0] !== u ? ({
-    id: o,
-    label: c,
-    className: p,
-    defaultValue: n,
-    disabled: U,
-    hideLabel: G,
-    hideNumberInput: X,
-    hint: f,
-    isTooltipAlwaysVisible: J,
-    max: Q,
-    min: Y,
-    numberInputProps: v,
-    step: Z,
-    value: g,
-    onChange: m,
-    ...S
-  } = u, e[0] = u, e[1] = p, e[2] = n, e[3] = f, e[4] = o, e[5] = c, e[6] = v, e[7] = m, e[8] = S, e[9] = U, e[10] = G, e[11] = X, e[12] = J, e[13] = Q, e[14] = Y, e[15] = Z, e[16] = g) : (p = e[1], n = e[2], f = e[3], o = e[4], c = e[5], v = e[6], m = e[7], S = e[8], U = e[9], G = e[10], X = e[11], J = e[12], Q = e[13], Y = e[14], Z = e[15], g = e[16]);
-  const l = U === void 0 ? !1 : U, Ze = G === void 0 ? !1 : G, y = X === void 0 ? !1 : X, ye = J === void 0 ? !1 : J, et = Q === void 0 ? 100 : Q, tt = Y === void 0 ? 0 : Y, ee = Z === void 0 ? 1 : Z;
-  process.env.NODE_ENV !== "production" && Bt({
-    id: o,
-    label: c
-  });
-  const i = Number(et), t = Number(tt), d = Number(ee), De = dt(Ze), D = `${o}-label`, Ie = `${o}-hint`, Me = `${o}-number-input`;
-  let se;
-  e[17] !== n || e[18] !== t || e[19] !== g ? (se = g || n || t.toString() || "0", e[17] = n, e[18] = t, e[19] = g, e[20] = se) : se = e[20];
-  const [I, le] = Xe(se), [x, ae] = Xe(g || n || t || 0), st = ct(null);
-  let ie;
-  e[21] !== r ? (ie = (s) => {
-    st.current = s, typeof r == "function" ? r(s) : r && (r.current = s);
-  }, e[21] = r, e[22] = ie) : ie = e[22];
-  const Le = ie;
-  let re;
-  e[23] !== v ? (re = v || {}, e[23] = v, e[24] = re) : re = e[24];
-  const {
-    size: Ge,
-    suffix: Ve
-  } = re, ne = Ge === void 0 ? "medium" : Ge;
-  let oe;
-  e[25] !== m ? (oe = (s) => {
-    const _ = parseFloat(s.target.value);
-    ae(_), le(s.target.value), m && m(s);
-  }, e[25] = m, e[26] = oe) : oe = e[26];
-  const we = oe;
-  let ce;
-  e[27] === Symbol.for("react.memo_cache_sentinel") ? (ce = (s) => {
-    const _ = s.target.value;
-    if (le(_), /^-?\d+(\.\d+)?$/.test(_)) {
-      const h = parseFloat(_);
-      Number.isNaN(h) || ae(h);
-    }
-  }, e[27] = ce) : ce = e[27];
-  const lt = ce;
-  let k;
-  if (e[28] !== I || e[29] !== m || e[30] !== i || e[31] !== t || e[32] !== ee) {
-    k = (_) => {
-      const te = parseFloat(I);
-      if (Number.isNaN(te)) {
-        s(_);
-        return;
-      }
-      let h = Math.min(Math.max(te, t), i);
-      Rt(h, parseFloat(ee), t) || (h = Ft(h, ee, t, i)), le(h.toString()), ae(h), m && m(_);
-    };
-    const s = (_) => {
-      le(t.toString()), ae(t), m && m(_);
-    };
-    e[28] = I, e[29] = m, e[30] = i, e[31] = t, e[32] = ee, e[33] = k;
-  } else
-    k = e[33];
-  const M = (d === 0 ? !1 : (i - t) / d <= Et) && (i - t) / d || 0;
-  let de;
-  if (e[34] !== i || e[35] !== t || e[36] !== d || e[37] !== M) {
-    let s;
-    e[39] !== i || e[40] !== t || e[41] !== d ? (s = (_, te) => {
-      const h = t + te * d, rt = Ht(h, t, i);
-      return /* @__PURE__ */ b("span", { className: a.tick, style: {
-        left: rt
-      } }, h);
-    }, e[39] = i, e[40] = t, e[41] = d, e[42] = s) : s = e[42], de = Array.from({
-      length: M + 1
-    }, s), e[34] = i, e[35] = t, e[36] = d, e[37] = M, e[38] = de;
-  } else
-    de = e[38];
-  const Ce = de;
-  let ue;
-  e[43] !== i || e[44] !== t || e[45] !== x ? (ue = () => {
-    if (t === i)
-      throw new Error("Min and max values cannot be the same.");
-    const s = (x - t) / (i - t) * 100;
-    return Math.max(0, Math.min(s, 100));
-  }, e[43] = i, e[44] = t, e[45] = x, e[46] = ue) : ue = e[46];
-  const N = ue;
-  let pe;
-  e[47] !== N ? (pe = () => {
-    const s = N();
-    return s < 50 ? `calc(${s}% + 4px)` : `calc(${s}% - 4px)`;
-  }, e[47] = N, e[48] = pe) : pe = e[48];
-  const at = pe;
-  let me;
-  e[49] !== N ? (me = () => {
-    const s = 100 - N();
-    return s < 50 ? `calc(${s}% + 4px)` : `calc(${s}% - 4px)`;
-  }, e[49] = N, e[50] = me) : me = e[50];
-  const it = me;
-  let be;
-  e[51] !== p ? (be = T(a.slider, p), e[51] = p, e[52] = be) : be = e[52];
-  const We = be;
-  let fe;
-  e[53] !== l || e[54] !== De ? (fe = T(a.label, {
-    [a.labelHidden]: De,
-    [a.labelDisabled]: l
-  }), e[53] = l, e[54] = De, e[55] = fe) : fe = e[55];
-  const $e = fe, Pe = ne === "small";
-  let _e;
-  e[56] !== Pe ? (_e = T(a.numberInput, {
-    [a.numberInputSmall]: Pe
-  }), e[56] = Pe, e[57] = _e) : _e = e[57];
-  const Ae = _e;
-  let he;
-  e[58] !== l ? (he = T(a.minMaxLabelWrapper, {
-    [a.minMaxLabelWrapperDisabled]: l
-  }), e[58] = l, e[59] = he) : he = e[59];
-  const Ee = he;
-  let Te;
-  e[60] !== l ? (Te = T(a.customTrack, a.customTrackProgress, {
-    [a.customTrackDisabled]: l
-  }), e[60] = l, e[61] = Te) : Te = e[61];
-  const Re = Te;
-  let xe;
-  e[62] !== l ? (xe = T(a.customTrack, a.customTrackRunnable, {
-    [a.customTrackDisabled]: l
-  }), e[62] = l, e[63] = xe) : xe = e[63];
-  const Fe = xe;
-  let ve;
-  e[64] !== l ? (ve = T(a.proxyThumb, {
-    [a.proxyThumbDisabled]: l
-  }), e[64] = l, e[65] = ve) : ve = e[65];
-  const He = ve;
-  let ge;
-  e[66] !== l || e[67] !== ye ? (ge = T(a.valueTooltip, {
-    [a.valueTooltipVisible]: ye,
-    [a.valueTooltipDisabled]: l
-  }), e[66] = l, e[67] = ye, e[68] = ge) : ge = e[68];
-  const Be = ge;
-  let L;
-  e[69] !== o || e[70] !== c || e[71] !== $e || e[72] !== D ? (L = /* @__PURE__ */ b("label", { className: $e, htmlFor: o, id: D, children: c }), e[69] = o, e[70] = c, e[71] = $e, e[72] = D, e[73] = L) : L = e[73];
-  let V;
-  e[74] !== f || e[75] !== Ie ? (V = f && /* @__PURE__ */ b("div", { className: a.hint, id: Ie, children: f }), e[74] = f, e[75] = Ie, e[76] = V) : V = e[76];
-  let w;
-  e[77] !== l || e[78] !== k || e[79] !== y || e[80] !== Me || e[81] !== I || e[82] !== c || e[83] !== Ae || e[84] !== ne || e[85] !== Ve || e[86] !== i || e[87] !== t || e[88] !== d ? (w = !y && /* @__PURE__ */ b(ut, { id: Me, className: Ae, type: "number", min: t, max: i, step: d, inputMode: "decimal", autoComplete: "off", disabled: l, hideLabel: !0, value: I, onChange: lt, onBlur: k, onKeyDown: (s) => {
-    s.key === "Enter" && (s.preventDefault(), k(s));
-  }, label: c, size: ne, suffix: Ve }), e[77] = l, e[78] = k, e[79] = y, e[80] = Me, e[81] = I, e[82] = c, e[83] = Ae, e[84] = ne, e[85] = Ve, e[86] = i, e[87] = t, e[88] = d, e[89] = w) : w = e[89];
-  let C;
-  e[90] !== L || e[91] !== V || e[92] !== w ? (C = /* @__PURE__ */ Se("div", { className: a.labelHintInputWrapper, children: [
-    L,
-    V,
-    w
-  ] }), e[90] = L, e[91] = V, e[92] = w, e[93] = C) : C = e[93];
-  const qe = Ye(t) < Qe;
-  let W;
-  e[94] !== qe ? (W = T({
-    [a.minLabel]: qe
-  }), e[94] = qe, e[95] = W) : W = e[95];
-  let $;
-  e[96] !== t || e[97] !== W ? ($ = /* @__PURE__ */ b("div", { className: W, children: t }), e[96] = t, e[97] = W, e[98] = $) : $ = e[98];
-  const Oe = Ye(i) < Qe;
-  let P;
-  e[99] !== Oe ? (P = T({
-    [a.maxLabel]: Oe
-  }), e[99] = Oe, e[100] = P) : P = e[100];
-  let A;
-  e[101] !== i || e[102] !== P ? (A = /* @__PURE__ */ b("div", { className: P, children: i }), e[101] = i, e[102] = P, e[103] = A) : A = e[103];
-  let E;
-  e[104] !== Ee || e[105] !== $ || e[106] !== A ? (E = /* @__PURE__ */ Se("div", { className: Ee, children: [
-    $,
-    A
-  ] }), e[104] = Ee, e[105] = $, e[106] = A, e[107] = E) : E = e[107];
-  const ze = `${N()}`;
-  let ke;
-  e[108] !== ze ? (ke = {
-    "--ds-input-slider-thumb-position": ze
-  }, e[108] = ze, e[109] = ke) : ke = e[109];
-  const Ke = ke, je = at();
-  let R;
-  e[110] !== je ? (R = {
-    width: je
-  }, e[110] = je, e[111] = R) : R = e[111];
-  let F;
-  e[112] !== Re || e[113] !== R ? (F = /* @__PURE__ */ b("div", { className: Re, style: R }), e[112] = Re, e[113] = R, e[114] = F) : F = e[114];
-  const Ue = it();
-  let H;
-  e[115] !== Ue ? (H = {
-    width: Ue
-  }, e[115] = Ue, e[116] = H) : H = e[116];
-  let B;
-  e[117] !== Fe || e[118] !== H ? (B = /* @__PURE__ */ b("div", { className: Fe, style: H }), e[117] = Fe, e[118] = H, e[119] = B) : B = e[119];
-  let q;
-  e[120] !== l || e[121] !== Le || e[122] !== we || e[123] !== o || e[124] !== i || e[125] !== t || e[126] !== d || e[127] !== S || e[128] !== We || e[129] !== D || e[130] !== x ? (q = /* @__PURE__ */ b("input", { ...S, id: o, type: "range", ref: Le, className: We, min: t, max: i, step: d, value: x, disabled: l, "aria-labelledby": D, onChange: we }), e[120] = l, e[121] = Le, e[122] = we, e[123] = o, e[124] = i, e[125] = t, e[126] = d, e[127] = S, e[128] = We, e[129] = D, e[130] = x, e[131] = q) : q = e[131];
-  let O;
-  e[132] !== M || e[133] !== Ce ? (O = M > 0 && /* @__PURE__ */ b("div", { className: a.tickWrapper, children: Ce }), e[132] = M, e[133] = Ce, e[134] = O) : O = e[134];
-  let z;
-  e[135] !== He ? (z = /* @__PURE__ */ b("div", { className: He }), e[135] = He, e[136] = z) : z = e[136];
-  let K;
-  e[137] !== l || e[138] !== y || e[139] !== x || e[140] !== Be ? (K = y && /* @__PURE__ */ b("div", { className: Be, "aria-disabled": l, children: x }), e[137] = l, e[138] = y, e[139] = x, e[140] = Be, e[141] = K) : K = e[141];
-  let j;
-  e[142] !== Ke || e[143] !== F || e[144] !== B || e[145] !== q || e[146] !== O || e[147] !== z || e[148] !== K ? (j = /* @__PURE__ */ Se("div", { className: a.sliderWrapper, style: Ke, children: [
-    F,
-    B,
-    q,
-    O,
-    z,
-    K
-  ] }), e[142] = Ke, e[143] = F, e[144] = B, e[145] = q, e[146] = O, e[147] = z, e[148] = K, e[149] = j) : j = e[149];
-  let Ne;
-  return e[150] !== C || e[151] !== E || e[152] !== j ? (Ne = /* @__PURE__ */ Se("div", { className: a.root, children: [
-    C,
-    E,
-    j
-  ] }), e[150] = C, e[151] = E, e[152] = j, e[153] = Ne) : Ne = e[153], Ne;
-});
-qt.displayName = "DSSlider";
-export {
-  qt as D,
-  Qe as L,
-  Et as M,
-  Ht as a,
-  Ye as g,
-  Rt as i,
-  Ft as s,
-  Bt as v
-};

package/chunks/Textarea.Du2RII5u.js

@@ -1,168 +0,0 @@
-"use client";
-import { jsxs as l, jsx as h, Fragment as de } from "react/jsx-runtime";
-import { c as m } from "./index.DL9mof6u.js";
-import { forwardRef as ue, useState as c, useRef as fe, useEffect as p } from "react";
-import { g as q, p as z } from "./helpers.CexwVao7.js";
-import { u as _e } from "./useBreakpoint.BzR_yaIv.js";
-import "./index.D-sRdssb.js";
-import { Asterisk as be } from "../asterisk.B2ih8VwF.js";
-import { D as he } from "./SystemFeedback.CjlARKki.js";
-import '../assets/Textarea.y3MW7VW0.css';const me = "ds-textarea_textarea_16wji_1", pe = "ds-textarea_textarea--small_16wji_9", xe = "ds-textarea_textarea--invalid_16wji_121", we = "ds-textarea_textarea--resize-auto_16wji_145", ve = "ds-textarea_root_16wji_155", Ce = "ds-textarea_hint_16wji_155", Se = "ds-textarea_label_16wji_155", je = "ds-textarea_label--hidden_16wji_294", ye = "ds-textarea_label--disabled_16wji_307", Ae = "ds-textarea_feedback_16wji_327", De = "ds-textarea_footer_16wji_331", Ie = "ds-textarea_footer--has-system-feedback_16wji_336", Te = "ds-textarea_char-count_16wji_345", ke = "ds-textarea_char-count-announcer_16wji_358", a = {
-  textarea: me,
-  textareaSmall: pe,
-  textareaInvalid: xe,
-  textareaResizeAuto: we,
-  root: ve,
-  hint: Ce,
-  label: Se,
-  labelHidden: je,
-  labelDisabled: ye,
-  feedback: Ae,
-  footer: De,
-  footerHasSystemFeedback: Ie,
-  charCount: Te,
-  charCountAnnouncer: ke
-}, qe = ["medium", "small"], Ne = ({
-  id: r,
-  label: u
-}) => {
-  if (!r)
-    throw new Error(q("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
-  if (!u)
-    throw new Error(q("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
-}, Re = ue(({
-  id: r,
-  label: u,
-  charsLimitText: M = "Character limit reached",
-  charsRemainingText: O = "Characters remaining:",
-  className: X,
-  defaultValue: Z,
-  disabled: y = !1,
-  hint: x,
-  hideLabel: G = !1,
-  invalid: s = !1,
-  maxLength: e,
-  readonly: A = !1,
-  required: D = !1,
-  resize: f = "vertical",
-  size: J = "medium",
-  systemFeedback: n,
-  value: w,
-  wrapperClassName: K,
-  onChange: I,
-  onInput: T,
-  ...Q
-}, _) => {
-  process.env.NODE_ENV !== "production" && Ne({
-    id: r,
-    label: u
-  });
-  const [U, k] = c(Z || ""), [i, N] = c(0), [W, R] = c(0), [Y, E] = c("off"), [H, v] = c(n), [C, S] = c(s), g = w !== void 0, b = g ? w : U, o = fe(null), $ = e !== void 0 && e > 0, j = C && H, L = (t) => {
-    o.current = t, typeof _ == "function" ? _(t) : _ && (_.current = t);
-  }, ee = _e(G);
-  p(() => {
-    if (!e || e <= 0)
-      return;
-    i >= e * 0.8 ? E("polite") : E("off");
-    const t = setTimeout(() => {
-      R(e - i || 0);
-    }, 1e3);
-    return () => clearTimeout(t);
-  }, [i]), p(() => {
-    k(b || ""), d(), e && e > 0 && (N(b.toString().length || 0), R(e - b.toString().length || 0));
-  }, [w]), p(() => {
-    s && n ? (v(n), S(s)) : !s && e && e >= 0 && i >= e ? (S(!0), v(M)) : (v(n), S(s));
-  }, [s, C, n, i]), p(() => {
-    if (f === "auto")
-      return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
-  }, [f, o.current]);
-  const te = m(a.root, K), ae = m(a.textarea, X, {
-    // small textarea
-    [a.textareaSmall]: J === "small",
-    // invalid state
-    [a.textareaInvalid]: C,
-    // resize handling
-    [a.textareaResizeAuto]: f === "auto"
-  }), re = m(a.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [a.labelHidden]: ee,
-    [a.labelDisabled]: y
-  }), se = m(a.footer, {
-    [a.footerHasSystemFeedback]: j
-  }), V = `${r}-label`, F = `${r}-feedback`, P = `${r}-hint`, B = `${r}-char-count-announcer`, oe = x ? ` ${P}` : "", d = () => {
-    if (o.current && f === "auto") {
-      o.current.style.height = "auto";
-      const t = z(o.current.scrollHeight), ce = z(2);
-      o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
-      // from jumping as soon as the user starts typing.
-      t + ce}rem`;
-    }
-  }, ne = () => {
-    const t = [];
-    return e && e > 0 && t.push(B), s && n && t.push(F), t.length > 0 ? t.join(" ") : void 0;
-  }, ie = (t) => {
-    T && T(t), e && e > 0 && N(o.current?.value.length || 0), d();
-  }, le = (t) => {
-    I && I(t), g || k(t.target.value);
-  };
-  return /* @__PURE__ */ l("div", { className: te, children: [
-    /* @__PURE__ */ l("label", { className: re, id: V, htmlFor: r, children: [
-      u,
-      D && /* @__PURE__ */ h(be, {})
-    ] }),
-    x && /* @__PURE__ */ h("div", { className: a.hint, id: P, children: x }),
-    /* @__PURE__ */ h(
-      "textarea",
-      {
-        className: ae,
-        id: r,
-        ...Q,
-        ref: L,
-        "aria-labelledby": `${V}${oe}`,
-        "aria-describedby": ne(),
-        "aria-invalid": s,
-        "aria-disabled": A,
-        maxLength: e,
-        readOnly: A,
-        required: D,
-        disabled: y,
-        value: b,
-        defaultValue: void 0,
-        rows: void 0,
-        cols: void 0,
-        onChange: le,
-        onInput: ie
-      }
-    ),
-    $ || j ? /* @__PURE__ */ l("div", { className: se, children: [
-      j && /* @__PURE__ */ h(he, { className: a.feedback, message: H, variant: "error", id: F }),
-      $ && /* @__PURE__ */ l(de, { children: [
-        /* @__PURE__ */ l("div", { className: a.charCount, "aria-hidden": "true", children: [
-          i,
-          "/",
-          e
-        ] }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: a.charCountAnnouncer,
-            id: B,
-            "aria-live": Y,
-            "aria-atomic": "true",
-            children: [
-              O,
-              " ",
-              W
-            ]
-          }
-        )
-      ] })
-    ] }) : null
-  ] });
-});
-Re.displayName = "DSTextarea";
-export {
-  Re as D,
-  qe as T,
-  Ne as v
-};