@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

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 (244) hide show
  1. package/accordion.Dm5MWHQ6.js +12 -0
  2. package/arialiveregions.BwwB-OfU.js +19 -0
  3. package/assets/Accordion.B5bGf8mR.css +1 -0
  4. package/assets/Breadcrumb.BaYrwrYl.css +1 -0
  5. package/assets/NavigationTabList.B6x56sAV.css +1 -0
  6. package/assets/linkstandalone.LMdnj-G0.css +1 -0
  7. package/asterisk.DUzshaw5.js +8 -0
  8. package/breadcrumb.BDpXhffn.js +11 -0
  9. package/breadcrumb.d.ts +2 -0
  10. package/button.Ywd82k7O.js +121 -0
  11. package/buttonround.CI5RGkR9.js +105 -0
  12. package/checkbox.C1JJOQeV.js +103 -0
  13. package/checkboxgroup.o5t3fWsf.js +9 -0
  14. package/chip.DcJLVxEm.js +11 -0
  15. package/chipgroup.CCq2AMSa.js +187 -0
  16. package/chunks/Accordion.BmI7nlus.js +166 -0
  17. package/chunks/AriaLiveRegions.utils.zSFFD3SF.js +27 -0
  18. package/chunks/Breadcrumb.BycdSn-b.js +106 -0
  19. package/chunks/CheckboxGroup.C-Adg1hA.js +74 -0
  20. package/chunks/Chip.BY8kLPnz.js +120 -0
  21. package/chunks/CustomReactSelect.C2yN7CYh.js +3622 -0
  22. package/chunks/Dialog.CjzCKRr2.js +140 -0
  23. package/chunks/Drawer.m2JeVNBp.js +148 -0
  24. package/chunks/Fieldset.DfWsQgjD.js +105 -0
  25. package/chunks/Icon.DhKyUWtM.js +231 -0
  26. package/chunks/Input.utils.Um8Pqp4U.js +52 -0
  27. package/chunks/InputPassword.CmvZcn6n.js +141 -0
  28. package/chunks/InputSearch.CwXaGLJp.js +179 -0
  29. package/chunks/InputStepper.NCl90c4h.js +275 -0
  30. package/chunks/NavigationTabList.BOrhiSiM.js +63 -0
  31. package/chunks/NavigationTabs.DW_6fZxc.js +63 -0
  32. package/chunks/Notification.Bp28ubaX.js +99 -0
  33. package/chunks/RadioGroup.Dh-7jSOg.js +105 -0
  34. package/chunks/Select.CMwsbHvQ.js +190 -0
  35. package/chunks/TabPane.utils.DG16Y2uD.js +10 -0
  36. package/chunks/Tabs.D3yDE5nU.js +77 -0
  37. package/chunks/Textarea.CMRn2Aof.js +184 -0
  38. package/chunks/Toast.Boi6TEHu.js +76 -0
  39. package/chunks/index.CEyLAtio.js +48 -0
  40. package/chunks/index.CgTHIF3K.js +293 -0
  41. package/chunks/{translate.isa3FHb8.js → translate.nuU7uChI.js} +1 -4
  42. package/chunks/useBreakpoint.CMOR9ZOB.js +44 -0
  43. package/combobox.BhzaJrs7.js +55 -0
  44. package/components/Accordion/Accordion.d.ts +5 -1
  45. package/components/Accordion/Accordion.utils.d.ts +2 -2
  46. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +1 -0
  47. package/components/Asterisk/Asterisk.d.ts +1 -0
  48. package/components/Breadcrumb/Breadcrumb.d.ts +45 -0
  49. package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
  50. package/components/Button/Button.d.ts +6 -4
  51. package/components/ButtonRound/ButtonRound.d.ts +4 -1
  52. package/components/Checkbox/Checkbox.d.ts +2 -0
  53. package/components/CheckboxGroup/CheckboxGroup.d.ts +3 -1
  54. package/components/ChipGroup/ChipGroup.d.ts +2 -0
  55. package/components/Combobox/Combobox.d.ts +3 -0
  56. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +3 -2
  57. package/components/Combobox/CustomReactSelect/OptionCheckbox.d.ts +1 -1
  58. package/components/Dialog/Dialog.d.ts +15 -4
  59. package/components/Drawer/Drawer.d.ts +15 -5
  60. package/components/Fieldset/Fieldset.d.ts +3 -1
  61. package/components/Flag/Flag.d.ts +3 -0
  62. package/components/FloatingActionButton/FloatingActionButton.d.ts +4 -1
  63. package/components/Heading/Heading.d.ts +3 -1
  64. package/components/Icon/Icon.d.ts +3 -1
  65. package/components/Input/Input.d.ts +23 -10
  66. package/components/Input/Input.utils.d.ts +2 -2
  67. package/components/InputPassword/InputPassword.d.ts +18 -9
  68. package/components/InputSearch/InputSearch.d.ts +17 -7
  69. package/components/InputStepper/InputStepper.d.ts +24 -8
  70. package/components/Link/Link.d.ts +6 -3
  71. package/components/LinkStandalone/LinkStandalone.d.ts +4 -1
  72. package/components/Logo/Logo.d.ts +3 -1
  73. package/components/NavigationTabs/NavigationTabs.d.ts +43 -0
  74. package/components/NavigationTabs/NavigationTabs.test.d.ts +1 -0
  75. package/components/NavigationTabs/NavigationTabs.utils.d.ts +6 -0
  76. package/components/Notification/Notification.d.ts +14 -5
  77. package/components/NumberIndicator/NumberIndicator.d.ts +1 -0
  78. package/components/RadioGroup/RadioGroup.d.ts +2 -0
  79. package/components/Select/Select.d.ts +2 -1
  80. package/components/SkipToContent/SkipToContent.d.ts +3 -0
  81. package/components/Spinner/Spinner.d.ts +7 -1
  82. package/components/Switch/Switch.d.ts +6 -4
  83. package/components/SystemFeedback/SystemFeedback.d.ts +1 -1
  84. package/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts +22 -0
  85. package/components/Tabs/TabList/TabList.d.ts +38 -0
  86. package/components/Tabs/TabList/TabList.utils.d.ts +6 -0
  87. package/components/Tabs/TabList/TabList.utils.test.d.ts +1 -0
  88. package/components/Tabs/TabPane/TabPane.d.ts +1 -1
  89. package/components/Tabs/Tabs.d.ts +9 -2
  90. package/components/Tabs/Tabs.utils.d.ts +1 -6
  91. package/components/Text/Text.d.ts +6 -4
  92. package/components/Textarea/Textarea.d.ts +3 -1
  93. package/components/Title/Title.d.ts +3 -1
  94. package/components/Toast/Toast.d.ts +2 -0
  95. package/customreactselect.CW5-QQSM.js +14 -0
  96. package/dialog.DuAgAwfs.js +10 -0
  97. package/drawer.D3E46fH1.js +10 -0
  98. package/fieldset.4UygHVV3.js +12 -0
  99. package/flag.BJk5fHMs.js +50 -0
  100. package/floatingactionbutton.DFZ2YwaJ.js +74 -0
  101. package/heading.6LOBHJG6.js +55 -0
  102. package/icon.dww0DXWN.js +9 -0
  103. package/index.d.ts +4 -0
  104. package/index.es.js +139 -179
  105. package/input.DXzeHdRE.js +211 -0
  106. package/inputpassword.DXEvvgZt.js +13 -0
  107. package/inputsearch.DzwXj82k.js +14 -0
  108. package/inputstepper.CYwcFoQ1.js +16 -0
  109. package/link.CgNqBaNn.js +106 -0
  110. package/linkstandalone.Dn-uDj5T.js +69 -0
  111. package/logo.BgnYvK7t.js +51 -0
  112. package/navigationtablist.XNy54fXK.js +9 -0
  113. package/navigationtablist.d.ts +2 -0
  114. package/navigationtabs.DheMj9hs.js +9 -0
  115. package/navigationtabs.d.ts +2 -0
  116. package/notification.BnyOWmCm.js +10 -0
  117. package/numberindicator.Do92cr0z.js +35 -0
  118. package/optioncheckbox.DcckSTrV.js +52 -0
  119. package/package.json +53 -50
  120. package/partials/index.js +248 -2131
  121. package/partials/lib/partials.d.ts +77 -4
  122. package/radio.TDaeblOB.js +130 -0
  123. package/radiogroup.DyL_cJzK.js +11 -0
  124. package/select.BoeUz4Fb.js +13 -0
  125. package/skiptocontent.D7xhN0KM.js +35 -0
  126. package/spinner.gilnr6vN.js +52 -0
  127. package/switch.Ca9tRATr.js +68 -0
  128. package/systemfeedback.7I6fnqjX.js +34 -0
  129. package/tablist.TWjlHs5Y.js +251 -0
  130. package/tablist.d.ts +2 -0
  131. package/tabpane.CB-eudyw.js +37 -0
  132. package/tabs.Cr2CMXbY.js +11 -0
  133. package/text.C6gOJ2nV.js +59 -0
  134. package/textarea.CqDSxfcU.js +12 -0
  135. package/title.CSCXJnBN.js +43 -0
  136. package/toast.BN0v57nF.js +11 -0
  137. package/toastmanager.B9CR9plV.js +115 -0
  138. package/utils/render-documentation.d.ts +1 -0
  139. package/accordion.C6_sqiW2.js +0 -10
  140. package/arialiveregions.2dxodwBP.js +0 -27
  141. package/assets/Accordion.i4k5SMQM.css +0 -1
  142. package/assets/Tabs.DUqlqP6R.css +0 -1
  143. package/assets/linkstandalone.DIazcjIv.css +0 -1
  144. package/asterisk.DpzETKdT.js +0 -8
  145. package/button.BfcWQZhx.js +0 -135
  146. package/buttonround.E56F_805.js +0 -118
  147. package/checkbox.Dt0OWryN.js +0 -111
  148. package/checkboxgroup.je32bRPr.js +0 -8
  149. package/chip.CpnDX4Ro.js +0 -10
  150. package/chipgroup.Cy76KMWu.js +0 -175
  151. package/chunks/Accordion.Bza3TO4Y.js +0 -125
  152. package/chunks/AriaLiveRegions.utils.Bq6Mp2bE.js +0 -40
  153. package/chunks/CheckboxGroup.C_2ZwEQJ.js +0 -95
  154. package/chunks/Chip.BvlKC503.js +0 -148
  155. package/chunks/CustomReactSelect.CB41lklE.js +0 -3598
  156. package/chunks/Dialog.ClBjJWOh.js +0 -148
  157. package/chunks/Drawer.ReDW3ohH.js +0 -154
  158. package/chunks/Fieldset.Ct_JFRs9.js +0 -99
  159. package/chunks/Icon.BCmt_XBG.js +0 -223
  160. package/chunks/Input.utils.DYbmWlx6.js +0 -111
  161. package/chunks/InputPassword.Cvk5J8w1.js +0 -143
  162. package/chunks/InputSearch.BIIW-ERk.js +0 -192
  163. package/chunks/InputStepper.DGzR3KY6.js +0 -296
  164. package/chunks/Notification.uAEjPywP.js +0 -92
  165. package/chunks/RadioGroup.D10-pe9H.js +0 -146
  166. package/chunks/Select.DsLnW29U.js +0 -194
  167. package/chunks/TabPane.CYuUi0oL.js +0 -51
  168. package/chunks/Tabs.D_JAsvoh.js +0 -270
  169. package/chunks/Textarea.Dh9R9YdZ.js +0 -199
  170. package/chunks/Toast.j7LPnQ36.js +0 -89
  171. package/chunks/index.CvOaL64Y.js +0 -45
  172. package/chunks/jsx-runtime.C115EyI4.js +0 -635
  173. package/chunks/useBreakpoint.B8XxjSVJ.js +0 -48
  174. package/combobox.D6zXg976.js +0 -47
  175. package/customreactselect.BcjDvZG6.js +0 -13
  176. package/dialog.BkVOgeWY.js +0 -9
  177. package/drawer.DM_NKGTQ.js +0 -9
  178. package/fieldset.CSNoVbL1.js +0 -11
  179. package/flag.BKpsdB_-.js +0 -43
  180. package/floatingactionbutton.D5L0B7zI.js +0 -87
  181. package/heading.IPIYc5vW.js +0 -50
  182. package/icon.Ck0BpI34.js +0 -8
  183. package/input.BbnmbMCI.js +0 -241
  184. package/inputpassword.KnZRwWCQ.js +0 -12
  185. package/inputsearch.DgYJPZ2v.js +0 -13
  186. package/inputstepper.T_of1Gz0.js +0 -15
  187. package/link.L8O_InKe.js +0 -116
  188. package/linkstandalone.BBoEniZ_.js +0 -79
  189. package/logo.Hul8qCFo.js +0 -65
  190. package/notification.Bt9TbAAt.js +0 -9
  191. package/numberindicator.UU7FSouT.js +0 -26
  192. package/optioncheckbox.BRUTnQnJ.js +0 -43
  193. package/radio.B-2uuWHq.js +0 -114
  194. package/radiogroup.DM_lF4hI.js +0 -10
  195. package/select.COLuwr89.js +0 -12
  196. package/skiptocontent.DxogCFvU.js +0 -45
  197. package/spinner.Bq97Og-6.js +0 -58
  198. package/switch.DI8YYa5G.js +0 -65
  199. package/systemfeedback.C3Pfxxpp.js +0 -25
  200. package/tabpane.BnQBzVXw.js +0 -8
  201. package/tabs.BaELlVri.js +0 -15
  202. package/text.DThvTwm8.js +0 -57
  203. package/textarea.Wcl_pVBb.js +0 -13
  204. package/title.DqzdB2Gq.js +0 -36
  205. package/toast.DQlMWU6I.js +0 -10
  206. package/toastmanager.DxHFtr5C.js +0 -119
  207. /package/assets/{CheckboxGroup.BH1Br1dg.css → CheckboxGroup.Dd-Huo7x.css} +0 -0
  208. /package/assets/{Chip.DSdLuzoi.css → Chip.dxIYIjj7.css} +0 -0
  209. /package/assets/{CustomReactSelect.vHt8qNKC.css → CustomReactSelect.DYDaP5r5.css} +0 -0
  210. /package/assets/{Dialog.BgzebVk4.css → Dialog.DXmPdExC.css} +0 -0
  211. /package/assets/{Drawer.Bauwxrk7.css → Drawer.BcM0epJS.css} +0 -0
  212. /package/assets/{Fieldset.DOdTbb7C.css → Fieldset.Og4EsnPI.css} +0 -0
  213. /package/assets/{Icon.DxRSBRSL.css → Icon.ZNrKuqgu.css} +0 -0
  214. /package/assets/{InputPassword.CG7Ugu73.css → InputPassword.DtKteerr.css} +0 -0
  215. /package/assets/{InputSearch.CseChMc-.css → InputSearch.Mql3oFlQ.css} +0 -0
  216. /package/assets/{InputStepper.C0eAYr7P.css → InputStepper.BXz1MMBg.css} +0 -0
  217. /package/assets/{Notification.DbRapUJo.css → Notification.DZIF-Wo6.css} +0 -0
  218. /package/assets/{RadioGroup.BfMo157q.css → RadioGroup.CM2mYOzc.css} +0 -0
  219. /package/assets/{Select.D4EXgIbz.css → Select.KvAgxJZk.css} +0 -0
  220. /package/assets/{Textarea.KJGPTYMz.css → Textarea.BIRQlv6m.css} +0 -0
  221. /package/assets/{Toast.CuafTAf7.css → Toast.CuM-yS7S.css} +0 -0
  222. /package/assets/{arialiveregions.DhsijBaL.css → arialiveregions.e0Q16ZWi.css} +0 -0
  223. /package/assets/{asterisk.BfVAUBO7.css → asterisk.B41DaZDe.css} +0 -0
  224. /package/assets/{button.DF4RBeC2.css → button.CpPeQPsM.css} +0 -0
  225. /package/assets/{buttonround.19uK_-oO.css → buttonround.BFauSRAb.css} +0 -0
  226. /package/assets/{checkbox.ByOoFouu.css → checkbox.BKHQN_tu.css} +0 -0
  227. /package/assets/{chipgroup.BzfZLbkv.css → chipgroup.CUIkyYBW.css} +0 -0
  228. /package/assets/{flag.B-RLcMcf.css → flag.C7i3MAAP.css} +0 -0
  229. /package/assets/{floatingactionbutton.E9HekT6S.css → floatingactionbutton.l0nvFiJU.css} +0 -0
  230. /package/assets/{heading.u4f8Mz94.css → heading.B-rdLVZD.css} +0 -0
  231. /package/assets/{input.BAkFKPW3.css → input.B5spSeMe.css} +0 -0
  232. /package/assets/{link.DDJj0D1U.css → link.Be5OF_8E.css} +0 -0
  233. /package/assets/{logo.CnW8alZU.css → logo.bVXt9m9R.css} +0 -0
  234. /package/assets/{numberindicator.BJ9vFpnd.css → numberindicator.BJnvB-K3.css} +0 -0
  235. /package/assets/{optioncheckbox.BZaWtRD7.css → optioncheckbox.DAffEKvY.css} +0 -0
  236. /package/assets/{radio.X-RTl_jo.css → radio.CGf7v0D_.css} +0 -0
  237. /package/assets/{skiptocontent.PTL3256m.css → skiptocontent.CTSDC_kG.css} +0 -0
  238. /package/assets/{spinner.2iWJWKyA.css → spinner.BJ5xwnYH.css} +0 -0
  239. /package/assets/{switch.gw6aa3kx.css → switch.Bc9KIyw9.css} +0 -0
  240. /package/assets/{systemfeedback.BPz5YlPC.css → systemfeedback.DoqgHZPH.css} +0 -0
  241. /package/assets/{TabPane.zywjfwo8.css → tabpane.D1LTb432.css} +0 -0
  242. /package/assets/{text.DjTG_qNb.css → text.BlRcxO8n.css} +0 -0
  243. /package/assets/{title.rosWPEG3.css → title.B0tsgJ-n.css} +0 -0
  244. /package/components/{Tabs/Tabs.utils.test.d.ts → Breadcrumb/Breadcrumb.test.d.ts} +0 -0
@@ -0,0 +1,184 @@
1
+ "use client";
2
+ import { jsxs as c, jsx as x, Fragment as ne } from "react/jsx-runtime";
3
+ import { c as S } from "./index.CEyLAtio.js";
4
+ import { useState as l, useRef as oe, useEffect as m } from "react";
5
+ import { g as z, p as P } from "./helpers.CcqWV-wZ.js";
6
+ import { u as ie } from "./useBreakpoint.CMOR9ZOB.js";
7
+ import { Asterisk as le } from "../asterisk.DUzshaw5.js";
8
+ import { DSSystemFeedback as de } from "../systemfeedback.7I6fnqjX.js";
9
+ import "./index.CgTHIF3K.js";
10
+ import '../assets/Textarea.BIRQlv6m.css';const ce = "ds-textarea_textarea_18bj7_1", _e = "ds-textarea_textarea--invalid_18bj7_113", ue = "ds-textarea_textarea--small_18bj7_120", be = "ds-textarea_textarea--resize-auto_18bj7_139", fe = "ds-textarea_root_18bj7_149", xe = "ds-textarea_hint_18bj7_157", me = "ds-textarea_label_18bj7_157", he = "ds-textarea_affix_18bj7_161", je = "ds-textarea_affix--small_18bj7_182", pe = "ds-textarea_affix--disabled_18bj7_195", ve = "ds-textarea_prefix_18bj7_203", ge = "ds-textarea_affix--readonly_18bj7_206", Se = "ds-textarea_suffix_18bj7_216", Ie = "ds-textarea_leading-icon_18bj7_223", Ce = "ds-textarea_leading-icon--small_18bj7_235", ye = "ds-textarea_leading-icon--disabled_18bj7_238", De = "ds-textarea_action-button_18bj7_247", Ae = "ds-textarea_label--hidden_18bj7_265", Te = "ds-textarea_label--disabled_18bj7_278", we = "ds-textarea_feedback_18bj7_298", Re = "ds-textarea_char-count_18bj7_303", Ee = "ds-textarea_char-count-announcer_18bj7_319", t = {
11
+ textarea: ce,
12
+ "textarea--invalid": "ds-textarea_textarea--invalid_18bj7_113",
13
+ textareaInvalid: _e,
14
+ "textarea--small": "ds-textarea_textarea--small_18bj7_120",
15
+ textareaSmall: ue,
16
+ "textarea--resize-auto": "ds-textarea_textarea--resize-auto_18bj7_139",
17
+ textareaResizeAuto: be,
18
+ root: fe,
19
+ hint: xe,
20
+ label: me,
21
+ affix: he,
22
+ "affix--small": "ds-textarea_affix--small_18bj7_182",
23
+ affixSmall: je,
24
+ "affix--disabled": "ds-textarea_affix--disabled_18bj7_195",
25
+ affixDisabled: pe,
26
+ prefix: ve,
27
+ "affix--readonly": "ds-textarea_affix--readonly_18bj7_206",
28
+ affixReadonly: ge,
29
+ suffix: Se,
30
+ "leading-icon": "ds-textarea_leading-icon_18bj7_223",
31
+ leadingIcon: Ie,
32
+ "leading-icon--small": "ds-textarea_leading-icon--small_18bj7_235",
33
+ leadingIconSmall: Ce,
34
+ "leading-icon--disabled": "ds-textarea_leading-icon--disabled_18bj7_238",
35
+ leadingIconDisabled: ye,
36
+ "action-button": "ds-textarea_action-button_18bj7_247",
37
+ actionButton: De,
38
+ "label--hidden": "ds-textarea_label--hidden_18bj7_265",
39
+ labelHidden: Ae,
40
+ "label--disabled": "ds-textarea_label--disabled_18bj7_278",
41
+ labelDisabled: Te,
42
+ feedback: we,
43
+ "char-count": "ds-textarea_char-count_18bj7_303",
44
+ charCount: Re,
45
+ "char-count-announcer": "ds-textarea_char-count-announcer_18bj7_319",
46
+ charCountAnnouncer: Ee
47
+ }, Me = ["medium", "small"], Ne = ({
48
+ id: r,
49
+ label: _
50
+ }) => {
51
+ if (!r)
52
+ throw new Error(z("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
53
+ if (!_)
54
+ throw new Error(z("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
55
+ }, Oe = ({
56
+ id: r,
57
+ label: _,
58
+ charsLimitText: q = "Character limit reached",
59
+ charsRemainingText: M = "Characters remaining:",
60
+ className: O,
61
+ defaultValue: F,
62
+ disabled: I = !1,
63
+ hint: h,
64
+ hideLabel: X = !1,
65
+ invalid: s = !1,
66
+ maxLength: e,
67
+ readonly: C = !1,
68
+ required: y = !1,
69
+ resize: u = "vertical",
70
+ size: Z = "medium",
71
+ systemFeedback: o,
72
+ value: j,
73
+ wrapperClassName: G,
74
+ onChange: D,
75
+ onInput: A,
76
+ ...J
77
+ }) => {
78
+ process.env.NODE_ENV !== "production" && Ne({
79
+ id: r,
80
+ label: _
81
+ });
82
+ const [K, T] = l(F || ""), [i, w] = l(0), [Q, R] = l(0), [U, E] = l("off"), [N, p] = l(o), [v, g] = l(s), B = j !== void 0, b = B ? j : K, n = oe(null), W = ie(X);
83
+ m(() => {
84
+ if (!e || e <= 0)
85
+ return;
86
+ i >= e * 0.8 ? E("polite") : E("off");
87
+ const a = setTimeout(() => {
88
+ R(e - i || 0);
89
+ }, 1e3);
90
+ return () => clearTimeout(a);
91
+ }, [i]), m(() => {
92
+ T(b || ""), d(), e && e > 0 && (w(b.toString().length || 0), R(e - b.toString().length || 0));
93
+ }, [j]), m(() => {
94
+ s && o ? (p(o), g(s)) : !s && e && e >= 0 && i >= e ? (g(!0), p(q)) : (p(o), g(s));
95
+ }, [s, v, o, i]), m(() => {
96
+ if (u === "auto")
97
+ return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
98
+ }, [u, n.current]);
99
+ const Y = S(t.root, G), L = S(t.textarea, O, {
100
+ // small textarea
101
+ [t.textareaSmall]: Z === "small",
102
+ // invalid state
103
+ [t.textareaInvalid]: v,
104
+ // resize handling
105
+ [t.textareaResizeAuto]: u === "auto"
106
+ }), ee = S(t.label, {
107
+ // hide label only visually to keep them available for assistive technologies
108
+ [t.labelHidden]: W,
109
+ [t.labelDisabled]: I
110
+ }), $ = `${r}-label`, k = `${r}-feedback`, H = `${r}-hint`, V = `${r}-char-count-announcer`, ae = h ? ` ${H}` : "", d = () => {
111
+ if (n.current && u === "auto") {
112
+ n.current.style.height = "auto";
113
+ const a = P(n.current.scrollHeight), f = P(2);
114
+ n.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
115
+ // from jumping as soon as the user starts typing.
116
+ a + f}rem`;
117
+ }
118
+ }, te = () => {
119
+ const a = [];
120
+ return e && e > 0 && a.push(V), s && o && a.push(k), a.length > 0 ? a.join(" ") : void 0;
121
+ }, re = (a) => {
122
+ var f;
123
+ A && A(a), e && e > 0 && w(((f = n.current) == null ? void 0 : f.value.length) || 0), d();
124
+ }, se = (a) => {
125
+ D && D(a), B || T(a.target.value);
126
+ };
127
+ return /* @__PURE__ */ c("div", { className: Y, children: [
128
+ /* @__PURE__ */ c("label", { className: ee, id: $, htmlFor: r, children: [
129
+ _,
130
+ y && /* @__PURE__ */ x(le, {})
131
+ ] }),
132
+ h && /* @__PURE__ */ x("div", { className: t.hint, id: H, children: h }),
133
+ v && N && /* @__PURE__ */ x(de, { className: t.feedback, message: N, type: "invalid", id: k }),
134
+ /* @__PURE__ */ x(
135
+ "textarea",
136
+ {
137
+ className: L,
138
+ id: r,
139
+ ref: n,
140
+ ...J,
141
+ "aria-labelledby": `${$}${ae}`,
142
+ "aria-describedby": te(),
143
+ "aria-invalid": s,
144
+ "aria-disabled": C,
145
+ maxLength: e,
146
+ readOnly: C,
147
+ required: y,
148
+ disabled: I,
149
+ value: b,
150
+ defaultValue: void 0,
151
+ rows: void 0,
152
+ cols: void 0,
153
+ onChange: se,
154
+ onInput: re
155
+ }
156
+ ),
157
+ e !== void 0 && e > 0 && /* @__PURE__ */ c(ne, { children: [
158
+ /* @__PURE__ */ c("div", { className: t.charCount, "aria-hidden": "true", children: [
159
+ i,
160
+ "/",
161
+ e
162
+ ] }),
163
+ /* @__PURE__ */ c(
164
+ "div",
165
+ {
166
+ className: t.charCountAnnouncer,
167
+ id: V,
168
+ "aria-live": U,
169
+ "aria-atomic": "true",
170
+ children: [
171
+ M,
172
+ " ",
173
+ Q
174
+ ]
175
+ }
176
+ )
177
+ ] })
178
+ ] });
179
+ };
180
+ export {
181
+ Oe as D,
182
+ Me as T,
183
+ Ne as v
184
+ };
@@ -0,0 +1,76 @@
1
+ "use client";
2
+ import { jsx as I, jsxs as T } from "react/jsx-runtime";
3
+ import { d as k } from "./index.CgTHIF3K.js";
4
+ import { c as O } from "./index.CEyLAtio.js";
5
+ import { forwardRef as H } from "react";
6
+ import { DSButton as W } from "../button.Ywd82k7O.js";
7
+ import { D as b } from "./Icon.DhKyUWtM.js";
8
+ import '../assets/Toast.CuM-yS7S.css';const j = "ds-toast_root_58y8a_5", E = "ds-toast_root--closing_58y8a_19", L = "ds-toast_fade-out_58y8a_1", M = "ds-toast_move-in_58y8a_1", z = "ds-toast_root--success_58y8a_54", A = "ds-toast_root--info_58y8a_58", B = "ds-toast_root--warning_58y8a_62", R = "ds-toast_content_58y8a_67", $ = "ds-toast_content--hide-icon_58y8a_74", q = "ds-toast_icon_58y8a_78", F = "ds-toast_message_58y8a_82", s = {
9
+ root: j,
10
+ "root--closing": "ds-toast_root--closing_58y8a_19",
11
+ rootClosing: E,
12
+ "fade-out": "ds-toast_fade-out_58y8a_1",
13
+ fadeOut: L,
14
+ "move-in": "ds-toast_move-in_58y8a_1",
15
+ moveIn: M,
16
+ "root--success": "ds-toast_root--success_58y8a_54",
17
+ rootSuccess: z,
18
+ "root--info": "ds-toast_root--info_58y8a_58",
19
+ rootInfo: A,
20
+ "root--warning": "ds-toast_root--warning_58y8a_62",
21
+ rootWarning: B,
22
+ content: R,
23
+ "content--hide-icon": "ds-toast_content--hide-icon_58y8a_74",
24
+ contentHideIcon: $,
25
+ icon: q,
26
+ message: F
27
+ }, G = {
28
+ success: "circle-check-colored",
29
+ warning: "triangle-exclamationmark-colored",
30
+ info: "circle-info-colored"
31
+ }, J = H((p, N) => {
32
+ const o = k.c(36);
33
+ let e, t, n, a, c, i, u, g;
34
+ o[0] !== p ? ({
35
+ message: t,
36
+ className: e,
37
+ hideIcon: u,
38
+ variant: g,
39
+ onClick: n,
40
+ onMouseEnter: a,
41
+ onMouseLeave: c,
42
+ ...i
43
+ } = p, o[0] = p, o[1] = e, o[2] = t, o[3] = n, o[4] = a, o[5] = c, o[6] = i, o[7] = u, o[8] = g) : (e = o[1], t = o[2], n = o[3], a = o[4], c = o[5], i = o[6], u = o[7], g = o[8]);
44
+ const r = u === void 0 ? !1 : u, l = g === void 0 ? "info" : g, S = l === "success", C = l === "warning", w = l === "info";
45
+ let y;
46
+ o[9] !== e || o[10] !== S || o[11] !== C || o[12] !== w ? (y = O(s.root, e, {
47
+ [s.rootSuccess]: S,
48
+ [s.rootWarning]: C,
49
+ [s.rootInfo]: w
50
+ }), o[9] = e, o[10] = S, o[11] = C, o[12] = w, o[13] = y) : y = o[13];
51
+ const D = y;
52
+ let v;
53
+ o[14] !== r ? (v = O(s.content, {
54
+ [s.contentHideIcon]: r
55
+ }), o[14] = r, o[15] = v) : v = o[15];
56
+ const x = v;
57
+ let _;
58
+ o[16] !== r || o[17] !== l ? (_ = !r && /* @__PURE__ */ I(b, { name: G[l], className: s.icon, "aria-hidden": "true" }), o[16] = r, o[17] = l, o[18] = _) : _ = o[18];
59
+ let d;
60
+ o[19] !== t ? (d = /* @__PURE__ */ I("div", { className: s.message, children: t }), o[19] = t, o[20] = d) : d = o[20];
61
+ let m;
62
+ o[21] !== n ? (m = /* @__PURE__ */ I(W, { hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", onClick: n, children: "Close toast" }), o[21] = n, o[22] = m) : m = o[22];
63
+ let f;
64
+ o[23] !== x || o[24] !== m || o[25] !== _ || o[26] !== d ? (f = /* @__PURE__ */ T("div", { className: x, children: [
65
+ _,
66
+ d,
67
+ m
68
+ ] }), o[23] = x, o[24] = m, o[25] = _, o[26] = d, o[27] = f) : f = o[27];
69
+ let h;
70
+ return o[28] !== t || o[29] !== a || o[30] !== c || o[31] !== N || o[32] !== i || o[33] !== D || o[34] !== f ? (h = /* @__PURE__ */ I("aside", { className: D, ref: N, popover: "manual", "data-ds-toast": !0, onMouseEnter: a, onMouseLeave: c, "aria-label": t, ...i, children: f }), o[28] = t, o[29] = a, o[30] = c, o[31] = N, o[32] = i, o[33] = D, o[34] = f, o[35] = h) : h = o[35], h;
71
+ });
72
+ J.displayName = "DSToast";
73
+ export {
74
+ J as D,
75
+ s
76
+ };
@@ -0,0 +1,48 @@
1
+ "use client";
2
+ function c(e) {
3
+ return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
4
+ }
5
+ var o = { exports: {} };
6
+ /*!
7
+ Copyright (c) 2018 Jed Watson.
8
+ Licensed under the MIT License (MIT), see
9
+ http://jedwatson.github.io/classnames
10
+ */
11
+ var i;
12
+ function p() {
13
+ return i || (i = 1, function(e) {
14
+ (function() {
15
+ var u = {}.hasOwnProperty;
16
+ function s() {
17
+ for (var t = "", r = 0; r < arguments.length; r++) {
18
+ var n = arguments[r];
19
+ n && (t = a(t, f(n)));
20
+ }
21
+ return t;
22
+ }
23
+ function f(t) {
24
+ if (typeof t == "string" || typeof t == "number")
25
+ return t;
26
+ if (typeof t != "object")
27
+ return "";
28
+ if (Array.isArray(t))
29
+ return s.apply(null, t);
30
+ if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
31
+ return t.toString();
32
+ var r = "";
33
+ for (var n in t)
34
+ u.call(t, n) && t[n] && (r = a(r, n));
35
+ return r;
36
+ }
37
+ function a(t, r) {
38
+ return r ? t ? t + " " + r : t + r : t;
39
+ }
40
+ e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
41
+ })();
42
+ }(o)), o.exports;
43
+ }
44
+ var l = p();
45
+ const m = /* @__PURE__ */ c(l);
46
+ export {
47
+ m as c
48
+ };
@@ -0,0 +1,293 @@
1
+ "use client";
2
+ import V from "react";
3
+ /**
4
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ *
9
+ * @lightSyntaxTransform
10
+ * @noflow
11
+ * @nolint
12
+ * @preventMunge
13
+ * @preserve-invariant-messages
14
+ */
15
+ var O, D;
16
+ function ee() {
17
+ if (D) return O;
18
+ D = 1;
19
+ var A = Object.create, m = Object.defineProperty, P = Object.getOwnPropertyDescriptor, x = Object.getOwnPropertyNames, I = Object.getPrototypeOf, T = Object.prototype.hasOwnProperty, z = (e, r) => {
20
+ for (var i in r)
21
+ m(e, i, { get: r[i], enumerable: !0 });
22
+ }, b = (e, r, i, f) => {
23
+ if (r && typeof r == "object" || typeof r == "function")
24
+ for (let u of x(r))
25
+ !T.call(e, u) && u !== i && m(e, u, { get: () => r[u], enumerable: !(f = P(r, u)) || f.enumerable });
26
+ return e;
27
+ }, L = (e, r, i) => (i = e != null ? A(I(e)) : {}, b(
28
+ // If the importer is in node compatibility mode or this is not an ESM
29
+ // file that has been converted to a CommonJS file using a Babel-
30
+ // compatible transform (i.e. "__esModule" has not been set), then set
31
+ // "default" to the CommonJS "module.exports" for node compatibility.
32
+ !e || !e.__esModule ? m(i, "default", { value: e, enumerable: !0 }) : i,
33
+ e
34
+ )), U = (e) => b(m({}, "__esModule", { value: !0 }), e), S = {};
35
+ z(S, {
36
+ $dispatcherGuard: () => G,
37
+ $makeReadOnly: () => H,
38
+ $reset: () => q,
39
+ $structuralCheck: () => B,
40
+ c: () => F,
41
+ clearRenderCounterRegistry: () => J,
42
+ renderCounterRegistry: () => p,
43
+ useRenderCounter: () => Z
44
+ }), O = U(S);
45
+ var y = L(V), { useRef: w, useEffect: d, isValidElement: _ } = y, M, C = (
46
+ //@ts-ignore
47
+ (M = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE) != null ? M : y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
48
+ ), E = Symbol.for("react.memo_cache_sentinel"), k, F = (
49
+ // @ts-expect-error
50
+ typeof ((k = y.__COMPILER_RUNTIME) == null ? void 0 : k.c) == "function" ? (
51
+ // @ts-expect-error
52
+ y.__COMPILER_RUNTIME.c
53
+ ) : function(r) {
54
+ return y.useMemo(() => {
55
+ const i = new Array(r);
56
+ for (let f = 0; f < r; f++)
57
+ i[f] = E;
58
+ return i[E] = !0, i;
59
+ }, []);
60
+ }
61
+ ), g = {};
62
+ [
63
+ "readContext",
64
+ "useCallback",
65
+ "useContext",
66
+ "useEffect",
67
+ "useImperativeHandle",
68
+ "useInsertionEffect",
69
+ "useLayoutEffect",
70
+ "useMemo",
71
+ "useReducer",
72
+ "useRef",
73
+ "useState",
74
+ "useDebugValue",
75
+ "useDeferredValue",
76
+ "useTransition",
77
+ "useMutableSource",
78
+ "useSyncExternalStore",
79
+ "useId",
80
+ "unstable_isNewReconciler",
81
+ "getCacheSignal",
82
+ "getCacheForType",
83
+ "useCacheRefresh"
84
+ ].forEach((e) => {
85
+ g[e] = () => {
86
+ throw new Error(
87
+ `[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `
88
+ );
89
+ };
90
+ });
91
+ var R = null;
92
+ g.useMemoCache = (e) => {
93
+ if (R == null)
94
+ throw new Error(
95
+ "React Compiler internal invariant violation: unexpected null dispatcher"
96
+ );
97
+ return R.useMemoCache(e);
98
+ };
99
+ function N(e) {
100
+ return C.ReactCurrentDispatcher.current = e, C.ReactCurrentDispatcher.current;
101
+ }
102
+ var $ = [];
103
+ function G(e) {
104
+ const r = C.ReactCurrentDispatcher.current;
105
+ if (e === 0) {
106
+ if ($.push(r), $.length === 1 && (R = r), r === g)
107
+ throw new Error(
108
+ "[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked."
109
+ );
110
+ N(g);
111
+ } else if (e === 1) {
112
+ const i = $.pop();
113
+ if (i == null)
114
+ throw new Error(
115
+ "React Compiler internal error: unexpected null in guard stack"
116
+ );
117
+ $.length === 0 && (R = null), N(i);
118
+ } else if (e === 2)
119
+ $.push(r), N(R);
120
+ else if (e === 3) {
121
+ const i = $.pop();
122
+ if (i == null)
123
+ throw new Error(
124
+ "React Compiler internal error: unexpected null in guard stack"
125
+ );
126
+ N(i);
127
+ } else
128
+ throw new Error("React Compiler internal error: unreachable block" + e);
129
+ }
130
+ function q(e) {
131
+ for (let r = 0; r < e.length; r++)
132
+ e[r] = E;
133
+ }
134
+ function H() {
135
+ throw new Error("TODO: implement $makeReadOnly in react-compiler-runtime");
136
+ }
137
+ var p = /* @__PURE__ */ new Map();
138
+ function J() {
139
+ for (const e of p.values())
140
+ e.forEach((r) => {
141
+ r.count = 0;
142
+ });
143
+ }
144
+ function W(e, r) {
145
+ let i = p.get(e);
146
+ i == null && (i = /* @__PURE__ */ new Set(), p.set(e, i)), i.add(r);
147
+ }
148
+ function Y(e, r) {
149
+ const i = p.get(e);
150
+ i != null && i.delete(r);
151
+ }
152
+ function Z(e) {
153
+ const r = w(null);
154
+ r.current != null && (r.current.count += 1), d(() => {
155
+ if (r.current == null) {
156
+ const i = { count: 0 };
157
+ W(e, i), r.current = i;
158
+ }
159
+ return () => {
160
+ r.current !== null && Y(e, r.current);
161
+ };
162
+ });
163
+ }
164
+ var j = /* @__PURE__ */ new Set();
165
+ function B(e, r, i, f, u, X) {
166
+ function a(n, t, o, c) {
167
+ const l = `${f}:${X} [${u}] ${i}${o} changed from ${n} to ${t} at depth ${c}`;
168
+ j.has(l) || (j.add(l), console.error(l));
169
+ }
170
+ const K = 2;
171
+ function v(n, t, o, c) {
172
+ if (!(c > K)) {
173
+ if (n === t)
174
+ return;
175
+ if (typeof n != typeof t)
176
+ a(`type ${typeof n}`, `type ${typeof t}`, o, c);
177
+ else if (typeof n == "object") {
178
+ const l = Array.isArray(n), h = Array.isArray(t);
179
+ if (n === null && t !== null)
180
+ a("null", `type ${typeof t}`, o, c);
181
+ else if (t === null)
182
+ a(`type ${typeof n}`, "null", o, c);
183
+ else if (n instanceof Map)
184
+ if (!(t instanceof Map))
185
+ a("Map instance", "other value", o, c);
186
+ else if (n.size !== t.size)
187
+ a(
188
+ `Map instance with size ${n.size}`,
189
+ `Map instance with size ${t.size}`,
190
+ o,
191
+ c
192
+ );
193
+ else
194
+ for (const [s, Q] of n)
195
+ t.has(s) ? v(Q, t.get(s), `${o}.get(${s})`, c + 1) : a(
196
+ `Map instance with key ${s}`,
197
+ `Map instance without key ${s}`,
198
+ o,
199
+ c
200
+ );
201
+ else if (t instanceof Map)
202
+ a("other value", "Map instance", o, c);
203
+ else if (n instanceof Set)
204
+ if (!(t instanceof Set))
205
+ a("Set instance", "other value", o, c);
206
+ else if (n.size !== t.size)
207
+ a(
208
+ `Set instance with size ${n.size}`,
209
+ `Set instance with size ${t.size}`,
210
+ o,
211
+ c
212
+ );
213
+ else
214
+ for (const s of t)
215
+ n.has(s) || a(
216
+ `Set instance without element ${s}`,
217
+ `Set instance with element ${s}`,
218
+ o,
219
+ c
220
+ );
221
+ else if (t instanceof Set)
222
+ a("other value", "Set instance", o, c);
223
+ else if (l || h)
224
+ if (l !== h)
225
+ a(
226
+ `type ${l ? "array" : "object"}`,
227
+ `type ${h ? "array" : "object"}`,
228
+ o,
229
+ c
230
+ );
231
+ else if (n.length !== t.length)
232
+ a(
233
+ `array with length ${n.length}`,
234
+ `array with length ${t.length}`,
235
+ o,
236
+ c
237
+ );
238
+ else
239
+ for (let s = 0; s < n.length; s++)
240
+ v(n[s], t[s], `${o}[${s}]`, c + 1);
241
+ else if (_(n) || _(t))
242
+ _(n) !== _(t) ? a(
243
+ `type ${_(n) ? "React element" : "object"}`,
244
+ `type ${_(t) ? "React element" : "object"}`,
245
+ o,
246
+ c
247
+ ) : n.type !== t.type ? a(
248
+ `React element of type ${n.type}`,
249
+ `React element of type ${t.type}`,
250
+ o,
251
+ c
252
+ ) : v(
253
+ n.props,
254
+ t.props,
255
+ `[props of ${o}]`,
256
+ c + 1
257
+ );
258
+ else {
259
+ for (const s in t)
260
+ s in n || a(
261
+ `object without key ${s}`,
262
+ `object with key ${s}`,
263
+ o,
264
+ c
265
+ );
266
+ for (const s in n)
267
+ s in t ? v(n[s], t[s], `${o}.${s}`, c + 1) : a(
268
+ `object with key ${s}`,
269
+ `object without key ${s}`,
270
+ o,
271
+ c
272
+ );
273
+ }
274
+ } else {
275
+ if (typeof n == "function")
276
+ return;
277
+ isNaN(n) || isNaN(t) ? isNaN(n) !== isNaN(t) && a(
278
+ `${isNaN(n) ? "NaN" : "non-NaN value"}`,
279
+ `${isNaN(t) ? "NaN" : "non-NaN value"}`,
280
+ o,
281
+ c
282
+ ) : n !== t && a(n, t, o, c);
283
+ }
284
+ }
285
+ }
286
+ v(e, r, "", 0);
287
+ }
288
+ return O;
289
+ }
290
+ var te = ee();
291
+ export {
292
+ te as d
293
+ };
@@ -1,10 +1,7 @@
1
1
  "use client";
2
2
  const s = (n, r, t = []) => {
3
3
  let a = r[n];
4
- return a = a.replace(
5
- /\{(\d+)\}/g,
6
- (l, e) => e < t.length ? t[e] : ""
7
- ), a;
4
+ return a = a.replace(/\{(\d+)\}/g, (l, e) => e < t.length ? t[e] : ""), a;
8
5
  }, o = (n) => (r, t) => s(r, n, t);
9
6
  export {
10
7
  o as t
@@ -0,0 +1,44 @@
1
+ "use client";
2
+ import { d as c } from "./index.CgTHIF3K.js";
3
+ import { useState as u, useEffect as k } from "react";
4
+ const i = {
5
+ base: 0,
6
+ s: 320,
7
+ m: 768,
8
+ l: 1024,
9
+ xl: 1536
10
+ }, a = ["base", "s", "m", "l", "xl"], b = (e) => {
11
+ let n = "base";
12
+ for (const r of a)
13
+ if (e >= i[r])
14
+ n = r;
15
+ else
16
+ break;
17
+ return n;
18
+ }, l = (e) => e && typeof e == "object" && "base" in e, f = () => {
19
+ const e = c.c(1), [n, r] = u("base");
20
+ let t;
21
+ e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = [], e[0] = t) : t = e[0], k(() => (o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), t);
22
+ const o = () => {
23
+ const s = window.innerWidth;
24
+ r(b(s));
25
+ };
26
+ return n;
27
+ }, B = (e) => {
28
+ const n = f();
29
+ if (e && typeof e != "object" || !l(e))
30
+ return e;
31
+ const r = [...a].reverse();
32
+ let t = e.base;
33
+ for (const o of r) {
34
+ const s = e[o];
35
+ if (s !== void 0 && i[n] >= i[o]) {
36
+ t = s;
37
+ break;
38
+ }
39
+ }
40
+ return t;
41
+ };
42
+ export {
43
+ B as u
44
+ };