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

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 (147) hide show
  1. package/{accordion.T4ah-Sa6.js → accordion.CBaDU14g.js} +3 -3
  2. package/actionbutton.DEJsLxnQ.js +11 -0
  3. package/actionbutton.d.ts +2 -0
  4. package/actionlink.Cs6BTCA3.js +11 -0
  5. package/actionlink.d.ts +2 -0
  6. package/{arialiveregions.DVsA5OTR.js → arialiveregions.Fgcshs5k.js} +1 -1
  7. package/assets/ActionButton.Ewi0i1hW.css +1 -0
  8. package/assets/ActionLink.BdPEvuGm.css +1 -0
  9. package/assets/Button.Dw8H5nFS.css +1 -0
  10. package/assets/Icon.QeJ7TxZs.css +1 -0
  11. package/assets/InputFile.Dqjz53mb.css +1 -0
  12. package/assets/LinkButton.xMvg_ojf.css +1 -0
  13. package/assets/NavigationTabList.CFlVhUzS.css +1 -0
  14. package/assets/Popover.BDTDsPAt.css +1 -0
  15. package/assets/buttonround.Cw9hnUan.css +1 -0
  16. package/assets/{numberindicator.BJnvB-K3.css → numberindicator.O6XwvtL0.css} +1 -1
  17. package/{breadcrumb.gcCDIVj2.js → breadcrumb.x78HJy5P.js} +3 -3
  18. package/button.BD_04tIG.js +12 -0
  19. package/buttonround.BT3OfowK.js +81 -0
  20. package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
  21. package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
  22. package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
  23. package/{chipgroup.D1Km301k.js → chipgroup.Bp_v9IQu.js} +2 -2
  24. package/chunks/{Accordion.BKSnVQtR.js → Accordion.eVOD7J_8.js} +3 -3
  25. package/chunks/ActionButton.Ck1rGqgm.js +165 -0
  26. package/chunks/ActionLink.DnUNjoAT.js +138 -0
  27. package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
  28. package/chunks/{Breadcrumb.Cq3I3bPY.js → Breadcrumb.B7g30dIO.js} +8 -8
  29. package/chunks/Button.CC0qEsuR.js +127 -0
  30. package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
  31. package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
  32. package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
  33. package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.DWdh3k_q.js} +1340 -1580
  34. package/chunks/{Dialog.ZSSlU83U.js → Dialog.BuEEJ199.js} +2 -2
  35. package/chunks/{Drawer.CR4lh9pD.js → Drawer.BXUGmpJI.js} +13 -13
  36. package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
  37. package/chunks/Header.CsrzyVil.js +356 -0
  38. package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
  39. package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
  40. package/chunks/{InputFile.DME1xfrc.js → InputFile.vkkg5Pab.js} +32 -32
  41. package/chunks/{InputPassword.CitwH0gw.js → InputPassword.BQU09DJh.js} +16 -16
  42. package/chunks/{InputSearch.BS5Tk698.js → InputSearch.CXL9ThpX.js} +68 -68
  43. package/chunks/{InputStepper.CNfA7g7U.js → InputStepper.BhLQVAlo.js} +18 -18
  44. package/chunks/LinkButton.DmXVHeyZ.js +117 -0
  45. package/chunks/NavigationTabList.IQM074Vb.js +57 -0
  46. package/chunks/{NavigationTabs.BbubgqFM.js → NavigationTabs.CuOXq0b7.js} +2 -2
  47. package/chunks/{Notification.CSMpFjaH.js → Notification.B-3dPVUE.js} +11 -11
  48. package/chunks/Popover.hXQTvwwd.js +1685 -0
  49. package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.okEm_-NA.js} +2 -2
  50. package/chunks/{Select.DCxMPsCm.js → Select.D3IUIdPJ.js} +3 -3
  51. package/chunks/{Slider.DEERUF2g.js → Slider.CPG4Btbq.js} +2 -2
  52. package/chunks/{Tabs.CPCtV-Qz.js → Tabs.C4qGWCcD.js} +2 -2
  53. package/chunks/Text.DGWeWF1y.js +75 -0
  54. package/chunks/{Textarea.Bs4-nzu8.js → Textarea.D4vXRg_U.js} +2 -2
  55. package/chunks/{Toast.BFFytKOu.js → Toast.BHz0vlGz.js} +2 -2
  56. package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
  57. package/chunks/helpers.BbWkXTr3.js +37 -0
  58. package/{combobox.DW_ey38o.js → combobox.DIB07SNA.js} +1 -1
  59. package/components/ActionButton/ActionButton.d.ts +61 -0
  60. package/components/ActionButton/ActionButton.test.d.ts +1 -0
  61. package/components/ActionButton/ActionButton.utils.d.ts +22 -0
  62. package/components/ActionButton/ActionButton.utils.test.d.ts +1 -0
  63. package/components/ActionLink/ActionLink.d.ts +38 -0
  64. package/components/ActionLink/ActionLink.test.d.ts +1 -0
  65. package/components/ActionLink/ActionLink.utils.d.ts +19 -0
  66. package/components/ActionLink/ActionLink.utils.test.d.ts +1 -0
  67. package/components/Button/Button.utils.d.ts +18 -1
  68. package/components/Button/Button.utils.test.d.ts +1 -0
  69. package/components/Header/Header.utils.d.ts +0 -2
  70. package/components/Icon/Icon.d.ts +1 -1
  71. package/components/Icon/Icon.utils.d.ts +1 -1
  72. package/components/LinkButton/LinkButton.utils.d.ts +18 -1
  73. package/components/LinkButton/LinkButton.utils.test.d.ts +1 -0
  74. package/components/Popover/Popover.d.ts +40 -0
  75. package/components/Popover/Popover.test.d.ts +1 -0
  76. package/components/Popover/Popover.utils.d.ts +53 -0
  77. package/components/Popover/Popover.utils.test.d.ts +1 -0
  78. package/components/Text/Text.utils.d.ts +14 -1
  79. package/connected-icon.svg +1 -0
  80. package/{customreactselect.DcH7h1mb.js → customreactselect.BvuvCDyE.js} +4 -4
  81. package/{dialog.BLaDkoYL.js → dialog.CGsUCqhR.js} +2 -2
  82. package/{drawer.DQOaxczX.js → drawer.BcAo4TO0.js} +2 -2
  83. package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
  84. package/{filelist.Ba5xMDGg.js → filelist.Cj9U-Jx8.js} +3 -3
  85. package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
  86. package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
  87. package/{header.5iwPmK5V.js → header.DLrTpc-W.js} +2 -2
  88. package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
  89. package/icon.svg +1 -1
  90. package/imow-icon.svg +1 -0
  91. package/index.d.ts +6 -0
  92. package/index.es.js +195 -173
  93. package/{input.REQvMr96.js → input.D4OiEI8g.js} +23 -23
  94. package/{inputfile.D0VMZuDy.js → inputfile.Cmkxf4Vq.js} +6 -6
  95. package/{inputpassword.ovZjXw8s.js → inputpassword.CYfGcUE-.js} +3 -3
  96. package/{inputsearch.Bj8EfXX5.js → inputsearch.CecX8gHD.js} +4 -4
  97. package/{inputstepper.BMtVUIoM.js → inputstepper.CFgfHjM_.js} +4 -4
  98. package/{link.2XoCKjFH.js → link.DGuYGfh2.js} +2 -2
  99. package/linkbutton.B3q0B_yb.js +11 -0
  100. package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
  101. package/mystihl-icon.svg +1 -0
  102. package/navigationtablist.CS9yEGdP.js +9 -0
  103. package/{navigationtabs.Dpgk-3SR.js → navigationtabs.B86G8ODY.js} +2 -2
  104. package/{notification.Dv9ig-VY.js → notification.D8BDaU5x.js} +3 -3
  105. package/numberindicator.Ddf3ESi7.js +33 -0
  106. package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
  107. package/package.json +3 -1
  108. package/partials/assets.const.js +2 -0
  109. package/partials/copyAssets.js +4 -2
  110. package/partials/index.js +46 -28
  111. package/partials/lib/partials.d.ts +1 -1
  112. package/popover.BFx99cHg.js +10 -0
  113. package/popover.d.ts +2 -0
  114. package/{radiogroup.BnMkpjvV.js → radiogroup.C2PkTHnF.js} +2 -2
  115. package/{select.BSvjDIVC.js → select.CmGQdpsV.js} +3 -3
  116. package/{skiptocontent.CZlRYx9p.js → skiptocontent.D1UkPmhD.js} +11 -11
  117. package/{slider.D1BsPd0g.js → slider.DGmVtnxs.js} +2 -2
  118. package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
  119. package/styles/scss/ds/lib/ds-internal/_link-button.scss +21 -2
  120. package/styles/scss/ds/lib/link-button.scss +9 -0
  121. package/styles/scss/ds/lib/text.scss +24 -0
  122. package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
  123. package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
  124. package/{tablist.CRMbhl0A.js → tablist.CcCURua8.js} +5 -5
  125. package/{tabs.C0wEoFwL.js → tabs.Dby_2Hyz.js} +2 -2
  126. package/{topbar.BPSDyH0N.js → text.ZOUuesnU.js} +3 -3
  127. package/{textarea.D0ADOdR6.js → textarea.yOTo23Pd.js} +3 -3
  128. package/{toast.BhclbJsT.js → toast.Bhpwj1NF.js} +3 -3
  129. package/{toastmanager.aZGcyVFF.js → toastmanager.BHk65ynQ.js} +3 -3
  130. package/topbar.qNB9efbF.js +11 -0
  131. package/utils/helpers.d.ts +10 -0
  132. package/assets/Icon.ZNrKuqgu.css +0 -1
  133. package/assets/InputFile.Dx_CULYq.css +0 -1
  134. package/assets/NavigationTabList.B6x56sAV.css +0 -1
  135. package/assets/button.H5AqLh2o.css +0 -1
  136. package/assets/buttonround.C-l_HArD.css +0 -1
  137. package/assets/linkbutton.DuHHqo7Z.css +0 -1
  138. package/button.Bt0-bRGX.js +0 -106
  139. package/buttonround.DWclCEVH.js +0 -81
  140. package/chunks/Header.DPafHEKw.js +0 -384
  141. package/chunks/NavigationTabList.BeGdzxOj.js +0 -57
  142. package/chunks/helpers.CcqWV-wZ.js +0 -8
  143. package/linkbutton.nddFCT_K.js +0 -92
  144. package/navigationtablist.B1WjOPFB.js +0 -9
  145. package/numberindicator.BPWvqr7f.js +0 -33
  146. package/text.BBwtpoiR.js +0 -49
  147. /package/assets/{text.Dgpj61UP.css → Text.Dgpj61UP.css} +0 -0
@@ -1,14 +1,14 @@
1
1
  "use client";
2
- import { jsx as C, jsxs as gt } from "react/jsx-runtime";
2
+ import { jsx as C, jsxs as It } from "react/jsx-runtime";
3
3
  import { d as Pt } from "./index.CgTHIF3K.js";
4
4
  import { c as F } from "./index.CEyLAtio.js";
5
5
  import { forwardRef as Vt, useState as Ot, useRef as wt, useEffect as zt } from "react";
6
- import { g as Dt, a as $t } from "./helpers.CcqWV-wZ.js";
6
+ import { g as gt, a as $t } from "./helpers.BbWkXTr3.js";
7
7
  import { u as qt } from "./useBreakpoint.CMOR9ZOB.js";
8
8
  import { Asterisk as xt } from "../asterisk.CR60hx8S.js";
9
- import { DSButton as Et } from "../button.Bt0-bRGX.js";
10
- import { DSSystemFeedback as Ft } from "../systemfeedback.BpKZEv4U.js";
11
- import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kzjb_1", Tt = "ds-input-search_input_1kzjb_5", Mt = "ds-input-search_input--invalid_1kzjb_117", Wt = "ds-input-search_input--small_1kzjb_124", Gt = "ds-input-search_input--has-action-button_1kzjb_180", Jt = "ds-input-search_input--has-second-action-button_1kzjb_183", Kt = "ds-input-search_hint_1kzjb_225", Qt = "ds-input-search_label_1kzjb_225", Ut = "ds-input-search_wrapper_1kzjb_229", Xt = "ds-input-search_action-button_1kzjb_235", Yt = "ds-input-search_second-action-button_1kzjb_239", Zt = "ds-input-search_label--hidden_1kzjb_257", te = "ds-input-search_label--disabled_1kzjb_270", ee = "ds-input-search_feedback_1kzjb_290", n = {
9
+ import { D as Et } from "./Button.CC0qEsuR.js";
10
+ import { DSSystemFeedback as Ft } from "../systemfeedback.CLQCbTF6.js";
11
+ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kzjb_1", Tt = "ds-input-search_input_1kzjb_5", Mt = "ds-input-search_input--invalid_1kzjb_117", Wt = "ds-input-search_input--small_1kzjb_124", Gt = "ds-input-search_input--has-action-button_1kzjb_180", Jt = "ds-input-search_input--has-second-action-button_1kzjb_183", Kt = "ds-input-search_hint_1kzjb_225", Qt = "ds-input-search_label_1kzjb_225", Ut = "ds-input-search_wrapper_1kzjb_229", Xt = "ds-input-search_action-button_1kzjb_235", Yt = "ds-input-search_second-action-button_1kzjb_239", Zt = "ds-input-search_label--hidden_1kzjb_257", te = "ds-input-search_label--disabled_1kzjb_270", ee = "ds-input-search_feedback_1kzjb_290", s = {
12
12
  root: Rt,
13
13
  input: Tt,
14
14
  inputInvalid: Mt,
@@ -23,18 +23,18 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
23
23
  labelHidden: Zt,
24
24
  labelDisabled: te,
25
25
  feedback: ee
26
- }, ne = ({
27
- id: i,
28
- label: a
26
+ }, se = ({
27
+ id: a,
28
+ label: i
29
29
  }) => {
30
- if (!i)
31
- throw new Error(Dt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
32
30
  if (!a)
33
- throw new Error(Dt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
34
- }, se = (i) => !!$t(i, "form"), ie = Vt((i, a) => {
31
+ throw new Error(gt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
32
+ if (!i)
33
+ throw new Error(gt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
34
+ }, ne = (a) => !!$t(a, "form"), ae = Vt((a, i) => {
35
35
  const t = Pt.c(103);
36
36
  let l, d, e, h, f, m, _, c, L, H, P, V, O, $, q, p;
37
- t[0] !== i ? ({
37
+ t[0] !== a ? ({
38
38
  id: e,
39
39
  label: h,
40
40
  className: l,
@@ -51,9 +51,9 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
51
51
  submitButtonProps: _,
52
52
  onChange: f,
53
53
  ...m
54
- } = i, t[0] = i, t[1] = l, t[2] = d, t[3] = e, t[4] = h, t[5] = f, t[6] = m, t[7] = _, t[8] = c, t[9] = L, t[10] = H, t[11] = P, t[12] = V, t[13] = O, t[14] = $, t[15] = q, t[16] = p) : (l = t[1], d = t[2], e = t[3], h = t[4], f = t[5], m = t[6], _ = t[7], c = t[8], L = t[9], H = t[10], P = t[11], V = t[12], O = t[13], $ = t[14], q = t[15], p = t[16]);
55
- const lt = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, At = P === void 0 ? !1 : P, s = V === void 0 ? !1 : V, r = O === void 0 ? !1 : O, v = $ === void 0 ? !1 : $, u = q === void 0 ? "medium" : q;
56
- process.env.NODE_ENV !== "production" && ne({
54
+ } = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = h, t[5] = f, t[6] = m, t[7] = _, t[8] = c, t[9] = L, t[10] = H, t[11] = P, t[12] = V, t[13] = O, t[14] = $, t[15] = q, t[16] = p) : (l = t[1], d = t[2], e = t[3], h = t[4], f = t[5], m = t[6], _ = t[7], c = t[8], L = t[9], H = t[10], P = t[11], V = t[12], O = t[13], $ = t[14], q = t[15], p = t[16]);
55
+ const lt = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, At = P === void 0 ? !1 : P, n = V === void 0 ? !1 : V, r = O === void 0 ? !1 : O, v = $ === void 0 ? !1 : $, u = q === void 0 ? "medium" : q;
56
+ process.env.NODE_ENV !== "production" && se({
57
57
  id: e,
58
58
  label: h
59
59
  });
@@ -67,9 +67,9 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
67
67
  } = S, t[19] = S, t[20] = y, t[21] = k, t[22] = x) : (y = t[20], k = t[21], x = t[22]);
68
68
  const ot = x === void 0 ? "Search" : x, [B, Nt] = Ot(p), ct = wt(null), R = wt(null);
69
69
  let T;
70
- t[23] !== a ? (T = (b) => {
71
- R.current = b, typeof a == "function" ? a(b) : a && (a.current = b);
72
- }, t[23] = a, t[24] = T) : T = t[24];
70
+ t[23] !== i ? (T = (b) => {
71
+ R.current = b, typeof i == "function" ? i(b) : i && (i.current = b);
72
+ }, t[23] = i, t[24] = T) : T = t[24];
73
73
  const rt = T, ut = qt(At);
74
74
  let M, W;
75
75
  t[25] !== p ? (M = () => {
@@ -77,43 +77,43 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
77
77
  }, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), zt(M, W);
78
78
  let G;
79
79
  t[28] !== e ? (G = () => {
80
- ct.current && !se(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(Dt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
80
+ ct.current && !ne(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(gt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
81
81
  }, t[28] = e, t[29] = G) : G = t[29];
82
82
  let J;
83
83
  t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], zt(G, J);
84
- const K = `${e}-label`, I = `${e}-feedback`, Q = `${e}-hint`, Ct = d ? ` ${Q}` : "";
84
+ const K = `${e}-label`, D = `${e}-feedback`, Q = `${e}-hint`, Ct = d ? ` ${Q}` : "";
85
85
  let U;
86
- t[31] !== s || t[32] !== c || t[33] !== I ? (U = [s && c && I].filter(Boolean).join(" ") || void 0, t[31] = s, t[32] = c, t[33] = I, t[34] = U) : U = t[34];
86
+ t[31] !== n || t[32] !== c || t[33] !== D ? (U = [n && c && D].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = c, t[33] = D, t[34] = U) : U = t[34];
87
87
  const dt = U, X = B !== "" && B !== void 0 && B !== null;
88
88
  let Y;
89
- t[35] !== l ? (Y = F(n.root, l), t[35] = l, t[36] = Y) : Y = t[36];
89
+ t[35] !== l ? (Y = F(s.root, l), t[35] = l, t[36] = Y) : Y = t[36];
90
90
  const pt = Y, bt = u === "small", ht = X && !r && !o;
91
91
  let Z;
92
- t[37] !== s || t[38] !== bt || t[39] !== ht ? (Z = F(n.input, {
93
- [n.inputSmall]: bt,
94
- [n.inputInvalid]: s,
95
- [n.inputHasActionButton]: !0,
96
- [n.inputHasSecondActionButton]: ht
97
- }), t[37] = s, t[38] = bt, t[39] = ht, t[40] = Z) : Z = t[40];
92
+ t[37] !== n || t[38] !== bt || t[39] !== ht ? (Z = F(s.input, {
93
+ [s.inputSmall]: bt,
94
+ [s.inputInvalid]: n,
95
+ [s.inputHasActionButton]: !0,
96
+ [s.inputHasSecondActionButton]: ht
97
+ }), t[37] = n, t[38] = bt, t[39] = ht, t[40] = Z) : Z = t[40];
98
98
  const ft = Z;
99
99
  let tt;
100
- t[41] !== o || t[42] !== ut ? (tt = F(n.label, {
101
- [n.labelHidden]: ut,
102
- [n.labelDisabled]: o
100
+ t[41] !== o || t[42] !== ut ? (tt = F(s.label, {
101
+ [s.labelHidden]: ut,
102
+ [s.labelDisabled]: o
103
103
  }), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
104
104
  const mt = tt, _t = u === "small";
105
105
  let et;
106
- t[44] !== _t ? (et = F(n.actionButton, {
107
- [n.actionButtonSmall]: _t
106
+ t[44] !== _t ? (et = F(s.actionButton, {
107
+ [s.actionButtonSmall]: _t
108
108
  }), t[44] = _t, t[45] = et) : et = t[45];
109
109
  const vt = et, St = u === "small";
110
- let nt;
111
- t[46] !== St ? (nt = F(n.secondActionButton, {
112
- [n.secondActionButtonSmall]: St
113
- }), t[46] = St, t[47] = nt) : nt = t[47];
114
- const yt = nt, Lt = ae;
115
110
  let st;
116
- t[48] === Symbol.for("react.memo_cache_sentinel") ? (st = () => {
111
+ t[46] !== St ? (st = F(s.secondActionButton, {
112
+ [s.secondActionButtonSmall]: St
113
+ }), t[46] = St, t[47] = st) : st = t[47];
114
+ const yt = st, Lt = ie;
115
+ let nt;
116
+ t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
117
117
  var jt;
118
118
  if (!R.current)
119
119
  return;
@@ -122,53 +122,53 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
122
122
  bubbles: !0
123
123
  });
124
124
  (jt = R.current) == null || jt.dispatchEvent(b);
125
- }, t[48] = st) : st = t[48];
126
- const Ht = st;
127
- let it;
128
- t[49] !== f ? (it = (b) => {
125
+ }, t[48] = nt) : nt = t[48];
126
+ const Ht = nt;
127
+ let at;
128
+ t[49] !== f ? (at = (b) => {
129
129
  Nt(b.target.value), f && f(b);
130
- }, t[49] = f, t[50] = it) : it = t[50];
131
- const kt = it;
130
+ }, t[49] = f, t[50] = at) : at = t[50];
131
+ const kt = at;
132
+ let I;
133
+ t[51] !== v ? (I = v && /* @__PURE__ */ C(xt, {}), t[51] = v, t[52] = I) : I = t[52];
132
134
  let g;
133
- t[51] !== v ? (g = v && /* @__PURE__ */ C(xt, {}), t[51] = v, t[52] = g) : g = t[52];
134
- let D;
135
- t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== g ? (D = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
135
+ t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== I ? (g = /* @__PURE__ */ It("label", { className: mt, id: K, htmlFor: e, children: [
136
136
  h,
137
- g
138
- ] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] = g, t[58] = D) : D = t[58];
137
+ I
138
+ ] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] = I, t[58] = g) : g = t[58];
139
139
  let N;
140
- t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ C("div", { className: n.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = N) : N = t[61];
140
+ t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ C("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = N) : N = t[61];
141
141
  let j;
142
- t[62] !== s || t[63] !== c || t[64] !== I ? (j = s && c && /* @__PURE__ */ C(Ft, { className: n.feedback, message: c, type: "invalid", id: I }), t[62] = s, t[63] = c, t[64] = I, t[65] = j) : j = t[65];
142
+ t[62] !== n || t[63] !== c || t[64] !== D ? (j = n && c && /* @__PURE__ */ C(Ft, { className: s.feedback, message: c, type: "invalid", id: D }), t[62] = n, t[63] = c, t[64] = D, t[65] = j) : j = t[65];
143
143
  const Bt = `${K}${Ct}`;
144
144
  let w;
145
- t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== kt || t[70] !== e || t[71] !== ft || t[72] !== B || t[73] !== s || t[74] !== r || t[75] !== v || t[76] !== m || t[77] !== Bt ? (w = /* @__PURE__ */ C("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Bt, "aria-describedby": dt, "aria-invalid": s, "aria-disabled": r, readOnly: r, required: v, disabled: o, type: "search", value: B, onChange: kt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = kt, t[70] = e, t[71] = ft, t[72] = B, t[73] = s, t[74] = r, t[75] = v, t[76] = m, t[77] = Bt, t[78] = w) : w = t[78];
145
+ t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== kt || t[70] !== e || t[71] !== ft || t[72] !== B || t[73] !== n || t[74] !== r || t[75] !== v || t[76] !== m || t[77] !== Bt ? (w = /* @__PURE__ */ C("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Bt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: v, disabled: o, type: "search", value: B, onChange: kt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = kt, t[70] = e, t[71] = ft, t[72] = B, t[73] = n, t[74] = r, t[75] = v, t[76] = m, t[77] = Bt, t[78] = w) : w = t[78];
146
146
  let z;
147
147
  t[79] !== yt || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (z = X && !r && !o && /* @__PURE__ */ C(Et, { hideLabel: !0, theme: "light", iconName: "cross", className: yt, variant: "ghost", size: u, onClick: Ht, type: "button", tabIndex: -1, children: lt }), t[79] = yt, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = z) : z = t[85];
148
- const It = o || r;
148
+ const Dt = o || r;
149
149
  let E;
150
- t[86] !== y || t[87] !== k || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !== It ? (E = /* @__PURE__ */ C(Et, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: It, children: ot }), t[86] = y, t[87] = k, t[88] = u, t[89] = vt, t[90] = ot, t[91] = It, t[92] = E) : E = t[92];
150
+ t[86] !== y || t[87] !== k || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !== Dt ? (E = /* @__PURE__ */ C(Et, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: Dt, children: ot }), t[86] = y, t[87] = k, t[88] = u, t[89] = vt, t[90] = ot, t[91] = Dt, t[92] = E) : E = t[92];
151
151
  let A;
152
- t[93] !== w || t[94] !== z || t[95] !== E ? (A = /* @__PURE__ */ gt("div", { className: n.wrapper, children: [
152
+ t[93] !== w || t[94] !== z || t[95] !== E ? (A = /* @__PURE__ */ It("div", { className: s.wrapper, children: [
153
153
  w,
154
154
  z,
155
155
  E
156
156
  ] }), t[93] = w, t[94] = z, t[95] = E, t[96] = A) : A = t[96];
157
- let at;
158
- return t[97] !== pt || t[98] !== D || t[99] !== N || t[100] !== j || t[101] !== A ? (at = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
159
- D,
157
+ let it;
158
+ return t[97] !== pt || t[98] !== g || t[99] !== N || t[100] !== j || t[101] !== A ? (it = /* @__PURE__ */ It("div", { className: pt, ref: ct, children: [
159
+ g,
160
160
  N,
161
161
  j,
162
162
  A
163
- ] }), t[97] = pt, t[98] = D, t[99] = N, t[100] = j, t[101] = A, t[102] = at) : at = t[102], at;
163
+ ] }), t[97] = pt, t[98] = g, t[99] = N, t[100] = j, t[101] = A, t[102] = it) : it = t[102], it;
164
164
  });
165
- ie.displayName = "DSInputSearch";
166
- function ae(i, a) {
167
- const t = Object.getPrototypeOf(i), l = Object.getOwnPropertyDescriptor(t, "value");
168
- l != null && l.set ? l.set.call(i, a) : i.value = a;
165
+ ae.displayName = "DSInputSearch";
166
+ function ie(a, i) {
167
+ const t = Object.getPrototypeOf(a), l = Object.getOwnPropertyDescriptor(t, "value");
168
+ l != null && l.set ? l.set.call(a, i) : a.value = i;
169
169
  }
170
170
  export {
171
- ie as D,
172
- se as i,
173
- ne as v
171
+ ae as D,
172
+ ne as i,
173
+ se as v
174
174
  };
@@ -7,10 +7,10 @@ import { h as Rt } from "./has-window.ut_-aShB.js";
7
7
  import { u as kt } from "./useBreakpoint.CMOR9ZOB.js";
8
8
  import { u as xt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
9
  import { Asterisk as Ct } from "../asterisk.CR60hx8S.js";
10
- import { DSButton as yt } from "../button.Bt0-bRGX.js";
11
- import { M as _t, a as ht } from "./Input.utils.CCYTBWD_.js";
12
- import { DSSystemFeedback as Ft } from "../systemfeedback.BpKZEv4U.js";
13
- import { g as Ge } from "./helpers.CcqWV-wZ.js";
10
+ import { D as yt } from "./Button.CC0qEsuR.js";
11
+ import { M as _t, a as ht } from "./Input.utils.Cnnzvuk4.js";
12
+ import { DSSystemFeedback as Ft } from "../systemfeedback.CLQCbTF6.js";
13
+ import { g as Ge } from "./helpers.BbWkXTr3.js";
14
14
  import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_1m4pp_1", $t = "ds-input-stepper_input--invalid_1m4pp_113", Ht = "ds-input-stepper_input--small_1m4pp_120", Vt = "ds-input-stepper_input--has-affix_1m4pp_191", Tt = "ds-input-stepper_input--is-ready_1m4pp_205", qt = "ds-input-stepper_root_1m4pp_215", Wt = "ds-input-stepper_hint_1m4pp_224", Mt = "ds-input-stepper_label_1m4pp_224", Xt = "ds-input-stepper_wrapper_1m4pp_228", jt = "ds-input-stepper_affix_1m4pp_234", zt = "ds-input-stepper_affix--small_1m4pp_255", Gt = "ds-input-stepper_affix--disabled_1m4pp_268", Ot = "ds-input-stepper_prefix_1m4pp_276", Ut = "ds-input-stepper_affix--readonly_1m4pp_279", Jt = "ds-input-stepper_suffix_1m4pp_289", Kt = "ds-input-stepper_action-button_1m4pp_296", Qt = "ds-input-stepper_label--hidden_1m4pp_314", Yt = "ds-input-stepper_label--disabled_1m4pp_327", Zt = "ds-input-stepper_feedback_1m4pp_347", en = "ds-input-stepper_second-action-button_1m4pp_361", tn = "ds-input-stepper_value-announcer_1m4pp_365", t = {
15
15
  input: Pt,
16
16
  inputInvalid: $t,
@@ -46,7 +46,7 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
46
46
  e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), d && d.length > ht && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${ht} characters.`));
47
47
  }, sn = Et((k, A) => {
48
48
  const e = Lt.c(187);
49
- let d, C, m, s, F, b, _, l, g, i, u, te, ne, se, le, ie, ae, oe, pe, re, ce, h;
49
+ let d, C, m, s, F, b, _, l, D, i, u, te, ne, se, le, ie, ae, oe, pe, re, ce, h;
50
50
  e[0] !== k ? ({
51
51
  id: s,
52
52
  label: b,
@@ -69,9 +69,9 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
69
69
  systemFeedback: u,
70
70
  value: h,
71
71
  onChange: _,
72
- ...g
73
- } = k, e[0] = k, e[1] = d, e[2] = C, e[3] = m, e[4] = s, e[5] = F, e[6] = b, e[7] = _, e[8] = l, e[9] = g, e[10] = i, e[11] = u, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ie, e[17] = ae, e[18] = oe, e[19] = pe, e[20] = re, e[21] = ce, e[22] = h) : (d = e[1], C = e[2], m = e[3], s = e[4], F = e[5], b = e[6], _ = e[7], l = e[8], g = e[9], i = e[10], u = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ie = e[16], ae = e[17], oe = e[18], pe = e[19], re = e[20], ce = e[21], h = e[22]);
74
- const ue = te === void 0 ? "Value changed to" : te, r = se === void 0 ? !1 : se, St = le === void 0 ? !1 : le, o = ie === void 0 ? !1 : ie, P = ae === void 0 ? 100 : ae, $ = oe === void 0 ? 0 : oe, v = pe === void 0 ? !1 : pe, D = re === void 0 ? !1 : re, n = ce === void 0 ? "medium" : ce, de = ne === void 0 ? 1 : ne;
72
+ ...D
73
+ } = k, e[0] = k, e[1] = d, e[2] = C, e[3] = m, e[4] = s, e[5] = F, e[6] = b, e[7] = _, e[8] = l, e[9] = D, e[10] = i, e[11] = u, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ie, e[17] = ae, e[18] = oe, e[19] = pe, e[20] = re, e[21] = ce, e[22] = h) : (d = e[1], C = e[2], m = e[3], s = e[4], F = e[5], b = e[6], _ = e[7], l = e[8], D = e[9], i = e[10], u = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ie = e[16], ae = e[17], oe = e[18], pe = e[19], re = e[20], ce = e[21], h = e[22]);
74
+ const ue = te === void 0 ? "Value changed to" : te, r = se === void 0 ? !1 : se, St = le === void 0 ? !1 : le, o = ie === void 0 ? !1 : ie, P = ae === void 0 ? 100 : ae, $ = oe === void 0 ? 0 : oe, v = pe === void 0 ? !1 : pe, g = re === void 0 ? !1 : re, n = ce === void 0 ? "medium" : ce, de = ne === void 0 ? 1 : ne;
75
75
  process.env.NODE_ENV !== "production" && nn({
76
76
  id: s,
77
77
  label: b,
@@ -96,7 +96,7 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
96
96
  const Ue = me === void 0 ? "Increase" : me, [be, It] = xe(!1), [x, Je] = xe(h), [y, vt] = xe(""), [Ke, At] = xe(!1);
97
97
  let ye;
98
98
  e[33] === Symbol.for("react.memo_cache_sentinel") ? (ye = {}, e[33] = ye) : ye = e[33];
99
- const [_e, gt] = xe(ye), S = mt(null);
99
+ const [_e, Dt] = xe(ye), S = mt(null);
100
100
  let Se;
101
101
  e[34] !== A ? (Se = (a) => {
102
102
  S.current = a, typeof A == "function" ? A(a) : A && (A.current = a);
@@ -108,10 +108,10 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
108
108
  let Ae;
109
109
  e[38] !== i ? (Ae = i == null ? void 0 : i.substring(0, ht), e[38] = i, e[39] = Ae) : Ae = e[39];
110
110
  const Ze = Ae, et = mt(null), ve = kt(St);
111
- let ge, De;
112
- e[40] !== h ? (ge = () => {
111
+ let De, ge;
112
+ e[40] !== h ? (De = () => {
113
113
  h && Je(h);
114
- }, De = [h], e[40] = h, e[41] = ge, e[42] = De) : (ge = e[41], De = e[42]), bt(ge, De);
114
+ }, ge = [h], e[40] = h, e[41] = De, e[42] = ge) : (De = e[41], ge = e[42]), bt(De, ge);
115
115
  let Ne, Be;
116
116
  e[43] !== y ? (Ne = () => {
117
117
  if (y) {
@@ -143,7 +143,7 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
143
143
  const c = et.current.offsetWidth;
144
144
  f.paddingInlineEnd = a + c + "px";
145
145
  }
146
- gt(f), It(!0);
146
+ Dt(f), It(!0);
147
147
  }, e[48] = n, e[49] = Ee) : Ee = e[49];
148
148
  let Re;
149
149
  e[50] !== Ke || e[51] !== l || e[52] !== n || e[53] !== i ? (Re = [l, i, n, Ke], e[50] = Ke, e[51] = l, e[52] = n, e[53] = i, e[54] = Re) : Re = e[54], xt(Ee, Re);
@@ -155,12 +155,12 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
155
155
  }, Ce = [], e[55] = ke, e[56] = Ce) : (ke = e[55], Ce = e[56]), xt(ke, Ce);
156
156
  const tt = n === "small";
157
157
  let W, M, X, j, z, G, N, O, U, B, w, L, E;
158
- if (e[57] !== ue || e[58] !== d || e[59] !== r || e[60] !== Qe || e[61] !== Ze || e[62] !== he || e[63] !== ve || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== x || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== P || e[72] !== $ || e[73] !== _ || e[74] !== l || e[75] !== v || e[76] !== D || e[77] !== g || e[78] !== n || e[79] !== de || e[80] !== i || e[81] !== u || e[82] !== tt || e[83] !== y) {
158
+ if (e[57] !== ue || e[58] !== d || e[59] !== r || e[60] !== Qe || e[61] !== Ze || e[62] !== he || e[63] !== ve || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== x || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== P || e[72] !== $ || e[73] !== _ || e[74] !== l || e[75] !== v || e[76] !== g || e[77] !== D || e[78] !== n || e[79] !== de || e[80] !== i || e[81] !== u || e[82] !== tt || e[83] !== y) {
159
159
  const a = R(t.affix, {
160
160
  [t.affixSmall]: tt,
161
161
  [t.affixDisabled]: r,
162
162
  [t.affixReadonly]: v
163
- }), f = `${s}-label`, c = `${s}-feedback`, Pe = `${s}-hint`, Y = `${s}-value-announcer`, Dt = m ? ` ${Pe}` : "";
163
+ }), f = `${s}-label`, c = `${s}-feedback`, Pe = `${s}-hint`, Y = `${s}-value-announcer`, gt = m ? ` ${Pe}` : "";
164
164
  let $e;
165
165
  e[97] !== d ? ($e = R(t.root, d), e[97] = d, e[98] = $e) : $e = e[98];
166
166
  const Nt = $e, lt = n === "small", it = l || i;
@@ -222,12 +222,12 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
222
222
  const ct = ze;
223
223
  U = Nt;
224
224
  let ee;
225
- e[124] !== D ? (ee = D && /* @__PURE__ */ I(Ct, {}), e[124] = D, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (B = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
225
+ e[124] !== g ? (ee = g && /* @__PURE__ */ I(Ct, {}), e[124] = g, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (B = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
226
226
  b,
227
227
  ee
228
228
  ] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = B) : B = e[131], e[132] !== m || e[133] !== Pe ? (w = m && /* @__PURE__ */ I("div", { className: t.hint, id: Pe, children: m }), e[132] = m, e[133] = Pe, e[134] = w) : w = e[134], e[135] !== y || e[136] !== Y ? (L = /* @__PURE__ */ I("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: y }), e[135] = y, e[136] = Y, e[137] = L) : L = e[137], e[138] !== o || e[139] !== u || e[140] !== c ? (E = o && u && /* @__PURE__ */ I(Ft, { className: t.feedback, message: u, type: "invalid", id: c }), e[138] = o, e[139] = u, e[140] = c, e[141] = E) : E = e[141], z = t.wrapper, G = l && /* @__PURE__ */ I("span", { className: R(a, t.prefix), ref: Ye, "aria-disabled": r, children: Qe });
229
- const ut = `${f}${Dt}`, dt = Bt();
230
- e[142] !== r || e[143] !== he || e[144] !== ct || e[145] !== s || e[146] !== at || e[147] !== _e || e[148] !== x || e[149] !== o || e[150] !== P || e[151] !== $ || e[152] !== v || e[153] !== D || e[154] !== g || e[155] !== de || e[156] !== ut || e[157] !== dt ? (N = /* @__PURE__ */ I("input", { className: at, id: s, ...g, style: _e, ref: he, "aria-labelledby": ut, "aria-describedby": dt, "aria-invalid": o, "aria-disabled": v, disabled: r, min: $, max: P, readOnly: v, required: D, step: de, type: "number", value: x, onChange: ct }), e[142] = r, e[143] = he, e[144] = ct, e[145] = s, e[146] = at, e[147] = _e, e[148] = x, e[149] = o, e[150] = P, e[151] = $, e[152] = v, e[153] = D, e[154] = g, e[155] = de, e[156] = ut, e[157] = dt, e[158] = N) : N = e[158], O = i && /* @__PURE__ */ I("span", { className: R(a, t.suffix), ref: et, "aria-disabled": r, children: Ze }), e[57] = ue, e[58] = d, e[59] = r, e[60] = Qe, e[61] = Ze, e[62] = he, e[63] = ve, e[64] = m, e[65] = s, e[66] = _e, e[67] = x, e[68] = o, e[69] = be, e[70] = b, e[71] = P, e[72] = $, e[73] = _, e[74] = l, e[75] = v, e[76] = D, e[77] = g, e[78] = n, e[79] = de, e[80] = i, e[81] = u, e[82] = tt, e[83] = y, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = N, e[91] = O, e[92] = U, e[93] = B, e[94] = w, e[95] = L, e[96] = E;
229
+ const ut = `${f}${gt}`, dt = Bt();
230
+ e[142] !== r || e[143] !== he || e[144] !== ct || e[145] !== s || e[146] !== at || e[147] !== _e || e[148] !== x || e[149] !== o || e[150] !== P || e[151] !== $ || e[152] !== v || e[153] !== g || e[154] !== D || e[155] !== de || e[156] !== ut || e[157] !== dt ? (N = /* @__PURE__ */ I("input", { className: at, id: s, ...D, style: _e, ref: he, "aria-labelledby": ut, "aria-describedby": dt, "aria-invalid": o, "aria-disabled": v, disabled: r, min: $, max: P, readOnly: v, required: g, step: de, type: "number", value: x, onChange: ct }), e[142] = r, e[143] = he, e[144] = ct, e[145] = s, e[146] = at, e[147] = _e, e[148] = x, e[149] = o, e[150] = P, e[151] = $, e[152] = v, e[153] = g, e[154] = D, e[155] = de, e[156] = ut, e[157] = dt, e[158] = N) : N = e[158], O = i && /* @__PURE__ */ I("span", { className: R(a, t.suffix), ref: et, "aria-disabled": r, children: Ze }), e[57] = ue, e[58] = d, e[59] = r, e[60] = Qe, e[61] = Ze, e[62] = he, e[63] = ve, e[64] = m, e[65] = s, e[66] = _e, e[67] = x, e[68] = o, e[69] = be, e[70] = b, e[71] = P, e[72] = $, e[73] = _, e[74] = l, e[75] = v, e[76] = g, e[77] = D, e[78] = n, e[79] = de, e[80] = i, e[81] = u, e[82] = tt, e[83] = y, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = N, e[91] = O, e[92] = U, e[93] = B, e[94] = w, e[95] = L, e[96] = E;
231
231
  } else
232
232
  W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], N = e[90], O = e[91], U = e[92], B = e[93], w = e[94], L = e[95], E = e[96];
233
233
  const nt = r || v || !!x && Number(x) <= Number($);
@@ -0,0 +1,117 @@
1
+ "use client";
2
+ import { jsxs as ro, jsx as io } from "react/jsx-runtime";
3
+ import { d as ao } from "./index.CgTHIF3K.js";
4
+ import { c as no } from "./index.CEyLAtio.js";
5
+ import { forwardRef as co } from "react";
6
+ import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
7
+ import { D as ho } from "./Icon.C0161Glk.js";
8
+ import { g as so } from "./helpers.BbWkXTr3.js";
9
+ import '../assets/LinkButton.xMvg_ojf.css';const go = "ds-link-button_root_oblg9_1", uo = "ds-link-button_root--highlight_oblg9_75", _o = "ds-link-button_root--dark-highlight_oblg9_75", ko = "ds-link-button_root--filled_oblg9_151", mo = "ds-link-button_root--outline_oblg9_179", bo = "ds-link-button_root--ghost_oblg9_206", fo = "ds-link-button_root--ghost-flush_oblg9_231", vo = "ds-link-button_root--small_oblg9_237", Do = "ds-link-button_root--navigation_oblg9_317", po = "ds-link-button_root--dark-filled_oblg9_393", No = "ds-link-button_root--dark-outline_oblg9_450", Lo = "ds-link-button_root--dark-ghost_oblg9_506", Oo = "ds-link-button_root--dark-ghost-flush_oblg9_560", So = "ds-link-button_root--icon-left_oblg9_635", Fo = "ds-link-button_root--icon-only_oblg9_638", Io = "ds-link-button_root--icon-only-small_oblg9_647", Go = "ds-link-button_icon--navigation_oblg9_659", yo = "ds-link-button_label--hidden_oblg9_667", n = {
10
+ root: go,
11
+ rootHighlight: uo,
12
+ rootDarkHighlight: _o,
13
+ rootFilled: ko,
14
+ rootOutline: mo,
15
+ rootGhost: bo,
16
+ rootGhostFlush: fo,
17
+ rootSmall: vo,
18
+ rootNavigation: Do,
19
+ rootDarkFilled: po,
20
+ rootDarkOutline: No,
21
+ rootDarkGhost: Lo,
22
+ rootDarkGhostFlush: Oo,
23
+ rootIconLeft: So,
24
+ rootIconOnly: Fo,
25
+ rootIconOnlySmall: Io,
26
+ iconNavigation: Go,
27
+ labelHidden: yo
28
+ }, Co = ["medium", "small"], Vo = ["filled", "highlight", "outline", "ghost", "navigation"], Bo = ({
29
+ variant: f,
30
+ size: v,
31
+ theme: o
32
+ }) => {
33
+ if (f === "navigation" && (v === "small" && console.warn(so("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
34
+ throw new Error(so("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
35
+ }, Ho = co((f, v) => {
36
+ const o = ao.c(63);
37
+ let r, a, c, d, i, s, e, h, g, u, D, p, N, L, O, S, F;
38
+ o[0] !== f ? ({
39
+ children: a,
40
+ aria: r,
41
+ className: c,
42
+ download: d,
43
+ hideLabel: D,
44
+ href: i,
45
+ iconName: s,
46
+ iconPosition: p,
47
+ iconSource: e,
48
+ isFlush: N,
49
+ referrerPolicy: h,
50
+ rel: g,
51
+ size: L,
52
+ target: O,
53
+ theme: S,
54
+ variant: F,
55
+ ...u
56
+ } = f, o[0] = f, o[1] = r, o[2] = a, o[3] = c, o[4] = d, o[5] = i, o[6] = s, o[7] = e, o[8] = h, o[9] = g, o[10] = u, o[11] = D, o[12] = p, o[13] = N, o[14] = L, o[15] = O, o[16] = S, o[17] = F) : (r = o[1], a = o[2], c = o[3], d = o[4], i = o[5], s = o[6], e = o[7], h = o[8], g = o[9], u = o[10], D = o[11], p = o[12], N = o[13], L = o[14], O = o[15], S = o[16], F = o[17]);
57
+ const T = D === void 0 ? !1 : D, eo = p === void 0 ? "left" : p, I = N === void 0 ? !1 : N, G = L === void 0 ? "medium" : L, P = O === void 0 ? "_self" : O, l = S === void 0 ? "light" : S, t = F === void 0 ? "filled" : F;
58
+ process.env.NODE_ENV !== "production" && Bo({
59
+ variant: t,
60
+ size: G,
61
+ theme: l
62
+ });
63
+ const E = t === "filled", x = t === "highlight", z = t === "outline", A = t === "ghost" && I !== !0, C = t === "navigation", V = t === "ghost" && I === !0, j = l === "dark" && t === "filled", K = l === "dark" && t === "highlight", R = l === "dark" && t === "outline", U = l === "dark" && t === "ghost" && I !== !0, M = l === "dark" && t === "ghost" && I === !0, Z = G === "small" || t === "navigation", $ = eo === "left", q = lo(T) && G === "medium" && t !== "navigation", J = lo(T) && G === "small" && t !== "navigation";
64
+ let y;
65
+ o[18] !== c || o[19] !== z || o[20] !== A || o[21] !== C || o[22] !== V || o[23] !== j || o[24] !== K || o[25] !== R || o[26] !== U || o[27] !== M || o[28] !== Z || o[29] !== $ || o[30] !== q || o[31] !== J || o[32] !== E || o[33] !== x ? (y = no(n.root, c, {
66
+ [n.rootFilled]: E,
67
+ [n.rootHighlight]: x,
68
+ [n.rootOutline]: z,
69
+ [n.rootGhost]: A,
70
+ [n.rootNavigation]: C,
71
+ [n.rootGhostFlush]: V,
72
+ [n.rootDarkFilled]: j,
73
+ [n.rootDarkHighlight]: K,
74
+ [n.rootDarkOutline]: R,
75
+ [n.rootDarkGhost]: U,
76
+ [n.rootDarkGhostFlush]: M,
77
+ [n.rootSmall]: Z,
78
+ [n.rootIconLeft]: $,
79
+ [n.rootIconOnly]: q,
80
+ [n.rootIconOnlySmall]: J
81
+ }), o[18] = c, o[19] = z, o[20] = A, o[21] = C, o[22] = V, o[23] = j, o[24] = K, o[25] = R, o[26] = U, o[27] = M, o[28] = Z, o[29] = $, o[30] = q, o[31] = J, o[32] = E, o[33] = x, o[34] = y) : y = o[34];
82
+ const Q = y, W = lo(T) && t !== "navigation";
83
+ let B;
84
+ o[35] !== W ? (B = no({
85
+ [n.labelHidden]: W
86
+ }), o[35] = W, o[36] = B) : B = o[36];
87
+ const X = B, Y = t === "navigation";
88
+ let H;
89
+ o[37] !== Y ? (H = no({
90
+ [n.iconNavigation]: Y
91
+ }), o[37] = Y, o[38] = H) : H = o[38];
92
+ const oo = H, to = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", _ = i === void 0 ? "span" : "a";
93
+ let k;
94
+ o[39] !== _ || o[40] !== d || o[41] !== i || o[42] !== h || o[43] !== g || o[44] !== P ? (k = _ === "a" && {
95
+ href: i,
96
+ target: P,
97
+ rel: g,
98
+ referrerPolicy: h,
99
+ download: d
100
+ }, o[39] = _, o[40] = d, o[41] = i, o[42] = h, o[43] = g, o[44] = P, o[45] = k) : k = o[45];
101
+ let m;
102
+ o[46] !== a || o[47] !== X ? (m = /* @__PURE__ */ io("span", { className: X, children: a }), o[46] = a, o[47] = X, o[48] = m) : m = o[48];
103
+ let b;
104
+ o[49] !== oo || o[50] !== s || o[51] !== e || o[52] !== to ? (b = (s || e) && /* @__PURE__ */ io(ho, { name: s, theme: to, source: e, className: oo, "aria-hidden": "true" }), o[49] = oo, o[50] = s, o[51] = e, o[52] = to, o[53] = b) : b = o[53];
105
+ let w;
106
+ return o[54] !== _ || o[55] !== r || o[56] !== v || o[57] !== u || o[58] !== Q || o[59] !== k || o[60] !== m || o[61] !== b ? (w = /* @__PURE__ */ ro(_, { className: Q, ...k, ...r, ...u, ref: v, children: [
107
+ m,
108
+ b
109
+ ] }), o[54] = _, o[55] = r, o[56] = v, o[57] = u, o[58] = Q, o[59] = k, o[60] = m, o[61] = b, o[62] = w) : w = o[62], w;
110
+ });
111
+ Ho.displayName = "DSLinkButton";
112
+ export {
113
+ Ho as D,
114
+ Co as L,
115
+ Vo as a,
116
+ Bo as v
117
+ };
@@ -0,0 +1,57 @@
1
+ "use client";
2
+ import { jsx as t, jsxs as g, Fragment as m } from "react/jsx-runtime";
3
+ import { isValidElement as h, cloneElement as f } from "react";
4
+ import { D as B } from "./Icon.C0161Glk.js";
5
+ import { NumberIndicator as N } from "../numberindicator.Ddf3ESi7.js";
6
+ import '../assets/NavigationTabList.CFlVhUzS.css';const W = "ds-tabs_tabs-wrapper_ccgp4_1", w = "ds-tabs_scroll-wrapper_ccgp4_6", D = "ds-tabs_scroller_ccgp4_17", j = "ds-tabs_scroller--centered_ccgp4_28", v = "ds-tabs_tab_ccgp4_1", y = "ds-tabs_scroll-button_ccgp4_105", E = "ds-tabs_scroll-button--hidden_ccgp4_110", H = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", R = {
7
+ tabsWrapper: W,
8
+ scrollWrapper: w,
9
+ scroller: D,
10
+ scrollerCentered: j,
11
+ tab: v,
12
+ scrollButton: y,
13
+ scrollButtonHidden: E,
14
+ scrollButtonRight: H,
15
+ indicator: L
16
+ }, S = ({
17
+ tabs: n,
18
+ tabRefs: i,
19
+ scrollerClass: p,
20
+ scrollerRef: _,
21
+ selectedTabIndex: o,
22
+ handleNavigationKeydown: d,
23
+ setSelectedTab: b
24
+ }) => /* @__PURE__ */ t("ul", { className: p, ref: _, children: n.map(({
25
+ id: l,
26
+ linkComponent: r,
27
+ iconName: a,
28
+ numberIndicatorValue: e
29
+ }, s) => {
30
+ if (!h(r))
31
+ return null;
32
+ const u = f(r, {
33
+ // Add aria-current to the selected tab (https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/)
34
+ "aria-current": o === s ? "page" : void 0,
35
+ children: /* @__PURE__ */ g(m, { children: [
36
+ a && /* @__PURE__ */ t(B, { name: a, "aria-hidden": "true" }),
37
+ r.props.children,
38
+ e && /* @__PURE__ */ t(N, { label: e })
39
+ ] }),
40
+ className: R.tab,
41
+ id: l,
42
+ tabIndex: o === s ? 0 : -1,
43
+ // onKeyDown for focus handling and keyboard navigation
44
+ onKeyDown: (c) => d(c, s),
45
+ onClick: () => {
46
+ r.props.onClick && r.props.onClick(), b(s);
47
+ },
48
+ ref: (c) => {
49
+ i.current[s] = c;
50
+ }
51
+ });
52
+ return /* @__PURE__ */ t("li", { children: u }, l);
53
+ }) });
54
+ export {
55
+ S as N,
56
+ R as s
57
+ };
@@ -2,8 +2,8 @@
2
2
  import { jsx as v } from "react/jsx-runtime";
3
3
  import { d as u } from "./index.CgTHIF3K.js";
4
4
  import { useState as T, useEffect as y } from "react";
5
- import { TabList as h } from "../tablist.CRMbhl0A.js";
6
- import { g as m, r as E } from "./helpers.CcqWV-wZ.js";
5
+ import { TabList as h } from "../tablist.CcCURua8.js";
6
+ import { g as m, r as E } from "./helpers.BbWkXTr3.js";
7
7
  const _ = ["left", "center"], j = ["prev", "next"], S = ({
8
8
  aria: a,
9
9
  tabs: e,
@@ -2,8 +2,8 @@
2
2
  import { jsx as p, jsxs as F } from "react/jsx-runtime";
3
3
  import { d as R } from "./index.CgTHIF3K.js";
4
4
  import { c as k } from "./index.CEyLAtio.js";
5
- import { DSButton as W } from "../button.Bt0-bRGX.js";
6
- import { D as y } from "./Icon.CAXZUNWo.js";
5
+ import { D as W } from "./Button.CC0qEsuR.js";
6
+ import { D as y } from "./Icon.C0161Glk.js";
7
7
  import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1jsx7_1", P = "ds-notification_root--success_1jsx7_26", V = "ds-notification_root--error_1jsx7_30", z = "ds-notification_root--warning_1jsx7_34", Y = "ds-notification_root--hide-icon_1jsx7_38", $ = "ds-notification_content_1jsx7_52", q = "ds-notification_content--hide-close-button_1jsx7_59", G = "ds-notification_content--hide-icon_1jsx7_62", J = "ds-notification_icon_1jsx7_66", K = "ds-notification_message_1jsx7_70", M = "ds-notification_custom-action-area_1jsx7_167", s = {
8
8
  root: L,
9
9
  rootSuccess: P,
@@ -56,13 +56,13 @@ import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1js
56
56
  [s.rootInfo]: B,
57
57
  [s.rootHideIcon]: t
58
58
  }), o[14] = r, o[15] = t, o[16] = S, o[17] = O, o[18] = T, o[19] = B, o[20] = g) : g = o[20];
59
- const b = g, w = !n;
59
+ const D = g, b = !n;
60
60
  let j;
61
- o[21] !== t || o[22] !== w ? (j = k(s.content, {
62
- [s.contentHideCloseButton]: w,
61
+ o[21] !== t || o[22] !== b ? (j = k(s.content, {
62
+ [s.contentHideCloseButton]: b,
63
63
  [s.contentHideIcon]: t
64
- }), o[21] = t, o[22] = w, o[23] = j) : j = o[23];
65
- const D = j, E = U[e];
64
+ }), o[21] = t, o[22] = b, o[23] = j) : j = o[23];
65
+ const w = j, E = U[e];
66
66
  let f;
67
67
  o[24] !== t || o[25] !== e ? (f = !t && /* @__PURE__ */ p(y, { name: Q[e], className: s.icon, "aria-hidden": "true" }), o[24] = t, o[25] = e, o[26] = f) : f = o[26];
68
68
  let m;
@@ -70,20 +70,20 @@ import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1js
70
70
  let u;
71
71
  o[29] !== H || o[30] !== n || o[31] !== _ ? (u = n && /* @__PURE__ */ p(W, { ..._, hideLabel: !0, iconName: "cross", isFlush: !0, variant: "ghost", size: "small", onClick: n, type: "button", children: H }), o[29] = H, o[30] = n, o[31] = _, o[32] = u) : u = o[32];
72
72
  let I;
73
- o[33] !== D || o[34] !== f || o[35] !== m || o[36] !== u ? (I = /* @__PURE__ */ F("div", { className: D, children: [
73
+ o[33] !== w || o[34] !== f || o[35] !== m || o[36] !== u ? (I = /* @__PURE__ */ F("div", { className: w, children: [
74
74
  f,
75
75
  m,
76
76
  u
77
- ] }), o[33] = D, o[34] = f, o[35] = m, o[36] = u, o[37] = I) : I = o[37];
77
+ ] }), o[33] = w, o[34] = f, o[35] = m, o[36] = u, o[37] = I) : I = o[37];
78
78
  let x;
79
79
  o[38] !== c || o[39] !== t ? (x = c && /* @__PURE__ */ p("div", { className: k({
80
80
  [s.customActionArea]: !t
81
81
  }), children: c }), o[38] = c, o[39] = t, o[40] = x) : x = o[40];
82
82
  let C;
83
- return o[41] !== l || o[42] !== b || o[43] !== E || o[44] !== I || o[45] !== x ? (C = /* @__PURE__ */ F("div", { className: b, ...l, role: E, children: [
83
+ return o[41] !== l || o[42] !== D || o[43] !== E || o[44] !== I || o[45] !== x ? (C = /* @__PURE__ */ F("div", { className: D, ...l, role: E, children: [
84
84
  I,
85
85
  x
86
- ] }), o[41] = l, o[42] = b, o[43] = E, o[44] = I, o[45] = x, o[46] = C) : C = o[46], C;
86
+ ] }), o[41] = l, o[42] = D, o[43] = E, o[44] = I, o[45] = x, o[46] = C) : C = o[46], C;
87
87
  };
88
88
  export {
89
89
  eo as D,