@stihl-design-system/components 1.0.0-RC.44 → 1.0.0-RC.45

package/chunks/NavigationTabList.9r9_yTmR.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsxs as N, Fragment as B, jsx as d } from "react/jsx-runtime";
+import { d as I } from "./index.cKLI89Eg.js";
+import { isValidElement as k, cloneElement as w } from "react";
+import { D as R } from "./Icon.DCdL1Vnp.js";
+import { NumberIndicator as W } from "../numberindicator.ZGVRSmqf.js";
+import '../assets/NavigationTabList.DYjNT2Di.css';const v = "ds-tabs_tabs-wrapper_3xz50_1", y = "ds-tabs_scroll-wrapper_3xz50_6", D = "ds-tabs_scroller_3xz50_17", E = "ds-tabs_scroller--centered_3xz50_28", L = "ds-tabs_tab_3xz50_1", T = "ds-tabs_scroll-button_3xz50_105", j = "ds-tabs_scroll-button--hidden_3xz50_110", H = "ds-tabs_scroll-button--right_3xz50_114", K = "ds-tabs_indicator_3xz50_126", S = {
+  tabsWrapper: v,
+  scrollWrapper: y,
+  scroller: D,
+  scrollerCentered: E,
+  tab: L,
+  scrollButton: T,
+  scrollButtonHidden: j,
+  scrollButtonRight: H,
+  indicator: K
+}, G = (x) => {
+  const t = I.c(15), {
+    tabs: b,
+    tabRefs: e,
+    scrollerClass: p,
+    scrollerRef: _,
+    selectedTabIndex: r,
+    handleNavigationKeydown: o,
+    setSelectedTab: l
+  } = x;
+  let s;
+  if (t[0] !== o || t[1] !== r || t[2] !== l || t[3] !== e || t[4] !== b) {
+    let i;
+    t[6] !== o || t[7] !== r || t[8] !== l || t[9] !== e ? (i = (z, n) => {
+      const {
+        id: u,
+        linkComponent: a,
+        iconName: f,
+        numberIndicatorValue: h,
+        numberIndicatorAriaLabel: g
+      } = z;
+      if (!k(a))
+        return null;
+      const C = w(a, {
+        "aria-current": r === n ? "page" : void 0,
+        children: /* @__PURE__ */ N(B, { children: [
+          f && /* @__PURE__ */ d(R, { name: f, "aria-hidden": "true" }),
+          a.props.children,
+          h && /* @__PURE__ */ d(W, { "aria-label": g, label: h })
+        ] }),
+        className: S.tab,
+        id: u,
+        tabIndex: r === n ? 0 : -1,
+        onKeyDown: (m) => o(m, n),
+        onClick: () => {
+          a.props.onClick && a.props.onClick(), l(n);
+        },
+        ref: (m) => {
+          e.current[n] = m;
+        }
+      });
+      return /* @__PURE__ */ d("li", { children: C }, u);
+    }, t[6] = o, t[7] = r, t[8] = l, t[9] = e, t[10] = i) : i = t[10], s = b.map(i), t[0] = o, t[1] = r, t[2] = l, t[3] = e, t[4] = b, t[5] = s;
+  } else
+    s = t[5];
+  let c;
+  return t[11] !== p || t[12] !== _ || t[13] !== s ? (c = /* @__PURE__ */ d("ul", { className: p, ref: _, children: s }), t[11] = p, t[12] = _, t[13] = s, t[14] = c) : c = t[14], c;
+};
+export {
+  G as N,
+  S as s
+};

package/chunks/{NavigationTabs.B57dlMSM.js → NavigationTabs.CCFAm8-N.js}

@@ -2,7 +2,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { d as N } from "./index.cKLI89Eg.js";
 import { useState as T, useEffect as h } from "react";
-import { TabList as y } from "../tablist.CLKzkkTc.js";
+import { TabList as y } from "../tablist.DuaTT6zK.js";
 import { g as o, r as A } from "./helpers.CexwVao7.js";
 const V = ["left", "center"], M = ["prev", "next"], I = ({
   aria: t,

package/chunks/{Notification.C6oDyXgu.js → Notification.BlyUQinT.js}

@@ -2,8 +2,8 @@
 import { jsx as H, jsxs as F } from "react/jsx-runtime";
 import { d as R } from "./index.cKLI89Eg.js";
 import { c as k } from "./index.DQOqod3i.js";
-import { D as W } from "./Button.P9uWeVnl.js";
-import { D as j } from "./Icon.BoywkLCM.js";
+import { D as W } from "./Button.D8U6Bs7T.js";
+import { D as j } from "./Icon.DCdL1Vnp.js";
 import '../assets/Notification.DBGpHzov.css';const y = "ds-notification_root_trmu0_1", L = "ds-notification_root--success_trmu0_29", P = "ds-notification_root--error_trmu0_33", V = "ds-notification_root--warning_trmu0_37", z = "ds-notification_root--hide-icon_trmu0_41", Y = "ds-notification_content_trmu0_55", $ = "ds-notification_content--hide-close-button_trmu0_62", q = "ds-notification_content--hide-icon_trmu0_65", G = "ds-notification_icon_trmu0_69", J = "ds-notification_message_trmu0_73", K = "ds-notification_custom-action-area_trmu0_170", e = {
   root: y,
   rootSuccess: L,

package/chunks/Pagination.Dl8CU-yY.js

@@ -0,0 +1,247 @@
+"use client";
+import { jsx as v, jsxs as Ae } from "react/jsx-runtime";
+import { d as Ie } from "./index.cKLI89Eg.js";
+import { c as R } from "./index.DQOqod3i.js";
+import { isValidElement as he, useState as me, useEffect as fe, cloneElement as ue } from "react";
+import { t as xe } from "./translate.nuU7uChI.js";
+import { u as Me } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { f as Ce } from "./AriaLiveRegions.utils.8ofDlHnN.js";
+import { D as ve } from "./Button.D8U6Bs7T.js";
+import { D as _e } from "./LinkButton.CNLxmfVF.js";
+import { g as u, r as pe } from "./helpers.CexwVao7.js";
+import '../assets/Pagination.DZ1yCAMR.css';const Le = "ds-pagination_list_rwmgf_1", Be = "ds-pagination_list--center_rwmgf_8", Te = "ds-pagination_list--right_rwmgf_11", ke = "ds-pagination_item_rwmgf_15", Oe = "ds-pagination_item-prev-button-wrapper_rwmgf_19", $e = "ds-pagination_item-next-button-wrapper_rwmgf_22", Re = "ds-pagination_prev-next-button_rwmgf_26", We = "ds-pagination_page-button_rwmgf_59", ze = "ds-pagination_page-button--active_rwmgf_110", Ve = "ds-pagination_ellipsis_rwmgf_137", je = "ds-pagination_divider_rwmgf_145", p = {
+  list: Le,
+  listCenter: Be,
+  listRight: Te,
+  item: ke,
+  itemPrevButtonWrapper: Oe,
+  itemNextButtonWrapper: $e,
+  prevNextButton: Re,
+  pageButton: We,
+  pageButtonActive: ze,
+  ellipsis: Ve,
+  divider: je
+}, Ne = "(max-width: 518px)", Pe = "(max-width: 428px)", be = () => typeof window > "u" ? 9 : window.matchMedia(Pe).matches ? 5 : window.matchMedia(Ne).matches ? 7 : 9, Ge = (r, e, t) => {
+  const s = [];
+  if (r <= t) {
+    for (let i = 0; i < r; i++)
+      s.push({
+        type: "page",
+        pageIndex: i
+      });
+    return s;
+  }
+  const h = t - 4;
+  let o = e - Math.floor((h - 1) / 2), d = o + h - 1;
+  o <= 2 && (o = 1, d = t - 3), d >= r - 3 && (d = r - 2, o = r - t + 2);
+  const l = [0];
+  for (let i = o; i <= d; i++)
+    l.push(i);
+  return l.push(r - 1), l.forEach((i, N) => {
+    const _ = l[N - 1];
+    _ !== void 0 && i - _ > 1 && s.push({
+      type: "ellipsis",
+      id: `ellipsis-${_}-${i}`
+    }), s.push({
+      type: "page",
+      pageIndex: i
+    });
+  }), s;
+}, Qe = (r) => {
+  const e = [];
+  return r.forEach((t, s) => {
+    s > 0 && e.push({
+      type: "divider",
+      id: `divider-${s}`
+    }), e.push(t);
+  }), e;
+}, Ue = (r, e, t) => Qe(Ge(r, e, t)), qe = {
+  previousPage: "Previous page",
+  nextPage: "Next page",
+  page: "Page {0}",
+  pageOf: "Page {0} of {1} loaded"
+}, Ye = {
+  previousPage: "Vorherige Seite",
+  nextPage: "Nächste Seite",
+  // {0} is the activePageIndex + 1
+  page: "Seite {0}",
+  // {0} is the activePageIndex + 1, {1} is the total pages
+  pageOf: "Seite {0} von {1} geladen"
+}, we = {
+  en: qe,
+  de: Ye
+}, Fe = ({
+  activePageIndex: r,
+  aria: e,
+  itemsPerPage: t,
+  links: s,
+  totalItemsCount: h
+}) => {
+  if (!e || typeof e != "object" || Object.keys(e).length === 0 || !e["aria-label"] && !e["aria-labelledby"] || e["aria-label"]?.trim() === "" && e["aria-labelledby"]?.trim() === "")
+    throw new Error(u("DSPagination", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
+  if (typeof h != "number" || Number.isNaN(h))
+    throw new Error(u("DSPagination", pe("totalItemsCount", "DSPagination")));
+  if (h < 0)
+    throw new Error(u("DSPagination", 'The "totalItemsCount" prop must be zero or a positive number.'));
+  if (typeof t != "number" || Number.isNaN(t))
+    throw new Error(u("DSPagination", pe("itemsPerPage", "DSPagination")));
+  if (t <= 0)
+    throw new Error(u("DSPagination", 'The "itemsPerPage" prop must be greater than 0.'));
+  if (typeof r != "number" || Number.isNaN(r) || !Number.isInteger(r))
+    throw new Error(u("DSPagination", pe("activePageIndex", "DSPagination")));
+  const o = Math.max(1, Math.ceil(h / Math.max(1, t)));
+  if (r < 0 || r > o - 1)
+    throw new Error(u("DSPagination", `The "activePageIndex" must be between 0 and ${o - 1}.`));
+  if (s && !Array.isArray(s))
+    throw new Error(u("DSPagination", 'The "links" prop must be an array when provided.'));
+  Array.isArray(s) && s.forEach(({
+    href: d,
+    wrapper: l
+  }, i) => {
+    if (l && !he(l))
+      throw new Error(u("DSPagination", `The link with label "${i + 1}" provided an invalid ReactElement as wrapper property.`));
+    l && d && console.warn(u("DSPagination", `The link with label "${i + 1}" has both a wrapper and an href property. Please use only one.`)), l && he(l) && l.props?.children && console.warn(u("DSPagination", `The link with label "${i + 1}" contains a wrapper with children. Please remove the children, as they will be replaced.`));
+  });
+}, rt = (r) => {
+  const e = Ie.c(76);
+  let t, s, h, o, d, l, i, N, _, k, W;
+  e[0] !== r ? ({
+    aria: t,
+    activePageIndex: i,
+    itemsPerPage: h,
+    totalItemsCount: k,
+    className: s,
+    alignment: N,
+    lang: _,
+    links: o,
+    translations: W,
+    onPageChange: d,
+    ...l
+  } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = h, e[4] = o, e[5] = d, e[6] = l, e[7] = i, e[8] = N, e[9] = _, e[10] = k, e[11] = W) : (t = e[1], s = e[2], h = e[3], o = e[4], d = e[5], l = e[6], i = e[7], N = e[8], _ = e[9], k = e[10], W = e[11]);
+  const P = i === void 0 ? 0 : i, de = N === void 0 ? "right" : N, Se = _ === void 0 ? "en" : _, w = typeof d == "function", [ye, ge] = me(P), n = w ? P : ye, [ie, De] = me(be);
+  let z, V;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+    const a = window.matchMedia(Ne), c = window.matchMedia(Pe), g = () => {
+      De(be());
+    };
+    return a.addEventListener("change", g), c.addEventListener("change", g), () => {
+      a.removeEventListener("change", g), c.removeEventListener("change", g);
+    };
+  }, V = [], e[12] = z, e[13] = V) : (z = e[12], V = e[13]), Me(z, V), process.env.NODE_ENV !== "production" && Fe({
+    aria: t,
+    itemsPerPage: h,
+    totalItemsCount: k,
+    activePageIndex: P,
+    links: o
+  });
+  const f = Math.max(1, Math.ceil(k / Math.max(1, h))), ne = W || we[Se] || we.en;
+  let j;
+  e[14] !== ne ? (j = xe(ne), e[14] = ne, e[15] = j) : j = e[15];
+  const m = j;
+  let G, Q;
+  e[16] !== n || e[17] !== m || e[18] !== f ? (G = () => {
+    const a = m("pageOf", [`${n + 1}`, `${f}`]);
+    Ce(a, "DSPagination");
+  }, Q = [n, f, m], e[16] = n, e[17] = m, e[18] = f, e[19] = G, e[20] = Q) : (G = e[19], Q = e[20]), fe(G, Q);
+  let U, q;
+  e[21] !== P || e[22] !== w ? (q = () => {
+    w || ge(P);
+  }, U = [P, w], e[21] = P, e[22] = w, e[23] = U, e[24] = q) : (U = e[23], q = e[24]), fe(q, U);
+  let Y;
+  e[25] !== n || e[26] !== f || e[27] !== ie ? (Y = Ue(f, n, ie), e[25] = n, e[26] = f, e[27] = ie, e[28] = Y) : Y = e[28];
+  const ae = Y;
+  let F;
+  e[29] !== n || e[30] !== w || e[31] !== d ? (F = (a, c) => {
+    if (!c.defaultPrevented && a !== n) {
+      if (w) {
+        d?.(a);
+        return;
+      }
+      ge(a);
+    }
+  }, e[29] = n, e[30] = w, e[31] = d, e[32] = F) : F = e[32];
+  const D = F;
+  let H;
+  e[33] !== n || e[34] !== D || e[35] !== o || e[36] !== m ? (H = (a) => {
+    const {
+      href: c,
+      wrapper: g
+    } = o?.[a] || {}, B = `${a + 1}`, $ = a === n, T = m("page", [B]), b = $ ? "page" : void 0, te = R(p.pageButton, {
+      [p.pageButtonActive]: $
+    }), S = (Ee) => {
+      D(a, Ee);
+    }, y = /* @__PURE__ */ v(_e, { className: te, size: "small", variant: "ghost", href: g ? void 0 : c, "aria-label": g ? void 0 : T, "aria-current": g ? void 0 : b, onClick: g ? void 0 : S, children: B });
+    return g ? ue(g, {
+      "aria-label": T,
+      "aria-current": b,
+      onClick: S,
+      children: y
+    }) : c ? y : /* @__PURE__ */ v(ve, { type: "button", className: te, "aria-label": T, "aria-current": b, size: "small", variant: "ghost", onClick: S, children: B });
+  }, e[33] = n, e[34] = D, e[35] = o, e[36] = m, e[37] = H) : H = e[37];
+  const O = H;
+  let J;
+  e[38] !== D || e[39] !== o ? (J = (a, c, g, B, $) => {
+    const {
+      href: T,
+      wrapper: b
+    } = o?.[a] || {}, te = !B && o && (T || b), S = (y) => {
+      D(a, y);
+    };
+    if (te) {
+      const y = /* @__PURE__ */ v(_e, { className: $, iconName: c, hideLabel: !0, size: "small", variant: "filled", href: b ? void 0 : T, onClick: b ? void 0 : S, children: g });
+      return b ? ue(b, {
+        children: y,
+        onClick: S
+      }) : y;
+    }
+    return /* @__PURE__ */ v(ve, { type: "button", className: $, iconName: c, disabled: B, hideLabel: !0, variant: "filled", size: "small", onClick: S, children: g });
+  }, e[38] = D, e[39] = o, e[40] = J) : J = e[40];
+  const E = J, re = de === "center", se = de === "right";
+  let K;
+  e[41] !== re || e[42] !== se ? (K = R(p.list, {
+    [p.listCenter]: re,
+    [p.listRight]: se
+  }), e[41] = re, e[42] = se, e[43] = K) : K = e[43];
+  const oe = K;
+  let X;
+  e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = R(p.item, p.itemPrevButtonWrapper), e[44] = X) : X = e[44];
+  const le = Math.max(0, n - 1);
+  let A;
+  e[45] !== n || e[46] !== E || e[47] !== m || e[48] !== le ? (A = E(le, "chevron-left", m("previousPage"), n === 0, p.prevNextButton), e[45] = n, e[46] = E, e[47] = m, e[48] = le, e[49] = A) : A = e[49];
+  let I;
+  e[50] !== A ? (I = /* @__PURE__ */ v("li", { className: X, children: A }), e[50] = A, e[51] = I) : I = e[51];
+  let x;
+  if (e[52] !== ae || e[53] !== O) {
+    let a;
+    e[55] !== O ? (a = (c) => c.type === "page" ? /* @__PURE__ */ v("li", { className: p.item, children: O(c.pageIndex) }, `page-${c.pageIndex}`) : c.type === "ellipsis" ? /* @__PURE__ */ v("li", { className: R(p.item, p.ellipsis), "aria-hidden": "true", children: "…" }, c.id) : /* @__PURE__ */ v("li", { className: p.divider, "aria-hidden": "true" }, c.id), e[55] = O, e[56] = a) : a = e[56], x = ae.map(a), e[52] = ae, e[53] = O, e[54] = x;
+  } else
+    x = e[54];
+  let Z;
+  e[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = R(p.item, p.itemNextButtonWrapper), e[57] = Z) : Z = e[57];
+  const ce = Math.min(f - 1, n + 1);
+  let M;
+  e[58] !== n || e[59] !== E || e[60] !== m || e[61] !== ce || e[62] !== f ? (M = E(ce, "chevron-right", m("nextPage"), n >= f - 1, p.prevNextButton), e[58] = n, e[59] = E, e[60] = m, e[61] = ce, e[62] = f, e[63] = M) : M = e[63];
+  let C;
+  e[64] !== M ? (C = /* @__PURE__ */ v("li", { className: Z, children: M }), e[64] = M, e[65] = C) : C = e[65];
+  let L;
+  e[66] !== oe || e[67] !== I || e[68] !== x || e[69] !== C ? (L = /* @__PURE__ */ Ae("ul", { className: oe, children: [
+    I,
+    x,
+    C
+  ] }), e[66] = oe, e[67] = I, e[68] = x, e[69] = C, e[70] = L) : L = e[70];
+  let ee;
+  return e[71] !== t || e[72] !== s || e[73] !== l || e[74] !== L ? (ee = /* @__PURE__ */ v("nav", { className: s, ...l, ...t, children: L }), e[71] = t, e[72] = s, e[73] = l, e[74] = L, e[75] = ee) : ee = e[75], ee;
+};
+export {
+  rt as D,
+  Ne as a,
+  Pe as b,
+  Ge as c,
+  Qe as d,
+  Ue as e,
+  qe as f,
+  be as g,
+  Ye as h,
+  we as i,
+  Fe as v
+};

package/chunks/{Popover.BmpyqKuQ.js → Popover.BBT_kVGM.js}

@@ -6,7 +6,7 @@ import { u as ce, o as le, j as ie, s as pe, k as de, a as fe, b as ue, c as he,
 import { c as O } from "./index.DQOqod3i.js";
 import { g as E, c as L } from "./helpers.CexwVao7.js";
 import { u as Se } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { D as Ae } from "./Button.P9uWeVnl.js";
+import { D as Ae } from "./Button.D8U6Bs7T.js";
 import '../assets/Popover.mL5g23EK.css';const ye = "ds-popover_popover_xg81f_5", xe = "ds-popover_popover--no-arrow_xg81f_64", _e = "ds-popover_popover--variant-grey_xg81f_67", Ce = "ds-popover_arrow_xg81f_71", Ee = "ds-popover_arrow--variant-grey_xg81f_90", be = "ds-popover_default-anchor_xg81f_107", _ = {
   popover: ye,
   popoverNoArrow: xe,

package/chunks/{RadioGroup.DkBkatv7.js → RadioGroup.BWe0nG6N.js}

@@ -3,7 +3,7 @@ import { jsx as T } from "react/jsx-runtime";
 import { d as X } from "./index.cKLI89Eg.js";
 import { c as J } from "./index.DQOqod3i.js";
 import { forwardRef as Y, useState as Z } from "react";
-import { D as oo } from "./Fieldset.DdYeI2CZ.js";
+import { D as oo } from "./Fieldset.BB4NftRU.js";
 import { DSRadio as eo } from "../radio.DxdVKoxe.js";
 import { g, r as W } from "./helpers.CexwVao7.js";
 import '../assets/RadioGroup.q1lQ-HIZ.css';const to = "ds-radio-group_fieldset--custom-area-above_1r3gv_1", ro = "ds-radio-group_root_1r3gv_5", so = "ds-radio-group_root--horizontal_1r3gv_13", io = "ds-radio-group_root--invalid_1r3gv_16", ao = "ds-radio-group_root--custom-area-above_1r3gv_19", no = "ds-radio-group_root--custom-area-above--horizontal_1r3gv_26", H = {

package/chunks/{Select.Tt9kT7fQ.js → Select.fgSB8mUs.js}

@@ -5,9 +5,9 @@ import { forwardRef as X, useRef as Y, useState as $, useEffect as z } from "rea
 import { u as A } from "./useBreakpoint.1txsny17.js";
 import "./index.cKLI89Eg.js";
 import { Asterisk as G } from "../asterisk.Dwtdwpkq.js";
-import { D as ee } from "./Icon.BoywkLCM.js";
-import { D as le } from "./Popover.BmpyqKuQ.js";
-import { D as se } from "./SystemFeedback.D4aWwoC8.js";
+import { D as ee } from "./Icon.DCdL1Vnp.js";
+import { D as le } from "./Popover.BBT_kVGM.js";
+import { D as se } from "./SystemFeedback.CZhoSxrC.js";
 import { g as n, r as te } from "./helpers.CexwVao7.js";
 import '../assets/Select.BZYb_HAG.css';const ae = "ds-select_root_1p3qq_1", re = "ds-select_hint_1p3qq_1", ce = "ds-select_label-wrapper_1p3qq_1", oe = "ds-select_label_1p3qq_1", ne = "ds-select_label--disabled_1p3qq_123", ie = "ds-select_label-wrapper--hidden_1p3qq_135", de = "ds-select_feedback_1p3qq_163", pe = "ds-select_select-wrapper_1p3qq_167", he = "ds-select_select_1p3qq_167", me = "ds-select_select--small_1p3qq_181", be = "ds-select_select--invalid_1p3qq_293", _e = "ds-select_select--placeholder_1p3qq_401", fe = "ds-select_chevron_1p3qq_451", Se = "ds-select_chevron--small_1p3qq_455", ue = "ds-select_chevron--disabled_1p3qq_458", e = {
   root: ae,