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

package/chunks/InputStepper.DFEdUWm7.js

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

package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.js}

@@ -2,7 +2,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { d as u } from "./index.CgTHIF3K.js";
 import { useState as T, useEffect as y } from "react";
-import { TabList as h } from "../tablist.CcCURua8.js";
+import { TabList as h } from "../tablist.Dzwe0_J4.js";
 import { g as m, r as E } from "./helpers.BbWkXTr3.js";
 const _ = ["left", "center"], j = ["prev", "next"], S = ({
   aria: a,

package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.c7YYJdUe.js}

@@ -4,7 +4,7 @@ import { d as $ } from "./index.CgTHIF3K.js";
 import { c as J } from "./index.CEyLAtio.js";
 import { forwardRef as K, useState as Q } from "react";
 import { D as W } from "./Fieldset.BX46NuLh.js";
-import { DSRadio as X } from "../radio.Dm9bDBzM.js";
+import { DSRadio as X } from "../radio.Be4pFOLf.js";
 import { g as m, r as V } from "./helpers.BbWkXTr3.js";
 import '../assets/RadioGroup.CM2mYOzc.css';const Y = "ds-radio-group_root_12fot_1", Z = "ds-radio-group_root--horizontal_12fot_9", oo = "ds-radio-group_root--invalid_12fot_12", B = {
   root: Y,

package/chunks/{Select.D3IUIdPJ.js → Select.B_EHpk22.js}

@@ -8,7 +8,7 @@ import { Asterisk as je } from "../asterisk.CR60hx8S.js";
 import { D as We } from "./Icon.C0161Glk.js";
 import { DSSystemFeedback as ze } from "../systemfeedback.CLQCbTF6.js";
 import { g as pe, r as Me } from "./helpers.BbWkXTr3.js";
-import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe = "ds-select_hint_1g7g9_10", Ze = "ds-select_label_1g7g9_10", Je = "ds-select_label--hidden_1g7g9_100", Ke = "ds-select_label--disabled_1g7g9_113", Qe = "ds-select_feedback_1g7g9_133", Ue = "ds-select_select-wrapper_1g7g9_138", Xe = "ds-select_select_1g7g9_138", Ye = "ds-select_select--invalid_1g7g9_263", Ge = "ds-select_select--small_1g7g9_270", el = "ds-select_select--placeholder_1g7g9_372", ll = "ds-select_chevron_1g7g9_411", tl = "ds-select_chevron--small_1g7g9_415", sl = "ds-select_chevron--disabled_1g7g9_418", t = {
+import '../assets/Select.CghDnBUQ.css';const Te = "ds-select_root_1c9y3_1", Oe = "ds-select_hint_1c9y3_10", Ze = "ds-select_label_1c9y3_10", Je = "ds-select_label--hidden_1c9y3_100", Ke = "ds-select_label--disabled_1c9y3_113", Qe = "ds-select_feedback_1c9y3_133", Ue = "ds-select_select-wrapper_1c9y3_138", Xe = "ds-select_select_1c9y3_138", Ye = "ds-select_select--small_1c9y3_152", Ge = "ds-select_select--invalid_1c9y3_264", el = "ds-select_select--placeholder_1c9y3_379", ll = "ds-select_chevron_1c9y3_418", tl = "ds-select_chevron--small_1c9y3_422", sl = "ds-select_chevron--disabled_1c9y3_425", t = {
   root: Te,
   hint: Oe,
   label: Ze,
@@ -17,8 +17,8 @@ import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe =
   feedback: Qe,
   selectWrapper: Ue,
   select: Xe,
-  selectInvalid: Ye,
-  selectSmall: Ge,
+  selectSmall: Ye,
+  selectInvalid: Ge,
   selectPlaceholder: el,
   chevron: ll,
   chevronSmall: tl,
@@ -38,11 +38,11 @@ import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe =
   } else throw new Error(pe("DSSelect", Me("options", "DSSelect")));
 }, cl = (n, s, e) => n === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), ol = Be((n, s) => {
   const e = xe.c(127);
-  let i, d, r, l, f, b, g, D, a, Z, J, K, Q, U, X, o;
+  let i, d, r, l, f, b, S, D, a, Z, J, K, Q, U, X, o;
   e[0] !== n ? ({
     id: l,
     label: f,
-    options: g,
+    options: S,
     className: i,
     defaultValue: d,
     disabled: Z,
@@ -56,16 +56,16 @@ import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe =
     value: o,
     onChange: b,
     ...D
-  } = n, e[0] = n, e[1] = i, e[2] = d, e[3] = r, e[4] = l, e[5] = f, e[6] = b, e[7] = g, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = o) : (i = e[1], d = e[2], r = e[3], l = e[4], f = e[5], b = e[6], g = e[7], D = e[8], a = 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, Pe = J === void 0 ? !1 : J, c = K === void 0 ? !1 : K, S = Q === void 0 ? "Select" : Q, y = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
+  } = n, e[0] = n, e[1] = i, e[2] = d, e[3] = r, e[4] = l, e[5] = f, e[6] = b, e[7] = S, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = o) : (i = e[1], d = e[2], r = e[3], l = e[4], f = e[5], b = e[6], S = e[7], D = e[8], a = 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, Pe = J === void 0 ? !1 : J, c = K === void 0 ? !1 : K, y = 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: g
+    options: S
   });
   const qe = Fe(null), [ue, Ne] = Ie(o);
   let te;
-  e[17] !== d || e[18] !== S || e[19] !== o ? (te = cl(S, d, o), e[17] = d, e[18] = S, e[19] = o, e[20] = te) : te = e[20];
+  e[17] !== d || e[18] !== y || e[19] !== o ? (te = cl(y, d, o), e[17] = d, e[18] = y, e[19] = o, e[20] = te) : te = e[20];
   const [Y, Ce] = Ie(te);
   let se, ae;
   e[21] !== o ? (se = () => {
@@ -78,10 +78,10 @@ import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe =
   const _e = ce, G = Re(Pe), w = `${l}-label`, m = `${l}-feedback`, N = `${l}-hint`, ve = r ? ` ${N}` : "";
   let oe;
   e[26] !== c || e[27] !== a || e[28] !== m ? (oe = [c && a && m].filter(Boolean).join(" ") || void 0, e[26] = c, e[27] = a, e[28] = m, e[29] = oe) : oe = e[29];
-  const ge = oe;
+  const Se = oe;
   let k, E, I, P, q, C, $, L, V, A, x, B, F, H, R, j, p, u, _;
-  if (e[30] !== ge || e[31] !== ve || e[32] !== i || e[33] !== d || e[34] !== h || e[35] !== _e || e[36] !== G || e[37] !== r || e[38] !== N || e[39] !== l || e[40] !== c || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== g || e[45] !== S || e[46] !== y || e[47] !== D || e[48] !== w || e[49] !== ue || e[50] !== le || e[51] !== a || e[52] !== m) {
-    const ee = (he) => [S && /* @__PURE__ */ v("option", { value: "", children: S }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
+  if (e[30] !== Se || e[31] !== ve || e[32] !== i || e[33] !== d || e[34] !== h || e[35] !== _e || e[36] !== G || e[37] !== r || e[38] !== N || e[39] !== l || e[40] !== c || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== S || e[45] !== y || e[46] !== g || e[47] !== D || e[48] !== w || e[49] !== ue || e[50] !== le || e[51] !== a || e[52] !== m) {
+    const ee = (he) => [y && /* @__PURE__ */ v("option", { value: "", children: y }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
       if ("options" in O) {
         const {
           label: Ee,
@@ -93,25 +93,25 @@ import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe =
     })], ke = il;
     let re;
     e[72] !== i ? (re = me(t.root, i), e[72] = i, e[73] = re) : re = e[73];
-    const $e = re, Se = le === "small";
+    const $e = re, ye = le === "small";
     let ne;
-    e[74] !== c || e[75] !== Y || e[76] !== Se ? (ne = me(t.select, {
-      [t.selectSmall]: Se,
+    e[74] !== c || e[75] !== Y || e[76] !== ye ? (ne = me(t.select, {
+      [t.selectSmall]: ye,
       [t.selectInvalid]: c,
       [t.selectPlaceholder]: Y
-    }), e[74] = c, e[75] = Y, e[76] = Se, e[77] = ne) : ne = e[77];
+    }), e[74] = c, e[75] = Y, e[76] = ye, e[77] = ne) : ne = e[77];
     const Le = ne;
     let de;
     e[78] !== h || e[79] !== G ? (de = me(t.label, {
       [t.labelHidden]: G,
       [t.labelDisabled]: h
     }), e[78] = h, e[79] = G, e[80] = de) : de = e[80];
-    const De = de, ye = le === "small";
+    const De = de, ge = le === "small";
     let fe;
-    e[81] !== h || e[82] !== ye ? (fe = me(t.chevron, {
-      [t.chevronSmall]: ye,
+    e[81] !== h || e[82] !== ge ? (fe = me(t.chevron, {
+      [t.chevronSmall]: ge,
       [t.chevronDisabled]: h
-    }), e[81] = h, e[82] = ye, e[83] = fe) : fe = e[83], k = fe;
+    }), e[81] = h, e[82] = ge, e[83] = fe) : fe = e[83], k = fe;
     let be;
     e[84] !== b ? (be = (he) => {
       const {
@@ -122,10 +122,10 @@ import '../assets/Select.e1fTfWmm.css';const Te = "ds-select_root_1g7g9_1", Oe =
     const Ve = be;
     j = $e;
     let T;
-    e[86] !== y ? (T = y && /* @__PURE__ */ v(je, {}), e[86] = y, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (p = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
+    e[86] !== g ? (T = g && /* @__PURE__ */ v(je, {}), e[86] = g, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (p = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
       f,
       T
-    ] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = p) : p = e[93], e[94] !== r || e[95] !== N ? (u = r && /* @__PURE__ */ v("div", { className: t.hint, id: N, children: r }), e[94] = r, e[95] = N, e[96] = u) : u = e[96], e[97] !== c || e[98] !== a || e[99] !== m ? (_ = c && a && /* @__PURE__ */ v(ze, { className: t.feedback, message: a, type: "invalid", id: m, "aria-live": "assertive" }), e[97] = c, e[98] = a, e[99] = m, e[100] = _) : _ = e[100], R = t.selectWrapper, E = D, I = l, P = _e, q = Le, C = `${w}${ve}`, $ = ge, L = c, V = d, A = ue, x = h, B = y, F = Ve, H = ee(g), e[30] = ge, e[31] = ve, e[32] = i, e[33] = d, e[34] = h, e[35] = _e, e[36] = G, e[37] = r, e[38] = N, e[39] = l, e[40] = c, e[41] = Y, e[42] = f, e[43] = b, e[44] = g, e[45] = S, e[46] = y, e[47] = D, e[48] = w, e[49] = ue, e[50] = le, e[51] = a, e[52] = m, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, 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] = R, e[68] = j, e[69] = p, e[70] = u, e[71] = _;
+    ] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = p) : p = e[93], e[94] !== r || e[95] !== N ? (u = r && /* @__PURE__ */ v("div", { className: t.hint, id: N, children: r }), e[94] = r, e[95] = N, e[96] = u) : u = e[96], e[97] !== c || e[98] !== a || e[99] !== m ? (_ = c && a && /* @__PURE__ */ v(ze, { className: t.feedback, message: a, type: "invalid", id: m, "aria-live": "assertive" }), e[97] = c, e[98] = a, e[99] = m, e[100] = _) : _ = e[100], R = t.selectWrapper, E = D, I = l, P = _e, q = Le, C = `${w}${ve}`, $ = Se, L = c, V = d, A = ue, x = h, B = g, F = Ve, H = ee(S), e[30] = Se, e[31] = ve, e[32] = i, e[33] = d, e[34] = h, e[35] = _e, e[36] = G, e[37] = r, e[38] = N, e[39] = l, e[40] = c, e[41] = Y, e[42] = f, e[43] = b, e[44] = S, e[45] = y, e[46] = g, e[47] = D, e[48] = w, e[49] = ue, e[50] = le, e[51] = a, e[52] = m, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, 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] = R, e[68] = j, e[69] = p, e[70] = u, e[71] = _;
   } else
     k = e[53], E = e[54], I = e[55], P = e[56], q = 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], R = e[67], j = e[68], p = e[69], u = e[70], _ = e[71];
   let W;

package/chunks/{Slider.CPG4Btbq.js → Slider.DMSwmGwD.js}

@@ -4,7 +4,7 @@ import { d as nt } from "./index.CgTHIF3K.js";
 import { c as T } from "./index.CEyLAtio.js";
 import { forwardRef as ot, useState as Xe, useRef as ct } from "react";
 import { u as dt } from "./useBreakpoint.CMOR9ZOB.js";
-import { DSInput as ut } from "../input.D4OiEI8g.js";
+import { DSInput as ut } from "../input.DhxUW3zc.js";
 import { g as Je } from "./helpers.BbWkXTr3.js";
 import '../assets/Slider.C8i4U4iT.css';const pt = "ds-slider_root_84q0h_1", mt = "ds-slider_hint_84q0h_10", bt = "ds-slider_label_84q0h_10", ht = "ds-slider_number-input_84q0h_13", ft = "ds-slider_label-hint-input-wrapper_84q0h_17", _t = "ds-slider_label--hidden_84q0h_37", Tt = "ds-slider_label--disabled_84q0h_50", xt = "ds-slider_number-input--small_84q0h_79", vt = "ds-slider_min-max-label-wrapper_84q0h_84", gt = "ds-slider_min-max-label-wrapper--disabled_84q0h_98", kt = "ds-slider_min-label_84q0h_103", Nt = "ds-slider_max-label_84q0h_107", St = "ds-slider_slider-wrapper_84q0h_111", yt = "ds-slider_slider_84q0h_111", Dt = "ds-slider_value-tooltip_84q0h_135", It = "ds-slider_proxy-thumb_84q0h_139", qt = "ds-slider_proxy-thumb--disabled_84q0h_206", Mt = "ds-slider_custom-track_84q0h_235", Lt = "ds-slider_custom-track--progress_84q0h_240", Vt = "ds-slider_custom-track--runnable_84q0h_252", wt = "ds-slider_custom-track--disabled_84q0h_266", Ct = "ds-slider_tick-wrapper_84q0h_286", Wt = "ds-slider_tick_84q0h_286", $t = "ds-slider_value-tooltip--visible_84q0h_358", Pt = "ds-slider_value-tooltip--disabled_84q0h_361", a = {
   root: pt,

package/chunks/{Tabs.C4qGWCcD.js → Tabs.Bl4K3Kjn.js}

@@ -2,7 +2,7 @@
 import { jsx as N, jsxs as L } from "react/jsx-runtime";
 import { d as M } from "./index.CgTHIF3K.js";
 import { useState as $ } from "react";
-import { TabList as j } from "../tablist.CcCURua8.js";
+import { TabList as j } from "../tablist.Dzwe0_J4.js";
 import { TabPane as B } from "../tabpane.CB-eudyw.js";
 import { g as C } from "./TabPane.utils.DG16Y2uD.js";
 import { g, r as O } from "./helpers.BbWkXTr3.js";

package/chunks/{Textarea.D4vXRg_U.js → Textarea.Ce26v6ht.js}

@@ -1,34 +1,34 @@
 "use client";
-import { jsxs as d, jsx as h, Fragment as le } from "react/jsx-runtime";
+import { jsxs as d, jsx as p, Fragment as le } from "react/jsx-runtime";
 import { c as A } from "./index.CEyLAtio.js";
-import { forwardRef as ie, useState as i, useRef as ce, useEffect as p } from "react";
-import { g as B, p as z } from "./helpers.BbWkXTr3.js";
+import { forwardRef as ie, useState as i, useRef as ce, useEffect as m } from "react";
+import { g as q, p as z } from "./helpers.BbWkXTr3.js";
 import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
 import "./index.CgTHIF3K.js";
 import { Asterisk as ue } from "../asterisk.CR60hx8S.js";
 import { DSSystemFeedback as fe } from "../systemfeedback.CLQCbTF6.js";
-import '../assets/Textarea.BGV7Z0Z9.css';const xe = "ds-textarea_textarea_qx67e_1", be = "ds-textarea_textarea--invalid_qx67e_113", _e = "ds-textarea_textarea--small_qx67e_120", he = "ds-textarea_textarea--resize-auto_qx67e_139", pe = "ds-textarea_root_qx67e_149", me = "ds-textarea_hint_qx67e_158", ve = "ds-textarea_label_qx67e_158", Ce = "ds-textarea_label--hidden_qx67e_266", Se = "ds-textarea_label--disabled_qx67e_279", qe = "ds-textarea_feedback_qx67e_299", Ae = "ds-textarea_char-count_qx67e_304", Ie = "ds-textarea_char-count-announcer_qx67e_320", a = {
-  textarea: xe,
-  textareaInvalid: be,
+import '../assets/Textarea.BgtH-TTe.css';const be = "ds-textarea_textarea_1y99f_1", _e = "ds-textarea_textarea--small_1y99f_9", he = "ds-textarea_textarea--invalid_1y99f_121", pe = "ds-textarea_textarea--resize-auto_1y99f_145", me = "ds-textarea_root_1y99f_155", xe = "ds-textarea_hint_1y99f_164", ye = "ds-textarea_label_1y99f_164", ve = "ds-textarea_label--hidden_1y99f_272", Ce = "ds-textarea_label--disabled_1y99f_285", Se = "ds-textarea_feedback_1y99f_305", Ae = "ds-textarea_char-count_1y99f_310", Ie = "ds-textarea_char-count-announcer_1y99f_326", a = {
+  textarea: be,
   textareaSmall: _e,
-  textareaResizeAuto: he,
-  root: pe,
-  hint: me,
-  label: ve,
-  labelHidden: Ce,
-  labelDisabled: Se,
-  feedback: qe,
+  textareaInvalid: he,
+  textareaResizeAuto: pe,
+  root: me,
+  hint: xe,
+  label: ye,
+  labelHidden: ve,
+  labelDisabled: Ce,
+  feedback: Se,
   charCount: Ae,
   charCountAnnouncer: Ie
-}, He = ["medium", "small"], Te = ({
+}, Ve = ["medium", "small"], Te = ({
   id: r,
   label: u
 }) => {
   if (!r)
-    throw new Error(B("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
+    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(B("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}.`));
-}, ye = ie(({
+    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}.`));
+}, De = ie(({
   id: r,
   label: u,
   charsLimitText: M = "Character limit reached",
@@ -36,41 +36,41 @@ import '../assets/Textarea.BGV7Z0Z9.css';const xe = "ds-textarea_textarea_qx67e_
   className: F,
   defaultValue: X,
   disabled: I = !1,
-  hint: m,
+  hint: x,
   hideLabel: Z = !1,
   invalid: s = !1,
   maxLength: e,
   readonly: T = !1,
-  required: y = !1,
+  required: D = !1,
   resize: f = "vertical",
   size: G = "medium",
   systemFeedback: n,
-  value: v,
+  value: y,
   wrapperClassName: J,
-  onChange: D,
-  onInput: w,
+  onChange: w,
+  onInput: R,
   ...K
-}, x) => {
+}, b) => {
   process.env.NODE_ENV !== "production" && Te({
     id: r,
     label: u
   });
-  const [Q, R] = i(X || ""), [l, N] = i(0), [U, E] = i(0), [W, g] = i("off"), [$, C] = i(n), [S, q] = i(s), k = v !== void 0, b = k ? v : Q, o = ce(null), Y = (t) => {
-    o.current = t, typeof x == "function" ? x(t) : x && (x.current = t);
+  const [Q, N] = i(X || ""), [l, E] = i(0), [U, g] = i(0), [W, $] = i("off"), [k, v] = i(n), [C, S] = i(s), H = y !== void 0, _ = H ? y : Q, o = ce(null), Y = (t) => {
+    o.current = t, typeof b == "function" ? b(t) : b && (b.current = t);
   }, L = de(Z);
-  p(() => {
+  m(() => {
     if (!e || e <= 0)
       return;
-    l >= e * 0.8 ? g("polite") : g("off");
+    l >= e * 0.8 ? $("polite") : $("off");
     const t = setTimeout(() => {
-      E(e - l || 0);
+      g(e - l || 0);
     }, 1e3);
     return () => clearTimeout(t);
-  }, [l]), p(() => {
-    R(b || ""), c(), e && e > 0 && (N(b.toString().length || 0), E(e - b.toString().length || 0));
-  }, [v]), p(() => {
-    s && n ? (C(n), q(s)) : !s && e && e >= 0 && l >= e ? (q(!0), C(M)) : (C(n), q(s));
-  }, [s, S, n, l]), p(() => {
+  }, [l]), m(() => {
+    N(_ || ""), c(), e && e > 0 && (E(_.toString().length || 0), g(e - _.toString().length || 0));
+  }, [y]), m(() => {
+    s && n ? (v(n), S(s)) : !s && e && e >= 0 && l >= e ? (S(!0), v(M)) : (v(n), S(s));
+  }, [s, C, n, l]), m(() => {
     if (f === "auto")
       return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, [f, o.current]);
@@ -78,53 +78,53 @@ import '../assets/Textarea.BGV7Z0Z9.css';const xe = "ds-textarea_textarea_qx67e_
     // small textarea
     [a.textareaSmall]: G === "small",
     // invalid state
-    [a.textareaInvalid]: S,
+    [a.textareaInvalid]: C,
     // resize handling
     [a.textareaResizeAuto]: f === "auto"
   }), ae = A(a.label, {
     // hide label only visually to keep them available for assistive technologies
     [a.labelHidden]: L,
     [a.labelDisabled]: I
-  }), H = `${r}-label`, V = `${r}-feedback`, P = `${r}-hint`, j = `${r}-char-count-announcer`, re = m ? ` ${P}` : "", c = () => {
+  }), V = `${r}-label`, P = `${r}-feedback`, j = `${r}-hint`, B = `${r}-char-count-announcer`, re = x ? ` ${j}` : "", c = () => {
     if (o.current && f === "auto") {
       o.current.style.height = "auto";
-      const t = z(o.current.scrollHeight), _ = z(2);
+      const t = z(o.current.scrollHeight), h = 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 + _}rem`;
+      t + h}rem`;
     }
   }, se = () => {
     const t = [];
-    return e && e > 0 && t.push(j), s && n && t.push(V), t.length > 0 ? t.join(" ") : void 0;
+    return e && e > 0 && t.push(B), s && n && t.push(P), t.length > 0 ? t.join(" ") : void 0;
   }, oe = (t) => {
-    var _;
-    w && w(t), e && e > 0 && N(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
+    var h;
+    R && R(t), e && e > 0 && E(((h = o.current) == null ? void 0 : h.value.length) || 0), c();
   }, ne = (t) => {
-    D && D(t), k || R(t.target.value);
+    w && w(t), H || N(t.target.value);
   };
   return /* @__PURE__ */ d("div", { className: ee, children: [
-    /* @__PURE__ */ d("label", { className: ae, id: H, htmlFor: r, children: [
+    /* @__PURE__ */ d("label", { className: ae, id: V, htmlFor: r, children: [
       u,
-      y && /* @__PURE__ */ h(ue, {})
+      D && /* @__PURE__ */ p(ue, {})
     ] }),
-    m && /* @__PURE__ */ h("div", { className: a.hint, id: P, children: m }),
-    S && $ && /* @__PURE__ */ h(fe, { className: a.feedback, message: $, type: "invalid", id: V }),
-    /* @__PURE__ */ h(
+    x && /* @__PURE__ */ p("div", { className: a.hint, id: j, children: x }),
+    C && k && /* @__PURE__ */ p(fe, { className: a.feedback, message: k, type: "invalid", id: P }),
+    /* @__PURE__ */ p(
       "textarea",
       {
         className: te,
         id: r,
         ...K,
         ref: Y,
-        "aria-labelledby": `${H}${re}`,
+        "aria-labelledby": `${V}${re}`,
         "aria-describedby": se(),
         "aria-invalid": s,
         "aria-disabled": T,
         maxLength: e,
         readOnly: T,
-        required: y,
+        required: D,
         disabled: I,
-        value: b,
+        value: _,
         defaultValue: void 0,
         rows: void 0,
         cols: void 0,
@@ -142,7 +142,7 @@ import '../assets/Textarea.BGV7Z0Z9.css';const xe = "ds-textarea_textarea_qx67e_
         "div",
         {
           className: a.charCountAnnouncer,
-          id: j,
+          id: B,
           "aria-live": W,
           "aria-atomic": "true",
           children: [
@@ -155,9 +155,9 @@ import '../assets/Textarea.BGV7Z0Z9.css';const xe = "ds-textarea_textarea_qx67e_
     ] })
   ] });
 });
-ye.displayName = "DSTextarea";
+De.displayName = "DSTextarea";
 export {
-  ye as D,
-  He as T,
+  De as D,
+  Ve as T,
   Te as v
 };