@stihl-design-system/components 1.0.0-RC.41 → 1.0.0-RC.43

package/chunks/LinkCard.DRATPHdd.js

@@ -0,0 +1,178 @@
+"use client";
+import { jsxs as P, jsx as n, Fragment as be } from "react/jsx-runtime";
+import { d as De } from "./index.cKLI89Eg.js";
+import { c as o } from "./index.DQOqod3i.js";
+import { isValidElement as Se, cloneElement as qe } from "react";
+import { DSFlag as $ } from "../flag.02uD-ADh.js";
+import { DSHeading as we } from "../heading.BHSklXho.js";
+import { D as Fe } from "./LinkButton.BGQOwjnE.js";
+import { g as y } from "./helpers.CexwVao7.js";
+import '../assets/LinkCard.fwyPSY19.css';const We = "ds-link-card_root_e8szq_1", Pe = "ds-link-card_root--horizontal_e8szq_53", ye = "ds-link-card_image-wrapper_e8szq_58", Ee = "ds-link-card_content_e8szq_68", Te = "ds-link-card_content--padding-small_e8szq_72", He = "ds-link-card_header_e8szq_103", xe = "ds-link-card_footer_e8szq_104", je = "ds-link-card_heading_e8szq_115", Ve = "ds-link-card_link_e8szq_119", Be = "ds-link-card_description_e8szq_124", Ae = "ds-link-card_meta-data_e8szq_141", Ie = "ds-link-card_decorative-link_e8szq_158", Oe = "ds-link-card_flags_e8szq_162", Me = "ds-link-card_brand-flag_e8szq_171", i = {
+  root: We,
+  rootHorizontal: Pe,
+  imageWrapper: ye,
+  content: Ee,
+  contentPaddingSmall: Te,
+  header: He,
+  footer: xe,
+  heading: je,
+  link: Ve,
+  description: Be,
+  metaData: Ae,
+  decorativeLink: Ie,
+  flags: Oe,
+  brandFlag: Me
+}, Re = ({
+  href: m,
+  linkComponent: e,
+  flags: a,
+  flagListAriaLabel: s,
+  heading: r,
+  img: g,
+  brandFlag: h
+}) => {
+  if (!m && !e)
+    throw new Error(y("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
+  if (m && e)
+    throw new Error(y("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
+  if (!r)
+    throw new Error(y("DSLinkCard", "The 'heading' prop is required and must be provided."));
+  a && a.length > 6 && console.warn(y("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), a && a.length > 0 && !s && console.warn(y("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), h && g === void 0 && console.warn(y("DSLinkCard", "The 'brandFlag' prop is set to true, but no 'img' prop is provided. The 'brandFlag' will have no effect without an image."));
+}, $e = (m) => {
+  const e = De.c(76);
+  let a, s, r, g, h, f, l, d, p, t, _, v, L, u, N;
+  e[0] !== m ? ({
+    heading: l,
+    brandFlag: a,
+    className: r,
+    cardClassNames: s,
+    decorativeLinkButtonProps: g,
+    description: h,
+    flagListAriaLabel: f,
+    flags: L,
+    href: d,
+    img: p,
+    linkComponent: t,
+    metaData: _,
+    orientation: u,
+    padding: N,
+    ...v
+  } = m, e[0] = m, e[1] = a, e[2] = s, e[3] = r, e[4] = g, e[5] = h, e[6] = f, e[7] = l, e[8] = d, e[9] = p, e[10] = t, e[11] = _, e[12] = v, e[13] = L, e[14] = u, e[15] = N) : (a = e[1], s = e[2], r = e[3], g = e[4], h = e[5], f = e[6], l = e[7], d = e[8], p = e[9], t = e[10], _ = e[11], v = e[12], L = e[13], u = e[14], N = e[15]);
+  let k, z, C;
+  e[16] !== a || e[17] !== f || e[18] !== l || e[19] !== d || e[20] !== p || e[21] !== t || e[22] !== L || e[23] !== u || e[24] !== N ? (k = L === void 0 ? [] : L, z = u === void 0 ? "vertical" : u, C = N === void 0 ? "medium" : N, process.env.NODE_ENV !== "production" && Re({
+    href: d,
+    linkComponent: t,
+    heading: l,
+    flags: k,
+    flagListAriaLabel: f,
+    img: p,
+    brandFlag: a
+  }), e[16] = a, e[17] = f, e[18] = l, e[19] = d, e[20] = p, e[21] = t, e[22] = L, e[23] = u, e[24] = N, e[25] = k, e[26] = z, e[27] = C) : (k = e[25], z = e[26], C = e[27]);
+  let T;
+  e[28] !== g ? (T = g || {}, e[28] = g, e[29] = T) : T = e[29];
+  const {
+    label: E,
+    iconName: G,
+    variant: ee,
+    hideLabel: J,
+    size: Y
+  } = T, K = Y === void 0 ? "small" : Y, H = ee === "ghost" ? "ghost" : "filled", Q = _ || k.length > 0 || E;
+  let x;
+  if (e[30] !== H || e[31] !== a || e[32] !== s || e[33] !== r || e[34] !== J || e[35] !== G || e[36] !== E || e[37] !== K || e[38] !== h || e[39] !== f || e[40] !== k || e[41] !== Q || e[42] !== l || e[43] !== d || e[44] !== p || e[45] !== t || e[46] !== _ || e[47] !== z || e[48] !== C || e[49] !== v) {
+    const {
+      brandFlag: ae,
+      contentWrapper: te,
+      descriptionWrapper: ie,
+      decorativeLink: oe,
+      flagsWrapper: re,
+      footerWrapper: ne,
+      headerWrapper: se,
+      heading: le,
+      imageWrapper: de,
+      metaDataWrapper: ce
+    } = s || {}, U = z === "horizontal";
+    let j;
+    e[51] !== r || e[52] !== U ? (j = o(i.root, r, {
+      [i.rootHorizontal]: U
+    }), e[51] = r, e[52] = U, e[53] = j) : j = e[53];
+    const me = j, Z = o(i.brandFlag, ae), pe = o(i.content, te, {
+      [i.contentPaddingSmall]: C === "small"
+    }), ge = o(i.description, ie), he = o(i.decorativeLink, oe), fe = o(i.flags, re), ke = o(i.footer, ne), _e = o(i.header, se), ve = o(i.heading, le), Le = o(i.imageWrapper, de), ue = o(i.metaData, ce);
+    let V, b, D, S, q, w, F, W;
+    e[54] !== v ? ({
+      download: b,
+      hrefLang: D,
+      ping: S,
+      referrerPolicy: q,
+      rel: w,
+      target: F,
+      type: W,
+      ...V
+    } = v, e[54] = v, e[55] = V, e[56] = b, e[57] = D, e[58] = S, e[59] = q, e[60] = w, e[61] = F, e[62] = W) : (V = e[55], b = e[56], D = e[57], S = e[58], q = e[59], w = e[60], F = e[61], W = e[62]);
+    let B;
+    e[63] !== b || e[64] !== d || e[65] !== D || e[66] !== t || e[67] !== S || e[68] !== q || e[69] !== w || e[70] !== F || e[71] !== W ? (B = (c) => t && Se(t) ? qe(t, {
+      ...t.props,
+      className: o(i.link, t.props.className),
+      children: /* @__PURE__ */ P(be, { children: [
+        c,
+        " ",
+        t.props.children
+      ] })
+    }) : /* @__PURE__ */ n("a", { href: d, className: i.link, download: b, hrefLang: D, ping: S, referrerPolicy: q, rel: w, target: F, type: W, children: c }), e[63] = b, e[64] = d, e[65] = D, e[66] = t, e[67] = S, e[68] = q, e[69] = w, e[70] = F, e[71] = W, e[72] = B) : B = e[72];
+    const Ne = B, X = (c) => {
+      const I = typeof c == "object" && c !== void 0, {
+        headingText: O,
+        headingSize: M,
+        headingTag: R
+      } = I ? c : {
+        headingText: c
+      };
+      return /* @__PURE__ */ n(we, { tag: R === void 0 ? "h3" : R, size: M === void 0 ? "medium" : M, className: ve, children: Ne(O) });
+    }, ze = (c) => {
+      if (typeof c == "string")
+        return /* @__PURE__ */ n($, { color: "orange-base", className: Z, children: c });
+      const {
+        children: I,
+        color: O,
+        className: M,
+        ...R
+      } = c;
+      return /* @__PURE__ */ n($, { color: O === void 0 ? "orange-base" : O, className: o(Z, M), ...R, children: I });
+    };
+    let A;
+    e[73] !== X || e[74] !== l ? (A = X(l), e[73] = X, e[74] = l, e[75] = A) : A = e[75], x = /* @__PURE__ */ P("div", { ...V, className: me, children: [
+      /* @__PURE__ */ P("div", { className: pe, children: [
+        /* @__PURE__ */ P("div", { className: _e, children: [
+          A,
+          h && /* @__PURE__ */ n("div", { className: ge, children: h })
+        ] }),
+        Q && /* @__PURE__ */ P("div", { className: ke, children: [
+          _ && /* @__PURE__ */ n("div", { className: ue, children: _ }),
+          k.length > 0 && /* @__PURE__ */ n("ul", { className: fe, "aria-label": f, children: k.map(Ge) }),
+          E && /* @__PURE__ */ n(Fe, { iconName: G, iconPosition: "right", variant: H, hideLabel: J, size: K, isFlush: H === "ghost", "aria-hidden": !0, className: he, children: E })
+        ] })
+      ] }),
+      p && /* @__PURE__ */ P("div", { className: Le, children: [
+        a && ze(a),
+        p
+      ] })
+    ] }), e[30] = H, e[31] = a, e[32] = s, e[33] = r, e[34] = J, e[35] = G, e[36] = E, e[37] = K, e[38] = h, e[39] = f, e[40] = k, e[41] = Q, e[42] = l, e[43] = d, e[44] = p, e[45] = t, e[46] = _, e[47] = z, e[48] = C, e[49] = v, e[50] = x;
+  } else
+    x = e[50];
+  return x;
+};
+$e.displayName = "DSLinkCard";
+function Ge(m, e) {
+  if (typeof m == "string")
+    return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n($, { color: "grey-light", children: m }) }, e);
+  const {
+    children: a,
+    color: s,
+    ...r
+  } = m;
+  return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n($, { color: s === void 0 ? "grey-light" : s, ...r, children: a }) }, e);
+}
+export {
+  $e as D,
+  Re as v
+};

package/chunks/{NavigationTabList.ltT6igtk.js → NavigationTabList.Cf6csU_F.js}

@@ -2,7 +2,7 @@
 import { jsxs as I, Fragment as k, jsx as d } from "react/jsx-runtime";
 import { d as w } from "./index.cKLI89Eg.js";
 import { isValidElement as R, cloneElement as W } from "react";
-import { D as v } from "./Icon.m6sMB6vl.js";
+import { D as v } from "./Icon.BoxUJQDT.js";
 import { NumberIndicator as y } from "../numberindicator.ZGVRSmqf.js";
 import '../assets/NavigationTabList.CzAiHz7G.css';const D = "ds-tabs_tabs-wrapper_ccgp4_1", E = "ds-tabs_scroll-wrapper_ccgp4_6", L = "ds-tabs_scroller_ccgp4_17", T = "ds-tabs_scroller--centered_ccgp4_28", j = "ds-tabs_tab_ccgp4_1", x = "ds-tabs_scroll-button_ccgp4_105", H = "ds-tabs_scroll-button--hidden_ccgp4_110", K = "ds-tabs_scroll-button--right_ccgp4_114", S = "ds-tabs_indicator_ccgp4_126", V = {
   tabsWrapper: D,

package/chunks/{NavigationTabs.DsVepb7H.js → NavigationTabs.CSTtXPxd.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.DPiNeY3_.js";
+import { TabList as y } from "../tablist.DLFJGmYV.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.COwLndR0.js → Notification.ChSYPU3r.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.DpGeheky.js";
-import { D as j } from "./Icon.m6sMB6vl.js";
+import { D as W } from "./Button.BdqkFovu.js";
+import { D as j } from "./Icon.BoxUJQDT.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/Popover.BSL3AilG.js

@@ -0,0 +1,221 @@
+"use client";
+import { jsx as m, jsxs as j, Fragment as ee } from "react/jsx-runtime";
+import { d as B } from "./index.cKLI89Eg.js";
+import { useState as U, useRef as oe, useMemo as te, createContext as re, forwardRef as W, isValidElement as ne, cloneElement as se, useContext as ae } from "react";
+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, d as ve, e as me, f as $, g as ge, l as Pe, F as we, i as De } from "./floating-ui.react.CP5A99-c.js";
+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.BdqkFovu.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,
+  popoverVariantGrey: _e,
+  arrow: Ce,
+  arrowVariantGrey: Ee,
+  defaultAnchor: be
+}, Ne = ({
+  initialOpen: r = !1,
+  placement: o = "bottom",
+  isOpen: e,
+  popoverOffset: n = 6,
+  showArrow: c = !0,
+  variant: p = "default",
+  defaultAnchorButtonProps: d,
+  onOpenChange: f
+} = {}) => {
+  const [t, s] = U(r), l = e ?? t, a = f ?? s, i = oe(null), u = ce({
+    placement: o,
+    open: l,
+    strategy: "fixed",
+    onOpenChange: a,
+    whileElementsMounted: fe,
+    middleware: [le(n + (c ? 7 : 0)), ie({
+      // default configuration taken from https://floating-ui.com/docs/flip
+      crossAxis: o.includes("-"),
+      fallbackAxisSideDirection: "end",
+      padding: n
+    }), pe({
+      padding: n
+    }), ...c ? [de({
+      element: i
+    })] : []]
+  }), h = u.context, C = ue(h, {
+    enabled: !0
+  }), P = he(h), F = ve(h), w = me([C, P, F]);
+  return te(() => ({
+    open: l,
+    popoverOffset: n,
+    setOpen: a,
+    arrowRef: i,
+    showArrow: c,
+    defaultAnchorButtonProps: d,
+    variant: p,
+    ...w,
+    ...u
+  }), [l, n, a, i, c, d, p, w, u]);
+}, Re = ({
+  children: r,
+  hasContent: o,
+  hasAnchor: e
+}) => {
+  if (!r)
+    throw new Error(E("DSPopover", "A DSPopover must have children."));
+  if (!o && e)
+    throw new Error(E("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Content> is missing! Please add it to the children of DSPopover."));
+  if (!e && o)
+    throw new Error(E("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Anchor> is missing! Please add it to the children of DSPopover."));
+}, Fe = ({
+  showArrow: r,
+  variant: o
+}) => {
+  o === "grey" && r === !1 && console.warn(E("DSPopover", "The 'grey' variant is only available when 'showArrow' is true. To use the 'grey' variant, please ensure that 'showArrow' is set to true."));
+}, z = re(null), q = () => {
+  const r = ae(z);
+  if (r == null)
+    throw new Error(E("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
+  return r;
+}, v = (r) => {
+  const o = B.c(11), {
+    children: e,
+    ...n
+  } = r, c = Ne({
+    ...n
+  }), p = L(e, v.Content), d = L(e, v.Anchor);
+  process.env.NODE_ENV !== "production" && (Re({
+    children: e,
+    hasContent: p,
+    hasAnchor: d
+  }), Fe({
+    showArrow: n.showArrow,
+    variant: n.variant
+  }));
+  const f = !p && !d && e !== null;
+  let t;
+  o[0] !== e || o[1] !== f ? (t = f ? /* @__PURE__ */ j(ee, { children: [
+    /* @__PURE__ */ m(v.Anchor, {}),
+    /* @__PURE__ */ m(v.Content, { children: e })
+  ] }) : e, o[0] = e, o[1] = f, o[2] = t) : t = o[2];
+  const s = t, l = p || f, a = d || f;
+  let i;
+  o[3] !== c || o[4] !== l || o[5] !== a ? (i = {
+    ...c,
+    hasContent: l,
+    hasAnchor: a
+  }, o[3] = c, o[4] = l, o[5] = a, o[6] = i) : i = o[6];
+  const g = i;
+  let u;
+  return o[7] !== s || o[8] !== g || o[9] !== n ? (u = /* @__PURE__ */ m(z.Provider, { value: g, ...n, children: s }), o[7] = s, o[8] = g, o[9] = n, o[10] = u) : u = o[10], u;
+}, J = W(({
+  children: r,
+  ...o
+}, e) => {
+  const {
+    context: n,
+    defaultAnchorButtonProps: c,
+    refs: p,
+    hasAnchor: d,
+    getReferenceProps: f
+  } = q(), {
+    label: t = "Toggle popover",
+    ...s
+  } = c || {}, l = r ? r?.ref : null, a = $([p.setReference, e, l]);
+  return d && r && ne(r) ? se(r, f({
+    ref: a,
+    ...o,
+    ...r.props,
+    "data-state": n.open ? "open" : "closed"
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  })) : /* @__PURE__ */ m(
+    Ae,
+    {
+      ...s,
+      ref: a,
+      type: "button",
+      "data-state": n.open ? "open" : "closed",
+      ...f(o),
+      size: "small",
+      hideLabel: !0,
+      iconName: "circle-info-inverted",
+      variant: "ghost",
+      className: _.defaultAnchor,
+      children: r ?? t
+    }
+  );
+});
+J.displayName = "DSPopover.Anchor";
+const K = W((r, o) => {
+  const e = B.c(39), {
+    style: n,
+    className: c,
+    classNameArrow: p,
+    children: d,
+    ...f
+  } = r, {
+    context: t,
+    refs: s,
+    floatingStyles: l,
+    showArrow: a,
+    variant: i,
+    getFloatingProps: g,
+    arrowRef: u
+  } = q();
+  let h;
+  e[0] !== o || e[1] !== s.setFloating ? (h = [s.setFloating, o], e[0] = o, e[1] = s.setFloating, e[2] = h) : h = e[2];
+  const C = $(h);
+  let P;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = {
+    duration: {
+      open: 250,
+      close: 250
+    }
+  }, e[3] = P) : P = e[3];
+  const {
+    isMounted: F,
+    status: w
+  } = ge(t, P), [Q, X] = U(null);
+  let b;
+  e[4] !== s.reference.current ? (b = () => {
+    const I = s.reference.current?.closest("dialog");
+    X(I instanceof HTMLDialogElement ? I : null);
+  }, e[4] = s.reference.current, e[5] = b) : b = e[5];
+  let N;
+  if (e[6] !== t.open || e[7] !== s.reference ? (N = [s.reference, t.open], e[6] = t.open, e[7] = s.reference, e[8] = N) : N = e[8], Se(b, N), !F)
+    return null;
+  const T = De, V = Q ?? void 0, G = we, Y = !1;
+  let D;
+  e[9] !== l || e[10] !== n ? (D = {
+    ...l,
+    ...n
+  }, e[9] = l, e[10] = n, e[11] = D) : D = e[11];
+  const k = !a, M = i === "grey" && a;
+  let S;
+  e[12] !== c || e[13] !== k || e[14] !== M ? (S = O(_.popover, c, {
+    [_.popoverNoArrow]: k,
+    [_.popoverVariantGrey]: M
+  }), e[12] = c, e[13] = k, e[14] = M, e[15] = S) : S = e[15];
+  const Z = t.placement, H = g(f);
+  let A;
+  e[16] !== u || e[17] !== p || e[18] !== t || e[19] !== a || e[20] !== i ? (A = a && /* @__PURE__ */ m(Pe, { ref: u, context: t, className: O(_.arrow, p, {
+    [_.arrowVariantGrey]: i === "grey" && a
+  }), strokeWidth: 1, tipRadius: 1, width: 16, height: 7 }), e[16] = u, e[17] = p, e[18] = t, e[19] = a, e[20] = i, e[21] = A) : A = e[21];
+  let y;
+  e[22] !== d || e[23] !== t.placement || e[24] !== C || e[25] !== w || e[26] !== S || e[27] !== H || e[28] !== A || e[29] !== D ? (y = /* @__PURE__ */ j("div", { ref: C, style: D, className: S, "data-placement": Z, "data-status": w, ...H, children: [
+    A,
+    d
+  ] }), e[22] = d, e[23] = t.placement, e[24] = C, e[25] = w, e[26] = S, e[27] = H, e[28] = A, e[29] = D, e[30] = y) : y = e[30];
+  let x;
+  e[31] !== G || e[32] !== t || e[33] !== y ? (x = /* @__PURE__ */ m(G, { context: t, modal: Y, children: y }), e[31] = G, e[32] = t, e[33] = y, e[34] = x) : x = e[34];
+  let R;
+  return e[35] !== T || e[36] !== x || e[37] !== V ? (R = /* @__PURE__ */ m(T, { root: V, children: x }), e[35] = T, e[36] = x, e[37] = V, e[38] = R) : R = e[38], R;
+});
+K.displayName = "DSPopover.Content";
+v.Anchor = J;
+v.Content = K;
+v.displayName = "DSPopover";
+export {
+  v as D,
+  Fe as a,
+  Ne as u,
+  Re as v
+};

package/chunks/{RadioGroup.B-qTH31u.js → RadioGroup.DauFXAk6.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.7WM7w62l.js";
+import { D as oo } from "./Fieldset.8jatF24R.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.DrDVi9lg.js → Select.CWA7DHcL.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.m6sMB6vl.js";
-import { D as le } from "./Popover.C5wtha5l.js";
-import { D as se } from "./SystemFeedback.DFN6Y2cw.js";
+import { D as ee } from "./Icon.BoxUJQDT.js";
+import { D as le } from "./Popover.BSL3AilG.js";
+import { D as se } from "./SystemFeedback.C2XFC5WN.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,

package/chunks/{Slider.DGMrDfWv.js → Slider.2ltYhUJb.js}

@@ -4,8 +4,8 @@ import { d as mt } from "./index.cKLI89Eg.js";
 import { c as v } from "./index.DQOqod3i.js";
 import { forwardRef as bt, useState as tt, useRef as ft } from "react";
 import { u as _t } from "./useBreakpoint.1txsny17.js";
-import { DSInput as ht } from "../input.MZXe6rlg.js";
-import { D as vt } from "./Popover.C5wtha5l.js";
+import { DSInput as ht } from "../input.yBU7wjmW.js";
+import { D as vt } from "./Popover.BSL3AilG.js";
 import { g as lt } from "./helpers.CexwVao7.js";
 import '../assets/Slider.vnSU0ya0.css';const Tt = "ds-slider_root_3zq13_1", xt = "ds-slider_hint_3zq13_4", gt = "ds-slider_label-wrapper_3zq13_4", kt = "ds-slider_label-hint-input-wrapper_3zq13_7", Nt = "ds-slider_number-input_3zq13_10", St = "ds-slider_label-wrapper--hidden_3zq13_20", Dt = "ds-slider_label_3zq13_4", yt = "ds-slider_label--disabled_3zq13_55", It = "ds-slider_number-input--small_3zq13_84", qt = "ds-slider_min-max-label-wrapper_3zq13_89", zt = "ds-slider_min-max-label-wrapper--disabled_3zq13_103", Mt = "ds-slider_min-label_3zq13_108", Lt = "ds-slider_max-label_3zq13_112", Wt = "ds-slider_slider-wrapper_3zq13_116", wt = "ds-slider_slider_3zq13_116", Vt = "ds-slider_value-tooltip_3zq13_135", Ct = "ds-slider_proxy-thumb_3zq13_139", Pt = "ds-slider_proxy-thumb--disabled_3zq13_217", $t = "ds-slider_custom-track_3zq13_246", At = "ds-slider_custom-track--progress_3zq13_251", Et = "ds-slider_custom-track--runnable_3zq13_263", Rt = "ds-slider_custom-track--disabled_3zq13_277", Ft = "ds-slider_tick-wrapper_3zq13_297", Bt = "ds-slider_tick_3zq13_297", Ht = "ds-slider_value-tooltip--visible_3zq13_356", Ot = "ds-slider_value-tooltip--disabled_3zq13_359", s = {
   root: Tt,

package/chunks/Stepper.Dh69BOVR.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { c as u } from "./index.DQOqod3i.js";
+import { useCallback as I, useEffect as W, useRef as S } from "react";
+import { g as i, r as j } from "./helpers.CexwVao7.js";
+import { i as q } from "./is-animation-disabled.B-V_68K-.js";
+import { t as H } from "./translate.nuU7uChI.js";
+import { u as v } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./index.cKLI89Eg.js";
+import { f as G } from "./AriaLiveRegions.utils.8ofDlHnN.js";
+import { DSScroller as F } from "../scroller.CSSI5khP.js";
+import { StepperStep as J } from "../step.C4gOI6c3.js";
+import '../assets/Stepper.tXJl15yL.css';const _t = ["prev", "next"], L = 48, K = "ds-stepper_root_1d1si_1", Q = "ds-stepper_root--vertical_1d1si_12", U = "ds-stepper_scroller--centered_1d1si_17", X = "ds-stepper_scroller-button_1d1si_21", Y = "ds-stepper_list_1d1si_26", Z = "ds-stepper_list--center_1d1si_35", tt = "ds-stepper_list--vertical_1d1si_38", a = {
+  root: K,
+  rootVertical: Q,
+  scrollerCentered: U,
+  scrollerButton: X,
+  list: Y,
+  listCenter: Z,
+  listVertical: tt
+}, gt = ["left", "center"], Et = ["horizontal", "vertical"], et = ({
+  aria: e,
+  steps: n
+}) => {
+  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(i("DSStepper", '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 (!Array.isArray(n))
+    throw new Error(i("DSStepper", j("steps", "DSStepper")));
+  if (n.length < 2)
+    throw new Error(i("DSStepper", "The steps array must contain at least two steps."));
+  n.forEach((t, s) => {
+    if (!t.label || t.label.trim() === "")
+      throw new Error(i("DSStepper", `The step at index ${s} is missing a non-empty label. Each step requires a valid label string.`));
+    if (t?.state === "current" && t?.disabled)
+      throw new Error(i("DSStepper", `The step at index ${s} has a current state but is disabled. Please remove the disabled property if this step is the current step.`));
+  });
+}, rt = {
+  current: "Current step",
+  completed: "completed",
+  step: "Step",
+  of: "of"
+}, ot = {
+  current: "Aktueller Schritt",
+  completed: "abgeschlossen",
+  step: "Schritt",
+  of: "von"
+}, st = {
+  en: rt,
+  de: ot
+}, nt = (e) => e.find((t) => t.state === "current") || e.findLast((t) => t.state) || e[0], x = (e) => e.findIndex((n) => n.state === "current"), lt = (e, n) => !!e && e === "completed" && !n, Tt = ({
+  aria: e,
+  className: n,
+  steps: t,
+  orientation: s = "horizontal",
+  alignment: h = "left",
+  lang: w = "en",
+  translations: y,
+  onStepChange: A,
+  ...P
+}) => {
+  process.env.NODE_ENV !== "production" && et({
+    aria: e,
+    steps: t
+  });
+  const p = H(y || st[w]), m = I((o) => {
+    G(o, "DSStepper");
+  }, []), b = I(() => {
+    const o = nt(t), r = `${p("current")}: ${t.indexOf(o) + 1} ${p("of")} ${t.length} - ${o.label}`;
+    m(r);
+  }, [t, p, m]);
+  W(() => {
+    b();
+  }, [t, b]);
+  const O = (o, r) => {
+    const {
+      state: l,
+      disabled: c
+    } = t[o];
+    lt(l, c) && (t[o].onClick?.(r), A(o));
+  }, M = u(a.root, {
+    [a.rootVertical]: s === "vertical"
+  }, n), B = u(a.list, {
+    [a.listVertical]: s === "vertical",
+    [a.listCenter]: s === "horizontal" && h === "center"
+  }), $ = u({
+    [a.scrollerCentered]: s === "horizontal" && h === "center"
+  }), _ = S([]), g = /* @__PURE__ */ d("ol", { className: B, children: t.map((o, r) => /* @__PURE__ */ d(J, { step: o, index: r, stepsCount: t.length, t: p, orientation: s, onStepClick: (l) => O(r, l), buttonRef: (l) => {
+    _.current[r] = l;
+  } }, r)) }), E = S(null), T = S(!1);
+  v(() => {
+    if (s !== "horizontal")
+      return;
+    const o = [
+      "16px 'STIHL Contraface Digital Text Regular'",
+      // text-medium - label default
+      "14px 'STIHL Contraface Digital Text Bold'",
+      // text-small-bold - number
+      "16px 'STIHL Contraface Digital Text Bold'",
+      // text-medium-bold - current label
+      "14px 'STIHL Contraface Digital Text Regular'"
+      // utility-small - number/hint base (regular variant for hint)
+    ];
+    Promise.all(o.map((r) => document.fonts.load(r))).then(() => {
+      T.current = !0, x(t) !== -1 && C("instant");
+    }).catch((r) => {
+      throw new Error(i("DSStepper", `The component requires the fonts to be loaded: ${r}`));
+    });
+  }, [s]);
+  const C = (o = "smooth") => {
+    if (s !== "horizontal")
+      return;
+    const r = x(t);
+    if (r === -1)
+      return;
+    const l = _.current[r], c = E.current;
+    if (!l || !c)
+      return;
+    const R = l.getBoundingClientRect(), D = c.getBoundingClientRect();
+    if (R.left - L >= D.left && R.right + L <= D.right)
+      return;
+    const k = l.offsetLeft, z = l.offsetWidth, N = c.clientWidth;
+    let f = k - Math.max(0, (N - z) / 2);
+    const V = c.scrollWidth - N;
+    f = Math.min(Math.max(0, f), V), c.scrollTo({
+      left: f,
+      behavior: q() ? "instant" : o
+    });
+  };
+  return v(() => {
+    T.current && C("smooth");
+  }, [t, s]), /* @__PURE__ */ d("nav", { className: M, ...P, ...e, children: s === "horizontal" ? /* @__PURE__ */ d(F, { ref: E, className: a.scroller, scrollerClassName: $, scrollerButtonClassName: a.scrollerButton, children: g }) : g });
+};
+export {
+  Tt as D,
+  _t as S,
+  L as a,
+  gt as b,
+  Et as c,
+  rt as d,
+  ot as e,
+  st as f,
+  nt as g,
+  x as h,
+  lt as i,
+  et as v
+};

package/chunks/{SystemFeedback.DFN6Y2cw.js → SystemFeedback.C2XFC5WN.js}

@@ -3,7 +3,7 @@ import { jsxs as f, jsx as S } from "react/jsx-runtime";
 import { d as _ } from "./index.cKLI89Eg.js";
 import { c as p } from "./index.DQOqod3i.js";
 import "react";
-import { D as E } from "./Icon.m6sMB6vl.js";
+import { D as E } from "./Icon.BoxUJQDT.js";
 import '../assets/SystemFeedback.PKzqnXUe.css';const k = "ds-system-feedback_root_1dkn4_1", x = {
   root: k
 }, h = ["success", "error", "warning"], D = {

package/chunks/{Tabs.DfH2q9EL.js → Tabs.BvwiBlXt.js}

@@ -2,7 +2,7 @@
 import { jsx as E, jsxs as M } from "react/jsx-runtime";
 import { d as q } from "./index.cKLI89Eg.js";
 import { useState as C } from "react";
-import { TabList as V } from "../tablist.DPiNeY3_.js";
+import { TabList as V } from "../tablist.DLFJGmYV.js";
 import { TabPane as $ } from "../tabpane.7vMXUKFX.js";
 import { g as j } from "./TabPane.utils.DG16Y2uD.js";
 import { g as p, r as B } from "./helpers.CexwVao7.js";

package/chunks/{Textarea.ymNCbcvH.js → Textarea.Ck0sw4SI.js}

@@ -6,8 +6,8 @@ import { g as I, p as X } from "./helpers.CexwVao7.js";
 import { u as Z } from "./useBreakpoint.1txsny17.js";
 import "./index.cKLI89Eg.js";
 import { Asterisk as me } from "../asterisk.Dwtdwpkq.js";
-import { D as xe } from "./Popover.C5wtha5l.js";
-import { D as ve } from "./SystemFeedback.DFN6Y2cw.js";
+import { D as xe } from "./Popover.BSL3AilG.js";
+import { D as ve } from "./SystemFeedback.C2XFC5WN.js";
 import '../assets/Textarea.BIgA9_fl.css';const Se = "ds-textarea_textarea_19e2t_1", Ce = "ds-textarea_textarea--small_19e2t_9", we = "ds-textarea_textarea--invalid_19e2t_121", ye = "ds-textarea_textarea--resize-auto_19e2t_145", De = "ds-textarea_root_19e2t_155", Ae = "ds-textarea_hint_19e2t_155", Te = "ds-textarea_label-wrapper_19e2t_155", Ie = "ds-textarea_label_19e2t_155", Ne = "ds-textarea_label--disabled_19e2t_295", ke = "ds-textarea_label-wrapper--hidden_19e2t_307", Re = "ds-textarea_feedback_19e2t_335", Ee = "ds-textarea_footer_19e2t_339", He = "ds-textarea_footer--has-system-feedback_19e2t_344", ge = "ds-textarea_char-count_19e2t_353", $e = "ds-textarea_char-count-announcer_19e2t_366", a = {
   textarea: Se,
   textareaSmall: Ce,