@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.49

package/chunks/Button.COycNYUI.js

@@ -1,160 +0,0 @@
-"use client";
-import { jsxs as bo, jsx as G } from "react/jsx-runtime";
-import { d as So } from "./index.cKLI89Eg.js";
-import { c as fo } from "./index.DQOqod3i.js";
-import { forwardRef as Do } from "react";
-import { u as po } from "./useBreakpoint.1txsny17.js";
-import { D as No } from "./Icon.DYtaQgbw.js";
-import { DSSpinner as qo } from "../spinner.DtLnsqVV.js";
-import { Tooltip as mo } from "../tooltip.a1aWHK00.js";
-import { g as p } from "./helpers.CexwVao7.js";
-import '../assets/Button.BI6zz6Fw.css';const Oo = "ds-button_root_1l3oq_1", Fo = "ds-button_root--highlight_1l3oq_76", Lo = "ds-button_root--dark-highlight_1l3oq_76", wo = "ds-button_root--filled_1l3oq_152", Io = "ds-button_root--outline_1l3oq_180", yo = "ds-button_root--ghost_1l3oq_207", Bo = "ds-button_root--ghost-flush_1l3oq_232", Ho = "ds-button_root--small_1l3oq_238", Go = "ds-button_root--navigation_1l3oq_318", To = "ds-button_root--navigation--stretched_1l3oq_396", Po = "ds-button_root--navigation--stretched--icon-left_1l3oq_399", Co = "ds-button_root--dark-filled_1l3oq_402", Eo = "ds-button_root--dark-outline_1l3oq_459", Ao = "ds-button_root--dark-ghost_1l3oq_515", xo = "ds-button_root--dark-ghost-flush_1l3oq_569", zo = "ds-button_root--stretched_1l3oq_644", Vo = "ds-button_root--icon-left_1l3oq_647", jo = "ds-button_root--icon-only_1l3oq_650", Ro = "ds-button_root--icon-only-small_1l3oq_659", Uo = "ds-button_icon--navigation_1l3oq_675", Mo = "ds-button_icon--hidden_1l3oq_682", Zo = "ds-button_label--hidden_1l3oq_686", $o = "ds-button_label--loading_1l3oq_698", Jo = "ds-button_loader_1l3oq_702", e = {
-  root: Oo,
-  rootHighlight: Fo,
-  rootDarkHighlight: Lo,
-  rootFilled: wo,
-  rootOutline: Io,
-  rootGhost: yo,
-  rootGhostFlush: Bo,
-  rootSmall: Ho,
-  rootNavigation: Go,
-  rootNavigationStretched: To,
-  rootNavigationStretchedIconLeft: Po,
-  rootDarkFilled: Co,
-  rootDarkOutline: Eo,
-  rootDarkGhost: Ao,
-  rootDarkGhostFlush: xo,
-  rootStretched: zo,
-  rootIconLeft: Vo,
-  rootIconOnly: jo,
-  rootIconOnlySmall: Ro,
-  iconNavigation: Uo,
-  iconHidden: Mo,
-  labelHidden: Zo,
-  labelLoading: $o,
-  loader: Jo
-}, st = ["medium", "small"], rt = ["highlight", "filled", "outline", "ghost", "navigation"], Ko = ({
-  hideLabel: k,
-  iconName: S,
-  iconSource: o,
-  isFlush: s,
-  size: c,
-  stretched: r,
-  theme: l,
-  variant: i
-}) => {
-  if (i === "navigation" && (c === "small" && console.warn(p("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), l === "dark"))
-    throw new Error(p("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
-  i !== "ghost" && s ? 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" && s && r && console.warn(p("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), k && (!S && !o && 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.')));
-}, Qo = Do((k, S) => {
-  const o = So.c(77);
-  let s, c, r, l, i, h, g, D, N, q, O, F, L, w, I, y, u;
-  o[0] !== k ? ({
-    children: c,
-    aria: s,
-    className: r,
-    disabled: D,
-    hideLabel: N,
-    iconName: l,
-    iconPosition: q,
-    iconSource: i,
-    isFlush: O,
-    loading: F,
-    size: L,
-    stretched: w,
-    theme: I,
-    tooltip: u,
-    variant: y,
-    onClick: h,
-    ...g
-  } = k, o[0] = k, o[1] = s, o[2] = c, o[3] = r, o[4] = l, o[5] = i, o[6] = h, o[7] = g, o[8] = D, o[9] = N, o[10] = q, o[11] = O, o[12] = F, o[13] = L, o[14] = w, o[15] = I, o[16] = y, o[17] = u) : (s = o[1], c = o[2], r = o[3], l = o[4], i = o[5], h = o[6], g = o[7], D = o[8], N = o[9], q = o[10], O = o[11], F = o[12], L = o[13], w = o[14], I = o[15], y = o[16], u = o[17]);
-  const T = D === void 0 ? !1 : D, ko = N === void 0 ? !1 : N, R = q === void 0 ? "left" : q, B = O === void 0 ? !1 : O, n = F === void 0 ? !1 : F, P = L === void 0 ? "medium" : L, vo = w === void 0 ? !1 : w, a = I === void 0 ? "light" : I, t = y === void 0 ? "filled" : y, _ = po(ko), H = po(vo);
-  process.env.NODE_ENV !== "production" && Ko({
-    hideLabel: _,
-    iconName: l,
-    iconSource: i,
-    isFlush: B,
-    size: P,
-    stretched: vo,
-    theme: a,
-    variant: t
-  });
-  const U = t === "filled", M = t === "highlight", Z = t === "outline", $ = t === "ghost" && B !== !0, J = t === "navigation", K = t === "navigation" && H && R === "right", Q = t === "navigation" && H && R === "left", W = t === "ghost" && B === !0, X = a === "dark" && t === "filled", Y = a === "dark" && t === "highlight", oo = a === "dark" && t === "outline", to = a === "dark" && t === "ghost" && B !== !0, eo = a === "dark" && t === "ghost" && B === !0, no = P === "small" || t === "navigation", io = R === "left", lo = _ && P === "medium" && t !== "navigation", so = _ && P === "small" && t !== "navigation";
-  let C;
-  o[18] !== r || o[19] !== H || o[20] !== U || o[21] !== M || o[22] !== Z || o[23] !== $ || o[24] !== J || o[25] !== K || o[26] !== Q || o[27] !== W || o[28] !== X || o[29] !== Y || o[30] !== oo || o[31] !== to || o[32] !== eo || o[33] !== no || o[34] !== io || o[35] !== lo || o[36] !== so ? (C = fo(e.root, r, {
-    [e.rootFilled]: U,
-    [e.rootHighlight]: M,
-    [e.rootOutline]: Z,
-    [e.rootGhost]: $,
-    [e.rootNavigation]: J,
-    [e.rootNavigationStretched]: K,
-    [e.rootNavigationStretchedIconLeft]: Q,
-    [e.rootGhostFlush]: W,
-    [e.rootDarkFilled]: X,
-    [e.rootDarkHighlight]: Y,
-    [e.rootDarkOutline]: oo,
-    [e.rootDarkGhost]: to,
-    [e.rootDarkGhostFlush]: eo,
-    [e.rootSmall]: no,
-    [e.rootStretched]: H,
-    [e.rootIconLeft]: io,
-    [e.rootIconOnly]: lo,
-    [e.rootIconOnlySmall]: so
-  }), o[18] = r, o[19] = H, o[20] = U, o[21] = M, o[22] = Z, o[23] = $, o[24] = J, o[25] = K, o[26] = Q, o[27] = W, o[28] = X, o[29] = Y, o[30] = oo, o[31] = to, o[32] = eo, o[33] = no, o[34] = io, o[35] = lo, o[36] = so, o[37] = C) : C = o[37];
-  const ro = C;
-  let E;
-  o[38] !== n || o[39] !== _ || o[40] !== t ? (E = fo({
-    [e.labelHidden]: _ && t !== "navigation",
-    [e.labelLoading]: n
-  }) || void 0, o[38] = n, o[39] = _, o[40] = t, o[41] = E) : E = o[41];
-  const ao = E, co = t === "navigation";
-  let A;
-  o[42] !== n || o[43] !== co ? (A = fo({
-    [e.iconNavigation]: co,
-    [e.iconHidden]: n
-  }), o[42] = n, o[43] = co, o[44] = A) : A = o[44];
-  const ho = A, uo = a === "light" && t === "filled" || a === "dark" && t === "outline" || a === "dark" && t === "ghost" ? "dark" : "light";
-  let x;
-  o[45] !== T || o[46] !== n || o[47] !== h ? (x = (d) => {
-    if (T || n) {
-      d.preventDefault();
-      return;
-    }
-    h && h(d);
-  }, o[45] = T, o[46] = n, o[47] = h, o[48] = x) : x = o[48];
-  const go = x, _o = T || n;
-  let f;
-  o[49] !== n ? (f = n && /* @__PURE__ */ G(qo, { className: e.loader, aria: {
-    "aria-label": "Loading state"
-  } }), o[49] = n, o[50] = f) : f = o[50];
-  let m;
-  o[51] !== c || o[52] !== ao ? (m = /* @__PURE__ */ G("span", { className: ao, children: c }), o[51] = c, o[52] = ao, o[53] = m) : m = o[53];
-  let v;
-  o[54] !== ho || o[55] !== l || o[56] !== i || o[57] !== uo ? (v = (l || i) && /* @__PURE__ */ G(No, { name: l, theme: uo, source: i, className: ho, "aria-hidden": "true" }), o[54] = ho, o[55] = l, o[56] = i, o[57] = uo, o[58] = v) : v = o[58];
-  let z;
-  o[59] !== s || o[60] !== go || o[61] !== n || o[62] !== S || o[63] !== g || o[64] !== ro || o[65] !== _o || o[66] !== f || o[67] !== m || o[68] !== v ? (z = /* @__PURE__ */ bo("button", { className: ro, type: "submit", onClick: go, ...s, ...g, "aria-disabled": _o, "aria-busy": n, ref: S, children: [
-    f,
-    m,
-    v
-  ] }), o[59] = s, o[60] = go, o[61] = n, o[62] = S, o[63] = g, o[64] = ro, o[65] = _o, o[66] = f, o[67] = m, o[68] = v, o[69] = z) : z = o[69];
-  const V = z;
-  if (u) {
-    let d;
-    o[70] !== V ? (d = /* @__PURE__ */ G(mo.Anchor, { children: V }), o[70] = V, o[71] = d) : d = o[71];
-    let b;
-    o[72] !== u ? (b = /* @__PURE__ */ G(mo.Content, { children: u }), o[72] = u, o[73] = b) : b = o[73];
-    let j;
-    return o[74] !== d || o[75] !== b ? (j = /* @__PURE__ */ bo(mo, { placement: "top", tooltipOffset: 6, children: [
-      d,
-      b
-    ] }), o[74] = d, o[75] = b, o[76] = j) : j = o[76], j;
-  }
-  return V;
-});
-Qo.displayName = "DSButton";
-export {
-  st as B,
-  Qo as D,
-  rt as a,
-  Ko as v
-};

package/chunks/Checkbox.CMshaWIU.js

@@ -1,88 +0,0 @@
-"use client";
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import { c as p } from "./index.DQOqod3i.js";
-import { forwardRef as P, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
-import { u as A } from "./useBreakpoint.1txsny17.js";
-import "./index.cKLI89Eg.js";
-import { D as x } from "./Icon.DYtaQgbw.js";
-import { D as L } from "./SystemFeedback.4osheYxC.js";
-import { g as C } from "./helpers.CexwVao7.js";
-import '../assets/Checkbox.DknHnS9a.css';const O = "ds-checkbox_root_1jslg_1", U = "ds-checkbox_root--disabled_1jslg_21", z = "ds-checkbox_checkbox_1jslg_25", F = "ds-checkbox_icon-check_1jslg_41", J = "ds-checkbox_icon-minus_1jslg_42", K = "ds-checkbox_checkbox--invalid_1jslg_66", Q = "ds-checkbox_label--hidden_1jslg_71", R = "ds-checkbox_input_1jslg_84", T = "ds-checkbox_label_1jslg_71", W = "ds-checkbox_feedback_1jslg_198", e = {
-  root: O,
-  rootDisabled: U,
-  checkbox: z,
-  iconCheck: F,
-  iconMinus: J,
-  checkboxInvalid: K,
-  labelHidden: Q,
-  input: R,
-  label: T,
-  feedback: W
-}, X = ({
-  label: c,
-  id: n,
-  invalid: t,
-  systemFeedback: b
-}) => {
-  if (!c)
-    throw new Error(C("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 (b && t && !n)
-    throw new Error(C("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: "${c}".`));
-}, Y = P(({
-  label: c,
-  checkboxGroupId: n,
-  checked: t,
-  className: b,
-  defaultChecked: D = !1,
-  disabled: r = !1,
-  hideLabel: g = !1,
-  id: h,
-  indeterminate: m = !1,
-  invalid: s = !1,
-  systemFeedback: l,
-  onChange: k,
-  ...j
-}, i) => {
-  process.env.NODE_ENV !== "production" && X({
-    label: c,
-    id: h,
-    invalid: s,
-    systemFeedback: l
-  });
-  const d = B(null), [N, S] = H(D), y = A(g);
-  V(() => {
-    d && d.current && (d.current.indeterminate = m);
-  }, [m]);
-  const u = t !== void 0, v = u ? t : N, _ = `${h}-feedback`, w = [s && l && _, s && n && `${n}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
-    [e.rootDisabled]: r
-  }), I = p(e.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelHidden]: y
-  }), q = p(e.checkbox, {
-    [e.checkboxInvalid]: s
-  }), M = $((o) => {
-    if (r) {
-      o.preventDefault();
-      return;
-    }
-    u || S(o.target.checked), k && k(o);
-  }, [r, u, k]);
-  return /* @__PURE__ */ f("div", { className: b, children: [
-    /* @__PURE__ */ f("label", { className: E, children: [
-      /* @__PURE__ */ a("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
-        typeof i == "function" ? i(o) : i !== null && (i.current = o), d.current = o;
-      }, ...j, checked: v, disabled: r, "aria-label": c, "aria-describedby": w, "aria-invalid": s, onChange: M }),
-      /* @__PURE__ */ f("div", { className: q, children: [
-        /* @__PURE__ */ a(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
-        /* @__PURE__ */ a(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
-      ] }),
-      /* @__PURE__ */ a("span", { className: I, children: c })
-    ] }),
-    s && l && /* @__PURE__ */ a(L, { id: _, variant: "error", className: e.feedback, message: l })
-  ] });
-});
-Y.displayName = "DSCheckbox";
-export {
-  Y as D,
-  X as v
-};

package/chunks/CheckboxGroup.D3D1spfJ.js

@@ -1,79 +0,0 @@
-"use client";
-import { jsx as q } from "react/jsx-runtime";
-import { d as z } from "./index.cKLI89Eg.js";
-import { c as P } from "./index.DQOqod3i.js";
-import { D as I } from "./Fieldset.DOjI3DlI.js";
-import E from "react";
-import { g as v, r as L } from "./helpers.CexwVao7.js";
-import { D as F } from "./Checkbox.CMshaWIU.js";
-import '../assets/CheckboxGroup.Dd-Huo7x.css';const H = "ds-checkbox-group_root_12fot_1", O = "ds-checkbox-group_root--horizontal_12fot_9", T = "ds-checkbox-group_root--invalid_12fot_12", G = {
-  root: H,
-  rootHorizontal: O,
-  rootInvalid: T
-}, V = ({
-  children: l,
-  description: e,
-  hideLegend: t,
-  id: s,
-  legend: r,
-  popoverContent: i,
-  systemFeedback: n
-}) => {
-  if (!s && (e || n))
-    throw new Error(v("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 (!r)
-    throw new Error(v("DSCheckboxGroup", L("legend", "DSCheckboxGroup")));
-  if (!l)
-    throw new Error(v("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."));
-  t && i && console.warn(v("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".')), E.Children.forEach(l, (o) => {
-    if (!E.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
-    o.type !== F && Object.keys(o.type)[1] !== "_payload") {
-      const a = E.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(v("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${a} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
-    }
-  });
-}, K = (l) => {
-  const e = z.c(35);
-  let t, s, r, i, n, o, a, d, c, h, u, m, f, b;
-  e[0] !== l ? ({
-    children: t,
-    legend: n,
-    className: s,
-    description: r,
-    direction: h,
-    disabled: u,
-    hideLegend: m,
-    id: i,
-    invalid: f,
-    popoverContent: o,
-    popoverInfoButtonProps: a,
-    required: b,
-    systemFeedback: c,
-    ...d
-  } = l, e[0] = l, e[1] = t, e[2] = s, e[3] = r, e[4] = i, e[5] = n, e[6] = o, e[7] = a, e[8] = d, e[9] = c, e[10] = h, e[11] = u, e[12] = m, e[13] = f, e[14] = b) : (t = e[1], s = e[2], r = e[3], i = e[4], n = e[5], o = e[6], a = e[7], d = e[8], c = e[9], h = e[10], u = e[11], m = e[12], f = e[13], b = e[14]);
-  const N = h === void 0 ? "vertical" : h, D = u === void 0 ? !1 : u, x = m === void 0 ? !1 : m, k = f === void 0 ? !1 : f, S = b === void 0 ? !1 : b;
-  process.env.NODE_ENV !== "production" && V({
-    children: t,
-    description: r,
-    hideLegend: x,
-    id: i,
-    legend: n,
-    popoverContent: o,
-    systemFeedback: c
-  });
-  const y = N === "horizontal", w = k && !!c;
-  let C;
-  e[15] !== y || e[16] !== w ? (C = P(G.root, {
-    [G.rootHorizontal]: y,
-    [G.rootInvalid]: w
-  }), e[15] = y, e[16] = w, e[17] = C) : C = e[17];
-  const _ = C;
-  let p;
-  e[18] !== t || e[19] !== _ ? (p = /* @__PURE__ */ q("div", { className: _, children: t }), e[18] = t, e[19] = _, e[20] = p) : p = e[20];
-  let g;
-  return e[21] !== s || e[22] !== r || e[23] !== D || e[24] !== x || e[25] !== i || e[26] !== k || e[27] !== n || e[28] !== o || e[29] !== a || e[30] !== S || e[31] !== d || e[32] !== c || e[33] !== p ? (g = /* @__PURE__ */ q(I, { id: i, legend: n, className: s, description: r, disabled: D, hideLegend: x, required: S, invalid: k, systemFeedback: c, popoverContent: o, popoverInfoButtonProps: a, ...d, children: p }), e[21] = s, e[22] = r, e[23] = D, e[24] = x, e[25] = i, e[26] = k, e[27] = n, e[28] = o, e[29] = a, e[30] = S, e[31] = d, e[32] = c, e[33] = p, e[34] = g) : g = e[34], g;
-};
-export {
-  K as D,
-  V as v
-};

package/chunks/Chip.DCJYE513.js

@@ -1,157 +0,0 @@
-"use client";
-import { jsxs as G, jsx as T } from "react/jsx-runtime";
-import { d as q } from "./index.cKLI89Eg.js";
-import { c as H } from "./index.DQOqod3i.js";
-import { forwardRef as U } from "react";
-import { t as M } from "./translate.nuU7uChI.js";
-import { D as x } from "./Icon.DYtaQgbw.js";
-import { Tooltip as N } from "../tooltip.a1aWHK00.js";
-import { g as $, r as z } from "./helpers.CexwVao7.js";
-import '../assets/Chip.CYhVB1Jh.css';const j = "ds-chip-group_chip_63dcx_1", B = "ds-chip-group_chip--small_63dcx_30", F = {
-  chip: j,
-  chipSmall: B
-}, se = ({
-  chips: t,
-  id: i,
-  label: e
-}) => {
-  if (!Array.isArray(t))
-    throw new Error($("DSChipGroup", z("chips", "DSChipGroup")));
-  if (!i)
-    throw new Error($("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($("DSChipGroup", z("label", "DSChipGroup")));
-}, ne = ["medium", "small"], W = {
-  disabled: "disabled",
-  selected: "selected",
-  notSelected: "not selected",
-  removed: "removed",
-  remaining: "remaining",
-  // {0} is the action (e.g. selectAction/unselectAction)
-  selectChip: "press space to {0}",
-  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",
-  // Singular form for item
-  item_one: "item",
-  // Plural forms for items
-  item_other: "items",
-  // Status message building blocks for screen readers
-  // {0} is the count, {1} is item_one or item_other, {2} is selected
-  // Results in messages like "3 items selected"
-  countSelected: "{0} {1} {2}",
-  // {0} is the count, {1} is item_one or item_other, {2} is remaining
-  // Results in messages like "3 items remaining"
-  countRemaining: "{0} {1} {2}"
-}, Z = {
-  disabled: "deaktiviert",
-  selected: "ausgewählt",
-  notSelected: "nicht ausgewählt",
-  removed: "entfernt",
-  remaining: "verbleibend",
-  // {0} is the action (e.g. selectAction/unselectAction)
-  selectChip: "drücke Leertaste, um {0}",
-  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",
-  // Singular form for item
-  item_one: "Element",
-  // Plural form for items
-  item_other: "Elemente",
-  // Status message building blocks for screen readers
-  // {0} is the count, {1} is item_one or item_other, {2} is selected
-  // Results in messages like "3 items selected"
-  countSelected: "{0} {1} {2}",
-  // {0} is the count, {1} is item_one or item_other, {2} is remaining
-  // Results in messages like "3 items remaining"
-  countRemaining: "{0} {1} {2}"
-}, J = {
-  en: W,
-  de: Z
-}, K = (t, i, e, o, n, r) => e ? `${i}, ${t("disabled")}` : r ? `${i}, ${t("removeChip")}` : `${i}, ${o ? `${t("selected")}, ` : ""}${t("selectChip", [t(n === "single" ? o ? "unselectAction" : "selectAction" : o ? "removeFromSelection" : "addToSelection")])}`, Q = (t, i, e, o) => t(o ? "tooltipRemovable" : i ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), ae = (t, i) => t(i === 1 ? "item_one" : "item_other"), V = U((t, i) => {
-  const e = q.c(49);
-  let o, n, r, p, l, a, s, d, m, h, u, g, C, f, v;
-  e[0] !== t ? ({
-    id: p,
-    label: s,
-    disableTooltips: o,
-    groupId: n,
-    isRemovable: l,
-    selectionMode: h,
-    disabled: g,
-    iconName: r,
-    isSelected: a,
-    lang: C,
-    size: u,
-    tabIndex: f,
-    translations: v,
-    onClick: d,
-    ...m
-  } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = r, e[4] = p, e[5] = l, e[6] = a, e[7] = s, e[8] = d, e[9] = m, e[10] = h, e[11] = u, e[12] = g, e[13] = C, e[14] = f, e[15] = v) : (o = e[1], n = e[2], r = e[3], p = e[4], l = e[5], a = e[6], s = e[7], d = e[8], m = e[9], h = e[10], u = e[11], g = e[12], C = e[13], f = e[14], v = e[15]);
-  const D = g === void 0 ? !1 : g, E = C === void 0 ? "en" : C;
-  let c, S;
-  if (e[16] !== o || e[17] !== D || e[18] !== n || e[19] !== r || e[20] !== p || e[21] !== l || e[22] !== a || e[23] !== s || e[24] !== E || e[25] !== d || e[26] !== i || e[27] !== m || e[28] !== h || e[29] !== u || e[30] !== f || e[31] !== v) {
-    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const O = M(v || J[E]), I = u === "small";
-      let A;
-      e[34] !== I ? (A = H(F.chip, {
-        [F.chipSmall]: I
-      }), e[34] = I, e[35] = A) : A = e[35];
-      const L = A;
-      let y;
-      e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
-        display: "contents"
-      }, e[36] = y) : y = e[36];
-      let _;
-      e[37] !== r ? (_ = r && /* @__PURE__ */ T(x, { name: r, "aria-hidden": "true" }), e[37] = r, e[38] = _) : _ = e[38];
-      let w;
-      e[39] !== s || e[40] !== _ ? (w = /* @__PURE__ */ G("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
-        _,
-        s
-      ] }), e[39] = s, e[40] = _, e[41] = w) : w = e[41];
-      let R;
-      if (e[42] !== l ? (R = l && /* @__PURE__ */ T(x, { name: "cross" }), e[42] = l, e[43] = R) : R = e[43], c = /* @__PURE__ */ G("div", { role: "row", "aria-label": K(O, s, D, a, h, l), "aria-selected": a && !l, "aria-disabled": D && !l, id: `${n}-chip-${p}`, className: L, tabIndex: f, onClick: d, ref: i, ...m, children: [
-        w,
-        R
-      ] }), !o) {
-        let b;
-        e[44] !== c ? (b = /* @__PURE__ */ T(N.Anchor, { children: c }), e[44] = c, e[45] = b) : b = e[45];
-        const P = /* @__PURE__ */ T(N.Content, { children: Q(O, D, a, l) });
-        let k;
-        e[46] !== b || e[47] !== P ? (k = /* @__PURE__ */ G(N, { placement: "top", tooltipOffset: 6, children: [
-          b,
-          P
-        ] }), e[46] = b, e[47] = P, e[48] = k) : k = e[48], S = k;
-        break e;
-      }
-    }
-    e[16] = o, e[17] = D, e[18] = n, e[19] = r, e[20] = p, e[21] = l, e[22] = a, e[23] = s, e[24] = E, e[25] = d, e[26] = i, e[27] = m, e[28] = h, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
-  } else
-    c = e[32], S = e[33];
-  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
-});
-V.displayName = "DSChip";
-export {
-  ne as C,
-  J as D,
-  Z as a,
-  W as b,
-  Q as c,
-  ae as d,
-  V as e,
-  K as g,
-  se as v
-};

package/chunks/Dialog.lJXxzgu2.js

@@ -1,102 +0,0 @@
-"use client";
-import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { c as r } from "./index.DQOqod3i.js";
-import { useRef as g, useState as F, useEffect as m } from "react";
-import { D as W } from "./Button.COycNYUI.js";
-import { g as x } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Dialog.BKwWy1g2.css';const R = "ds-dialog_root_11kdc_5", y = "ds-dialog_content-wrapper_11kdc_166", z = "ds-dialog_content-wrapper--no-footer_11kdc_172", L = "ds-dialog_close-button_11kdc_180", M = "ds-dialog_header_11kdc_193", j = "ds-dialog_content_11kdc_166", H = "ds-dialog_footer_11kdc_195", I = "ds-dialog_header--scrollable_11kdc_216", O = "ds-dialog_header--close-button_11kdc_225", P = "ds-dialog_content--no-footer_11kdc_238", T = "ds-dialog_footer--scrollable_11kdc_273", o = {
-  root: R,
-  contentWrapper: y,
-  contentWrapperNoFooter: z,
-  closeButton: L,
-  header: M,
-  content: j,
-  footer: H,
-  headerScrollable: I,
-  headerCloseButton: O,
-  contentNoFooter: P,
-  footerScrollable: T
-}, V = ({
-  tabIndex: c
-}) => {
-  if (c || c === 0)
-    throw new Error(x("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
-}, U = ({
-  children: c,
-  className: b,
-  closeButtonProps: D,
-  disableBackdropClose: S = !1,
-  footer: s,
-  header: k,
-  hideCloseButton: a = !1,
-  isOpen: d = !1,
-  onClose: l,
-  ...i
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: e
-    } = i;
-    V({
-      tabIndex: e
-    });
-  }
-  const {
-    label: v = "Close dialog",
-    ...N
-  } = D || {}, t = g(null), u = g(null), [f, B] = F(!1);
-  m(() => {
-    const e = u.current;
-    if (e) {
-      const h = () => {
-        B(e.scrollHeight > e.clientHeight);
-      };
-      h();
-      const p = new ResizeObserver(h);
-      return p.observe(e), () => {
-        p.disconnect();
-      };
-    }
-  }, []), m(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", _), d ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", _);
-      };
-  }, [d, l]);
-  const _ = () => {
-    l && l();
-  }, w = (e) => {
-    S || t.current && e.target === t.current && t.current.close();
-  }, C = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ n("dialog", { ...i, ref: t, className: r(o.root, b), onMouseDown: (e) => w(e), "aria-modal": "true", children: /* @__PURE__ */ E("div", { className: r(o.contentWrapper, {
-    [o.contentWrapperNoFooter]: !s
-  }), children: [
-    !a && /* @__PURE__ */ n(W, { ...N, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: v }),
-    /* @__PURE__ */ n("header", { className: r(o.header, {
-      [o.headerCloseButton]: !a,
-      [o.headerScrollable]: f
-    }), children: k }),
-    /* @__PURE__ */ n(
-      "div",
-      {
-        ref: u,
-        className: r(o.content, {
-          [o.contentNoFooter]: !s
-        }),
-        tabIndex: 0,
-        children: c
-      }
-    ),
-    s && /* @__PURE__ */ n("footer", { className: r(o.footer, {
-      [o.footerScrollable]: f
-    }), children: s })
-  ] }) });
-};
-export {
-  U as D,
-  V as v
-};