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

package/chunks/InputStepper.D_1YqlWl.js

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

package/chunks/LinkButton.DdTspmJz.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsxs as ro, jsx as io } from "react/jsx-runtime";
+import { d as ao } from "./index.CgTHIF3K.js";
+import { c as no } from "./index.CEyLAtio.js";
+import { forwardRef as co } from "react";
+import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
+import { D as ho } from "./Icon.DGTYCv63.js";
+import { g as so } from "./helpers.BbWkXTr3.js";
+import '../assets/LinkButton.xMvg_ojf.css';const go = "ds-link-button_root_oblg9_1", uo = "ds-link-button_root--highlight_oblg9_75", _o = "ds-link-button_root--dark-highlight_oblg9_75", ko = "ds-link-button_root--filled_oblg9_151", mo = "ds-link-button_root--outline_oblg9_179", bo = "ds-link-button_root--ghost_oblg9_206", fo = "ds-link-button_root--ghost-flush_oblg9_231", vo = "ds-link-button_root--small_oblg9_237", Do = "ds-link-button_root--navigation_oblg9_317", po = "ds-link-button_root--dark-filled_oblg9_393", No = "ds-link-button_root--dark-outline_oblg9_450", Lo = "ds-link-button_root--dark-ghost_oblg9_506", Oo = "ds-link-button_root--dark-ghost-flush_oblg9_560", So = "ds-link-button_root--icon-left_oblg9_635", Fo = "ds-link-button_root--icon-only_oblg9_638", Io = "ds-link-button_root--icon-only-small_oblg9_647", Go = "ds-link-button_icon--navigation_oblg9_659", yo = "ds-link-button_label--hidden_oblg9_667", n = {
+  root: go,
+  rootHighlight: uo,
+  rootDarkHighlight: _o,
+  rootFilled: ko,
+  rootOutline: mo,
+  rootGhost: bo,
+  rootGhostFlush: fo,
+  rootSmall: vo,
+  rootNavigation: Do,
+  rootDarkFilled: po,
+  rootDarkOutline: No,
+  rootDarkGhost: Lo,
+  rootDarkGhostFlush: Oo,
+  rootIconLeft: So,
+  rootIconOnly: Fo,
+  rootIconOnlySmall: Io,
+  iconNavigation: Go,
+  labelHidden: yo
+}, Co = ["medium", "small"], Vo = ["filled", "highlight", "outline", "ghost", "navigation"], Bo = ({
+  variant: f,
+  size: v,
+  theme: o
+}) => {
+  if (f === "navigation" && (v === "small" && console.warn(so("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
+    throw new Error(so("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+}, Ho = co((f, v) => {
+  const o = ao.c(63);
+  let r, a, c, d, i, s, e, h, g, u, D, p, N, L, O, S, F;
+  o[0] !== f ? ({
+    children: a,
+    aria: r,
+    className: c,
+    download: d,
+    hideLabel: D,
+    href: i,
+    iconName: s,
+    iconPosition: p,
+    iconSource: e,
+    isFlush: N,
+    referrerPolicy: h,
+    rel: g,
+    size: L,
+    target: O,
+    theme: S,
+    variant: F,
+    ...u
+  } = f, o[0] = f, o[1] = r, o[2] = a, o[3] = c, o[4] = d, o[5] = i, o[6] = s, o[7] = e, o[8] = h, o[9] = g, o[10] = u, o[11] = D, o[12] = p, o[13] = N, o[14] = L, o[15] = O, o[16] = S, o[17] = F) : (r = o[1], a = o[2], c = o[3], d = o[4], i = o[5], s = o[6], e = o[7], h = o[8], g = o[9], u = o[10], D = o[11], p = o[12], N = o[13], L = o[14], O = o[15], S = o[16], F = o[17]);
+  const T = D === void 0 ? !1 : D, eo = p === void 0 ? "left" : p, I = N === void 0 ? !1 : N, G = L === void 0 ? "medium" : L, P = O === void 0 ? "_self" : O, l = S === void 0 ? "light" : S, t = F === void 0 ? "filled" : F;
+  process.env.NODE_ENV !== "production" && Bo({
+    variant: t,
+    size: G,
+    theme: l
+  });
+  const E = t === "filled", x = t === "highlight", z = t === "outline", A = t === "ghost" && I !== !0, C = t === "navigation", V = t === "ghost" && I === !0, j = l === "dark" && t === "filled", K = l === "dark" && t === "highlight", R = l === "dark" && t === "outline", U = l === "dark" && t === "ghost" && I !== !0, M = l === "dark" && t === "ghost" && I === !0, Z = G === "small" || t === "navigation", $ = eo === "left", q = lo(T) && G === "medium" && t !== "navigation", J = lo(T) && G === "small" && t !== "navigation";
+  let y;
+  o[18] !== c || o[19] !== z || o[20] !== A || o[21] !== C || o[22] !== V || o[23] !== j || o[24] !== K || o[25] !== R || o[26] !== U || o[27] !== M || o[28] !== Z || o[29] !== $ || o[30] !== q || o[31] !== J || o[32] !== E || o[33] !== x ? (y = no(n.root, c, {
+    [n.rootFilled]: E,
+    [n.rootHighlight]: x,
+    [n.rootOutline]: z,
+    [n.rootGhost]: A,
+    [n.rootNavigation]: C,
+    [n.rootGhostFlush]: V,
+    [n.rootDarkFilled]: j,
+    [n.rootDarkHighlight]: K,
+    [n.rootDarkOutline]: R,
+    [n.rootDarkGhost]: U,
+    [n.rootDarkGhostFlush]: M,
+    [n.rootSmall]: Z,
+    [n.rootIconLeft]: $,
+    [n.rootIconOnly]: q,
+    [n.rootIconOnlySmall]: J
+  }), o[18] = c, o[19] = z, o[20] = A, o[21] = C, o[22] = V, o[23] = j, o[24] = K, o[25] = R, o[26] = U, o[27] = M, o[28] = Z, o[29] = $, o[30] = q, o[31] = J, o[32] = E, o[33] = x, o[34] = y) : y = o[34];
+  const Q = y, W = lo(T) && t !== "navigation";
+  let B;
+  o[35] !== W ? (B = no({
+    [n.labelHidden]: W
+  }), o[35] = W, o[36] = B) : B = o[36];
+  const X = B, Y = t === "navigation";
+  let H;
+  o[37] !== Y ? (H = no({
+    [n.iconNavigation]: Y
+  }), o[37] = Y, o[38] = H) : H = o[38];
+  const oo = H, to = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", _ = i === void 0 ? "span" : "a";
+  let k;
+  o[39] !== _ || o[40] !== d || o[41] !== i || o[42] !== h || o[43] !== g || o[44] !== P ? (k = _ === "a" && {
+    href: i,
+    target: P,
+    rel: g,
+    referrerPolicy: h,
+    download: d
+  }, o[39] = _, o[40] = d, o[41] = i, o[42] = h, o[43] = g, o[44] = P, o[45] = k) : k = o[45];
+  let m;
+  o[46] !== a || o[47] !== X ? (m = /* @__PURE__ */ io("span", { className: X, children: a }), o[46] = a, o[47] = X, o[48] = m) : m = o[48];
+  let b;
+  o[49] !== oo || o[50] !== s || o[51] !== e || o[52] !== to ? (b = (s || e) && /* @__PURE__ */ io(ho, { name: s, theme: to, source: e, className: oo, "aria-hidden": "true" }), o[49] = oo, o[50] = s, o[51] = e, o[52] = to, o[53] = b) : b = o[53];
+  let w;
+  return o[54] !== _ || o[55] !== r || o[56] !== v || o[57] !== u || o[58] !== Q || o[59] !== k || o[60] !== m || o[61] !== b ? (w = /* @__PURE__ */ ro(_, { className: Q, ...k, ...r, ...u, ref: v, children: [
+    m,
+    b
+  ] }), o[54] = _, o[55] = r, o[56] = v, o[57] = u, o[58] = Q, o[59] = k, o[60] = m, o[61] = b, o[62] = w) : w = o[62], w;
+});
+Ho.displayName = "DSLinkButton";
+export {
+  Ho as D,
+  Co as L,
+  Vo as a,
+  Bo as v
+};

package/chunks/MegaMenu.BY7eOnhj.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as b, jsxs as Q } from "react/jsx-runtime";
+import { d as I } from "./index.CgTHIF3K.js";
+import { isValidElement as G, useState as W, createContext as X, forwardRef as H, cloneElement as Y, useContext as q } from "react";
+import { u as Z, a as A, b as B, c as R, d as ee, o as te, e as z, f as ne, F as se, g as oe, h as le } from "./floating-ui.react.x0F9CYgn.js";
+import { c as j } from "./index.CEyLAtio.js";
+import { g as P, c as T } from "./helpers.BbWkXTr3.js";
+import { D as ce } from "./Header.DqZRryB5.js";
+import { a as ae } from "./floating-ui.dom.C9TD1WpB.js";
+import '../assets/MegaMenu.DX9gChtY.css';const re = "ds-mega-menu_root_11fw1_1", ie = "ds-mega-menu_content_11fw1_109", ue = "ds-mega-menu_content--variant-full_11fw1_134", de = "ds-mega-menu_backdrop_11fw1_139", V = {
+  root: re,
+  content: ie,
+  contentVariantFull: ue,
+  backdrop: de
+}, fe = 9, me = (s) => {
+  const t = I.c(17);
+  let e;
+  t[0] !== s ? (e = s === void 0 ? {} : s, t[0] = s, t[1] = e) : e = t[1];
+  const {
+    initialOpen: n,
+    isOpen: o,
+    onOpenChange: c
+  } = e, m = n === void 0 ? !1 : n, [a, l] = W(m), d = o ?? a, r = c ?? l;
+  let i;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = [te(fe)], t[2] = i) : i = t[2];
+  let u;
+  t[3] !== d || t[4] !== r ? (u = {
+    placement: "bottom-start",
+    open: d,
+    onOpenChange: r,
+    whileElementsMounted: ae,
+    strategy: "absolute",
+    transform: !1,
+    middleware: i
+  }, t[3] = d, t[4] = r, t[5] = u) : u = t[5];
+  const g = Z(u), _ = g.context;
+  let h;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    enabled: !0
+  }, t[6] = h) : h = t[6];
+  const k = A(_, h), f = B(_);
+  let p;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+    role: "menu"
+  }, t[7] = p) : p = t[7];
+  const C = R(_, p);
+  let S;
+  t[8] !== k || t[9] !== f || t[10] !== C ? (S = [k, f, C], t[8] = k, t[9] = f, t[10] = C, t[11] = S) : S = t[11];
+  const D = ee(S);
+  let E, M;
+  return t[12] !== g || t[13] !== D || t[14] !== d || t[15] !== r ? (M = {
+    open: d,
+    setOpen: r,
+    ...D,
+    ...g
+  }, t[12] = g, t[13] = D, t[14] = d, t[15] = r, t[16] = M) : M = t[16], E = M, E;
+}, Me = (s) => {
+  if (!G(s))
+    throw new Error(P("DSMegaMenu", "DSMegaMenu.Anchor child must be a valid React element."));
+}, ge = ({
+  hasContent: s,
+  hasAnchor: t
+}) => {
+  if (!s)
+    throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Content> component as a child. Please add it to the children of DSMegaMenu."));
+  if (!t)
+    throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Anchor> component as a child. Please add it to the children of DSMegaMenu."));
+}, J = X(null), K = () => {
+  const s = q(J);
+  if (s == null)
+    throw new Error(P("DSMegaMenu", "Components like DSMegaMenu.Anchor or DSMegaMenu.Content must be wrapped in <DSMegaMenu />."));
+  return s;
+}, $ = (s) => {
+  const t = I.c(9);
+  let e, n;
+  t[0] !== s ? ({
+    children: e,
+    ...n
+  } = s, t[0] = s, t[1] = e, t[2] = n) : (e = t[1], n = t[2]);
+  let o;
+  t[3] !== n ? (o = {
+    ...n
+  }, t[3] = n, t[4] = o) : o = t[4];
+  const c = me(o), m = T(e, $.Content), a = T(e, U);
+  process.env.NODE_ENV !== "production" && ge({
+    hasContent: m,
+    hasAnchor: a
+  });
+  let l;
+  return t[5] !== e || t[6] !== c || t[7] !== n ? (l = /* @__PURE__ */ b(J.Provider, { value: c, ...n, children: e }), t[5] = e, t[6] = c, t[7] = n, t[8] = l) : l = t[8], l;
+}, U = H((s, t) => {
+  const e = I.c(12);
+  let n, o;
+  e[0] !== s ? ({
+    children: n,
+    ...o
+  } = s, e[0] = s, e[1] = n, e[2] = o) : (n = e[1], o = e[2]), process.env.NODE_ENV !== "production" && Me(n);
+  const c = K(), m = n.ref;
+  let a;
+  e[3] !== m || e[4] !== c.refs.setReference || e[5] !== t ? (a = [c.refs.setReference, t, m], e[3] = m, e[4] = c.refs.setReference, e[5] = t, e[6] = a) : a = e[6];
+  const l = z(a);
+  if (G(n)) {
+    let d;
+    return e[7] !== n || e[8] !== c || e[9] !== o || e[10] !== l ? (d = Y(n, c.getReferenceProps({
+      ref: l,
+      ...o,
+      ...n.props,
+      "data-state": c.open ? "open" : "closed"
+    })), e[7] = n, e[8] = c, e[9] = o, e[10] = l, e[11] = d) : d = e[11], d;
+  }
+});
+U.displayName = "DSMegaMenu.Anchor";
+const L = H((s, t) => {
+  const e = I.c(45);
+  let n, o, c;
+  e[0] !== s ? ({
+    style: c,
+    className: n,
+    ...o
+  } = s, e[0] = s, e[1] = n, e[2] = o, e[3] = c) : (n = e[1], o = e[2], c = e[3]);
+  const m = K();
+  let a, l;
+  e[4] !== m ? ({
+    context: a,
+    ...l
+  } = m, e[4] = m, e[5] = a, e[6] = l) : (a = e[5], l = e[6]);
+  const {
+    variant: d,
+    bannerAreaRef: r,
+    topBarAreaRef: i,
+    mainNavigationAreaRef: u
+  } = q(ce);
+  let g;
+  e[7] !== t || e[8] !== l.refs.setFloating ? (g = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = g) : g = e[9];
+  const _ = z(g);
+  let h;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    duration: {
+      open: 400,
+      close: 400
+    }
+  }, e[10] = h) : h = e[10];
+  const {
+    isMounted: k,
+    status: f
+  } = ne(a, h);
+  let p;
+  e[11] !== n ? (p = j(V.root, n), e[11] = n, e[12] = p) : p = e[12];
+  const C = p, S = d === "full";
+  let D;
+  e[13] !== S ? (D = j(V.content, {
+    [V.contentVariantFull]: S
+  }), e[13] = S, e[14] = D) : D = e[14];
+  const E = D;
+  if (!k)
+    return null;
+  let M;
+  e[15] !== f ? (M = /* @__PURE__ */ b("div", { className: V.backdrop, "data-status": f }), e[15] = f, e[16] = M) : M = e[16];
+  let w;
+  e[17] !== (r == null ? void 0 : r.current) || e[18] !== (u == null ? void 0 : u.current) || e[19] !== (i == null ? void 0 : i.current) ? (w = () => [u == null ? void 0 : u.current, i == null ? void 0 : i.current, r == null ? void 0 : r.current].filter(Boolean), e[17] = r == null ? void 0 : r.current, e[18] = u == null ? void 0 : u.current, e[19] = i == null ? void 0 : i.current, e[20] = w) : w = e[20];
+  let x;
+  e[21] !== l.floatingStyles || e[22] !== c ? (x = {
+    ...l.floatingStyles,
+    ...c
+  }, e[21] = l.floatingStyles, e[22] = c, e[23] = x) : x = e[23];
+  let y;
+  e[24] !== o || e[25] !== l ? (y = l.getFloatingProps(o), e[24] = o, e[25] = l, e[26] = y) : y = e[26];
+  let F;
+  e[27] !== E || e[28] !== o.children || e[29] !== f ? (F = /* @__PURE__ */ b("div", { className: E, "data-status": f, children: o.children }), e[27] = E, e[28] = o.children, e[29] = f, e[30] = F) : F = e[30];
+  let O;
+  e[31] !== C || e[32] !== _ || e[33] !== f || e[34] !== y || e[35] !== F || e[36] !== x ? (O = /* @__PURE__ */ b("div", { ref: _, style: x, className: C, "data-status": f, ...y, children: F }), e[31] = C, e[32] = _, e[33] = f, e[34] = y, e[35] = F, e[36] = x, e[37] = O) : O = e[37];
+  let v;
+  e[38] !== a || e[39] !== O || e[40] !== w ? (v = /* @__PURE__ */ b(se, { context: a, modal: !1, outsideElementsInert: !0, getInsideElements: w, children: O }), e[38] = a, e[39] = O, e[40] = w, e[41] = v) : v = e[41];
+  let N;
+  return e[42] !== v || e[43] !== M ? (N = /* @__PURE__ */ b(oe, { children: /* @__PURE__ */ Q(le, { lockScroll: !0, children: [
+    M,
+    v
+  ] }) }), e[42] = v, e[43] = M, e[44] = N) : N = e[44], N;
+});
+L.displayName = "DSMegaMenu.Content";
+$.Anchor = U;
+$.Content = L;
+$.displayName = "DSMegaMenu";
+export {
+  $ as D,
+  ge as a,
+  me as u,
+  Me as v
+};

package/chunks/NavigationTabList.dYFYTmWv.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as t, jsxs as g, Fragment as m } from "react/jsx-runtime";
+import { isValidElement as h, cloneElement as f } from "react";
+import { D as B } from "./Icon.DGTYCv63.js";
+import { NumberIndicator as N } from "../numberindicator.Ddf3ESi7.js";
+import '../assets/NavigationTabList.CFlVhUzS.css';const W = "ds-tabs_tabs-wrapper_ccgp4_1", w = "ds-tabs_scroll-wrapper_ccgp4_6", D = "ds-tabs_scroller_ccgp4_17", j = "ds-tabs_scroller--centered_ccgp4_28", v = "ds-tabs_tab_ccgp4_1", y = "ds-tabs_scroll-button_ccgp4_105", E = "ds-tabs_scroll-button--hidden_ccgp4_110", H = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", R = {
+  tabsWrapper: W,
+  scrollWrapper: w,
+  scroller: D,
+  scrollerCentered: j,
+  tab: v,
+  scrollButton: y,
+  scrollButtonHidden: E,
+  scrollButtonRight: H,
+  indicator: L
+}, S = ({
+  tabs: n,
+  tabRefs: i,
+  scrollerClass: p,
+  scrollerRef: _,
+  selectedTabIndex: o,
+  handleNavigationKeydown: d,
+  setSelectedTab: b
+}) => /* @__PURE__ */ t("ul", { className: p, ref: _, children: n.map(({
+  id: l,
+  linkComponent: r,
+  iconName: a,
+  numberIndicatorValue: e
+}, s) => {
+  if (!h(r))
+    return null;
+  const u = f(r, {
+    // Add aria-current to the selected tab (https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/)
+    "aria-current": o === s ? "page" : void 0,
+    children: /* @__PURE__ */ g(m, { children: [
+      a && /* @__PURE__ */ t(B, { name: a, "aria-hidden": "true" }),
+      r.props.children,
+      e && /* @__PURE__ */ t(N, { label: e })
+    ] }),
+    className: R.tab,
+    id: l,
+    tabIndex: o === s ? 0 : -1,
+    // onKeyDown for focus handling and keyboard navigation
+    onKeyDown: (c) => d(c, s),
+    onClick: () => {
+      r.props.onClick && r.props.onClick(), b(s);
+    },
+    ref: (c) => {
+      i.current[s] = c;
+    }
+  });
+  return /* @__PURE__ */ t("li", { children: u }, l);
+}) });
+export {
+  S as N,
+  R as s
+};