@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/assets/CustomReactSelect.B9f_KYFg.css +1 -0
  2. package/assets/InputPassword.BuVQ9dRy.css +1 -0
  3. package/assets/InputSearch.Dwtb3Mhw.css +1 -0
  4. package/assets/InputStepper.CBt99L83.css +1 -0
  5. package/assets/Select.CghDnBUQ.css +1 -0
  6. package/assets/Textarea.BgtH-TTe.css +1 -0
  7. package/assets/banner.D9EiZqqR.css +1 -0
  8. package/assets/input.DFwunFjw.css +1 -0
  9. package/assets/radio.BCB51D_y.css +1 -0
  10. package/assets/scroller.Hszs1Yq4.css +1 -0
  11. package/banner.CgQdUb_c.js +55 -0
  12. package/banner.d.ts +2 -0
  13. package/chipgroup.BWpqUzXF.js +209 -0
  14. package/chunks/{CustomReactSelect.DWdh3k_q.js → CustomReactSelect.BPnzhvw1.js} +52 -49
  15. package/chunks/Header.Djs1adPW.js +361 -0
  16. package/chunks/InputPassword.D42uUEGy.js +136 -0
  17. package/chunks/InputSearch.aIbUXVQU.js +174 -0
  18. package/chunks/InputStepper.DFEdUWm7.js +263 -0
  19. package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.js} +1 -1
  20. package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.c7YYJdUe.js} +1 -1
  21. package/chunks/{Select.D3IUIdPJ.js → Select.B_EHpk22.js} +22 -22
  22. package/chunks/{Slider.CPG4Btbq.js → Slider.DMSwmGwD.js} +1 -1
  23. package/chunks/{Tabs.C4qGWCcD.js → Tabs.Bl4K3Kjn.js} +1 -1
  24. package/chunks/{Textarea.D4vXRg_U.js → Textarea.Ce26v6ht.js} +53 -53
  25. package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
  26. package/{combobox.DIB07SNA.js → combobox.AaK6QjRl.js} +1 -1
  27. package/components/Banner/Banner.d.ts +32 -0
  28. package/components/Banner/Banner.utils.d.ts +2 -0
  29. package/components/Scroller/Scroller.d.ts +20 -0
  30. package/components/Scroller/Scroller.utils.d.ts +3 -0
  31. package/components/Tabs/TabList/TabList.d.ts +1 -1
  32. package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
  33. package/{customreactselect.BvuvCDyE.js → customreactselect.Bu1i8wkh.js} +1 -1
  34. package/{header.DLrTpc-W.js → header.WhQHSuB1.js} +1 -1
  35. package/index.d.ts +4 -0
  36. package/index.es.js +202 -195
  37. package/{input.D4OiEI8g.js → input.DhxUW3zc.js} +35 -35
  38. package/{inputpassword.CYfGcUE-.js → inputpassword.CaJBCMA0.js} +1 -1
  39. package/{inputsearch.CecX8gHD.js → inputsearch.B06DhYzo.js} +1 -1
  40. package/{inputstepper.CFgfHjM_.js → inputstepper.DNY7nzP8.js} +1 -1
  41. package/{navigationtabs.B86G8ODY.js → navigationtabs.DQ1kE-h4.js} +2 -2
  42. package/package.json +2 -2
  43. package/partials/index.js +104 -82
  44. package/partials/lib/partials.d.ts +1 -1
  45. package/radio.Be4pFOLf.js +134 -0
  46. package/{radiogroup.C2PkTHnF.js → radiogroup.BRjwP01C.js} +2 -2
  47. package/scroller.CCA6kFR6.js +123 -0
  48. package/scroller.d.ts +2 -0
  49. package/{select.CmGQdpsV.js → select.3zE96eWc.js} +1 -1
  50. package/{slider.DGmVtnxs.js → slider.CTCf7Xdm.js} +2 -2
  51. package/tablist.Dzwe0_J4.js +256 -0
  52. package/{tabs.Dby_2Hyz.js → tabs.yudjJk9d.js} +2 -2
  53. package/{textarea.yOTo23Pd.js → textarea.B_3fPtmd.js} +1 -1
  54. package/{topbar.qNB9efbF.js → topbar.2b8fjmA4.js} +1 -1
  55. package/utils/get-rect.d.ts +4 -0
  56. package/utils/get-rect.test.d.ts +1 -0
  57. package/utils/index.d.ts +2 -1
  58. package/utils/is-animation-disabled.d.ts +14 -0
  59. package/utils/is-animation-disabled.test.d.ts +1 -0
  60. package/assets/CustomReactSelect.B8l6al4B.css +0 -1
  61. package/assets/InputPassword.CkHF5zCh.css +0 -1
  62. package/assets/InputSearch.BV8Q2EUL.css +0 -1
  63. package/assets/InputStepper.DzzrAdma.css +0 -1
  64. package/assets/Select.e1fTfWmm.css +0 -1
  65. package/assets/Textarea.BGV7Z0Z9.css +0 -1
  66. package/assets/input.Cj4tF_F7.css +0 -1
  67. package/assets/radio.CqaNn1Gz.css +0 -1
  68. package/chipgroup.Bp_v9IQu.js +0 -186
  69. package/chunks/Header.CsrzyVil.js +0 -356
  70. package/chunks/InputPassword.BQU09DJh.js +0 -136
  71. package/chunks/InputSearch.CXL9ThpX.js +0 -174
  72. package/chunks/InputStepper.BhLQVAlo.js +0 -263
  73. package/radio.Dm9bDBzM.js +0 -134
  74. package/tablist.CcCURua8.js +0 -266
  75. package/utils/isAnimationDisabled.d.ts +0 -1
  76. /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
@@ -8,13 +8,13 @@ import { jsx as f, css as st, keyframes as Jt } from "@emotion/react";
8
8
  import { createPortal as Lt } from "react-dom";
9
9
  import { a as Yt } from "./floating-ui.dom.C9TD1WpB.js";
10
10
  import { t as zt } from "./translate.nuU7uChI.js";
11
- import { g as pe, r as kt } from "./helpers.BbWkXTr3.js";
12
- import { u as jt } from "./useBreakpoint.CMOR9ZOB.js";
11
+ import { g as pe, r as jt } from "./helpers.BbWkXTr3.js";
12
+ import { u as kt } from "./useBreakpoint.CMOR9ZOB.js";
13
13
  import { Asterisk as Ut } from "../asterisk.CR60hx8S.js";
14
14
  import { D as be } from "./Icon.C0161Glk.js";
15
15
  import { DSSystemFeedback as Qt } from "../systemfeedback.CLQCbTF6.js";
16
16
  import { OptionCheckbox as _t } from "../optioncheckbox.CEEPAq0u.js";
17
- import '../assets/CustomReactSelect.B8l6al4B.css';function le(n) {
17
+ import '../assets/CustomReactSelect.B9f_KYFg.css';function le(n) {
18
18
  "@babel/helpers - typeof";
19
19
  return le = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
20
20
  return typeof e;
@@ -135,7 +135,7 @@ function un(n) {
135
135
  typeof c == "function" && (U = c(w, B)), x(U !== void 0 ? U : w);
136
136
  }, [c]), z = T(function() {
137
137
  typeof b == "function" && b(), E(!0);
138
- }, [b]), k = T(function() {
138
+ }, [b]), j = T(function() {
139
139
  typeof d == "function" && d(), E(!1);
140
140
  }, [d]), N = s !== void 0 ? s : I, P = o !== void 0 ? o : F, Y = p !== void 0 ? p : R;
141
141
  return C(C({}, v), {}, {
@@ -143,7 +143,7 @@ function un(n) {
143
143
  menuIsOpen: P,
144
144
  onChange: O,
145
145
  onInputChange: D,
146
- onMenuClose: k,
146
+ onMenuClose: j,
147
147
  onMenuOpen: z,
148
148
  value: Y
149
149
  });
@@ -325,7 +325,7 @@ function An(n) {
325
325
  width: e.width
326
326
  };
327
327
  }
328
- function ke() {
328
+ function je() {
329
329
  try {
330
330
  return document.createEvent("TouchEvent"), !0;
331
331
  } catch {
@@ -396,10 +396,10 @@ function Xn(n) {
396
396
  };
397
397
  }
398
398
  if (t === "auto" || l) {
399
- var k = e, N = l ? E : A;
400
- return N >= u && (k = Math.min(N - y - s, e)), {
399
+ var j = e, N = l ? E : A;
400
+ return N >= u && (j = Math.min(N - y - s, e)), {
401
401
  placement: "top",
402
- maxHeight: k
402
+ maxHeight: j
403
403
  };
404
404
  }
405
405
  if (t === "bottom")
@@ -596,7 +596,7 @@ var mt = function(e) {
596
596
  "--is-disabled": t,
597
597
  "--is-rtl": a
598
598
  }), u), i);
599
- }, kn = function(e, i) {
599
+ }, jn = function(e, i) {
600
600
  var u = e.theme.spacing, t = e.isMulti, a = e.hasValue, l = e.selectProps.controlShouldRenderValue;
601
601
  return C({
602
602
  alignItems: "center",
@@ -609,7 +609,7 @@ var mt = function(e) {
609
609
  }, i ? {} : {
610
610
  padding: "".concat(u.baseUnit / 2, "px ").concat(u.baseUnit * 2, "px")
611
611
  });
612
- }, jn = function(e) {
612
+ }, kn = function(e) {
613
613
  var i = e.children, u = e.innerProps, t = e.isMulti, a = e.hasValue;
614
614
  return f("div", h({}, Z(e, "valueContainer", {
615
615
  "value-container": !0,
@@ -628,7 +628,7 @@ var mt = function(e) {
628
628
  return f("div", h({}, Z(e, "indicatorsContainer", {
629
629
  indicators: !0
630
630
  }), u), i);
631
- }, je, _n = ["size"], $n = ["innerProps", "isRtl", "size"];
631
+ }, ke, _n = ["size"], $n = ["innerProps", "isRtl", "size"];
632
632
  function Kn() {
633
633
  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
634
634
  }
@@ -703,7 +703,7 @@ var qn = process.env.NODE_ENV === "production" ? {
703
703
  return f("span", h({}, i, Z(e, "indicatorSeparator", {
704
704
  "indicator-separator": !0
705
705
  })));
706
- }, ai = Jt(je || (je = pn([`
706
+ }, ai = Jt(ke || (ke = pn([`
707
707
  0%, 80%, 100% { opacity: 0; }
708
708
  40% { opacity: 1; }
709
709
  `]))), li = function(e, i) {
@@ -1048,7 +1048,7 @@ var Xi = function(e) {
1048
1048
  Placeholder: Hi,
1049
1049
  SelectContainer: zn,
1050
1050
  SingleValue: Ti,
1051
- ValueContainer: jn
1051
+ ValueContainer: kn
1052
1052
  }, wi = function(e) {
1053
1053
  return C(C({}, _), e.components);
1054
1054
  }, Ue = Number.isNaN || function(e) {
@@ -1087,7 +1087,7 @@ function Yi(n, e) {
1087
1087
  function zi() {
1088
1088
  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
1089
1089
  }
1090
- var ki = process.env.NODE_ENV === "production" ? {
1090
+ var ji = process.env.NODE_ENV === "production" ? {
1091
1091
  name: "7pg0cj-a11yText",
1092
1092
  styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
1093
1093
  } : {
@@ -1095,11 +1095,11 @@ var ki = process.env.NODE_ENV === "production" ? {
1095
1095
  styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
1096
1096
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IEpTWCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
1097
1097
  toString: zi
1098
- }, ji = function(e) {
1098
+ }, ki = function(e) {
1099
1099
  return f("span", h({
1100
- css: ki
1100
+ css: ji
1101
1101
  }, e));
1102
- }, Qe = ji, Ui = {
1102
+ }, Qe = ki, Ui = {
1103
1103
  guidance: function(e) {
1104
1104
  var i = e.isSearchable, u = e.isMulti, t = e.tabSelectsValue, a = e.context, l = e.isInitialFocus;
1105
1105
  switch (a) {
@@ -1154,14 +1154,14 @@ var ki = process.env.NODE_ENV === "production" ? {
1154
1154
  if (i && A.onChange) {
1155
1155
  var P = i.option, Y = i.options, w = i.removedValue, B = i.removedValues, U = i.value, oe = function(K) {
1156
1156
  return Array.isArray(K) ? null : K;
1157
- }, W = w || P || oe(U), J = W ? b(W) : "", $ = Y || B || void 0, ne = $ ? $.map(b) : [], j = C({
1157
+ }, W = w || P || oe(U), J = W ? b(W) : "", $ = Y || B || void 0, ne = $ ? $.map(b) : [], k = C({
1158
1158
  // multiSelected items are usually items that have already been selected
1159
1159
  // or set by the user as a default value so we assume they are not disabled
1160
1160
  isDisabled: W && m(W, s),
1161
1161
  label: J,
1162
1162
  labels: ne
1163
1163
  }, i);
1164
- N = A.onChange(j);
1164
+ N = A.onChange(k);
1165
1165
  }
1166
1166
  return N;
1167
1167
  }, [i, A, m, s, b]), H = ae(function() {
@@ -1207,7 +1207,7 @@ var ki = process.env.NODE_ENV === "production" ? {
1207
1207
  });
1208
1208
  }
1209
1209
  return N;
1210
- }, [E, u, t, v, m, g, I, A, s, y, D]), k = f(Re, null, f("span", {
1210
+ }, [E, u, t, v, m, g, I, A, s, y, D]), j = f(Re, null, f("span", {
1211
1211
  id: "aria-selection"
1212
1212
  }, R), f("span", {
1213
1213
  id: "aria-focused"
@@ -1218,12 +1218,12 @@ var ki = process.env.NODE_ENV === "production" ? {
1218
1218
  }, z));
1219
1219
  return f(Re, null, f(Qe, {
1220
1220
  id: r
1221
- }, D && k), f(Qe, {
1221
+ }, D && j), f(Qe, {
1222
1222
  "aria-live": S,
1223
1223
  "aria-atomic": "false",
1224
1224
  "aria-relevant": "additions text",
1225
1225
  role: "log"
1226
- }, l && !D && k));
1226
+ }, l && !D && j));
1227
1227
  }, _i = Qi, Ne = [{
1228
1228
  base: "A",
1229
1229
  letters: "AⒶAÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
@@ -1735,7 +1735,7 @@ var fu = function(e) {
1735
1735
  option: Wi,
1736
1736
  placeholder: Ni,
1737
1737
  singleValue: Di,
1738
- valueContainer: kn
1738
+ valueContainer: jn
1739
1739
  }, xu = {
1740
1740
  primary: "#2684FF",
1741
1741
  primary75: "#4C9AFF",
@@ -1765,8 +1765,8 @@ var fu = function(e) {
1765
1765
  }, Fu = {
1766
1766
  "aria-live": "polite",
1767
1767
  backspaceRemovesValue: !0,
1768
- blurInputOnSelect: ke(),
1769
- captureMenuScroll: !ke(),
1768
+ blurInputOnSelect: je(),
1769
+ captureMenuScroll: !je(),
1770
1770
  classNames: {},
1771
1771
  closeMenuOnSelect: !0,
1772
1772
  closeMenuOnScroll: !1,
@@ -1933,8 +1933,9 @@ var Zt = function(e) {
1933
1933
  prevWasFocused: !1,
1934
1934
  inputIsHiddenAfterUpdate: void 0,
1935
1935
  prevProps: void 0,
1936
- instancePrefix: ""
1937
- }, t.blockOptionHover = !1, t.isComposing = !1, t.commonProps = void 0, t.initialTouchX = 0, t.initialTouchY = 0, t.openAfterFocus = !1, t.scrollToFocusedOptionOnUpdate = !1, t.userIsDragging = void 0, t.isAppleDevice = vu(), t.controlRef = null, t.getControlRef = function(o) {
1936
+ instancePrefix: "",
1937
+ isAppleDevice: !1
1938
+ }, t.blockOptionHover = !1, t.isComposing = !1, t.commonProps = void 0, t.initialTouchX = 0, t.initialTouchY = 0, t.openAfterFocus = !1, t.scrollToFocusedOptionOnUpdate = !1, t.userIsDragging = void 0, t.controlRef = null, t.getControlRef = function(o) {
1938
1939
  t.controlRef = o;
1939
1940
  }, t.focusedOptionRef = null, t.getFocusedOptionRef = function(o) {
1940
1941
  t.focusedOptionRef = o;
@@ -2209,7 +2210,9 @@ var Zt = function(e) {
2209
2210
  return an(i, [{
2210
2211
  key: "componentDidMount",
2211
2212
  value: function() {
2212
- this.startListeningComposition(), this.startListeningToTouch(), this.props.closeMenuOnScroll && document && document.addEventListener && document.addEventListener("scroll", this.onScroll, !0), this.props.autoFocus && this.focusInput(), this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef && ze(this.menuListRef, this.focusedOptionRef);
2213
+ this.startListeningComposition(), this.startListeningToTouch(), this.props.closeMenuOnScroll && document && document.addEventListener && document.addEventListener("scroll", this.onScroll, !0), this.props.autoFocus && this.focusInput(), this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef && ze(this.menuListRef, this.focusedOptionRef), vu() && this.setState({
2214
+ isAppleDevice: !0
2215
+ });
2213
2216
  }
2214
2217
  }, {
2215
2218
  key: "componentDidUpdate",
@@ -2450,7 +2453,7 @@ var Zt = function(e) {
2450
2453
  "aria-labelledby": this.props["aria-labelledby"],
2451
2454
  "aria-required": b,
2452
2455
  role: "combobox",
2453
- "aria-activedescendant": this.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
2456
+ "aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
2454
2457
  }, d && {
2455
2458
  "aria-controls": this.getElementId("listbox")
2456
2459
  }), !l && {
@@ -2598,13 +2601,13 @@ var Zt = function(e) {
2598
2601
  }, {
2599
2602
  key: "renderMenu",
2600
2603
  value: function() {
2601
- var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, x = g.inputValue, V = g.isLoading, y = g.loadingMessage, F = g.minMenuHeight, E = g.maxMenuHeight, S = g.menuIsOpen, A = g.menuPlacement, R = g.menuPosition, H = g.menuPortalTarget, O = g.menuShouldBlockScroll, D = g.menuShouldScrollIntoView, z = g.noOptionsMessage, k = g.onMenuScrollToTop, N = g.onMenuScrollToBottom;
2604
+ var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, x = g.inputValue, V = g.isLoading, y = g.loadingMessage, F = g.minMenuHeight, E = g.maxMenuHeight, S = g.menuIsOpen, A = g.menuPlacement, R = g.menuPosition, H = g.menuPortalTarget, O = g.menuShouldBlockScroll, D = g.menuShouldScrollIntoView, z = g.noOptionsMessage, j = g.onMenuScrollToTop, N = g.onMenuScrollToBottom;
2602
2605
  if (!S) return null;
2603
2606
  var P = function(J, $) {
2604
- var ne = J.type, j = J.data, ie = J.isDisabled, K = J.isSelected, ge = J.label, Nt = J.value, Oe = m === j, Te = ie ? void 0 : function() {
2605
- return t.onOptionHover(j);
2607
+ var ne = J.type, k = J.data, ie = J.isDisabled, K = J.isSelected, ge = J.label, Nt = J.value, Oe = m === k, Te = ie ? void 0 : function() {
2608
+ return t.onOptionHover(k);
2606
2609
  }, Mt = ie ? void 0 : function() {
2607
- return t.selectOption(j);
2610
+ return t.selectOption(k);
2608
2611
  }, we = "".concat(t.getElementId("option"), "-").concat($), Ht = {
2609
2612
  id: we,
2610
2613
  onClick: Mt,
@@ -2612,12 +2615,12 @@ var Zt = function(e) {
2612
2615
  onMouseOver: Te,
2613
2616
  tabIndex: -1,
2614
2617
  role: "option",
2615
- "aria-selected": t.isAppleDevice ? void 0 : K
2618
+ "aria-selected": t.state.isAppleDevice ? void 0 : K
2616
2619
  // is not supported on Apple devices
2617
2620
  };
2618
2621
  return /* @__PURE__ */ X.createElement(p, h({}, v, {
2619
2622
  innerProps: Ht,
2620
- data: j,
2623
+ data: k,
2621
2624
  isDisabled: ie,
2622
2625
  isSelected: K,
2623
2626
  key: we,
@@ -2631,9 +2634,9 @@ var Zt = function(e) {
2631
2634
  if (this.hasOptions())
2632
2635
  Y = this.getCategorizedOptions().map(function(W) {
2633
2636
  if (W.type === "group") {
2634
- var J = W.data, $ = W.options, ne = W.index, j = "".concat(t.getElementId("group"), "-").concat(ne), ie = "".concat(j, "-heading");
2637
+ var J = W.data, $ = W.options, ne = W.index, k = "".concat(t.getElementId("group"), "-").concat(ne), ie = "".concat(k, "-heading");
2635
2638
  return /* @__PURE__ */ X.createElement(l, h({}, v, {
2636
- key: j,
2639
+ key: k,
2637
2640
  data: J,
2638
2641
  options: $,
2639
2642
  Heading: s,
@@ -2668,7 +2671,7 @@ var Zt = function(e) {
2668
2671
  menuPosition: R,
2669
2672
  menuShouldScrollIntoView: D
2670
2673
  }, oe = /* @__PURE__ */ X.createElement(Zn, h({}, v, U), function(W) {
2671
- var J = W.ref, $ = W.placerProps, ne = $.placement, j = $.maxHeight;
2674
+ var J = W.ref, $ = W.placerProps, ne = $.placement, k = $.maxHeight;
2672
2675
  return /* @__PURE__ */ X.createElement(o, h({}, v, U, {
2673
2676
  innerRef: J,
2674
2677
  innerProps: {
@@ -2679,7 +2682,7 @@ var Zt = function(e) {
2679
2682
  placement: ne
2680
2683
  }), /* @__PURE__ */ X.createElement(su, {
2681
2684
  captureEnabled: I,
2682
- onTopArrive: k,
2685
+ onTopArrive: j,
2683
2686
  onBottomArrive: N,
2684
2687
  lockEnabled: O
2685
2688
  }, function(ie) {
@@ -2693,7 +2696,7 @@ var Zt = function(e) {
2693
2696
  id: t.getElementId("listbox")
2694
2697
  },
2695
2698
  isLoading: V,
2696
- maxHeight: j,
2699
+ maxHeight: k,
2697
2700
  focusedOption: m
2698
2701
  }), Y);
2699
2702
  }));
@@ -2761,7 +2764,7 @@ var Zt = function(e) {
2761
2764
  isFocused: r,
2762
2765
  selectValue: c,
2763
2766
  focusableOptions: d,
2764
- isAppleDevice: this.isAppleDevice
2767
+ isAppleDevice: this.state.isAppleDevice
2765
2768
  }));
2766
2769
  }
2767
2770
  }, {
@@ -2915,7 +2918,7 @@ const Nu = (n) => {
2915
2918
  if (Array.isArray(i)) {
2916
2919
  if (i.length === 0)
2917
2920
  throw new Error(pe("DSCombobox", "The options array must not be empty."));
2918
- } else throw new Error(pe("DSCombobox", kt("options", "DSCombobox")));
2921
+ } else throw new Error(pe("DSCombobox", jt("options", "DSCombobox")));
2919
2922
  }, Qo = ["medium", "small"], Mu = {
2920
2923
  placeholder: "",
2921
2924
  navigationGuidance: "Use Up and Down to choose options",
@@ -2979,7 +2982,7 @@ const Nu = (n) => {
2979
2982
  }, Xe = {
2980
2983
  en: Mu,
2981
2984
  de: Hu
2982
- }, Du = "ds-combobox_root_qz0ok_1", Ou = "ds-combobox_hint_qz0ok_10", Tu = "ds-combobox_label_qz0ok_10", wu = "ds-combobox_label--hidden_qz0ok_38", Ju = "ds-combobox_label--disabled_qz0ok_51", Lu = "ds-combobox_feedback_qz0ok_71", Yu = "ds-combobox_select_qz0ok_76", zu = "ds-combobox_select--invalid_qz0ok_188", ku = "ds-combobox_select--small_qz0ok_195", ju = "ds-combobox_select--disabled_qz0ok_289", Uu = "ds-combobox_select--focused_qz0ok_300", Qu = "ds-combobox_select--hovered_qz0ok_317", _u = "ds-combobox_placeholder_qz0ok_327", $u = "ds-combobox_menu-list_qz0ok_336", Ku = "ds-combobox_group-heading_qz0ok_353", qu = "ds-combobox_option_qz0ok_375", eo = "ds-combobox_option--small_qz0ok_391", to = "ds-combobox_option--single_qz0ok_406", no = "ds-combobox_option--disabled_qz0ok_409", io = "ds-combobox_option--focus-hover_qz0ok_417", uo = "ds-combobox_option--text_qz0ok_435", oo = "ds-combobox_option--check-icon_qz0ok_438", ao = "ds-combobox_option--check-icon--disabled_qz0ok_448", lo = "ds-combobox_single-option_qz0ok_457", ro = "ds-combobox_multi-option_qz0ok_463", so = "ds-combobox_single-value_qz0ok_467", co = "ds-combobox_single-value--text_qz0ok_471", bo = "ds-combobox_leading-icon_qz0ok_478", go = "ds-combobox_leading-icon--small_qz0ok_489", po = "ds-combobox_leading-icon--selected_qz0ok_489", Io = "ds-combobox_leading-icon--disabled_qz0ok_492", mo = "ds-combobox_indicator_qz0ok_501", vo = "ds-combobox_clear_qz0ok_502", fo = "ds-combobox_indicator--small_qz0ok_508", Co = "ds-combobox_clear--small_qz0ok_509", ho = "ds-combobox_indicator--icon_qz0ok_513", Ao = "ds-combobox_clear--icon_qz0ok_514", Go = "ds-combobox_indicator--icon--small_qz0ok_521", xo = "ds-combobox_clear--icon--small_qz0ok_522", G = {
2985
+ }, Du = "ds-combobox_root_yjj25_1", Ou = "ds-combobox_hint_yjj25_10", Tu = "ds-combobox_label_yjj25_10", wu = "ds-combobox_label--hidden_yjj25_38", Ju = "ds-combobox_label--disabled_yjj25_51", Lu = "ds-combobox_feedback_yjj25_71", Yu = "ds-combobox_select_yjj25_76", zu = "ds-combobox_select--small_yjj25_84", ju = "ds-combobox_select--invalid_yjj25_196", ku = "ds-combobox_select--disabled_yjj25_296", Uu = "ds-combobox_select--focused_yjj25_307", Qu = "ds-combobox_select--hovered_yjj25_324", _u = "ds-combobox_placeholder_yjj25_334", $u = "ds-combobox_menu-list_yjj25_343", Ku = "ds-combobox_group-heading_yjj25_360", qu = "ds-combobox_option_yjj25_382", eo = "ds-combobox_option--small_yjj25_398", to = "ds-combobox_option--single_yjj25_413", no = "ds-combobox_option--disabled_yjj25_416", io = "ds-combobox_option--focus-hover_yjj25_424", uo = "ds-combobox_option--text_yjj25_442", oo = "ds-combobox_option--check-icon_yjj25_445", ao = "ds-combobox_option--check-icon--disabled_yjj25_455", lo = "ds-combobox_single-option_yjj25_464", ro = "ds-combobox_multi-option_yjj25_470", so = "ds-combobox_single-value_yjj25_474", co = "ds-combobox_single-value--text_yjj25_478", bo = "ds-combobox_leading-icon_yjj25_485", go = "ds-combobox_leading-icon--small_yjj25_496", po = "ds-combobox_leading-icon--selected_yjj25_496", Io = "ds-combobox_leading-icon--disabled_yjj25_499", mo = "ds-combobox_indicator_yjj25_508", vo = "ds-combobox_clear_yjj25_509", fo = "ds-combobox_indicator--small_yjj25_515", Co = "ds-combobox_clear--small_yjj25_516", ho = "ds-combobox_indicator--icon_yjj25_520", Ao = "ds-combobox_clear--icon_yjj25_521", Go = "ds-combobox_indicator--icon--small_yjj25_528", xo = "ds-combobox_clear--icon--small_yjj25_529", G = {
2983
2986
  root: Du,
2984
2987
  hint: Ou,
2985
2988
  label: Tu,
@@ -2987,9 +2990,9 @@ const Nu = (n) => {
2987
2990
  labelDisabled: Ju,
2988
2991
  feedback: Lu,
2989
2992
  select: Yu,
2990
- selectInvalid: zu,
2991
- selectSmall: ku,
2992
- selectDisabled: ju,
2993
+ selectSmall: zu,
2994
+ selectInvalid: ju,
2995
+ selectDisabled: ku,
2993
2996
  selectFocused: Uu,
2994
2997
  selectHovered: Qu,
2995
2998
  placeholder: _u,
@@ -3041,7 +3044,7 @@ const Nu = (n) => {
3041
3044
  }, x) => {
3042
3045
  const [V, y] = ue(!1), F = ae(() => i, [JSON.stringify(i)]), E = Q(null), S = (B) => {
3043
3046
  B && (E.current = B, typeof x == "function" ? x(B.inputRef) : x && (x.current = B.inputRef));
3044
- }, A = p ? p.placeholder : Xe[r].placeholder, R = jt(l), H = `${n}-label`, O = `${n}-feedback`, D = `${n}-hint`, z = a ? ` ${D}` : "", k = () => p ? p.filterNoOptions : Xe[r].filterNoOptions, N = L(G.root, u), P = L(G.label, {
3047
+ }, A = p ? p.placeholder : Xe[r].placeholder, R = kt(l), H = `${n}-label`, O = `${n}-feedback`, D = `${n}-hint`, z = a ? ` ${D}` : "", j = () => p ? p.filterNoOptions : Xe[r].filterNoOptions, N = L(G.root, u), P = L(G.label, {
3045
3048
  // hide label only visually to keep them available for assistive technologies
3046
3049
  [G.labelHidden]: R,
3047
3050
  [G.labelDisabled]: t
@@ -3081,7 +3084,7 @@ const Nu = (n) => {
3081
3084
  isDisabled: t,
3082
3085
  isMulti: o,
3083
3086
  isSearchable: !0,
3084
- noOptionsMessage: k,
3087
+ noOptionsMessage: j,
3085
3088
  options: F,
3086
3089
  placeholder: A,
3087
3090
  required: c,