@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.34

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 (286) hide show
  1. package/accordion.Dmqocj97.js +12 -0
  2. package/actionbutton.DLQJU6AV.js +12 -0
  3. package/actionlink.DEBrWfN3.js +12 -0
  4. package/{arialiveregions.Fgcshs5k.js → arialiveregions.BUVY9NpY.js} +2 -2
  5. package/assets/Accordion.CzBGud45.css +1 -0
  6. package/assets/Button.C8sNwIeW.css +1 -0
  7. package/assets/Checkbox.CyOw3rXI.css +1 -0
  8. package/assets/CustomReactSelect.E_jJFVew.css +1 -0
  9. package/assets/Dialog.DJkn65Es.css +1 -0
  10. package/assets/Drawer.x3BCQvWE.css +1 -0
  11. package/assets/InputFile.BnIvK65P.css +1 -0
  12. package/assets/InputNumber.BoiCIR1f.css +1 -0
  13. package/assets/InputPassword.Dk3_vNLV.css +1 -0
  14. package/assets/InputSearch.C1_4cVCi.css +1 -0
  15. package/assets/LinkButton.B86yacK5.css +1 -0
  16. package/assets/{MegaMenu.DX9gChtY.css → MegaMenu.D5EtjFeL.css} +1 -1
  17. package/assets/Notification.CvohYEvT.css +1 -0
  18. package/assets/Popover.CXyUaXiO.css +1 -0
  19. package/assets/Select.COxLltX7.css +1 -0
  20. package/assets/Slider.DPEmJ3HD.css +1 -0
  21. package/assets/Stepper.tXJl15yL.css +1 -0
  22. package/assets/{SystemFeedback.RcrPepSZ.css → SystemFeedback.PKzqnXUe.css} +1 -1
  23. package/assets/Textarea.y3MW7VW0.css +1 -0
  24. package/assets/Toast.CGyKXb4V.css +1 -0
  25. package/assets/buttonround.BN3vUDc_.css +1 -0
  26. package/assets/input.DTu4g_iA.css +1 -0
  27. package/assets/logo100years.CQrEg-Vo.css +1 -0
  28. package/assets/step.BeLporJO.css +1 -0
  29. package/assets/switch.B9B-n_3y.css +1 -0
  30. package/assets/tooltip.Co1gWF_0.css +1 -0
  31. package/{asterisk.CR60hx8S.js → asterisk.B2ih8VwF.js} +1 -1
  32. package/{banner.j9YpudOS.js → banner.CI5HnDqD.js} +3 -3
  33. package/breadcrumb.CtwAux3P.js +11 -0
  34. package/button.DHuKanZP.js +13 -0
  35. package/buttonround.CMlmEDaN.js +96 -0
  36. package/checkbox.DwccD0Mp.js +12 -0
  37. package/checkboxgroup.ZiUFfCJ1.js +9 -0
  38. package/chip.B0s_fS8L.js +12 -0
  39. package/chipgroup.Dpu66bo5.js +143 -0
  40. package/chunks/Accordion.CYIfNOWr.js +168 -0
  41. package/chunks/ActionButton.DOYsEHPr.js +180 -0
  42. package/chunks/ActionLink.DbyciN3Y.js +153 -0
  43. package/chunks/{AriaLiveRegions.utils.Cb327d_2.js → AriaLiveRegions.utils.CybNIBSa.js} +2 -2
  44. package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.BgnpTo01.js} +35 -37
  45. package/chunks/Button.DCZgBNmA.js +142 -0
  46. package/chunks/Checkbox.BcGXAuuP.js +88 -0
  47. package/chunks/{CheckboxGroup.Dy_6tiGk.js → CheckboxGroup.BuFd1luB.js} +5 -5
  48. package/chunks/Chip.D6pubCZV.js +133 -0
  49. package/chunks/{CustomReactSelect.iE5iTdez.js → CustomReactSelect.Dg3wC_VH.js} +484 -473
  50. package/chunks/Dialog.DpqSVrYR.js +102 -0
  51. package/chunks/Drawer.DISWybOa.js +107 -0
  52. package/chunks/{Fieldset.CjIfmN_5.js → Fieldset.DiMtr6Vw.js} +6 -6
  53. package/chunks/Header.7TQL_J9t.js +370 -0
  54. package/chunks/Icon.CDLyB7Pv.js +229 -0
  55. package/chunks/{Input.utils.Cnnzvuk4.js → Input.utils.Dkw7gRrr.js} +17 -17
  56. package/chunks/InputFile.C8nt9Fu8.js +218 -0
  57. package/chunks/InputNumber.CbH1XJfl.js +267 -0
  58. package/chunks/{InputPassword.DC2POUc1.js → InputPassword.DbdjuSiJ.js} +34 -34
  59. package/chunks/InputSearch.joxmugiv.js +173 -0
  60. package/chunks/LinkButton.BZgIGgc8.js +132 -0
  61. package/chunks/MegaMenu.CQbOeaib.js +189 -0
  62. package/chunks/NavigationTabList.G_l0GiUa.js +67 -0
  63. package/chunks/{NavigationTabs.ClpVGcl0.js → NavigationTabs.BwM-6CRm.js} +13 -14
  64. package/chunks/Notification.CrojkJ0E.js +91 -0
  65. package/chunks/Popover.Bb0Pjmvg.js +215 -0
  66. package/chunks/{RadioGroup.peTeMK45.js → RadioGroup.CexC4v2Z.js} +5 -5
  67. package/chunks/Select.BEIdNMML.js +164 -0
  68. package/chunks/{Slider.kyVr7BLk.js → Slider.CR0zYHeZ.js} +70 -71
  69. package/chunks/Stepper.PTQdQBYf.js +152 -0
  70. package/chunks/{SystemFeedback.B9f67mjJ.js → SystemFeedback.CjlARKki.js} +9 -9
  71. package/chunks/Tabs.DyP4whX0.js +83 -0
  72. package/chunks/{Text.DGWeWF1y.js → Text.DpRtTpB4.js} +3 -3
  73. package/chunks/Textarea.Du2RII5u.js +168 -0
  74. package/chunks/Toast.ug_RjGgF.js +76 -0
  75. package/chunks/{arrow-clockwise.BefOjGPg.js → arrow-clockwise.C4iOgjOc.js} +1 -1
  76. package/chunks/{arrow-counterclockwise.C7Ov32BZ.js → arrow-counterclockwise.CgQAuBUe.js} +1 -1
  77. package/chunks/battery-charge-0.DxlgEAto.js +10 -0
  78. package/chunks/battery-charge-100.D0Cax7dU.js +10 -0
  79. package/chunks/{battery.YCg9lYqC.js → battery.6Idoickg.js} +3 -3
  80. package/chunks/bluetooth-off.BzZCh4Q8.js +10 -0
  81. package/chunks/{circle-check-colored.Bye_GwLy.js → circle-check-colored.qP2s3vjI.js} +1 -1
  82. package/chunks/{diamond-exclamationmark-colored.WNKYwZ8q.js → diamond-exclamationmark-colored.CzYiaTZ0.js} +1 -1
  83. package/chunks/document-s.CoOp0kBK.js +10 -0
  84. package/chunks/feather.l1E4nFBx.js +10 -0
  85. package/chunks/file-type-doc.B_RSSYbu.js +10 -0
  86. package/chunks/floating-ui.dom.BT8pKtCQ.js +1005 -0
  87. package/chunks/floating-ui.react.3FjeMiuN.js +1999 -0
  88. package/chunks/helpers.CexwVao7.js +38 -0
  89. package/chunks/{index.CgTHIF3K.js → index.D-sRdssb.js} +1 -1
  90. package/chunks/{index.CEyLAtio.js → index.DL9mof6u.js} +2 -2
  91. package/chunks/{is-animation-disabled.CUl4N3LI.js → is-animation-disabled.B-V_68K-.js} +5 -5
  92. package/chunks/{map.CXgG1iGz.js → map.DNl7PF61.js} +1 -1
  93. package/chunks/moon.5yILPYXs.js +10 -0
  94. package/chunks/muscle.DbNjWasV.js +10 -0
  95. package/chunks/petrol.BGWwCsTw.js +10 -0
  96. package/chunks/sun.CY6ttzTL.js +10 -0
  97. package/chunks/{triangle-exclamationmark-colored.CbVC3Gzi.js → triangle-exclamationmark-colored.e93zvQ6Q.js} +1 -1
  98. package/chunks/upload.BogDfonx.js +10 -0
  99. package/chunks/useBreakpoint.BzR_yaIv.js +42 -0
  100. package/chunks/variants.-R3_RCW8.js +10 -0
  101. package/chunks/weight.DUPu2UT0.js +10 -0
  102. package/combobox.jG5GRA7C.js +65 -0
  103. package/components/ActionButton/ActionButton.d.ts +2 -0
  104. package/components/Button/Button.d.ts +4 -0
  105. package/components/ChipGroup/Chip.d.ts +1 -0
  106. package/components/ChipGroup/ChipGroup.d.ts +4 -0
  107. package/components/ChipGroup/ChipGroup.utils.d.ts +10 -12
  108. package/components/Combobox/Combobox.utils.d.ts +3 -4
  109. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +4 -2
  110. package/components/Header/Header.d.ts +4 -5
  111. package/components/{InputStepper/InputStepper.d.ts → InputNumber/InputNumber.d.ts} +10 -4
  112. package/components/InputNumber/InputNumber.utils.d.ts +13 -0
  113. package/components/LinkButton/LinkButton.d.ts +2 -0
  114. package/components/Logo100Years/Logo100Years.d.ts +1 -0
  115. package/components/Popover/Popover.d.ts +29 -7
  116. package/components/Popover/Popover.utils.d.ts +34 -3
  117. package/components/Scroller/Scroller.d.ts +6 -2
  118. package/components/Stepper/Step.d.ts +33 -0
  119. package/components/Stepper/Step.utils.d.ts +5 -0
  120. package/components/Stepper/Stepper.d.ts +56 -0
  121. package/components/Stepper/Stepper.test.d.ts +1 -0
  122. package/components/Stepper/Stepper.utils.d.ts +30 -0
  123. package/components/Stepper/Stepper.utils.test.d.ts +1 -0
  124. package/components/Tooltip/Tooltip.d.ts +40 -0
  125. package/components/Tooltip/Tooltip.test.d.ts +1 -0
  126. package/components/Tooltip/Tooltip.utils.d.ts +70 -0
  127. package/components/Tooltip/Tooltip.utils.test.d.ts +1 -0
  128. package/components/TopBar/TopBar.d.ts +4 -4
  129. package/components/TopBar/TopBar.utils.d.ts +1 -1
  130. package/customreactselect.BFN8cYJi.js +14 -0
  131. package/dialog.CzM_Cxp0.js +9 -0
  132. package/drawer._A9MQ8Cj.js +9 -0
  133. package/fieldset.CId-NtI5.js +11 -0
  134. package/{filelist.nunJKxkv.js → filelist.DgVuWpR3.js} +23 -24
  135. package/{flag.D_iN8iD6.js → flag.CE32qHPa.js} +3 -3
  136. package/floatingactionbutton.Bsnncudt.js +87 -0
  137. package/header.CelAkqtp.js +12 -0
  138. package/{heading.BXFBZhKv.js → heading.DHLpT4dc.js} +2 -2
  139. package/icon.vzkPwgjZ.js +9 -0
  140. package/index.d.ts +4 -2
  141. package/index.es.js +217 -204
  142. package/input.DuEbg7d6.js +206 -0
  143. package/inputfile.BjgJGefV.js +17 -0
  144. package/inputnumber.BcrxBVv0.js +16 -0
  145. package/inputnumber.d.ts +2 -0
  146. package/inputpassword.CddmBW-T.js +13 -0
  147. package/inputsearch.CFOASqrd.js +14 -0
  148. package/link.f8MMZo-w.js +81 -0
  149. package/linkbutton.BYAvi-_V.js +12 -0
  150. package/{logo.C96KaG1P.js → logo.DprmD8HU.js} +3 -3
  151. package/logo100years.B4d_DIiB.js +24 -0
  152. package/logo100years.d.ts +2 -0
  153. package/megamenu.Cy9Cc-mC.js +12 -0
  154. package/navigationtablist.CkkLyHrM.js +10 -0
  155. package/navigationtabs.Dp7D2fnc.js +9 -0
  156. package/notification.B-norGiB.js +10 -0
  157. package/{numberindicator.Ddf3ESi7.js → numberindicator.BdnPMogE.js} +2 -2
  158. package/{optioncheckbox.D97W3zeW.js → optioncheckbox.nBVwGv6c.js} +3 -3
  159. package/package.json +41 -51
  160. package/partials/index.js +58 -52
  161. package/partials/lib/partials.d.ts +1 -1
  162. package/popover.DFVDZY-m.js +12 -0
  163. package/{radio.7_N_alaS.js → radio.DHUfSPai.js} +2 -2
  164. package/radiogroup.DaThoMfq.js +11 -0
  165. package/scroller.Cu7H_VCT.js +98 -0
  166. package/select.CMdKf7tC.js +13 -0
  167. package/{skiptocontent._F-d8y5b.js → skiptocontent.CHVh0hbr.js} +4 -4
  168. package/slider.C5dK6KcG.js +11 -0
  169. package/{spinner.Dht6FspZ.js → spinner.C9qCeq0R.js} +18 -18
  170. package/step.DKf4CHGr.js +82 -0
  171. package/step.d.ts +6 -0
  172. package/stepper.CCP_igpJ.js +16 -0
  173. package/stepper.d.ts +2 -0
  174. package/{switch.B37S4vfP.js → switch.Bqdyzi2E.js} +5 -5
  175. package/systemfeedback.O7tj1juR.js +10 -0
  176. package/tablist.DZgo49nZ.js +209 -0
  177. package/{tabpane.CB-eudyw.js → tabpane.C4nsUlwc.js} +2 -2
  178. package/tabs.BkoT7feH.js +11 -0
  179. package/text.cLv2PhjQ.js +10 -0
  180. package/textarea.DMn20z4p.js +13 -0
  181. package/{title.Bz_k5Vda.js → title.DuLPB-VK.js} +2 -2
  182. package/toast.Dvs8woTH.js +11 -0
  183. package/toastmanager.pi_Fhd5t.js +89 -0
  184. package/tooltip.QJe_bfO-.js +178 -0
  185. package/tooltip.d.ts +2 -0
  186. package/topbar.Bxwvp9Lf.js +12 -0
  187. package/types/icon-types.d.ts +1 -1
  188. package/types/prettier-plugin-organize-imports.d.ts +1 -0
  189. package/utils/index.d.ts +1 -0
  190. package/utils/mergeRefs.d.ts +5 -0
  191. package/utils/mergeRefs.test.d.ts +1 -0
  192. package/accordion.DkwtJy--.js +0 -12
  193. package/actionbutton.u1qp8oGC.js +0 -11
  194. package/actionlink.C7HzeIVa.js +0 -11
  195. package/assets/Accordion.BJb4TOG0.css +0 -1
  196. package/assets/Button.Dw8H5nFS.css +0 -1
  197. package/assets/Checkbox.BKHQN_tu.css +0 -1
  198. package/assets/CustomReactSelect.D0b1Hg1T.css +0 -1
  199. package/assets/Dialog.CGAg7bnN.css +0 -1
  200. package/assets/Drawer.VOvWQoEr.css +0 -1
  201. package/assets/InputFile.CCQxsulT.css +0 -1
  202. package/assets/InputPassword.124xVOiO.css +0 -1
  203. package/assets/InputSearch.Bkg-1urJ.css +0 -1
  204. package/assets/InputStepper.Dth4qZN_.css +0 -1
  205. package/assets/LinkButton.xMvg_ojf.css +0 -1
  206. package/assets/Notification.BOuaA5GT.css +0 -1
  207. package/assets/Popover.BDTDsPAt.css +0 -1
  208. package/assets/Select.CYACicZ3.css +0 -1
  209. package/assets/Slider.DzwSjDPV.css +0 -1
  210. package/assets/Textarea.BXWhXpXx.css +0 -1
  211. package/assets/Toast.CJ1zhDIT.css +0 -1
  212. package/assets/buttonround.Cw9hnUan.css +0 -1
  213. package/assets/input.ONbL-_C1.css +0 -1
  214. package/assets/switch.Bc9KIyw9.css +0 -1
  215. package/breadcrumb.BS-S3zUI.js +0 -11
  216. package/button.CPilCCUI.js +0 -12
  217. package/buttonround.C426mO4d.js +0 -81
  218. package/checkbox.BtlUvs0z.js +0 -12
  219. package/checkboxgroup.C5NgyyQF.js +0 -9
  220. package/chip.tVIG1ysH.js +0 -11
  221. package/chipgroup.CjIK0Z0x.js +0 -209
  222. package/chunks/Accordion.C5V5IcM-.js +0 -170
  223. package/chunks/ActionButton.B8zFwOrJ.js +0 -165
  224. package/chunks/ActionLink.IX6oRXU3.js +0 -138
  225. package/chunks/Button.B7xF1E19.js +0 -127
  226. package/chunks/Checkbox.DxV7-F5W.js +0 -88
  227. package/chunks/Chip.31UfPwQF.js +0 -119
  228. package/chunks/Dialog.B_2pKRnd.js +0 -135
  229. package/chunks/Drawer.HFlBTcqN.js +0 -140
  230. package/chunks/Header.DqZRryB5.js +0 -366
  231. package/chunks/Icon.DGTYCv63.js +0 -231
  232. package/chunks/InputFile.DvOatDzg.js +0 -220
  233. package/chunks/InputSearch.B0aCuPRZ.js +0 -174
  234. package/chunks/InputStepper.D_1YqlWl.js +0 -263
  235. package/chunks/LinkButton.DdTspmJz.js +0 -117
  236. package/chunks/MegaMenu.BY7eOnhj.js +0 -189
  237. package/chunks/NavigationTabList.dYFYTmWv.js +0 -57
  238. package/chunks/Notification.DIdIhGTQ.js +0 -92
  239. package/chunks/Popover.NGetxKGg.js +0 -159
  240. package/chunks/Select.BDHLJ2ma.js +0 -162
  241. package/chunks/Tabs.CkVL8Jw8.js +0 -83
  242. package/chunks/Textarea.ORkJUx-S.js +0 -163
  243. package/chunks/Toast.DHo4pLH3.js +0 -76
  244. package/chunks/file-type-doc.DlovDOBh.js +0 -10
  245. package/chunks/floating-ui.dom.C9TD1WpB.js +0 -950
  246. package/chunks/floating-ui.react.x0F9CYgn.js +0 -1637
  247. package/chunks/helpers.BbWkXTr3.js +0 -37
  248. package/chunks/petrol.Du6qAgp0.js +0 -10
  249. package/chunks/upload.ZImTAIgx.js +0 -10
  250. package/chunks/useBreakpoint.CMOR9ZOB.js +0 -44
  251. package/combobox.Bk2ycofh.js +0 -60
  252. package/components/InputStepper/InputStepper.utils.d.ts +0 -12
  253. package/customreactselect.Hnch9LGg.js +0 -14
  254. package/dialog.7sWoqGwL.js +0 -10
  255. package/drawer.DsF4KIPn.js +0 -10
  256. package/fieldset.DUFUMcT-.js +0 -11
  257. package/floatingactionbutton.DOH2k0gv.js +0 -72
  258. package/header.QpNjE3N-.js +0 -12
  259. package/icon.vMQcEBnH.js +0 -9
  260. package/input.BKHOY118.js +0 -203
  261. package/inputfile.DK8759wV.js +0 -17
  262. package/inputpassword.rV_ZZw5F.js +0 -13
  263. package/inputsearch.CmhakTpa.js +0 -14
  264. package/inputstepper.Y-YzUHhF.js +0 -16
  265. package/inputstepper.d.ts +0 -2
  266. package/link.D_FjTyoZ.js +0 -66
  267. package/linkbutton.D2C4vykc.js +0 -11
  268. package/megamenu.CdHrEeoh.js +0 -12
  269. package/navigationtablist.CVjh1k-b.js +0 -9
  270. package/navigationtabs.BGfi9AG2.js +0 -9
  271. package/notification.Dn-FZWEL.js +0 -10
  272. package/popover.DXxm1oWI.js +0 -11
  273. package/radiogroup.J8WpEEo8.js +0 -11
  274. package/scroller.BiRLQg__.js +0 -123
  275. package/select.DIzGPVx3.js +0 -13
  276. package/slider.DuJK0RdB.js +0 -11
  277. package/systemfeedback.C_2PhwKe.js +0 -10
  278. package/tablist.g_Nwu6GA.js +0 -256
  279. package/tabs.oh9-wHPp.js +0 -11
  280. package/text.ZOUuesnU.js +0 -10
  281. package/textarea.dQ12-oYB.js +0 -13
  282. package/toast.sMNbfKxi.js +0 -11
  283. package/toastmanager.CVamaS5T.js +0 -116
  284. package/topbar.Dhy_TL0U.js +0 -11
  285. /package/components/{InputStepper/InputStepper.test.d.ts → InputNumber/InputNumber.test.d.ts} +0 -0
  286. /package/components/{InputStepper/InputStepper.utils.test.d.ts → InputNumber/InputNumberutils.test.d.ts} +0 -0
package/partials/lib/partials.d.ts CHANGED
@@ -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", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSMegaMenu", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSSystemFeedback", "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", "DSInputNumber", "DSInputPassword", "DSInputSearch", "DSLink", "DSLinkButton", "DSLogo", "DSMegaMenu", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSStepper", "DSSwitch", "DSSystemFeedback", "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.
package/popover.DFVDZY-m.js ADDED
@@ -0,0 +1,12 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import { D as a } from "./chunks/Popover.Bb0Pjmvg.js";
5
+ import "react";
6
+ import "./chunks/floating-ui.react.3FjeMiuN.js";
7
+ import "./chunks/index.DL9mof6u.js";
8
+ import "./chunks/helpers.CexwVao7.js";
9
+ import "./chunks/Button.DCZgBNmA.js";
10
+ export {
11
+ a as DSPopover
12
+ };
package/{radio.7_N_alaS.js → radio.DHUfSPai.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as D, jsxs as ne } from "react/jsx-runtime";
3
- import { d as ve } from "./chunks/index.CgTHIF3K.js";
4
- import { c as E } from "./chunks/index.CEyLAtio.js";
3
+ import { d as ve } from "./chunks/index.D-sRdssb.js";
4
+ import { c as E } from "./chunks/index.DL9mof6u.js";
5
5
  import { forwardRef as Ae, useRef as ce, useState as pe, useEffect as Ce } from "react";
6
6
  import './assets/radio.CgpGvYc-.css';const he = (H) => H.replace(/\s+/g, ""), ye = "ds-radio_root_2idos_1", ke = "ds-radio_root--disabled_2idos_24", ge = "ds-radio_root--with-custom-area_2idos_27", Ne = "ds-radio_root--with-custom-area--above_2idos_30", We = "ds-radio_radio_2idos_36", xe = "ds-radio_dot_2idos_54", De = "ds-radio_radio--invalid_2idos_78", He = "ds-radio_label_2idos_83", Be = "ds-radio_label--bold_2idos_100", Se = "ds-radio_label--with-custom-area_2idos_111", Ue = "ds-radio_custom-area_2idos_115", Ie = "ds-radio_custom-area--above_2idos_123", $e = "ds-radio_hint_2idos_129", we = "ds-radio_hint--visible_2idos_153", je = "ds-radio_hint--unchecked-hidden_2idos_157", Ee = "ds-radio_input_2idos_163", t = {
7
7
  root: ye,
package/radiogroup.DaThoMfq.js ADDED
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import "./chunks/index.DL9mof6u.js";
5
+ import "react";
6
+ import "./chunks/Fieldset.DiMtr6Vw.js";
7
+ import "./radio.DHUfSPai.js";
8
+ import { D as s } from "./chunks/RadioGroup.CexC4v2Z.js";
9
+ export {
10
+ s as DSRadioGroup
11
+ };
package/scroller.Cu7H_VCT.js ADDED
@@ -0,0 +1,98 @@
1
+ "use client";
2
+ import { jsxs as H, jsx as i } from "react/jsx-runtime";
3
+ import { c as a } from "./chunks/index.DL9mof6u.js";
4
+ import { forwardRef as I, useState as v, useRef as d } from "react";
5
+ import { i as b, g as S } from "./chunks/is-animation-disabled.B-V_68K-.js";
6
+ import { g as W } from "./chunks/helpers.CexwVao7.js";
7
+ import { u as R } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
8
+ import "./chunks/index.D-sRdssb.js";
9
+ import { D as L } from "./chunks/Button.DCZgBNmA.js";
10
+ import './assets/scroller.Hszs1Yq4.css';function P(...u) {
11
+ return (l) => {
12
+ for (const s of u)
13
+ s && (typeof s == "function" ? s(l) : s.current = l);
14
+ };
15
+ }
16
+ const T = "ds-scroller_root_3ktti_1", M = "ds-scroller_scroll-wrapper_3ktti_6", j = "ds-scroller_scroller_3ktti_45", A = "ds-scroller_scroll-button_3ktti_60", O = "ds-scroller_scroll-button--hidden_3ktti_65", q = "ds-scroller_scroll-button--right_3ktti_69", o = {
17
+ root: T,
18
+ scrollWrapper: M,
19
+ scroller: j,
20
+ scrollButton: A,
21
+ scrollButtonHidden: O,
22
+ scrollButtonRight: q
23
+ }, V = I(({
24
+ children: u,
25
+ className: l,
26
+ scrollerClassName: s,
27
+ scrollerButtonClassName: h,
28
+ scrollToPosition: n,
29
+ ...x
30
+ }, k) => {
31
+ const [m, w] = v(!1), [p, N] = v(!1), c = d(null), t = d(null), D = d(!1), f = () => {
32
+ g();
33
+ };
34
+ R(() => {
35
+ const r = new ResizeObserver(f);
36
+ return t.current && r.observe(t.current), () => {
37
+ r.disconnect();
38
+ };
39
+ }, []), R(() => {
40
+ const r = [
41
+ // utility large bold -- assuming that it is used with DSButton or DSLinkButton variant="navigation"
42
+ "18px 'STIHL Contraface Digital Text Bold'"
43
+ ];
44
+ return Promise.all(r.map((e) => document.fonts.load(e))).then(() => {
45
+ D.current = !0, g(), y();
46
+ }).catch((e) => {
47
+ throw new Error(W("DSScroller", `The component requires the fonts to be loaded: ${e}`));
48
+ }), t.current?.addEventListener("scroll", f), () => {
49
+ t.current?.removeEventListener("scroll", f);
50
+ };
51
+ }, [n]);
52
+ const y = () => {
53
+ t.current && n?.scrollPosition && t.current.scrollTo({
54
+ left: n.scrollPosition,
55
+ behavior: b() || !n.isSmooth ? "instant" : "smooth"
56
+ });
57
+ }, g = () => {
58
+ if (t.current && c.current) {
59
+ const r = S(t.current), e = S(c.current);
60
+ w(e.left < r.left), N(e.right > r.right + 4);
61
+ }
62
+ }, B = (r) => {
63
+ const e = z(r);
64
+ t.current?.scrollTo({
65
+ left: e,
66
+ behavior: b() ? "instant" : "smooth"
67
+ });
68
+ }, z = (r) => {
69
+ if (!c.current || !t.current)
70
+ return 0;
71
+ const {
72
+ scrollLeft: e,
73
+ offsetWidth: E
74
+ } = t.current, _ = Math.round(E * 0.2);
75
+ return r === "next" ? e + _ : e - _;
76
+ }, C = a(o.scroller, s);
77
+ return /* @__PURE__ */ H("div", { className: a(o.root, l), ...x, children: [
78
+ /* @__PURE__ */ i(
79
+ "div",
80
+ {
81
+ className: o.scrollWrapper,
82
+ ref: P(t, k),
83
+ tabIndex: m || p ? 0 : -1,
84
+ children: /* @__PURE__ */ i("div", { className: C, ref: c, children: u })
85
+ }
86
+ ),
87
+ /* @__PURE__ */ i(L, { variant: "filled", className: a(o.scrollButton, h, {
88
+ [o.scrollButtonHidden]: !m
89
+ }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: () => B("prev"), children: "Left" }),
90
+ /* @__PURE__ */ i(L, { variant: "filled", className: a(o.scrollButton, o.scrollButtonRight, h, {
91
+ [o.scrollButtonHidden]: !p
92
+ }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: () => B("next"), children: "Right" })
93
+ ] });
94
+ });
95
+ V.displayName = "DSScroller";
96
+ export {
97
+ V as DSScroller
98
+ };
package/select.CMdKf7tC.js ADDED
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import "./chunks/index.DL9mof6u.js";
5
+ import "react";
6
+ import "./chunks/useBreakpoint.BzR_yaIv.js";
7
+ import "./asterisk.B2ih8VwF.js";
8
+ import "./chunks/Icon.CDLyB7Pv.js";
9
+ import "./chunks/SystemFeedback.CjlARKki.js";
10
+ import { D } from "./chunks/Select.BEIdNMML.js";
11
+ export {
12
+ D as DSSelect
13
+ };
package/{skiptocontent._F-d8y5b.js → skiptocontent.CHVh0hbr.js} RENAMED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx as u } from "react/jsx-runtime";
3
- import { d as g } from "./chunks/index.CgTHIF3K.js";
4
- import { c as w } from "./chunks/index.CEyLAtio.js";
5
- import { g as S } from "./chunks/helpers.BbWkXTr3.js";
3
+ import { d as g } from "./chunks/index.D-sRdssb.js";
4
+ import { c as w } from "./chunks/index.DL9mof6u.js";
5
+ import { g as S } from "./chunks/helpers.CexwVao7.js";
6
6
  import { forwardRef as T } from "react";
7
- import { D as _ } from "./chunks/LinkButton.DdTspmJz.js";
7
+ import { D as _ } from "./chunks/LinkButton.BZgIGgc8.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
package/slider.C5dK6KcG.js ADDED
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import "./chunks/index.DL9mof6u.js";
5
+ import "react";
6
+ import "./chunks/useBreakpoint.BzR_yaIv.js";
7
+ import "./input.DuEbg7d6.js";
8
+ import { D as s } from "./chunks/Slider.CR0zYHeZ.js";
9
+ export {
10
+ s as DSSlider
11
+ };
package/{spinner.Dht6FspZ.js → spinner.C9qCeq0R.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { jsxs as x, jsx as w } from "react/jsx-runtime";
3
- import { d as y } from "./chunks/index.CgTHIF3K.js";
4
- import { c as L } from "./chunks/index.CEyLAtio.js";
5
- import { D as v } from "./chunks/Icon.DGTYCv63.js";
3
+ import { d as y } from "./chunks/index.D-sRdssb.js";
4
+ import { c as L } from "./chunks/index.DL9mof6u.js";
5
+ import { D as v } from "./chunks/Icon.CDLyB7Pv.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,
@@ -13,33 +13,33 @@ import './assets/spinner.Ctn_YYBG.css';const I = "ds-spinner_root_awbzc_1", N =
13
13
  screenReaderOnly: X
14
14
  }, k = (d) => {
15
15
  const e = y.c(21);
16
- let t, s, r, n, a;
16
+ let l, t, r, i, n;
17
17
  e[0] !== d ? ({
18
- aria: t,
19
- className: s,
20
- size: n,
21
- theme: a,
18
+ aria: l,
19
+ className: t,
20
+ size: i,
21
+ theme: n,
22
22
  ...r
23
- } = d, e[0] = d, e[1] = t, e[2] = s, e[3] = r, e[4] = n, e[5] = a) : (t = e[1], s = e[2], r = e[3], n = e[4], a = e[5]);
24
- const l = n === void 0 ? "small" : n, _ = a === void 0 ? "light" : a, S = l === "small", p = l === "medium", f = l === "large", g = l === "x-large", h = l === "inherit";
23
+ } = d, e[0] = d, e[1] = l, e[2] = t, e[3] = r, e[4] = i, e[5] = n) : (l = e[1], t = e[2], r = e[3], i = e[4], n = e[5]);
24
+ const a = i === void 0 ? "small" : i, _ = n === void 0 ? "light" : n, S = a === "small", p = a === "medium", f = a === "large", g = a === "x-large", h = a === "inherit";
25
25
  let c;
26
- e[6] !== s || e[7] !== S || e[8] !== p || e[9] !== f || e[10] !== g || e[11] !== h ? (c = L(o.root, s, {
26
+ e[6] !== t || e[7] !== S || e[8] !== p || e[9] !== f || e[10] !== g || e[11] !== h ? (c = L(o.root, t, {
27
27
  [o.rootSizeSmall]: S,
28
28
  [o.rootSizeMedium]: p,
29
29
  [o.rootSizeLarge]: f,
30
30
  [o.rootSizeXLarge]: g,
31
31
  [o.rootSizeInherit]: h
32
- }), e[6] = s, e[7] = S, e[8] = p, e[9] = f, e[10] = g, e[11] = h, e[12] = c) : c = e[12];
33
- const b = c, u = (t == null ? void 0 : t["aria-label"]) || void 0;
32
+ }), e[6] = t, e[7] = S, e[8] = p, e[9] = f, e[10] = g, e[11] = h, e[12] = c) : c = e[12];
33
+ const b = c, u = l?.["aria-label"] || void 0;
34
34
  let m;
35
35
  e[13] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w("span", { className: o.screenReaderOnly, children: " " }), e[13] = m) : m = e[13];
36
- let i;
37
- e[14] !== _ ? (i = /* @__PURE__ */ w(v, { name: "loading-spinner", theme: _, focusable: "false", "aria-hidden": "true" }), e[14] = _, e[15] = i) : i = e[15];
36
+ let s;
37
+ e[14] !== _ ? (s = /* @__PURE__ */ w(v, { name: "loading-spinner", theme: _, focusable: "false", "aria-hidden": "true" }), e[14] = _, e[15] = s) : s = e[15];
38
38
  let z;
39
- return e[16] !== r || e[17] !== b || e[18] !== i || e[19] !== u ? (z = /* @__PURE__ */ x("span", { className: b, role: "alert", "aria-live": "assertive", "aria-label": u, ...r, children: [
39
+ return e[16] !== r || e[17] !== b || e[18] !== s || e[19] !== u ? (z = /* @__PURE__ */ x("span", { className: b, role: "alert", "aria-live": "assertive", "aria-label": u, ...r, children: [
40
40
  m,
41
- i
42
- ] }), e[16] = r, e[17] = b, e[18] = i, e[19] = u, e[20] = z) : z = e[20], z;
41
+ s
42
+ ] }), e[16] = r, e[17] = b, e[18] = s, e[19] = u, e[20] = z) : z = e[20], z;
43
43
  };
44
44
  export {
45
45
  k as DSSpinner
package/step.DKf4CHGr.js ADDED
@@ -0,0 +1,82 @@
1
+ "use client";
2
+ import { jsx as o, jsxs as V } from "react/jsx-runtime";
3
+ import { d as P } from "./chunks/index.D-sRdssb.js";
4
+ import { c as D } from "./chunks/index.DL9mof6u.js";
5
+ import "react";
6
+ import { D as A } from "./chunks/Button.DCZgBNmA.js";
7
+ import { D as E } from "./chunks/Icon.CDLyB7Pv.js";
8
+ import './assets/step.BeLporJO.css';const I = "ds-stepper_step_f4kic_1", R = "ds-stepper_step-content_f4kic_5", q = "ds-stepper_step-button_f4kic_12", w = "ds-stepper_step-button--horizontal_f4kic_49", F = "ds-stepper_step-button--vertical_f4kic_58", G = "ds-stepper_step-button--current_f4kic_69", J = "ds-stepper_step-button--completed_f4kic_107", K = "ds-stepper_step-button--disabled_f4kic_135", M = "ds-stepper_step-number_f4kic_166", Q = "ds-stepper_step-label_f4kic_176", T = "ds-stepper_step-hint_f4kic_184", U = "ds-stepper_step-number--current_f4kic_212", W = "ds-stepper_step-label--current_f4kic_238", X = "ds-stepper_sr-only_f4kic_266", s = {
9
+ step: I,
10
+ stepContent: R,
11
+ stepButton: q,
12
+ stepButtonHorizontal: w,
13
+ stepButtonVertical: F,
14
+ stepButtonCurrent: G,
15
+ stepButtonCompleted: J,
16
+ stepButtonDisabled: K,
17
+ stepNumber: M,
18
+ stepLabel: Q,
19
+ stepHint: T,
20
+ stepNumberCurrent: U,
21
+ stepLabelCurrent: W,
22
+ srOnly: X
23
+ }, Y = (r, t, e, p, _) => {
24
+ const b = `${r("step")} ${t + 1} ${r("of")} ${e}`, f = _ ? r("current") : p.state === "completed" ? r("completed") : "";
25
+ return [b, p.label, f].filter(Boolean).join(" - ");
26
+ }, ot = (r) => {
27
+ const t = P.c(41), {
28
+ step: e,
29
+ index: p,
30
+ stepsCount: _,
31
+ t: b,
32
+ onStepClick: f,
33
+ buttonRef: S,
34
+ orientation: v
35
+ } = r, n = e.state === "current", l = e.disabled || !e.state;
36
+ let C;
37
+ t[0] !== p || t[1] !== n || t[2] !== e || t[3] !== _ || t[4] !== b ? (C = Y(b, p, _, e, n), t[0] = p, t[1] = n, t[2] = e, t[3] = _, t[4] = b, t[5] = C) : C = t[5];
38
+ const y = C, z = v === "horizontal" ? s.stepButtonHorizontal : s.stepButtonVertical, H = e.state === "completed";
39
+ let B;
40
+ t[6] !== n || t[7] !== l || t[8] !== z || t[9] !== H ? (B = D(s.stepButton, z, {
41
+ [s.stepButtonCurrent]: n,
42
+ [s.stepButtonCompleted]: H,
43
+ [s.stepButtonDisabled]: l
44
+ }), t[6] = n, t[7] = l, t[8] = z, t[9] = H, t[10] = B) : B = t[10];
45
+ const x = B;
46
+ let h;
47
+ t[11] === Symbol.for("react.memo_cache_sentinel") ? (h = D(s.stepContent), t[11] = h) : h = t[11];
48
+ const O = h;
49
+ let k;
50
+ t[12] !== n ? (k = D(s.stepNumber, {
51
+ [s.stepNumberCurrent]: n
52
+ }), t[12] = n, t[13] = k) : k = t[13];
53
+ const $ = k;
54
+ let N;
55
+ t[14] !== n ? (N = D(s.stepLabel, {
56
+ [s.stepLabelCurrent]: n
57
+ }), t[14] = n, t[15] = N) : N = t[15];
58
+ const g = N, j = n ? "step" : void 0;
59
+ let c;
60
+ t[16] !== p || t[17] !== e.state ? (c = e.state === "completed" ? /* @__PURE__ */ o(E, { name: "check", size: "medium", theme: "light" }) : p + 1, t[16] = p, t[17] = e.state, t[18] = c) : c = t[18];
61
+ let a;
62
+ t[19] !== $ || t[20] !== c ? (a = /* @__PURE__ */ o("span", { className: $, "aria-hidden": "true", children: c }), t[19] = $, t[20] = c, t[21] = a) : a = t[21];
63
+ let i;
64
+ t[22] !== e.label || t[23] !== g ? (i = /* @__PURE__ */ o("span", { className: g, children: e.label }), t[22] = e.label, t[23] = g, t[24] = i) : i = t[24];
65
+ let u;
66
+ t[25] !== e.hint ? (u = e.hint && /* @__PURE__ */ o("span", { className: s.stepHint, children: e.hint }), t[25] = e.hint, t[26] = u) : u = t[26];
67
+ let d;
68
+ t[27] !== y ? (d = /* @__PURE__ */ o("span", { className: s.srOnly, children: y }), t[27] = y, t[28] = d) : d = t[28];
69
+ let m;
70
+ t[29] !== a || t[30] !== i || t[31] !== u || t[32] !== d ? (m = /* @__PURE__ */ V("span", { className: O, children: [
71
+ a,
72
+ i,
73
+ u,
74
+ d
75
+ ] }), t[29] = a, t[30] = i, t[31] = u, t[32] = d, t[33] = m) : m = t[33];
76
+ let L;
77
+ return t[34] !== S || t[35] !== l || t[36] !== f || t[37] !== x || t[38] !== m || t[39] !== j ? (L = /* @__PURE__ */ o("li", { className: s.step, children: /* @__PURE__ */ o(A, { type: "button", variant: "ghost", className: x, "aria-current": j, disabled: l, onClick: f, ref: S, children: m }) }), t[34] = S, t[35] = l, t[36] = f, t[37] = x, t[38] = m, t[39] = j, t[40] = L) : L = t[40], L;
78
+ };
79
+ export {
80
+ ot as StepperStep,
81
+ ot as default
82
+ };
package/step.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export * from './components/Stepper/Step'
2
+ export {}
3
+ import _default from './components/Stepper/Step'
4
+ export default _default
5
+ export * from './components/Stepper/Step'
6
+ export {}
package/stepper.CCP_igpJ.js ADDED
@@ -0,0 +1,16 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.DL9mof6u.js";
4
+ import "react";
5
+ import "./chunks/helpers.CexwVao7.js";
6
+ import "./chunks/is-animation-disabled.B-V_68K-.js";
7
+ import "./chunks/translate.nuU7uChI.js";
8
+ import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
+ import "./chunks/index.D-sRdssb.js";
10
+ import "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
11
+ import "./scroller.Cu7H_VCT.js";
12
+ import { D as l } from "./chunks/Stepper.PTQdQBYf.js";
13
+ import "./step.DKf4CHGr.js";
14
+ export {
15
+ l as DSStepper
16
+ };
package/stepper.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Stepper/Stepper'
2
+ export {}
package/{switch.B37S4vfP.js → switch.Bqdyzi2E.js} RENAMED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsxs as O, jsx as h } from "react/jsx-runtime";
3
- import { d as $ } from "./chunks/index.CgTHIF3K.js";
4
- import { c as q } from "./chunks/index.CEyLAtio.js";
3
+ import { d as $ } from "./chunks/index.D-sRdssb.js";
4
+ import { c as q } from "./chunks/index.DL9mof6u.js";
5
5
  import { forwardRef as z } from "react";
6
- import { D as A } from "./chunks/Icon.DGTYCv63.js";
7
- import { DSSpinner as B } from "./spinner.Dht6FspZ.js";
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 = {
6
+ import { D as A } from "./chunks/Icon.CDLyB7Pv.js";
7
+ import { DSSpinner as B } from "./spinner.C9qCeq0R.js";
8
+ import './assets/switch.B9B-n_3y.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,
11
11
  rootStretched: H,
package/systemfeedback.O7tj1juR.js ADDED
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import "./chunks/index.DL9mof6u.js";
5
+ import "react";
6
+ import "./chunks/Icon.CDLyB7Pv.js";
7
+ import { D as s } from "./chunks/SystemFeedback.CjlARKki.js";
8
+ export {
9
+ s as DSSystemFeedback
10
+ };
package/tablist.DZgo49nZ.js ADDED
@@ -0,0 +1,209 @@
1
+ "use client";
2
+ import { jsxs as k, jsx as h } from "react/jsx-runtime";
3
+ import { c as D } from "./chunks/index.DL9mof6u.js";
4
+ import { useState as E, useRef as v, useEffect as ot } from "react";
5
+ import { g as f, i as C } from "./chunks/is-animation-disabled.B-V_68K-.js";
6
+ import { h as nt } from "./chunks/has-window.ut_-aShB.js";
7
+ import { g as st } from "./chunks/helpers.CexwVao7.js";
8
+ import { u as W } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
+ import "./chunks/index.D-sRdssb.js";
10
+ import { D as X } from "./chunks/Button.DCZgBNmA.js";
11
+ import { D as ct } from "./chunks/Icon.CDLyB7Pv.js";
12
+ import { NumberIndicator as it } from "./numberindicator.BdnPMogE.js";
13
+ import { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
14
+ import { s as i, N as lt } from "./chunks/NavigationTabList.G_l0GiUa.js";
15
+ const g = 48, yt = ({
16
+ aria: q,
17
+ id: L,
18
+ selectedTabIndex: n,
19
+ setSelectedTabIndex: F,
20
+ tabs: l,
21
+ alignment: I = "left",
22
+ className: G,
23
+ defaultSelectedTabIndex: Q = 0,
24
+ isNavigation: y,
25
+ onTabChange: z,
26
+ ...J
27
+ }) => {
28
+ const [A, u] = E(Q), [U, V] = E(!1), [Y, Z] = E(!1), m = v([]), p = v(null), c = v(null), a = v(null), w = v(!1), H = v(n), T = () => {
29
+ P(), x();
30
+ };
31
+ W(() => {
32
+ const e = new ResizeObserver(T);
33
+ return c.current && e.observe(c.current), () => {
34
+ e.disconnect();
35
+ };
36
+ }, []), W(() => {
37
+ const e = [
38
+ "18px 'STIHL Contraface Digital Text Regular'",
39
+ // utility large - Tab
40
+ "18px 'STIHL Contraface Digital Text Bold'",
41
+ // utility large bold - Tab active
42
+ "14px 'STIHL Contraface Digital Text Demi'"
43
+ // utility small demi - Number indicator
44
+ ];
45
+ Promise.all(e.map((o) => document.fonts.load(o))).then(() => {
46
+ N(n), R("next", n, "instant"), P(), w.current = !0;
47
+ }).catch((o) => {
48
+ throw new Error(st("DSTabs", `The component requires the fonts to be loaded: ${o}`));
49
+ });
50
+ const t = () => {
51
+ !w.current || !a.current || (r.matches ? a.current.style.transitionDuration = "0s" : a.current.style.transitionDuration = "");
52
+ }, r = window.matchMedia("(prefers-reduced-motion: reduce)");
53
+ return r.addEventListener("change", t), c.current?.addEventListener("scroll", T), () => {
54
+ r.removeEventListener("change", t), c.current?.removeEventListener("scroll", T);
55
+ };
56
+ }, [l, I]), W(() => {
57
+ if (w.current && (N(n), y)) {
58
+ const e = M(n);
59
+ u(n), R(e, n);
60
+ }
61
+ H.current = n;
62
+ }, [n]), ot(() => {
63
+ w.current && m.current[A]?.focus();
64
+ }, [A]);
65
+ const b = (e) => {
66
+ const t = M(e);
67
+ F(e), u(e), R(t, e), z && z(e);
68
+ }, M = (e) => {
69
+ const t = f(c.current), r = f(m.current[e]);
70
+ let o = "next";
71
+ return r.left - g < t.left ? o = "prev" : r.right + g > t.right ? o = "next" : o = n < e ? "next" : "prev", o;
72
+ }, P = () => {
73
+ if (c.current && p.current) {
74
+ const e = f(c.current), t = f(p.current);
75
+ V(t.left < e.left), Z(t.right > e.right + 4);
76
+ }
77
+ }, O = (e = 0) => {
78
+ nt && a.current && !C() && setTimeout(() => {
79
+ a.current && (a.current.style.transitionDuration = "250ms");
80
+ }, e);
81
+ }, x = () => {
82
+ a.current && (a.current.style.transitionDuration = "0s", N(H.current), O());
83
+ }, N = (e) => {
84
+ const t = a.current, r = f(m.current[e]), o = f(p.current), s = r.left - o.left;
85
+ t && (w.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${s}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${s}px)`, t.style.width = `${r.width}px`, O(50)));
86
+ }, _ = (e, t) => {
87
+ let r;
88
+ switch (e.key) {
89
+ case "ArrowLeft":
90
+ r = (t > 0 ? t : l.length) - 1, u(r);
91
+ break;
92
+ case "ArrowRight":
93
+ r = (t + 1) % l.length, u(r);
94
+ break;
95
+ case "Home":
96
+ r = 0, u(r);
97
+ break;
98
+ case "End":
99
+ r = l.length - 1, u(r);
100
+ break;
101
+ case "Enter":
102
+ case " ":
103
+ b(t);
104
+ return;
105
+ default:
106
+ return;
107
+ }
108
+ if (r !== void 0) {
109
+ const o = r > t ? "next" : "prev";
110
+ setTimeout(() => R(o, r), 0);
111
+ }
112
+ e.preventDefault();
113
+ }, tt = (e, t) => {
114
+ let r;
115
+ switch (e.key) {
116
+ case "Tab":
117
+ if (e.shiftKey) {
118
+ r = t - 1 < 0 ? 0 : t - 1, u(r), t !== 0 && e.preventDefault();
119
+ break;
120
+ } else
121
+ r = t + 1 > l.length - 1 ? t : t + 1, u(r), t !== l.length - 1 && e.preventDefault();
122
+ break;
123
+ case "Enter":
124
+ b(t);
125
+ return;
126
+ default:
127
+ return;
128
+ }
129
+ if (r !== void 0) {
130
+ const o = r > t ? "next" : "prev";
131
+ setTimeout(() => R(o, r), 0);
132
+ }
133
+ }, R = (e, t, r = "smooth") => {
134
+ const o = m.current[t], s = c.current, d = f(o), S = f(s);
135
+ let B;
136
+ if (!(!o || !s)) {
137
+ if (e === "prev") {
138
+ if (d.left - g > S.left)
139
+ return;
140
+ B = o.offsetLeft - g;
141
+ } else {
142
+ if (d.right + g < S.right)
143
+ return;
144
+ B = o.offsetLeft + o.offsetWidth - S.width + g;
145
+ }
146
+ s.scrollTo({
147
+ left: B,
148
+ behavior: C() ? "instant" : r
149
+ });
150
+ }
151
+ }, $ = (e) => {
152
+ const t = et(e);
153
+ c.current?.scrollTo({
154
+ left: t,
155
+ behavior: C() ? "instant" : "smooth"
156
+ });
157
+ }, et = (e) => {
158
+ if (!p.current || !c.current)
159
+ return 0;
160
+ const {
161
+ scrollLeft: t,
162
+ offsetWidth: r
163
+ } = c.current, o = Math.round(r * 0.2);
164
+ return e === "next" ? t + o : t - o;
165
+ }, K = D(i.scroller, {
166
+ [i.scrollerCentered]: I === "center"
167
+ }), rt = y ? "nav" : "div";
168
+ return /* @__PURE__ */ k("div", { className: D(i.tabsWrapper, G), ...J, children: [
169
+ /* @__PURE__ */ k(rt, { className: i.scrollWrapper, ref: c, ...q, children: [
170
+ y ? /* @__PURE__ */ h(lt, { tabs: l, tabRefs: m, scrollerRef: p, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: b }) : /* @__PURE__ */ h("div", { role: "tablist", className: K, ref: p, children: l.map(({
171
+ id: e,
172
+ label: t,
173
+ iconName: r,
174
+ numberIndicatorValue: o
175
+ }, s) => /* @__PURE__ */ k(
176
+ "button",
177
+ {
178
+ id: j(L, e),
179
+ role: "tab",
180
+ "aria-selected": n === s,
181
+ "aria-controls": at(L, e, s),
182
+ tabIndex: n === s ? 0 : -1,
183
+ className: i.tab,
184
+ ref: (d) => {
185
+ m.current[s] = d;
186
+ },
187
+ onClick: () => b(s),
188
+ onKeyDown: (d) => _(d, s),
189
+ children: [
190
+ r && /* @__PURE__ */ h(ct, { name: r, "aria-hidden": "true" }),
191
+ t,
192
+ o && /* @__PURE__ */ h(it, { label: o })
193
+ ]
194
+ },
195
+ j(L, e)
196
+ )) }),
197
+ /* @__PURE__ */ h("span", { className: i.indicator, ref: a })
198
+ ] }),
199
+ /* @__PURE__ */ h(X, { variant: "filled", className: D(i.scrollButton, {
200
+ [i.scrollButtonHidden]: !U
201
+ }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: () => $("prev"), children: "Left" }),
202
+ /* @__PURE__ */ h(X, { variant: "filled", className: D(i.scrollButton, i.scrollButtonRight, {
203
+ [i.scrollButtonHidden]: !Y
204
+ }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: () => $("next"), children: "Right" })
205
+ ] });
206
+ };
207
+ export {
208
+ yt as TabList
209
+ };
package/{tabpane.CB-eudyw.js → tabpane.C4nsUlwc.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as h } from "react/jsx-runtime";
3
- import { d as T } from "./chunks/index.CgTHIF3K.js";
4
- import { c as g } from "./chunks/index.CEyLAtio.js";
3
+ import { d as T } from "./chunks/index.D-sRdssb.js";
4
+ import { c as g } from "./chunks/index.DL9mof6u.js";
5
5
  import { useRef as y, useState as F, useEffect as N } from "react";
6
6
  import { c as P, g as v, a as R } from "./chunks/TabPane.utils.DG16Y2uD.js";
7
7
  import './assets/tabpane.D1LTb432.css';const S = "ds-tabs_tabpane_30tnb_1", j = {
package/tabs.BkoT7feH.js ADDED
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import "react";
5
+ import "./tablist.DZgo49nZ.js";
6
+ import "./tabpane.C4nsUlwc.js";
7
+ import "./chunks/TabPane.utils.DG16Y2uD.js";
8
+ import { D as a } from "./chunks/Tabs.DyP4whX0.js";
9
+ export {
10
+ a as DSTabs
11
+ };
package/text.cLv2PhjQ.js ADDED
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.D-sRdssb.js";
4
+ import "./chunks/index.DL9mof6u.js";
5
+ import "react";
6
+ import "./chunks/helpers.CexwVao7.js";
7
+ import { D as s } from "./chunks/Text.DpRtTpB4.js";
8
+ export {
9
+ s as DSText
10
+ };
package/textarea.DMn20z4p.js ADDED
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.DL9mof6u.js";
4
+ import "react";
5
+ import "./chunks/helpers.CexwVao7.js";
6
+ import "./chunks/useBreakpoint.BzR_yaIv.js";
7
+ import "./chunks/index.D-sRdssb.js";
8
+ import "./asterisk.B2ih8VwF.js";
9
+ import "./chunks/SystemFeedback.CjlARKki.js";
10
+ import { D } from "./chunks/Textarea.Du2RII5u.js";
11
+ export {
12
+ D as DSTextarea
13
+ };