@stihl-design-system/components 1.0.0-RC.25 → 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 (164) hide show
  1. package/{accordion.Dw3qTPN8.js → accordion.CBaDU14g.js} +2 -2
  2. package/{actionbutton.wYg4A5a2.js → actionbutton.DEJsLxnQ.js} +2 -2
  3. package/{actionlink.BoWrs0Mo.js → actionlink.Cs6BTCA3.js} +2 -2
  4. package/{arialiveregions.DVsA5OTR.js → arialiveregions.Fgcshs5k.js} +1 -1
  5. package/assets/ActionButton.Ewi0i1hW.css +1 -0
  6. package/assets/ActionLink.BdPEvuGm.css +1 -0
  7. package/assets/CustomReactSelect.B9f_KYFg.css +1 -0
  8. package/assets/Icon.QeJ7TxZs.css +1 -0
  9. package/assets/InputFile.Dqjz53mb.css +1 -0
  10. package/assets/InputPassword.BuVQ9dRy.css +1 -0
  11. package/assets/InputSearch.Dwtb3Mhw.css +1 -0
  12. package/assets/InputStepper.CBt99L83.css +1 -0
  13. package/assets/Popover.BDTDsPAt.css +1 -0
  14. package/assets/Select.CghDnBUQ.css +1 -0
  15. package/assets/Textarea.BgtH-TTe.css +1 -0
  16. package/assets/banner.D9EiZqqR.css +1 -0
  17. package/assets/input.DFwunFjw.css +1 -0
  18. package/assets/radio.BCB51D_y.css +1 -0
  19. package/assets/scroller.Hszs1Yq4.css +1 -0
  20. package/banner.CgQdUb_c.js +55 -0
  21. package/banner.d.ts +2 -0
  22. package/{breadcrumb.C07HDyGp.js → breadcrumb.x78HJy5P.js} +3 -3
  23. package/{button.BBqDvwVm.js → button.BD_04tIG.js} +3 -3
  24. package/{buttonround.Vy1EygFm.js → buttonround.BT3OfowK.js} +2 -2
  25. package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
  26. package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
  27. package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
  28. package/chipgroup.BWpqUzXF.js +209 -0
  29. package/chunks/{Accordion.Cjc_1Bu1.js → Accordion.eVOD7J_8.js} +2 -2
  30. package/chunks/ActionButton.Ck1rGqgm.js +165 -0
  31. package/chunks/ActionLink.DnUNjoAT.js +138 -0
  32. package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
  33. package/chunks/{Breadcrumb.QhD6byzd.js → Breadcrumb.B7g30dIO.js} +3 -3
  34. package/chunks/{Button.DZNUuPKC.js → Button.CC0qEsuR.js} +4 -4
  35. package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
  36. package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
  37. package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
  38. package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.BPnzhvw1.js} +1356 -1593
  39. package/chunks/{Dialog.DPeGj8-T.js → Dialog.BuEEJ199.js} +2 -2
  40. package/chunks/{Drawer.BMibxANc.js → Drawer.BXUGmpJI.js} +2 -2
  41. package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
  42. package/chunks/Header.Djs1adPW.js +361 -0
  43. package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
  44. package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
  45. package/chunks/{InputFile.fltVIulD.js → InputFile.vkkg5Pab.js} +32 -32
  46. package/chunks/InputPassword.D42uUEGy.js +136 -0
  47. package/chunks/InputSearch.aIbUXVQU.js +174 -0
  48. package/chunks/InputStepper.DFEdUWm7.js +263 -0
  49. package/chunks/{LinkButton.DyTU9sfN.js → LinkButton.DmXVHeyZ.js} +3 -3
  50. package/chunks/{NavigationTabList.D2NVVTjK.js → NavigationTabList.IQM074Vb.js} +1 -1
  51. package/chunks/{NavigationTabs.TfdsA8GX.js → NavigationTabs.BofhX8bD.js} +2 -2
  52. package/chunks/{Notification.BRg1qlng.js → Notification.B-3dPVUE.js} +2 -2
  53. package/chunks/Popover.hXQTvwwd.js +1685 -0
  54. package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.c7YYJdUe.js} +3 -3
  55. package/chunks/{Select.DCxMPsCm.js → Select.B_EHpk22.js} +25 -25
  56. package/chunks/{Slider.Cljc14kS.js → Slider.DMSwmGwD.js} +2 -2
  57. package/chunks/{Tabs.GvcCCCFT.js → Tabs.Bl4K3Kjn.js} +2 -2
  58. package/chunks/{Text.TS4XdA9e.js → Text.DGWeWF1y.js} +1 -1
  59. package/chunks/{Textarea.Bs4-nzu8.js → Textarea.Ce26v6ht.js} +54 -54
  60. package/chunks/{Toast.DawJ9OSY.js → Toast.BHz0vlGz.js} +2 -2
  61. package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
  62. package/chunks/helpers.BbWkXTr3.js +37 -0
  63. package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
  64. package/{combobox.DW_ey38o.js → combobox.AaK6QjRl.js} +1 -1
  65. package/components/ActionButton/ActionButton.d.ts +9 -5
  66. package/components/ActionButton/ActionButton.utils.d.ts +4 -2
  67. package/components/ActionLink/ActionLink.d.ts +9 -5
  68. package/components/ActionLink/ActionLink.utils.d.ts +4 -2
  69. package/components/Banner/Banner.d.ts +32 -0
  70. package/components/Banner/Banner.utils.d.ts +2 -0
  71. package/components/Button/Button.utils.d.ts +1 -1
  72. package/components/Header/Header.utils.d.ts +0 -2
  73. package/components/Icon/Icon.d.ts +1 -1
  74. package/components/Icon/Icon.utils.d.ts +1 -1
  75. package/components/Popover/Popover.d.ts +40 -0
  76. package/components/Popover/Popover.test.d.ts +1 -0
  77. package/components/Popover/Popover.utils.d.ts +53 -0
  78. package/components/Popover/Popover.utils.test.d.ts +1 -0
  79. package/components/Scroller/Scroller.d.ts +20 -0
  80. package/components/Scroller/Scroller.utils.d.ts +3 -0
  81. package/components/Tabs/TabList/TabList.d.ts +1 -1
  82. package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
  83. package/connected-icon.svg +1 -0
  84. package/{customreactselect.DcH7h1mb.js → customreactselect.Bu1i8wkh.js} +4 -4
  85. package/{dialog.D6d_WXOM.js → dialog.CGsUCqhR.js} +2 -2
  86. package/{drawer.BmQWFOuF.js → drawer.BcAo4TO0.js} +2 -2
  87. package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
  88. package/{filelist.Dnd5nOdw.js → filelist.Cj9U-Jx8.js} +3 -3
  89. package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
  90. package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
  91. package/{header.5iwPmK5V.js → header.WhQHSuB1.js} +2 -2
  92. package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
  93. package/icon.svg +1 -1
  94. package/imow-icon.svg +1 -0
  95. package/index.d.ts +6 -0
  96. package/index.es.js +201 -188
  97. package/{input.mPceLGnf.js → input.DhxUW3zc.js} +37 -37
  98. package/{inputfile.CIpE9i-3.js → inputfile.Cmkxf4Vq.js} +6 -6
  99. package/{inputpassword.DkiyI-yo.js → inputpassword.CaJBCMA0.js} +3 -3
  100. package/{inputsearch.DcOp_VUd.js → inputsearch.B06DhYzo.js} +4 -4
  101. package/{inputstepper.D7TpDXst.js → inputstepper.DNY7nzP8.js} +4 -4
  102. package/{link.B5NZ1QKr.js → link.DGuYGfh2.js} +2 -2
  103. package/{linkbutton.CMVcQVxI.js → linkbutton.B3q0B_yb.js} +3 -3
  104. package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
  105. package/mystihl-icon.svg +1 -0
  106. package/{navigationtablist.BMJTC9qo.js → navigationtablist.CS9yEGdP.js} +2 -2
  107. package/{navigationtabs.BQeKKIFy.js → navigationtabs.DQ1kE-h4.js} +2 -2
  108. package/{notification.Bzli8Qlq.js → notification.D8BDaU5x.js} +3 -3
  109. package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
  110. package/package.json +4 -2
  111. package/partials/assets.const.js +2 -0
  112. package/partials/copyAssets.js +4 -2
  113. package/partials/index.js +109 -81
  114. package/partials/lib/partials.d.ts +1 -1
  115. package/popover.BFx99cHg.js +10 -0
  116. package/popover.d.ts +2 -0
  117. package/radio.Be4pFOLf.js +134 -0
  118. package/{radiogroup.BnMkpjvV.js → radiogroup.BRjwP01C.js} +3 -3
  119. package/scroller.CCA6kFR6.js +123 -0
  120. package/scroller.d.ts +2 -0
  121. package/{select.BSvjDIVC.js → select.3zE96eWc.js} +3 -3
  122. package/{skiptocontent.CQ4aARqd.js → skiptocontent.D1UkPmhD.js} +2 -2
  123. package/{slider.LRlFFlYL.js → slider.CTCf7Xdm.js} +2 -2
  124. package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
  125. package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
  126. package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
  127. package/tablist.Dzwe0_J4.js +256 -0
  128. package/{tabs.CXkSN2kd.js → tabs.yudjJk9d.js} +2 -2
  129. package/{text.CPwbk8Gy.js → text.ZOUuesnU.js} +2 -2
  130. package/{textarea.D0ADOdR6.js → textarea.B_3fPtmd.js} +3 -3
  131. package/{toast.CYYvK4DJ.js → toast.Bhpwj1NF.js} +3 -3
  132. package/{toastmanager.k9iGb7MN.js → toastmanager.BHk65ynQ.js} +3 -3
  133. package/topbar.2b8fjmA4.js +11 -0
  134. package/utils/get-rect.d.ts +4 -0
  135. package/utils/get-rect.test.d.ts +1 -0
  136. package/utils/helpers.d.ts +10 -0
  137. package/utils/index.d.ts +2 -1
  138. package/utils/is-animation-disabled.d.ts +14 -0
  139. package/utils/is-animation-disabled.test.d.ts +1 -0
  140. package/assets/ActionButton.DZVAnm-p.css +0 -1
  141. package/assets/ActionLink.DuklSL3c.css +0 -1
  142. package/assets/CustomReactSelect.B8l6al4B.css +0 -1
  143. package/assets/Icon.ZNrKuqgu.css +0 -1
  144. package/assets/InputFile.Dx_CULYq.css +0 -1
  145. package/assets/InputPassword.CkHF5zCh.css +0 -1
  146. package/assets/InputSearch.BV8Q2EUL.css +0 -1
  147. package/assets/InputStepper.DzzrAdma.css +0 -1
  148. package/assets/Select.e1fTfWmm.css +0 -1
  149. package/assets/Textarea.BGV7Z0Z9.css +0 -1
  150. package/assets/input.Cj4tF_F7.css +0 -1
  151. package/assets/radio.CqaNn1Gz.css +0 -1
  152. package/chipgroup.D1Km301k.js +0 -186
  153. package/chunks/ActionButton.DFI8P9-f.js +0 -159
  154. package/chunks/ActionLink.CLQ1yQZF.js +0 -132
  155. package/chunks/Header.DPafHEKw.js +0 -384
  156. package/chunks/InputPassword.C4QhwijC.js +0 -136
  157. package/chunks/InputSearch.DdWBmEmu.js +0 -174
  158. package/chunks/InputStepper.BRzbuEho.js +0 -263
  159. package/chunks/helpers.CcqWV-wZ.js +0 -8
  160. package/radio.Dm9bDBzM.js +0 -134
  161. package/tablist.DGGeFOi1.js +0 -266
  162. package/topbar.BPSDyH0N.js +0 -10
  163. package/utils/isAnimationDisabled.d.ts +0 -1
  164. /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
@@ -62,7 +62,7 @@ export declare function getResetStyles(options?: GetResetStylesOptions): string
62
62
  type GetSSRStylesOptions = {
63
63
  format?: Exclude<Format, 'cra'>;
64
64
  };
65
- declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSRadioGroup", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
65
+ declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
66
66
  export type ComponentName = (typeof COMPONENT_NAME)[number];
67
67
  /**
68
68
  * Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.CgTHIF3K.js";
4
+ import { D as s } from "./chunks/Popover.hXQTvwwd.js";
5
+ import "react";
6
+ import "./chunks/index.CEyLAtio.js";
7
+ import "./chunks/helpers.BbWkXTr3.js";
8
+ export {
9
+ s as DSPopover
10
+ };
package/popover.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Popover/Popover'
2
+ export {}
@@ -0,0 +1,134 @@
1
+ "use client";
2
+ import { jsx as B, jsxs as ce } from "react/jsx-runtime";
3
+ import { d as pe } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as E } from "./chunks/index.CEyLAtio.js";
5
+ import { forwardRef as Ce, useRef as he, useState as je, useEffect as ye } from "react";
6
+ import { u as ke } from "./chunks/useBreakpoint.CMOR9ZOB.js";
7
+ import './assets/radio.BCB51D_y.css';const fe = (D) => D.replace(/\s+/g, ""), He = "ds-radio_root_r0jf6_1", ge = "ds-radio_root--disabled_r0jf6_24", Ne = "ds-radio_root--with-custom-area_r0jf6_27", We = "ds-radio_root--with-custom-area--above_r0jf6_30", Be = "ds-radio_radio_r0jf6_36", De = "ds-radio_dot_r0jf6_54", xe = "ds-radio_radio--invalid_r0jf6_78", Se = "ds-radio_label_r0jf6_83", Ue = "ds-radio_label--bold_r0jf6_100", Ie = "ds-radio_label--hidden_r0jf6_111", Ve = "ds-radio_label--with-custom-area_r0jf6_123", $e = "ds-radio_custom-area_r0jf6_127", we = "ds-radio_custom-area--above_r0jf6_135", Le = "ds-radio_hint_r0jf6_141", Ee = "ds-radio_hint--visible_r0jf6_165", Oe = "ds-radio_hint--unchecked-hidden_r0jf6_169", Pe = "ds-radio_hint--hidden_r0jf6_173", Re = "ds-radio_input_r0jf6_186", t = {
8
+ root: He,
9
+ rootDisabled: ge,
10
+ rootWithCustomArea: Ne,
11
+ rootWithCustomAreaAbove: We,
12
+ radio: Be,
13
+ dot: De,
14
+ radioInvalid: xe,
15
+ label: Se,
16
+ labelBold: Ue,
17
+ labelHidden: Ie,
18
+ labelWithCustomArea: Ve,
19
+ customArea: $e,
20
+ customAreaAbove: we,
21
+ hint: Le,
22
+ hintVisible: Ee,
23
+ hintUncheckedHidden: Oe,
24
+ hintHidden: Pe,
25
+ input: Re
26
+ }, qe = Ce((D, m) => {
27
+ const e = pe.c(87);
28
+ let x, b, o, n, i, d, c, h, v, S, U, I, V, $, w, L, f;
29
+ e[0] !== D ? ({
30
+ label: d,
31
+ name: c,
32
+ value: f,
33
+ checked: x,
34
+ className: b,
35
+ customArea: o,
36
+ isCustomAreaAbove: S,
37
+ defaultChecked: U,
38
+ disabled: I,
39
+ fieldsetId: n,
40
+ hideLabel: V,
41
+ hint: i,
42
+ invalid: $,
43
+ isBold: w,
44
+ hideUncheckedHint: L,
45
+ onChange: h,
46
+ ...v
47
+ } = D, e[0] = D, e[1] = x, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = w, e[16] = L, e[17] = f) : (x = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], w = e[15], L = e[16], f = e[17]);
48
+ const u = S === void 0 ? !1 : S, ue = U === void 0 ? !1 : U, r = I === void 0 ? !1 : I, _e = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = w === void 0 ? !1 : w, l = L === void 0 ? !1 : L, me = he(null), a = he(null), [be, ve] = je(ue), O = x !== void 0, s = O ? x : be;
49
+ let P;
50
+ e[18] !== s || e[19] !== l ? (P = () => {
51
+ a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && s ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : s || (a.current.style.opacity = "0", a.current.style.height = "0px"));
52
+ }, e[18] = s, e[19] = l, e[20] = P) : P = e[20];
53
+ let R;
54
+ e[21] !== s ? (R = [a, s], e[21] = s, e[22] = R) : R = e[22], ye(P, R);
55
+ const p = ke(_e), Z = !!o, ee = !!o && u;
56
+ let q;
57
+ e[23] !== b || e[24] !== r || e[25] !== Z || e[26] !== ee ? (q = E(t.root, {
58
+ [t.rootDisabled]: r,
59
+ [t.rootWithCustomArea]: Z,
60
+ [t.rootWithCustomAreaAbove]: ee
61
+ }, b), e[23] = b, e[24] = r, e[25] = Z, e[26] = ee, e[27] = q) : q = e[27];
62
+ const te = q, oe = !!o;
63
+ let z;
64
+ e[28] !== p || e[29] !== Y || e[30] !== oe ? (z = E(t.label, {
65
+ [t.labelBold]: Y,
66
+ [t.labelHidden]: p,
67
+ [t.labelWithCustomArea]: oe
68
+ }), e[28] = p, e[29] = Y, e[30] = oe, e[31] = z) : z = e[31];
69
+ const se = z;
70
+ let F;
71
+ e[32] !== s || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && s), e[32] = s, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
72
+ const ie = F;
73
+ let G;
74
+ e[36] !== p || e[37] !== l || e[38] !== ie ? (G = E(t.hint, {
75
+ [t.hintHidden]: p,
76
+ [t.hintUncheckedHidden]: l,
77
+ [t.hintVisible]: ie()
78
+ }), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
79
+ const le = G;
80
+ let J;
81
+ e[40] !== A ? (J = E(t.radio, {
82
+ [t.radioInvalid]: A
83
+ }), e[40] = A, e[41] = J) : J = e[41];
84
+ const ae = J;
85
+ let K;
86
+ e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = E(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
87
+ const Ae = K;
88
+ let M;
89
+ e[43] !== r || e[44] !== O || e[45] !== h ? (M = (_) => {
90
+ if (r) {
91
+ _.preventDefault();
92
+ return;
93
+ }
94
+ O || ve(_.target.checked), h && h(_);
95
+ }, e[43] = r, e[44] = O, e[45] = h, e[46] = M) : M = e[46];
96
+ const re = M, C = i ? `${fe(c)}-${fe(f)}-description` : void 0;
97
+ let Q;
98
+ e[47] !== C || e[48] !== n || e[49] !== A ? (Q = [A && n && `${n}-feedback`, C].filter(Boolean).join(" ") || void 0, e[47] = C, e[48] = n, e[49] = A, e[50] = Q) : Q = e[50];
99
+ const de = Q;
100
+ let j;
101
+ e[51] !== m ? (j = (_) => {
102
+ typeof m == "function" ? m(_) : m !== null && (m.current = _), me.current = _;
103
+ }, e[51] = m, e[52] = j) : j = e[52];
104
+ const ne = typeof d == "string" ? d : void 0;
105
+ let y;
106
+ e[53] !== de || e[54] !== s || e[55] !== r || e[56] !== re || e[57] !== c || e[58] !== v || e[59] !== j || e[60] !== ne || e[61] !== f ? (y = /* @__PURE__ */ B("input", { type: "radio", value: f, name: c, className: t.input, ref: j, onChange: re, ...v, disabled: r, checked: s, "aria-label": ne, "aria-describedby": de }), e[53] = de, e[54] = s, e[55] = r, e[56] = re, e[57] = c, e[58] = v, e[59] = j, e[60] = ne, e[61] = f, e[62] = y) : y = e[62];
107
+ let T;
108
+ e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ B("div", { className: t.dot }), e[63] = T) : T = e[63];
109
+ let k;
110
+ e[64] !== ae ? (k = /* @__PURE__ */ B("span", { className: ae, children: T }), e[64] = ae, e[65] = k) : k = e[65];
111
+ let H;
112
+ e[66] !== o || e[67] !== u ? (H = o && u && /* @__PURE__ */ B("div", { className: Ae, children: o }), e[66] = o, e[67] = u, e[68] = H) : H = e[68];
113
+ let g;
114
+ e[69] !== o || e[70] !== u ? (g = o && !u && /* @__PURE__ */ B("div", { className: t.customArea, children: o }), e[69] = o, e[70] = u, e[71] = g) : g = e[71];
115
+ let N;
116
+ e[72] !== C || e[73] !== i || e[74] !== le ? (N = /* @__PURE__ */ B("span", { id: C, className: le, ref: a, children: i }), e[72] = C, e[73] = i, e[74] = le, e[75] = N) : N = e[75];
117
+ let W;
118
+ e[76] !== d || e[77] !== se || e[78] !== g || e[79] !== N ? (W = /* @__PURE__ */ ce("span", { className: se, children: [
119
+ d,
120
+ g,
121
+ N
122
+ ] }), e[76] = d, e[77] = se, e[78] = g, e[79] = N, e[80] = W) : W = e[80];
123
+ let X;
124
+ return e[81] !== te || e[82] !== y || e[83] !== k || e[84] !== H || e[85] !== W ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
125
+ y,
126
+ k,
127
+ H,
128
+ W
129
+ ] }), e[81] = te, e[82] = y, e[83] = k, e[84] = H, e[85] = W, e[86] = X) : X = e[86], X;
130
+ });
131
+ qe.displayName = "DSRadio";
132
+ export {
133
+ qe as DSRadio
134
+ };
@@ -3,9 +3,9 @@ import "react/jsx-runtime";
3
3
  import "./chunks/index.CgTHIF3K.js";
4
4
  import "./chunks/index.CEyLAtio.js";
5
5
  import "react";
6
- import "./chunks/Fieldset.DHccz6TP.js";
7
- import "./radio.Dm9bDBzM.js";
8
- import { D as s } from "./chunks/RadioGroup.D9mECdMK.js";
6
+ import "./chunks/Fieldset.BX46NuLh.js";
7
+ import "./radio.Be4pFOLf.js";
8
+ import { D as s } from "./chunks/RadioGroup.c7YYJdUe.js";
9
9
  export {
10
10
  s as DSRadioGroup
11
11
  };
@@ -0,0 +1,123 @@
1
+ "use client";
2
+ import { jsxs as J, jsx as w } from "react/jsx-runtime";
3
+ import { d as K } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as y } from "./chunks/index.CEyLAtio.js";
5
+ import { useState as M, useRef as T } from "react";
6
+ import { i as j, g as A } from "./chunks/is-animation-disabled.CUl4N3LI.js";
7
+ import { g as Q } from "./chunks/helpers.BbWkXTr3.js";
8
+ import { u as O } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
+ import { D as $ } from "./chunks/Button.CC0qEsuR.js";
10
+ import './assets/scroller.Hszs1Yq4.css';const U = "ds-scroller_root_3ktti_1", Y = "ds-scroller_scroll-wrapper_3ktti_6", Z = "ds-scroller_scroller_3ktti_45", tt = "ds-scroller_scroll-button_3ktti_60", et = "ds-scroller_scroll-button--hidden_3ktti_65", rt = "ds-scroller_scroll-button--right_3ktti_69", n = {
11
+ root: U,
12
+ scrollWrapper: Y,
13
+ scroller: Z,
14
+ scrollButton: tt,
15
+ scrollButtonHidden: et,
16
+ scrollButtonRight: rt
17
+ }, dt = (c) => {
18
+ const t = K.c(37);
19
+ let a, f, u, r;
20
+ t[0] !== c ? ({
21
+ children: a,
22
+ className: f,
23
+ scrollToPosition: r,
24
+ ...u
25
+ } = c, t[0] = c, t[1] = a, t[2] = f, t[3] = u, t[4] = r) : (a = t[1], f = t[2], u = t[3], r = t[4]);
26
+ const [z, q] = M(!1), [H, V] = M(!1), S = T(null), e = T(null), X = T(!1), D = () => {
27
+ I();
28
+ };
29
+ let R;
30
+ t[5] === Symbol.for("react.memo_cache_sentinel") ? (R = [], t[5] = R) : R = t[5], O(() => {
31
+ const l = new ResizeObserver(D);
32
+ return e.current && l.observe(e.current), () => {
33
+ l.disconnect();
34
+ };
35
+ }, R);
36
+ let x;
37
+ t[6] !== r ? (x = [r], t[6] = r, t[7] = x) : x = t[7], O(() => {
38
+ var s;
39
+ const l = ["18px 'STIHL Contraface Digital Text Bold'"];
40
+ return Promise.all(l.map(ot)).then(() => {
41
+ X.current = !0, I(), F();
42
+ }).catch(lt), (s = e.current) == null || s.addEventListener("scroll", D), () => {
43
+ var i;
44
+ (i = e.current) == null || i.removeEventListener("scroll", D);
45
+ };
46
+ }, x);
47
+ const F = () => {
48
+ e.current && (r != null && r.scrollPosition) && e.current.scrollTo({
49
+ left: r.scrollPosition,
50
+ behavior: j() || !r.isSmooth ? "instant" : "smooth"
51
+ });
52
+ }, I = () => {
53
+ if (e.current && S.current) {
54
+ const l = A(e.current), s = A(S.current);
55
+ q(s.left < l.left), V(s.right > l.right + 4);
56
+ }
57
+ };
58
+ let o;
59
+ if (t[8] === Symbol.for("react.memo_cache_sentinel")) {
60
+ o = (s) => {
61
+ var N;
62
+ const i = l(s);
63
+ (N = e.current) == null || N.scrollTo({
64
+ left: i,
65
+ behavior: j() ? "instant" : "smooth"
66
+ });
67
+ };
68
+ const l = (s) => {
69
+ if (!S.current || !e.current)
70
+ return 0;
71
+ const {
72
+ scrollLeft: i,
73
+ offsetWidth: N
74
+ } = e.current, W = Math.round(N * 0.2);
75
+ return s === "next" ? i + W : i - W;
76
+ };
77
+ t[8] = o;
78
+ } else
79
+ o = t[8];
80
+ let L;
81
+ t[9] === Symbol.for("react.memo_cache_sentinel") ? (L = y(n.scroller), t[9] = L) : L = t[9];
82
+ const G = L;
83
+ let m;
84
+ t[10] !== f ? (m = y(n.root, f), t[10] = f, t[11] = m) : m = t[11];
85
+ const C = z || H ? 0 : -1;
86
+ let d;
87
+ t[12] !== a ? (d = /* @__PURE__ */ w("div", { className: G, ref: S, children: a }), t[12] = a, t[13] = d) : d = t[13];
88
+ let h;
89
+ t[14] !== C || t[15] !== d ? (h = /* @__PURE__ */ w("div", { className: n.scrollWrapper, ref: e, tabIndex: C, children: d }), t[14] = C, t[15] = d, t[16] = h) : h = t[16];
90
+ const E = !z;
91
+ let p;
92
+ t[17] !== E ? (p = y(n.scrollButton, {
93
+ [n.scrollButtonHidden]: E
94
+ }), t[17] = E, t[18] = p) : p = t[18];
95
+ let _;
96
+ t[19] !== o ? (_ = () => o("prev"), t[19] = o, t[20] = _) : _ = t[20];
97
+ let b;
98
+ t[21] !== _ || t[22] !== p ? (b = /* @__PURE__ */ w($, { variant: "filled", className: p, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: _, children: "Left" }), t[21] = _, t[22] = p, t[23] = b) : b = t[23];
99
+ const P = !H;
100
+ let B;
101
+ t[24] !== P ? (B = y(n.scrollButton, n.scrollButtonRight, {
102
+ [n.scrollButtonHidden]: P
103
+ }), t[24] = P, t[25] = B) : B = t[25];
104
+ let g;
105
+ t[26] !== o ? (g = () => o("next"), t[26] = o, t[27] = g) : g = t[27];
106
+ let v;
107
+ t[28] !== B || t[29] !== g ? (v = /* @__PURE__ */ w($, { variant: "filled", className: B, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: g, children: "Right" }), t[28] = B, t[29] = g, t[30] = v) : v = t[30];
108
+ let k;
109
+ return t[31] !== u || t[32] !== b || t[33] !== v || t[34] !== m || t[35] !== h ? (k = /* @__PURE__ */ J("div", { className: m, ...u, children: [
110
+ h,
111
+ b,
112
+ v
113
+ ] }), t[31] = u, t[32] = b, t[33] = v, t[34] = m, t[35] = h, t[36] = k) : k = t[36], k;
114
+ };
115
+ function ot(c) {
116
+ return document.fonts.load(c);
117
+ }
118
+ function lt(c) {
119
+ throw new Error(Q("DSScroller", `The component requires the fonts to be loaded: ${c}`));
120
+ }
121
+ export {
122
+ dt as DSScroller
123
+ };
package/scroller.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Scroller/Scroller'
2
+ export {}
@@ -5,9 +5,9 @@ import "./chunks/index.CEyLAtio.js";
5
5
  import "react";
6
6
  import "./chunks/useBreakpoint.CMOR9ZOB.js";
7
7
  import "./asterisk.CR60hx8S.js";
8
- import "./chunks/Icon.CAXZUNWo.js";
9
- import "./systemfeedback.BpKZEv4U.js";
10
- import { D } from "./chunks/Select.DCxMPsCm.js";
8
+ import "./chunks/Icon.C0161Glk.js";
9
+ import "./systemfeedback.CLQCbTF6.js";
10
+ import { D } from "./chunks/Select.B_EHpk22.js";
11
11
  export {
12
12
  D as DSSelect
13
13
  };
@@ -2,9 +2,9 @@
2
2
  import { jsx as u } from "react/jsx-runtime";
3
3
  import { d as g } from "./chunks/index.CgTHIF3K.js";
4
4
  import { c as w } from "./chunks/index.CEyLAtio.js";
5
- import { g as S } from "./chunks/helpers.CcqWV-wZ.js";
5
+ import { g as S } from "./chunks/helpers.BbWkXTr3.js";
6
6
  import { forwardRef as T } from "react";
7
- import { D as _ } from "./chunks/LinkButton.DyTU9sfN.js";
7
+ import { D as _ } from "./chunks/LinkButton.DmXVHeyZ.js";
8
8
  import './assets/skiptocontent.CTSDC_kG.css';const v = "ds-skip-to-content_root_uqkjt_1", C = "ds-skip-to-content_root--dark_uqkjt_8", D = {
9
9
  root: v,
10
10
  rootDark: C
@@ -4,8 +4,8 @@ import "./chunks/index.CgTHIF3K.js";
4
4
  import "./chunks/index.CEyLAtio.js";
5
5
  import "react";
6
6
  import "./chunks/useBreakpoint.CMOR9ZOB.js";
7
- import "./input.mPceLGnf.js";
8
- import { D as s } from "./chunks/Slider.Cljc14kS.js";
7
+ import "./input.DhxUW3zc.js";
8
+ import { D as s } from "./chunks/Slider.DMSwmGwD.js";
9
9
  export {
10
10
  s as DSSlider
11
11
  };
@@ -2,7 +2,7 @@
2
2
  import { jsxs as x, jsx as w } from "react/jsx-runtime";
3
3
  import { d as y } from "./chunks/index.CgTHIF3K.js";
4
4
  import { c as L } from "./chunks/index.CEyLAtio.js";
5
- import { D as v } from "./chunks/Icon.CAXZUNWo.js";
5
+ import { D as v } from "./chunks/Icon.C0161Glk.js";
6
6
  import './assets/spinner.Ctn_YYBG.css';const I = "ds-spinner_root_awbzc_1", N = "ds-spinner_root-size-small_awbzc_10", O = "ds-spinner_root-size-medium_awbzc_14", R = "ds-spinner_root-size-large_awbzc_18", D = "ds-spinner_root-size-x-large_awbzc_22", M = "ds-spinner_root-size-inherit_awbzc_26", X = "ds-spinner_screenReaderOnly_awbzc_51", o = {
7
7
  root: I,
8
8
  rootSizeSmall: N,
@@ -3,8 +3,8 @@ import { jsxs as O, jsx as h } from "react/jsx-runtime";
3
3
  import { d as $ } from "./chunks/index.CgTHIF3K.js";
4
4
  import { c as q } from "./chunks/index.CEyLAtio.js";
5
5
  import { forwardRef as z } from "react";
6
- import { D as A } from "./chunks/Icon.CAXZUNWo.js";
7
- import { DSSpinner as B } from "./spinner.t5FHjIEK.js";
6
+ import { D as A } from "./chunks/Icon.C0161Glk.js";
7
+ import { DSSpinner as B } from "./spinner.CeGt8DxU.js";
8
8
  import './assets/switch.Bc9KIyw9.css';const F = "ds-switch_root_gdcld_1", G = "ds-switch_root--label-right_gdcld_40", H = "ds-switch_root--stretched_gdcld_43", J = "ds-switch_loader_gdcld_53", K = "ds-switch_thumb_gdcld_111", M = "ds-switch_root--checked_gdcld_126", o = {
9
9
  root: F,
10
10
  rootLabelRight: G,
@@ -3,7 +3,7 @@ import { jsxs as v, jsx as y } from "react/jsx-runtime";
3
3
  import { d as g } from "./chunks/index.CgTHIF3K.js";
4
4
  import { c as F } from "./chunks/index.CEyLAtio.js";
5
5
  import { useState as S, useEffect as b } from "react";
6
- import { D as h } from "./chunks/Icon.CAXZUNWo.js";
6
+ import { D as h } from "./chunks/Icon.C0161Glk.js";
7
7
  import './assets/systemfeedback.BX2zCzSL.css';const D = "ds-system-feedback_root_mgtv6_1", I = {
8
8
  root: D
9
9
  }, N = {
@@ -0,0 +1,256 @@
1
+ "use client";
2
+ import { jsx as v, jsxs as me } from "react/jsx-runtime";
3
+ import { d as ke } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as re } from "./chunks/index.CEyLAtio.js";
5
+ import { useState as he, useRef as A, useEffect as xe } from "react";
6
+ import { g as b, i as be } from "./chunks/is-animation-disabled.CUl4N3LI.js";
7
+ import { h as Ce } from "./chunks/has-window.ut_-aShB.js";
8
+ import { g as Ee } from "./chunks/helpers.BbWkXTr3.js";
9
+ import { u as pe } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
10
+ import { D as ye } from "./chunks/Button.CC0qEsuR.js";
11
+ import { D as We } from "./chunks/Icon.C0161Glk.js";
12
+ import { NumberIndicator as ze } from "./numberindicator.Ddf3ESi7.js";
13
+ import { g as Ae, a as we } from "./chunks/TabPane.utils.DG16Y2uD.js";
14
+ import { s as i, N as He } from "./chunks/NavigationTabList.IQM074Vb.js";
15
+ const H = 48, Ye = (p) => {
16
+ const e = ke.c(62);
17
+ let g, T, d, M, I, o, X, P, $, m, c;
18
+ e[0] !== p ? ({
19
+ aria: g,
20
+ id: m,
21
+ selectedTabIndex: o,
22
+ setSelectedTabIndex: X,
23
+ tabs: c,
24
+ alignment: P,
25
+ className: T,
26
+ defaultSelectedTabIndex: $,
27
+ isNavigation: d,
28
+ onTabChange: M,
29
+ ...I
30
+ } = p, e[0] = p, e[1] = g, e[2] = T, e[3] = d, e[4] = M, e[5] = I, e[6] = o, e[7] = X, e[8] = P, e[9] = $, e[10] = m, e[11] = c) : (g = e[1], T = e[2], d = e[3], M = e[4], I = e[5], o = e[6], X = e[7], P = e[8], $ = e[9], m = e[10], c = e[11]);
31
+ const j = P === void 0 ? "left" : P, Re = $ === void 0 ? 0 : $, [V, h] = he(Re), [Le, Se] = he(!1), [De, Ne] = he(!1);
32
+ let _;
33
+ e[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[12] = _) : _ = e[12];
34
+ const y = A(_), w = A(null), a = A(null), f = A(null), O = A(!1), ve = A(o), se = () => {
35
+ Te(), Be();
36
+ };
37
+ let q;
38
+ e[13] === Symbol.for("react.memo_cache_sentinel") ? (q = [], e[13] = q) : q = e[13], pe(() => {
39
+ const s = new ResizeObserver(se);
40
+ return a.current && s.observe(a.current), () => {
41
+ s.disconnect();
42
+ };
43
+ }, q);
44
+ let F;
45
+ e[14] !== j || e[15] !== c ? (F = [c, j], e[14] = j, e[15] = c, e[16] = F) : F = e[16], pe(() => {
46
+ var n;
47
+ const s = ["18px 'STIHL Contraface Digital Text Regular'", "18px 'STIHL Contraface Digital Text Bold'", "14px 'STIHL Contraface Digital Text Demi'"];
48
+ Promise.all(s.map(Me)).then(() => {
49
+ ne(o), K("next", o, "instant"), Te(), O.current = !0;
50
+ }).catch(Pe);
51
+ const t = () => {
52
+ !O.current || !f.current || (r.matches ? f.current.style.transitionDuration = "0s" : f.current.style.transitionDuration = "");
53
+ }, r = window.matchMedia("(prefers-reduced-motion: reduce)");
54
+ return r.addEventListener("change", t), (n = a.current) == null || n.addEventListener("scroll", se), () => {
55
+ var l;
56
+ r.removeEventListener("change", t), (l = a.current) == null || l.removeEventListener("scroll", se);
57
+ };
58
+ }, F);
59
+ let G;
60
+ e[17] !== o ? (G = [o], e[17] = o, e[18] = G) : G = e[18], pe(() => {
61
+ if (O.current && (ne(o), d)) {
62
+ const s = ge(o);
63
+ h(o), K(s, o);
64
+ }
65
+ ve.current = o;
66
+ }, G);
67
+ let Q, J;
68
+ e[19] !== V ? (Q = () => {
69
+ var s;
70
+ O.current && ((s = y.current[V]) == null || s.focus());
71
+ }, J = [V], e[19] = V, e[20] = Q, e[21] = J) : (Q = e[20], J = e[21]), xe(Q, J);
72
+ const R = (s) => {
73
+ const t = ge(s);
74
+ X(s), h(s), K(t, s), M && M(s);
75
+ }, ge = (s) => {
76
+ const t = b(a.current), r = b(y.current[s]);
77
+ let n;
78
+ return r.left - H < t.left ? n = "prev" : r.right + H > t.right ? n = "next" : n = o < s ? "next" : "prev", n;
79
+ }, Te = () => {
80
+ if (a.current && w.current) {
81
+ const s = b(a.current), t = b(w.current);
82
+ Se(t.left < s.left), Ne(t.right > s.right + 4);
83
+ }
84
+ };
85
+ let U;
86
+ e[22] === Symbol.for("react.memo_cache_sentinel") ? (U = (s) => {
87
+ const t = s === void 0 ? 0 : s;
88
+ Ce && f.current && !be() && setTimeout(() => {
89
+ f.current && (f.current.style.transitionDuration = "250ms");
90
+ }, t);
91
+ }, e[22] = U) : U = e[22];
92
+ const Ie = U, Be = () => {
93
+ f.current && (f.current.style.transitionDuration = "0s", ne(ve.current), Ie());
94
+ }, ne = (s) => {
95
+ const t = f.current, r = b(y.current[s]), n = b(w.current), l = r.left - n.left;
96
+ t && (O.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${l}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${l}px)`, t.style.width = `${r.width}px`, Ie(50)));
97
+ }, oe = (s, t) => {
98
+ let r;
99
+ e: switch (s.key) {
100
+ case "ArrowLeft": {
101
+ r = (t > 0 ? t : c.length) - 1, h(r);
102
+ break e;
103
+ }
104
+ case "ArrowRight": {
105
+ r = (t + 1) % c.length, h(r);
106
+ break e;
107
+ }
108
+ case "Home": {
109
+ r = 0, h(r);
110
+ break e;
111
+ }
112
+ case "End": {
113
+ r = c.length - 1, h(r);
114
+ break e;
115
+ }
116
+ case "Enter":
117
+ case " ": {
118
+ R(t);
119
+ return;
120
+ }
121
+ default:
122
+ return;
123
+ }
124
+ if (r !== void 0) {
125
+ const n = r > t ? "next" : "prev";
126
+ setTimeout(() => K(n, r), 0);
127
+ }
128
+ s.preventDefault();
129
+ }, le = (s, t) => {
130
+ let r;
131
+ e: switch (s.key) {
132
+ case "Tab": {
133
+ if (s.shiftKey) {
134
+ r = t - 1 < 0 ? 0 : t - 1, h(r), t !== 0 && s.preventDefault();
135
+ break e;
136
+ } else
137
+ r = t + 1 > c.length - 1 ? t : t + 1, h(r), t !== c.length - 1 && s.preventDefault();
138
+ break e;
139
+ }
140
+ case "Enter": {
141
+ R(t);
142
+ return;
143
+ }
144
+ default:
145
+ return;
146
+ }
147
+ if (r !== void 0) {
148
+ const n = r > t ? "next" : "prev";
149
+ setTimeout(() => K(n, r), 0);
150
+ }
151
+ }, K = (s, t, r) => {
152
+ const n = r === void 0 ? "smooth" : r, l = y.current[t], W = a.current, z = b(l), ue = b(W);
153
+ let de;
154
+ if (!(!l || !W)) {
155
+ if (s === "prev") {
156
+ if (z.left - H > ue.left)
157
+ return;
158
+ de = l.offsetLeft - H;
159
+ } else {
160
+ if (z.right + H < ue.right)
161
+ return;
162
+ de = l.offsetLeft + l.offsetWidth - ue.width + H;
163
+ }
164
+ W.scrollTo({
165
+ left: de,
166
+ behavior: be() ? "instant" : n
167
+ });
168
+ }
169
+ };
170
+ let u;
171
+ if (e[23] === Symbol.for("react.memo_cache_sentinel")) {
172
+ u = (t) => {
173
+ var n;
174
+ const r = s(t);
175
+ (n = a.current) == null || n.scrollTo({
176
+ left: r,
177
+ behavior: be() ? "instant" : "smooth"
178
+ });
179
+ };
180
+ const s = (t) => {
181
+ if (!w.current || !a.current)
182
+ return 0;
183
+ const {
184
+ scrollLeft: r,
185
+ offsetWidth: n
186
+ } = a.current, l = Math.round(n * 0.2);
187
+ return t === "next" ? r + l : r - l;
188
+ };
189
+ e[23] = u;
190
+ } else
191
+ u = e[23];
192
+ const ce = j === "center";
193
+ let Y;
194
+ e[24] !== ce ? (Y = re(i.scroller, {
195
+ [i.scrollerCentered]: ce
196
+ }), e[24] = ce, e[25] = Y) : Y = e[25];
197
+ const Z = Y, ae = d ? "nav" : "div";
198
+ let L;
199
+ e[26] !== T ? (L = re(i.tabsWrapper, T), e[26] = T, e[27] = L) : L = e[27];
200
+ let S;
201
+ e[28] !== oe || e[29] !== le || e[30] !== d || e[31] !== Z || e[32] !== o || e[33] !== R || e[34] !== m || e[35] !== c ? (S = d ? /* @__PURE__ */ v(He, { tabs: c, tabRefs: y, scrollerRef: w, handleNavigationKeydown: le, scrollerClass: Z, selectedTabIndex: o, setSelectedTab: R }) : /* @__PURE__ */ v("div", { role: "tablist", className: Z, ref: w, children: c.map((s, t) => {
202
+ const {
203
+ id: r,
204
+ label: n,
205
+ iconName: l,
206
+ numberIndicatorValue: W
207
+ } = s;
208
+ return /* @__PURE__ */ me("button", { id: we(m, r), role: "tab", "aria-selected": o === t, "aria-controls": Ae(m, r, t), tabIndex: o === t ? 0 : -1, className: i.tab, ref: (z) => {
209
+ y.current[t] = z;
210
+ }, onClick: () => R(t), onKeyDown: (z) => oe(z, t), children: [
211
+ l && /* @__PURE__ */ v(We, { name: l, "aria-hidden": "true" }),
212
+ n,
213
+ W && /* @__PURE__ */ v(ze, { label: W })
214
+ ] }, we(m, r));
215
+ }) }), e[28] = oe, e[29] = le, e[30] = d, e[31] = Z, e[32] = o, e[33] = R, e[34] = m, e[35] = c, e[36] = S) : S = e[36];
216
+ let ee;
217
+ e[37] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ v("span", { className: i.indicator, ref: f }), e[37] = ee) : ee = e[37];
218
+ let D;
219
+ e[38] !== ae || e[39] !== g || e[40] !== S ? (D = /* @__PURE__ */ me(ae, { className: i.scrollWrapper, ref: a, ...g, children: [
220
+ S,
221
+ ee
222
+ ] }), e[38] = ae, e[39] = g, e[40] = S, e[41] = D) : D = e[41];
223
+ const ie = !Le;
224
+ let N;
225
+ e[42] !== ie ? (N = re(i.scrollButton, {
226
+ [i.scrollButtonHidden]: ie
227
+ }), e[42] = ie, e[43] = N) : N = e[43];
228
+ let B;
229
+ e[44] !== u ? (B = () => u("prev"), e[44] = u, e[45] = B) : B = e[45];
230
+ let k;
231
+ e[46] !== N || e[47] !== B ? (k = /* @__PURE__ */ v(ye, { variant: "filled", className: N, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: B, children: "Left" }), e[46] = N, e[47] = B, e[48] = k) : k = e[48];
232
+ const fe = !De;
233
+ let x;
234
+ e[49] !== fe ? (x = re(i.scrollButton, i.scrollButtonRight, {
235
+ [i.scrollButtonHidden]: fe
236
+ }), e[49] = fe, e[50] = x) : x = e[50];
237
+ let C;
238
+ e[51] !== u ? (C = () => u("next"), e[51] = u, e[52] = C) : C = e[52];
239
+ let E;
240
+ e[53] !== x || e[54] !== C ? (E = /* @__PURE__ */ v(ye, { variant: "filled", className: x, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: C, children: "Right" }), e[53] = x, e[54] = C, e[55] = E) : E = e[55];
241
+ let te;
242
+ return e[56] !== I || e[57] !== L || e[58] !== D || e[59] !== k || e[60] !== E ? (te = /* @__PURE__ */ me("div", { className: L, ...I, children: [
243
+ D,
244
+ k,
245
+ E
246
+ ] }), e[56] = I, e[57] = L, e[58] = D, e[59] = k, e[60] = E, e[61] = te) : te = e[61], te;
247
+ };
248
+ function Me(p) {
249
+ return document.fonts.load(p);
250
+ }
251
+ function Pe(p) {
252
+ throw new Error(Ee("DSTabs", `The component requires the fonts to be loaded: ${p}`));
253
+ }
254
+ export {
255
+ Ye as TabList
256
+ };
@@ -2,10 +2,10 @@
2
2
  import "react/jsx-runtime";
3
3
  import "./chunks/index.CgTHIF3K.js";
4
4
  import "react";
5
- import "./tablist.DGGeFOi1.js";
5
+ import "./tablist.Dzwe0_J4.js";
6
6
  import "./tabpane.CB-eudyw.js";
7
7
  import "./chunks/TabPane.utils.DG16Y2uD.js";
8
- import { D as a } from "./chunks/Tabs.GvcCCCFT.js";
8
+ import { D as a } from "./chunks/Tabs.Bl4K3Kjn.js";
9
9
  export {
10
10
  a as DSTabs
11
11
  };
@@ -3,8 +3,8 @@ import "react/jsx-runtime";
3
3
  import "./chunks/index.CgTHIF3K.js";
4
4
  import "./chunks/index.CEyLAtio.js";
5
5
  import "react";
6
- import "./chunks/helpers.CcqWV-wZ.js";
7
- import { D as s } from "./chunks/Text.TS4XdA9e.js";
6
+ import "./chunks/helpers.BbWkXTr3.js";
7
+ import { D as s } from "./chunks/Text.DGWeWF1y.js";
8
8
  export {
9
9
  s as DSText
10
10
  };