@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/chunks/{Breadcrumb.BkP2B-Vm.js → Breadcrumb.I2G-T0zc.js}

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as w, jsxs as V } from "react/jsx-runtime";
-import { d as q } from "./index.cKLI89Eg.js";
+import { jsx as w, jsxs as C } from "react/jsx-runtime";
+import { d as V } from "./index.cKLI89Eg.js";
 import { c as F } from "./index.DQOqod3i.js";
 import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
-import { D as K } from "./Button.Dauhc5op.js";
-import { DSLink as X } from "../link.CArLlIsR.js";
+import { D as K } from "./Button.CCol--xy.js";
+import { DSLink as X } from "../link.DEZDbUgq.js";
 import { g as d, r as z } from "./helpers.CexwVao7.js";
-import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
+import '../assets/Breadcrumb.BJ6sa2am.css';const G = "ds-breadcrumb_root_2qdaj_1", H = "ds-breadcrumb_show-all-button_2qdaj_30", T = {
   root: G,
   showAllButton: H
-}, $ = 4, J = ({
+}, q = 4, J = ({
   aria: r,
   links: e
 }) => {
@@ -31,7 +31,7 @@ import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1
     t && o && console.warn(d("DSBreadcrumb", `The link with label "${l}" has both a wrapper and an href property. Please use only one.`)), t && M(t) && t.props?.children && console.warn(d("DSBreadcrumb", `The link with label "${l}" contains a wrapper with children. Please remove the children, as they will be replaced. For example: <Link href="#" />`));
   });
 }, le = (r) => {
-  const e = q.c(40);
+  const e = V.c(40);
   let o, l, t, s, i;
   e[0] !== r ? ({
     aria: o,
@@ -50,10 +50,10 @@ import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1
     label: c,
     ...a
   } = n, e[8] = n, e[9] = a, e[10] = c) : (a = e[9], c = e[10]);
-  const m = c === void 0 ? "Show all links" : c, [h, P] = I(t.length <= $);
+  const m = c === void 0 ? "Show all links" : c, [h, j] = I(t.length <= q);
   let S;
   e[11] !== t.length ? (S = () => {
-    P(t.length <= $);
+    j(t.length <= q);
   }, e[11] = t.length, e[12] = S) : S = e[12];
   let g;
   e[13] !== t ? (g = [t], e[13] = t, e[14] = g) : g = e[14], O(S, g);
@@ -61,10 +61,10 @@ import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1
   e[15] !== l ? (B = F(T.root, l), e[15] = l, e[16] = B) : B = e[16];
   const L = B;
   let k;
-  e[17] !== m || e[18] !== a || e[19] !== h ? (k = () => h ? null : /* @__PURE__ */ w("li", { children: /* @__PURE__ */ w(K, { ...a, className: T.showAllButton, type: "button", title: m, variant: "ghost", onClick: () => P(!0), children: /* @__PURE__ */ w("span", { "aria-hidden": "true", children: "..." }) }) }), e[17] = m, e[18] = a, e[19] = h, e[20] = k) : k = e[20];
-  const A = k, x = Q;
+  e[17] !== m || e[18] !== a || e[19] !== h ? (k = () => h ? null : /* @__PURE__ */ w("li", { children: /* @__PURE__ */ w(K, { ...a, className: T.showAllButton, type: "button", title: m, variant: "ghost", onClick: () => j(!0), children: /* @__PURE__ */ w("span", { "aria-hidden": "true", children: "..." }) }) }), e[17] = m, e[18] = a, e[19] = h, e[20] = k) : k = e[20];
+  const A = k, $ = Q;
   let v;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (y) => y.map((C, j) => /* @__PURE__ */ w("li", { children: x(C, y.length - 1, j) }, j)), e[21] = v) : v = e[21];
+  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (y) => y.map((x, P) => /* @__PURE__ */ w("li", { children: $(x, y.length - 1, P) }, P)), e[21] = v) : v = e[21];
   const _ = v;
   let D;
   e[22] !== h ? (D = (y) => _(h ? y : y.slice(-2)), e[22] = h, e[23] = D) : D = e[23];
@@ -76,7 +76,7 @@ import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1
   let f;
   e[28] !== N || e[29] !== t ? (f = N(t.slice(1)), e[28] = N, e[29] = t, e[30] = f) : f = e[30];
   let p;
-  e[31] !== b || e[32] !== f || e[33] !== u ? (p = /* @__PURE__ */ V("ol", { children: [
+  e[31] !== b || e[32] !== f || e[33] !== u ? (p = /* @__PURE__ */ C("ol", { children: [
     u,
     b,
     f
@@ -98,6 +98,6 @@ function Q(r, e, o) {
 }
 export {
   le as D,
-  $ as M,
+  q as M,
   J as v
 };

package/chunks/Button.CCol--xy.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsxs as kt, jsx as H } from "react/jsx-runtime";
+import { d as yt } from "./index.cKLI89Eg.js";
+import { c as vt } from "./index.DQOqod3i.js";
+import { forwardRef as qt } from "react";
+import { u as St } from "./useBreakpoint.1txsny17.js";
+import { D as Nt } from "./Icon.DYtaQgbw.js";
+import { DSSpinner as Ot } from "../spinner.DtLnsqVV.js";
+import { Tooltip as pt } from "../tooltip.BFQG-7VR.js";
+import { g as p } from "./helpers.CexwVao7.js";
+import '../assets/Button.Bi1KUKMv.css';const Ft = "ds-button_root_eqbz4_1", Lt = "ds-button_root--highlight_eqbz4_76", wt = "ds-button_root--dark-highlight_eqbz4_76", It = "ds-button_root--filled_eqbz4_152", Bt = "ds-button_root--outline_eqbz4_180", Ht = "ds-button_root--ghost_eqbz4_207", Gt = "ds-button_root--ghost-flush_eqbz4_232", Tt = "ds-button_root--small_eqbz4_238", Pt = "ds-button_root--utility_eqbz4_318", Ut = "ds-button_loader_eqbz4_408", Ct = "ds-button_root--navigation_eqbz4_429", Et = "ds-button_root--navigation--stretched_eqbz4_507", At = "ds-button_root--navigation--stretched--icon-left_eqbz4_510", xt = "ds-button_root--dark-filled_eqbz4_513", Vt = "ds-button_root--dark-outline_eqbz4_570", jt = "ds-button_root--dark-ghost_eqbz4_626", Rt = "ds-button_root--dark-ghost-flush_eqbz4_680", Mt = "ds-button_root--dark-utility_eqbz4_742", Zt = "ds-button_root--stretched_eqbz4_855", $t = "ds-button_root--icon-left_eqbz4_858", Jt = "ds-button_root--icon-only_eqbz4_861", Kt = "ds-button_root--icon-only-small_eqbz4_877", Qt = "ds-button_icon--navigation_eqbz4_900", Wt = "ds-button_icon--hidden_eqbz4_907", Xt = "ds-button_label--hidden_eqbz4_911", Yt = "ds-button_label--loading_eqbz4_923", e = {
+  root: Ft,
+  rootHighlight: Lt,
+  rootDarkHighlight: wt,
+  rootFilled: It,
+  rootOutline: Bt,
+  rootGhost: Ht,
+  rootGhostFlush: Gt,
+  rootSmall: Tt,
+  rootUtility: Pt,
+  loader: Ut,
+  rootNavigation: Ct,
+  rootNavigationStretched: Et,
+  rootNavigationStretchedIconLeft: At,
+  rootDarkFilled: xt,
+  rootDarkOutline: Vt,
+  rootDarkGhost: jt,
+  rootDarkGhostFlush: Rt,
+  rootDarkUtility: Mt,
+  rootStretched: Zt,
+  rootIconLeft: $t,
+  rootIconOnly: Jt,
+  rootIconOnlySmall: Kt,
+  iconNavigation: Qt,
+  iconHidden: Wt,
+  labelHidden: Xt,
+  labelLoading: Yt
+}, uo = ["medium", "small"], _o = ["highlight", "filled", "outline", "ghost", "utility", "navigation"], to = ({
+  hideLabel: D,
+  iconName: k,
+  iconSource: t,
+  isFlush: l,
+  size: d,
+  stretched: r,
+  theme: s,
+  variant: i
+}) => {
+  if (i === "navigation" && (d === "small" && console.warn(p("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), s === "dark"))
+    throw new Error(p("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  i !== "ghost" && l ? console.warn(p("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : i === "ghost" && l && r && console.warn(p("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), D && (!k && !t && console.warn(p("DSButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the button is not empty when the label is hidden.')), r && console.warn(p("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, oo = qt((D, k) => {
+  const t = yt.c(80);
+  let l, d, r, s, i, h, _, S, z, y, q, N, O, F, L, w, u;
+  t[0] !== D ? ({
+    children: d,
+    aria: l,
+    className: r,
+    disabled: S,
+    hideLabel: z,
+    iconName: s,
+    iconPosition: y,
+    iconSource: i,
+    isFlush: q,
+    loading: N,
+    size: O,
+    stretched: F,
+    theme: L,
+    tooltip: u,
+    variant: w,
+    onClick: h,
+    ..._
+  } = D, t[0] = D, t[1] = l, t[2] = d, t[3] = r, t[4] = s, t[5] = i, t[6] = h, t[7] = _, t[8] = S, t[9] = z, t[10] = y, t[11] = q, t[12] = N, t[13] = O, t[14] = F, t[15] = L, t[16] = w, t[17] = u) : (l = t[1], d = t[2], r = t[3], s = t[4], i = t[5], h = t[6], _ = t[7], S = t[8], z = t[9], y = t[10], q = t[11], N = t[12], O = t[13], F = t[14], L = t[15], w = t[16], u = t[17]);
+  const G = S === void 0 ? !1 : S, zt = z === void 0 ? !1 : z, j = y === void 0 ? "left" : y, I = q === void 0 ? !1 : q, n = N === void 0 ? !1 : N, T = O === void 0 ? "medium" : O, Dt = F === void 0 ? !1 : F, R = L === void 0 ? "light" : L, o = w === void 0 ? "filled" : w, b = St(zt), B = St(Dt);
+  process.env.NODE_ENV !== "production" && to({
+    hideLabel: b,
+    iconName: s,
+    iconSource: i,
+    isFlush: I,
+    size: T,
+    stretched: Dt,
+    theme: R,
+    variant: o
+  });
+  const a = R === "dark", M = o === "filled", Z = o === "highlight", $ = o === "outline", J = o === "ghost" && I !== !0, K = o === "utility", Q = o === "navigation", W = o === "navigation" && B && j === "right", X = o === "navigation" && B && j === "left", Y = o === "ghost" && I === !0, tt = a && o === "filled", ot = a && o === "highlight", et = a && o === "outline", nt = a && o === "ghost" && I !== !0, it = a && o === "utility", st = a && o === "ghost" && I === !0, lt = T === "small" || o === "navigation", rt = j === "left", at = b && T === "medium" && o !== "navigation", ct = b && T === "small" && o !== "navigation";
+  let P;
+  t[18] !== r || t[19] !== B || t[20] !== M || t[21] !== Z || t[22] !== $ || t[23] !== J || t[24] !== K || t[25] !== Q || t[26] !== W || t[27] !== X || t[28] !== Y || t[29] !== tt || t[30] !== ot || t[31] !== et || t[32] !== nt || t[33] !== it || t[34] !== st || t[35] !== lt || t[36] !== rt || t[37] !== at || t[38] !== ct ? (P = vt(e.root, r, {
+    [e.rootFilled]: M,
+    [e.rootHighlight]: Z,
+    [e.rootOutline]: $,
+    [e.rootGhost]: J,
+    [e.rootUtility]: K,
+    [e.rootNavigation]: Q,
+    [e.rootNavigationStretched]: W,
+    [e.rootNavigationStretchedIconLeft]: X,
+    [e.rootGhostFlush]: Y,
+    [e.rootDarkFilled]: tt,
+    [e.rootDarkHighlight]: ot,
+    [e.rootDarkOutline]: et,
+    [e.rootDarkGhost]: nt,
+    [e.rootDarkUtility]: it,
+    [e.rootDarkGhostFlush]: st,
+    [e.rootSmall]: lt,
+    [e.rootStretched]: B,
+    [e.rootIconLeft]: rt,
+    [e.rootIconOnly]: at,
+    [e.rootIconOnlySmall]: ct
+  }), t[18] = r, t[19] = B, t[20] = M, t[21] = Z, t[22] = $, t[23] = J, t[24] = K, t[25] = Q, t[26] = W, t[27] = X, t[28] = Y, t[29] = tt, t[30] = ot, t[31] = et, t[32] = nt, t[33] = it, t[34] = st, t[35] = lt, t[36] = rt, t[37] = at, t[38] = ct, t[39] = P) : P = t[39];
+  const dt = P;
+  let U;
+  t[40] !== n || t[41] !== b || t[42] !== o ? (U = vt({
+    [e.labelHidden]: b && o !== "navigation",
+    [e.labelLoading]: n
+  }) || void 0, t[40] = n, t[41] = b, t[42] = o, t[43] = U) : U = t[43];
+  const ht = U, ut = o === "navigation", _t = o === "utility";
+  let C;
+  t[44] !== n || t[45] !== ut || t[46] !== _t ? (C = vt({
+    [e.iconNavigation]: ut,
+    [e.iconUtility]: _t,
+    [e.iconHidden]: n
+  }), t[44] = n, t[45] = ut, t[46] = _t, t[47] = C) : C = t[47];
+  const bt = C, gt = R === "light" && o === "filled" || a && o === "outline" || a && o === "ghost" || a && o === "utility" ? "dark" : "light";
+  let E;
+  t[48] !== G || t[49] !== n || t[50] !== h ? (E = (c) => {
+    if (G || n) {
+      c.preventDefault();
+      return;
+    }
+    h && h(c);
+  }, t[48] = G, t[49] = n, t[50] = h, t[51] = E) : E = t[51];
+  const ft = E, mt = G || n;
+  let g;
+  t[52] !== n ? (g = n && /* @__PURE__ */ H(Ot, { className: e.loader, aria: {
+    "aria-label": "Loading state"
+  } }), t[52] = n, t[53] = g) : g = t[53];
+  let f;
+  t[54] !== d || t[55] !== ht ? (f = /* @__PURE__ */ H("span", { className: ht, children: d }), t[54] = d, t[55] = ht, t[56] = f) : f = t[56];
+  let m;
+  t[57] !== bt || t[58] !== s || t[59] !== i || t[60] !== gt ? (m = (s || i) && /* @__PURE__ */ H(Nt, { name: s, theme: gt, source: i, className: bt, "aria-hidden": "true" }), t[57] = bt, t[58] = s, t[59] = i, t[60] = gt, t[61] = m) : m = t[61];
+  let A;
+  t[62] !== l || t[63] !== ft || t[64] !== n || t[65] !== k || t[66] !== _ || t[67] !== dt || t[68] !== mt || t[69] !== g || t[70] !== f || t[71] !== m ? (A = /* @__PURE__ */ kt("button", { className: dt, type: "submit", onClick: ft, ...l, ..._, "aria-disabled": mt, "aria-busy": n, ref: k, children: [
+    g,
+    f,
+    m
+  ] }), t[62] = l, t[63] = ft, t[64] = n, t[65] = k, t[66] = _, t[67] = dt, t[68] = mt, t[69] = g, t[70] = f, t[71] = m, t[72] = A) : A = t[72];
+  const x = A;
+  if (u) {
+    let c;
+    t[73] !== x ? (c = /* @__PURE__ */ H(pt.Anchor, { children: x }), t[73] = x, t[74] = c) : c = t[74];
+    let v;
+    t[75] !== u ? (v = /* @__PURE__ */ H(pt.Content, { children: u }), t[75] = u, t[76] = v) : v = t[76];
+    let V;
+    return t[77] !== c || t[78] !== v ? (V = /* @__PURE__ */ kt(pt, { placement: "top", tooltipOffset: 6, children: [
+      c,
+      v
+    ] }), t[77] = c, t[78] = v, t[79] = V) : V = t[79], V;
+  }
+  return x;
+});
+oo.displayName = "DSButton";
+export {
+  uo as B,
+  oo as D,
+  _o as a,
+  to as v
+};

package/chunks/Checkbox.BxOGR1bR.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { c as k } from "./index.DQOqod3i.js";
+import { forwardRef as L, useRef as V, useState as $, useEffect as A, useCallback as O } from "react";
+import { D as C } from "./Icon.DYtaQgbw.js";
+import { D as G } from "./SystemFeedback.DhWcYjnu.js";
+import { g as v } from "./helpers.CexwVao7.js";
+import { u as T } from "./useBreakpoint.1txsny17.js";
+import '../assets/Checkbox.C6RWhy0V.css';const U = "ds-checkbox_root_1fk9p_1", z = "ds-checkbox_root--disabled_1fk9p_21", J = "ds-checkbox_root--dark_1fk9p_24", K = "ds-checkbox_checkbox_1fk9p_48", Q = "ds-checkbox_icon-check_1fk9p_64", R = "ds-checkbox_icon-minus_1fk9p_65", W = "ds-checkbox_checkbox--dark_1fk9p_89", X = "ds-checkbox_checkbox--invalid_1fk9p_130", Y = "ds-checkbox_label--hidden_1fk9p_139", Z = "ds-checkbox_input_1fk9p_152", ee = "ds-checkbox_label_1fk9p_139", ce = "ds-checkbox_input--dark_1fk9p_265", oe = "ds-checkbox_feedback_1fk9p_338", e = {
+  root: U,
+  rootDisabled: z,
+  rootDark: J,
+  checkbox: K,
+  iconCheck: Q,
+  iconMinus: R,
+  checkboxDark: W,
+  checkboxInvalid: X,
+  labelHidden: Y,
+  input: Z,
+  label: ee,
+  inputDark: ce,
+  feedback: oe
+}, ae = ({
+  label: t,
+  id: o,
+  invalid: s,
+  systemFeedback: i
+}) => {
+  if (!t)
+    throw new Error(v("DSCheckbox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCheckbox component. If you don't want to display a label, set hideLabel={true}.`));
+  if (i && s && !o)
+    throw new Error(v("DSCheckbox", `A unique "id" prop is required when passing in the systemFeedback prop and setting invalid to true. Please add a unique "id" prop to the DSCheckbox component with label: "${t}".`));
+}, se = L((t, o) => {
+  const {
+    label: s,
+    checkboxGroupId: i,
+    checked: _,
+    className: y,
+    defaultChecked: N = !1,
+    disabled: r = !1,
+    hideLabel: g = !1,
+    id: b,
+    indeterminate: m = !1,
+    invalid: a = !1,
+    systemFeedback: d,
+    theme: x = "light",
+    onChange: h,
+    ...S
+  } = t;
+  process.env.NODE_ENV !== "production" && ae({
+    label: s,
+    id: b,
+    invalid: a,
+    systemFeedback: d
+  });
+  const p = x === "dark", l = V(null), [w, I] = $(N), E = T(g);
+  A(() => {
+    l && l.current && (l.current.indeterminate = m);
+  }, [m]);
+  const u = _ !== void 0, q = u ? _ : w, D = `${b}-feedback`, F = [a && d && D, a && i && `${i}-feedback`].filter(Boolean).join(" ") || void 0, M = k(e.root, {
+    [e.rootDark]: p,
+    [e.rootDisabled]: r
+  }), P = k(e.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelHidden]: E
+  }), j = k(e.checkbox, {
+    [e.checkboxDark]: p,
+    [e.checkboxInvalid]: a
+  }), B = k(e.input, {
+    [e.inputDark]: p
+  }), H = O((c) => {
+    if (r) {
+      c.preventDefault();
+      return;
+    }
+    u || I(c.target.checked), h && h(c);
+  }, [r, u, h]);
+  return /* @__PURE__ */ f("div", { className: y, children: [
+    /* @__PURE__ */ f("label", { className: M, children: [
+      /* @__PURE__ */ n("input", { id: b, type: "checkbox", className: B, ref: (c) => {
+        typeof o == "function" ? o(c) : o !== null && (o.current = c), l.current = c;
+      }, ...S, checked: q, disabled: r, "aria-label": s, "aria-describedby": F, "aria-invalid": a, onChange: H }),
+      /* @__PURE__ */ f("div", { className: j, children: [
+        /* @__PURE__ */ n(C, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
+        /* @__PURE__ */ n(C, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
+      ] }),
+      /* @__PURE__ */ n("span", { className: P, children: s })
+    ] }),
+    a && d && /* @__PURE__ */ n(G, { id: D, variant: "error", className: e.feedback, message: d, theme: x })
+  ] });
+});
+se.displayName = "DSCheckbox";
+export {
+  se as D,
+  ae as v
+};

package/chunks/CheckboxGroup.TneO0tuE.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as L } from "react/jsx-runtime";
+import { d as H } from "./index.cKLI89Eg.js";
+import { c as O } from "./index.DQOqod3i.js";
+import { D as T } from "./Fieldset.BBMuLKps.js";
+import P from "react";
+import { D as V } from "./Checkbox.BxOGR1bR.js";
+import { g as x, r as $ } from "./helpers.CexwVao7.js";
+import '../assets/CheckboxGroup.Dd-Huo7x.css';const j = "ds-checkbox-group_root_12fot_1", M = "ds-checkbox-group_root--horizontal_12fot_9", R = "ds-checkbox-group_root--invalid_12fot_12", I = {
+  root: j,
+  rootHorizontal: M,
+  rootInvalid: R
+}, A = ({
+  children: k,
+  description: e,
+  hideLegend: p,
+  id: t,
+  legend: s,
+  popoverContent: r,
+  systemFeedback: i
+}) => {
+  if (!t && (e || i))
+    throw new Error(x("DSCheckboxGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'));
+  if (!s)
+    throw new Error(x("DSCheckboxGroup", $("legend", "DSCheckboxGroup")));
+  if (!k)
+    throw new Error(x("DSCheckboxGroup", "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."));
+  p && r && console.warn(x("DSCheckboxGroup", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".')), P.Children.forEach(k, (o) => {
+    if (!P.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
+    o.type !== V && Object.keys(o.type)[1] !== "_payload") {
+      const n = P.isValidElement(o) ? `Currently you are passing a child of type: ${JSON.stringify(o.type)}.` : "Currently you are passing an invalid React element.";
+      throw new Error(x("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${n} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
+    }
+  });
+}, Y = (k) => {
+  const e = H.c(39), p = k;
+  let t, s, r, i, o, n, l, a, c, h, u, m, f, b, v;
+  e[0] !== p ? ({
+    children: t,
+    legend: o,
+    className: s,
+    description: r,
+    direction: h,
+    disabled: u,
+    hideLegend: m,
+    id: i,
+    invalid: f,
+    popoverContent: n,
+    popoverInfoButtonProps: l,
+    required: b,
+    systemFeedback: c,
+    theme: v,
+    ...a
+  } = p, e[0] = p, e[1] = t, e[2] = s, e[3] = r, e[4] = i, e[5] = o, e[6] = n, e[7] = l, e[8] = a, e[9] = c, e[10] = h, e[11] = u, e[12] = m, e[13] = f, e[14] = b, e[15] = v) : (t = e[1], s = e[2], r = e[3], i = e[4], o = e[5], n = e[6], l = e[7], a = e[8], c = e[9], h = e[10], u = e[11], m = e[12], f = e[13], b = e[14], v = e[15]);
+  const F = h === void 0 ? "vertical" : h, w = u === void 0 ? !1 : u, g = m === void 0 ? !1 : m, C = f === void 0 ? !1 : f, _ = b === void 0 ? !1 : b, E = v === void 0 ? "light" : v;
+  process.env.NODE_ENV !== "production" && A({
+    children: t,
+    description: r,
+    hideLegend: g,
+    id: i,
+    legend: o,
+    popoverContent: n,
+    systemFeedback: c
+  });
+  const G = F === "horizontal", q = C && !!c;
+  let D;
+  e[16] !== G || e[17] !== q ? (D = O(I.root, {
+    [I.rootHorizontal]: G,
+    [I.rootInvalid]: q
+  }), e[16] = G, e[17] = q, e[18] = D) : D = e[18];
+  const N = D;
+  let S;
+  e[19] !== E ? (S = {
+    theme: E
+  }, e[19] = E, e[20] = S) : S = e[20];
+  const z = S;
+  let d;
+  e[21] !== t || e[22] !== N ? (d = /* @__PURE__ */ L("div", { className: N, children: t }), e[21] = t, e[22] = N, e[23] = d) : d = e[23];
+  let y;
+  return e[24] !== s || e[25] !== r || e[26] !== w || e[27] !== g || e[28] !== i || e[29] !== C || e[30] !== o || e[31] !== n || e[32] !== l || e[33] !== _ || e[34] !== a || e[35] !== c || e[36] !== z || e[37] !== d ? (y = /* @__PURE__ */ L(T, { id: i, legend: o, className: s, description: r, disabled: w, hideLegend: g, required: _, invalid: C, systemFeedback: c, popoverContent: n, popoverInfoButtonProps: l, ...z, ...a, children: d }), e[24] = s, e[25] = r, e[26] = w, e[27] = g, e[28] = i, e[29] = C, e[30] = o, e[31] = n, e[32] = l, e[33] = _, e[34] = a, e[35] = c, e[36] = z, e[37] = d, e[38] = y) : y = e[38], y;
+};
+export {
+  Y as D,
+  A as v
+};

package/chunks/Chip.DffaXMkV.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsxs as O, jsx as I } from "react/jsx-runtime";
+import { d as j } from "./index.cKLI89Eg.js";
+import { c as B } from "./index.DQOqod3i.js";
+import { forwardRef as W } from "react";
+import { D as q } from "./Icon.DYtaQgbw.js";
+import { Tooltip as z } from "../tooltip.BFQG-7VR.js";
+import { g as x, r as H } from "./helpers.CexwVao7.js";
+import { t as Z } from "./translate.DSb-TdWR.js";
+import '../assets/Chip.DfamkUPw.css';const J = "ds-chip-group_chip_kwgno_1", K = "ds-chip-group_chip--small_kwgno_30", Q = "ds-chip-group_chip--dark_kwgno_133", F = {
+  chip: J,
+  chipSmall: K,
+  chipDark: Q
+}, pe = ({
+  chips: t,
+  id: l,
+  label: e
+}) => {
+  if (!Array.isArray(t))
+    throw new Error(x("DSChipGroup", H("chips", "DSChipGroup")));
+  if (!l)
+    throw new Error(x("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
+  if (!e)
+    throw new Error(x("DSChipGroup", H("label", "DSChipGroup")));
+}, de = ["medium", "small"], V = {
+  disabled: "disabled",
+  selected: "selected",
+  notSelected: "not selected",
+  removed: "removed",
+  selectChip: "press space to {action}",
+  unselectAction: "unselect",
+  selectAction: "select",
+  addToSelection: "add this option to selection",
+  removeFromSelection: "remove this option from selection",
+  removeChip: "press Backspace to remove the currently focused value",
+  tooltipDisabled: "Disabled",
+  tooltipRemovable: "Remove filter",
+  tooltipDeactivate: "Deactivate property",
+  tooltipActivate: "Activate property",
+  countSelected: "{count, plural, one {# item selected} other {# items selected}}",
+  countRemaining: "{count, plural, one {# item remaining} other {# items remaining}}"
+}, X = {
+  disabled: "deaktiviert",
+  selected: "ausgewählt",
+  notSelected: "nicht ausgewählt",
+  removed: "entfernt",
+  selectChip: "drücke Leertaste, um {action}",
+  unselectAction: "abzuwählen",
+  selectAction: "auszuwählen",
+  addToSelection: "diese Option zur Auswahl hinzuzufügen",
+  removeFromSelection: "diese Option aus der Auswahl zu entfernen",
+  removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
+  tooltipDisabled: "Deaktiviert",
+  tooltipRemovable: "Filter entfernen",
+  tooltipDeactivate: "Eigenschaft deaktivieren",
+  tooltipActivate: "Eigenschaft aktivieren",
+  countSelected: "{count, plural, one {# Element ausgewählt} other {# Elemente ausgewählt}}",
+  countRemaining: "{count, plural, one {# Element verbleibend} other {# Elemente verbleibend}}"
+}, U = {
+  en: V,
+  de: X
+}, Y = (t, l, e, i, a, r) => {
+  if (e)
+    return `${l}, ${t("disabled")}`;
+  if (r)
+    return `${l}, ${t("removeChip")}`;
+  {
+    const c = t(a === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection");
+    return `${l}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", {
+      action: c
+    })}`;
+  }
+}, ee = (t, l, e, i) => t(i ? "tooltipRemovable" : l ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), te = W((t, l) => {
+  const e = j.c(54);
+  let i, a, r, c, o, p, n, m, h, u, f, _, C, A, v, S;
+  e[0] !== t ? ({
+    id: c,
+    label: n,
+    disableTooltips: i,
+    groupId: a,
+    isRemovable: o,
+    selectionMode: u,
+    disabled: _,
+    iconName: r,
+    isSelected: p,
+    lang: C,
+    size: f,
+    tabIndex: v,
+    theme: A,
+    translations: S,
+    onClick: m,
+    ...h
+  } = t, e[0] = t, e[1] = i, e[2] = a, e[3] = r, e[4] = c, e[5] = o, e[6] = p, e[7] = n, e[8] = m, e[9] = h, e[10] = u, e[11] = f, e[12] = _, e[13] = C, e[14] = A, e[15] = v, e[16] = S) : (i = e[1], a = e[2], r = e[3], c = e[4], o = e[5], p = e[6], n = e[7], m = e[8], h = e[9], u = e[10], f = e[11], _ = e[12], C = e[13], A = e[14], v = e[15], S = e[16]);
+  const k = _ === void 0 ? !1 : _, w = C === void 0 ? "en" : C, s = A === void 0 ? "light" : A;
+  let d, g;
+  if (e[17] !== i || e[18] !== k || e[19] !== a || e[20] !== r || e[21] !== c || e[22] !== o || e[23] !== p || e[24] !== n || e[25] !== w || e[26] !== m || e[27] !== l || e[28] !== h || e[29] !== u || e[30] !== f || e[31] !== v || e[32] !== s || e[33] !== S) {
+    g = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const L = Z(S || U[w] || U.en, w), N = s === "dark", P = f === "small";
+      let y;
+      e[36] !== N || e[37] !== P ? (y = B(F.chip, {
+        [F.chipDark]: N,
+        [F.chipSmall]: P
+      }), e[36] = N, e[37] = P, e[38] = y) : y = e[38];
+      const M = y;
+      let R;
+      e[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = {
+        display: "contents"
+      }, e[39] = R) : R = e[39];
+      let b;
+      e[40] !== r || e[41] !== s ? (b = r && /* @__PURE__ */ I(q, { name: r, theme: s, "aria-hidden": "true" }), e[40] = r, e[41] = s, e[42] = b) : b = e[42];
+      let E;
+      e[43] !== n || e[44] !== b ? (E = /* @__PURE__ */ O("div", { role: "gridcell", "aria-colindex": 1, style: R, children: [
+        b,
+        n
+      ] }), e[43] = n, e[44] = b, e[45] = E) : E = e[45];
+      let T;
+      if (e[46] !== o || e[47] !== s ? (T = o && /* @__PURE__ */ I(q, { name: "cross", theme: s }), e[46] = o, e[47] = s, e[48] = T) : T = e[48], d = /* @__PURE__ */ O("div", { role: "row", "aria-label": Y(L, n, k, p, u, o), "aria-selected": p && !o, "aria-disabled": k && !o, id: `${a}-chip-${c}`, className: M, tabIndex: v, onClick: m, ref: l, ...h, children: [
+        E,
+        T
+      ] }), !i) {
+        let D;
+        e[49] !== d ? (D = /* @__PURE__ */ I(z.Anchor, { children: d }), e[49] = d, e[50] = D) : D = e[50];
+        const $ = /* @__PURE__ */ I(z.Content, { children: ee(L, k, p, o) });
+        let G;
+        e[51] !== D || e[52] !== $ ? (G = /* @__PURE__ */ O(z, { placement: "top", tooltipOffset: 6, children: [
+          D,
+          $
+        ] }), e[51] = D, e[52] = $, e[53] = G) : G = e[53], g = G;
+        break e;
+      }
+    }
+    e[17] = i, e[18] = k, e[19] = a, e[20] = r, e[21] = c, e[22] = o, e[23] = p, e[24] = n, e[25] = w, e[26] = m, e[27] = l, e[28] = h, e[29] = u, e[30] = f, e[31] = v, e[32] = s, e[33] = S, e[34] = d, e[35] = g;
+  } else
+    d = e[34], g = e[35];
+  return g !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? g : d;
+});
+te.displayName = "DSChip";
+export {
+  de as C,
+  U as D,
+  X as a,
+  V as b,
+  ee as c,
+  te as d,
+  Y as g,
+  pe as v
+};