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

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 (148) hide show
  1. package/{accordion.DkwtJy--.js → accordion.HfUSDwQJ.js} +2 -2
  2. package/{actionlink.C7HzeIVa.js → actionbutton.kgd0E_xF.js} +4 -3
  3. package/{actionbutton.u1qp8oGC.js → actionlink.CwC42RWc.js} +4 -3
  4. package/assets/CustomReactSelect.DGIItWIh.css +1 -0
  5. package/assets/InputStepper.DvFJk1Mi.css +1 -0
  6. package/assets/Popover.CXyUaXiO.css +1 -0
  7. package/assets/Select.C1gWF32A.css +1 -0
  8. package/assets/Slider.Bidyhb-B.css +1 -0
  9. package/assets/Textarea.Dq4rH9Tg.css +1 -0
  10. package/assets/input.CUjGh-UM.css +1 -0
  11. package/assets/logo100years.CQrEg-Vo.css +1 -0
  12. package/assets/tooltip.Co1gWF_0.css +1 -0
  13. package/{banner.j9YpudOS.js → banner.o4Etkjjo.js} +1 -1
  14. package/{breadcrumb.BS-S3zUI.js → breadcrumb.BsQm0kUD.js} +3 -3
  15. package/{linkbutton.D2C4vykc.js → button.Dyy6ajX6.js} +5 -3
  16. package/buttonround.ChKWHzsv.js +96 -0
  17. package/{checkbox.BtlUvs0z.js → checkbox.BNnp4ztM.js} +3 -3
  18. package/{checkboxgroup.C5NgyyQF.js → checkboxgroup.BTVnKenc.js} +2 -2
  19. package/{chip.tVIG1ysH.js → chip.C7NstOHt.js} +4 -3
  20. package/chipgroup.Zo1-IOCn.js +210 -0
  21. package/chunks/{Accordion.C5V5IcM-.js → Accordion.CnqryAUu.js} +1 -1
  22. package/chunks/ActionButton.DdDesD7K.js +180 -0
  23. package/chunks/ActionLink.DqAsPYda.js +153 -0
  24. package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.9KinNuyQ.js} +2 -2
  25. package/chunks/Button.Cf1CKq8N.js +142 -0
  26. package/chunks/{Checkbox.DxV7-F5W.js → Checkbox.CiwriItT.js} +2 -2
  27. package/chunks/{CheckboxGroup.Dy_6tiGk.js → CheckboxGroup.Cj68J6Ee.js} +2 -2
  28. package/chunks/Chip.BrbYu6i_.js +133 -0
  29. package/chunks/{CustomReactSelect.iE5iTdez.js → CustomReactSelect.Cqq70QC0.js} +152 -144
  30. package/chunks/{Dialog.B_2pKRnd.js → Dialog.Bv7k55He.js} +1 -1
  31. package/chunks/{Drawer.HFlBTcqN.js → Drawer.BVTvx276.js} +1 -1
  32. package/chunks/{Fieldset.CjIfmN_5.js → Fieldset.D7cLR5ze.js} +1 -1
  33. package/chunks/Header.um5MlziB.js +377 -0
  34. package/chunks/Icon.NSsVrYeq.js +231 -0
  35. package/chunks/{InputFile.DvOatDzg.js → InputFile.bVWWdePn.js} +4 -4
  36. package/chunks/{InputPassword.DC2POUc1.js → InputPassword.Da3hEKTc.js} +2 -2
  37. package/chunks/{InputSearch.B0aCuPRZ.js → InputSearch.GOYqFCcZ.js} +2 -2
  38. package/chunks/InputStepper.BuhPtfl-.js +268 -0
  39. package/chunks/LinkButton.59oNDwPU.js +132 -0
  40. package/chunks/MegaMenu._o3nNDAa.js +192 -0
  41. package/chunks/{NavigationTabList.dYFYTmWv.js → NavigationTabList.DuT7gzhj.js} +1 -1
  42. package/chunks/{NavigationTabs.ClpVGcl0.js → NavigationTabs.DspPFHPh.js} +1 -1
  43. package/chunks/{Notification.DIdIhGTQ.js → Notification.Pts2oh0R.js} +2 -2
  44. package/chunks/Popover.BRR8YZ-P.js +228 -0
  45. package/chunks/{RadioGroup.peTeMK45.js → RadioGroup.DeTz3c19.js} +1 -1
  46. package/chunks/Select.D2ehd4yN.js +162 -0
  47. package/chunks/{Slider.kyVr7BLk.js → Slider.84lkgq3W.js} +85 -85
  48. package/chunks/{SystemFeedback.B9f67mjJ.js → SystemFeedback.CyGbUCzT.js} +1 -1
  49. package/chunks/{Tabs.CkVL8Jw8.js → Tabs.C8ADTzJ0.js} +1 -1
  50. package/chunks/Textarea.Cw85sxHL.js +163 -0
  51. package/chunks/{Toast.DHo4pLH3.js → Toast.DG3WVvau.js} +2 -2
  52. package/chunks/battery-charge-0.DxlgEAto.js +10 -0
  53. package/chunks/battery-charge-100.D0Cax7dU.js +10 -0
  54. package/chunks/{battery.YCg9lYqC.js → battery.6Idoickg.js} +3 -3
  55. package/chunks/bluetooth-off.BzZCh4Q8.js +10 -0
  56. package/chunks/document-s.CoOp0kBK.js +10 -0
  57. package/chunks/floating-ui.dom.VgHc0h4l.js +989 -0
  58. package/chunks/floating-ui.react.DCyAzlZ4.js +2011 -0
  59. package/{combobox.Bk2ycofh.js → combobox.orZ3z8CB.js} +1 -1
  60. package/components/ActionButton/ActionButton.d.ts +2 -0
  61. package/components/Button/Button.d.ts +4 -0
  62. package/components/ChipGroup/Chip.d.ts +1 -0
  63. package/components/ChipGroup/ChipGroup.d.ts +4 -0
  64. package/components/ChipGroup/ChipGroup.utils.d.ts +9 -9
  65. package/components/Header/Header.d.ts +4 -5
  66. package/components/InputStepper/InputStepper.d.ts +6 -0
  67. package/components/InputStepper/InputStepper.utils.d.ts +1 -0
  68. package/components/LinkButton/LinkButton.d.ts +2 -0
  69. package/components/Logo100Years/Logo100Years.d.ts +1 -0
  70. package/components/Popover/Popover.d.ts +29 -7
  71. package/components/Popover/Popover.utils.d.ts +34 -3
  72. package/components/Tooltip/Tooltip.d.ts +40 -0
  73. package/components/Tooltip/Tooltip.test.d.ts +1 -0
  74. package/components/Tooltip/Tooltip.utils.d.ts +70 -0
  75. package/components/Tooltip/Tooltip.utils.test.d.ts +1 -0
  76. package/components/TopBar/TopBar.d.ts +4 -4
  77. package/components/TopBar/TopBar.utils.d.ts +1 -1
  78. package/{customreactselect.Hnch9LGg.js → customreactselect.Np-RpzvU.js} +4 -4
  79. package/{dialog.7sWoqGwL.js → dialog.D4rcbW6A.js} +2 -2
  80. package/{drawer.DsF4KIPn.js → drawer.BCCB3Rkj.js} +2 -2
  81. package/{fieldset.DUFUMcT-.js → fieldset.ZLs9IGpE.js} +2 -2
  82. package/{filelist.nunJKxkv.js → filelist.BiKMKCyg.js} +3 -3
  83. package/{flag.D_iN8iD6.js → flag.72PONA83.js} +1 -1
  84. package/floatingactionbutton.B2YChsNU.js +87 -0
  85. package/{header.QpNjE3N-.js → header.DUbn3BZt.js} +1 -1
  86. package/{icon.vMQcEBnH.js → icon.CHVAZr5T.js} +1 -1
  87. package/index.es.js +112 -111
  88. package/input.DG20x6gh.js +203 -0
  89. package/{inputfile.DK8759wV.js → inputfile.Dc56lQ4t.js} +5 -5
  90. package/{inputpassword.rV_ZZw5F.js → inputpassword.znFHRLsI.js} +3 -3
  91. package/{inputsearch.CmhakTpa.js → inputsearch.B1G6rfVk.js} +3 -3
  92. package/{inputstepper.Y-YzUHhF.js → inputstepper.o6rdM_CW.js} +3 -3
  93. package/link.DbnvsD3j.js +81 -0
  94. package/{button.CPilCCUI.js → linkbutton.DU8Ih8ZF.js} +4 -4
  95. package/logo100years.BcB6_c-o.js +24 -0
  96. package/logo100years.d.ts +2 -0
  97. package/{megamenu.CdHrEeoh.js → megamenu.CPH8EeFF.js} +3 -3
  98. package/{navigationtablist.CVjh1k-b.js → navigationtablist.C0iwsAad.js} +2 -2
  99. package/{navigationtabs.BGfi9AG2.js → navigationtabs.JjJtbuUe.js} +2 -2
  100. package/{notification.Dn-FZWEL.js → notification.Ds_Q7ifk.js} +3 -3
  101. package/{optioncheckbox.D97W3zeW.js → optioncheckbox.DqfXuPdi.js} +1 -1
  102. package/package.json +2 -3
  103. package/partials/index.js +14 -14
  104. package/{popover.DXxm1oWI.js → popover.B72W0OvU.js} +4 -3
  105. package/{radiogroup.J8WpEEo8.js → radiogroup.C_3IcNBq.js} +2 -2
  106. package/{scroller.BiRLQg__.js → scroller.CQxmQU6U.js} +1 -1
  107. package/{select.DIzGPVx3.js → select.Ceyt-zvu.js} +3 -3
  108. package/{skiptocontent._F-d8y5b.js → skiptocontent.BSCde5hT.js} +1 -1
  109. package/{slider.DuJK0RdB.js → slider.Dq2dcziy.js} +2 -2
  110. package/{spinner.Dht6FspZ.js → spinner.BUjhjAvw.js} +1 -1
  111. package/{switch.B37S4vfP.js → switch.D7BCfyyZ.js} +2 -2
  112. package/{systemfeedback.C_2PhwKe.js → systemfeedback.CSdWOWuf.js} +2 -2
  113. package/{tablist.g_Nwu6GA.js → tablist.V7DBklhE.js} +3 -3
  114. package/{tabs.oh9-wHPp.js → tabs.DQNLPAEN.js} +2 -2
  115. package/{textarea.dQ12-oYB.js → textarea.CixKeQBp.js} +2 -2
  116. package/{toast.sMNbfKxi.js → toast.D8QprMCa.js} +3 -3
  117. package/{toastmanager.CVamaS5T.js → toastmanager.BSVjYsg9.js} +1 -1
  118. package/tooltip.CUCSRXd3.js +191 -0
  119. package/tooltip.d.ts +2 -0
  120. package/{topbar.Dhy_TL0U.js → topbar.CVhJy-Br.js} +3 -2
  121. package/types/icon-types.d.ts +1 -1
  122. package/types/prettier-plugin-organize-imports.d.ts +1 -0
  123. package/assets/CustomReactSelect.D0b1Hg1T.css +0 -1
  124. package/assets/InputStepper.Dth4qZN_.css +0 -1
  125. package/assets/Popover.BDTDsPAt.css +0 -1
  126. package/assets/Select.CYACicZ3.css +0 -1
  127. package/assets/Slider.DzwSjDPV.css +0 -1
  128. package/assets/Textarea.BXWhXpXx.css +0 -1
  129. package/assets/input.ONbL-_C1.css +0 -1
  130. package/buttonround.C426mO4d.js +0 -81
  131. package/chipgroup.CjIK0Z0x.js +0 -209
  132. package/chunks/ActionButton.B8zFwOrJ.js +0 -165
  133. package/chunks/ActionLink.IX6oRXU3.js +0 -138
  134. package/chunks/Button.B7xF1E19.js +0 -127
  135. package/chunks/Chip.31UfPwQF.js +0 -119
  136. package/chunks/Header.DqZRryB5.js +0 -366
  137. package/chunks/Icon.DGTYCv63.js +0 -231
  138. package/chunks/InputStepper.D_1YqlWl.js +0 -263
  139. package/chunks/LinkButton.DdTspmJz.js +0 -117
  140. package/chunks/MegaMenu.BY7eOnhj.js +0 -189
  141. package/chunks/Popover.NGetxKGg.js +0 -159
  142. package/chunks/Select.BDHLJ2ma.js +0 -162
  143. package/chunks/Textarea.ORkJUx-S.js +0 -163
  144. package/chunks/floating-ui.dom.C9TD1WpB.js +0 -950
  145. package/chunks/floating-ui.react.x0F9CYgn.js +0 -1637
  146. package/floatingactionbutton.DOH2k0gv.js +0 -72
  147. package/input.BKHOY118.js +0 -203
  148. package/link.D_FjTyoZ.js +0 -66
@@ -1,189 +0,0 @@
1
- "use client";
2
- import { jsx as b, jsxs as Q } from "react/jsx-runtime";
3
- import { d as I } from "./index.CgTHIF3K.js";
4
- import { isValidElement as G, useState as W, createContext as X, forwardRef as H, cloneElement as Y, useContext as q } from "react";
5
- import { u as Z, a as A, b as B, c as R, d as ee, o as te, e as z, f as ne, F as se, g as oe, h as le } from "./floating-ui.react.x0F9CYgn.js";
6
- import { c as j } from "./index.CEyLAtio.js";
7
- import { g as P, c as T } from "./helpers.BbWkXTr3.js";
8
- import { D as ce } from "./Header.DqZRryB5.js";
9
- import { a as ae } from "./floating-ui.dom.C9TD1WpB.js";
10
- import '../assets/MegaMenu.DX9gChtY.css';const re = "ds-mega-menu_root_11fw1_1", ie = "ds-mega-menu_content_11fw1_109", ue = "ds-mega-menu_content--variant-full_11fw1_134", de = "ds-mega-menu_backdrop_11fw1_139", V = {
11
- root: re,
12
- content: ie,
13
- contentVariantFull: ue,
14
- backdrop: de
15
- }, fe = 9, me = (s) => {
16
- const t = I.c(17);
17
- let e;
18
- t[0] !== s ? (e = s === void 0 ? {} : s, t[0] = s, t[1] = e) : e = t[1];
19
- const {
20
- initialOpen: n,
21
- isOpen: o,
22
- onOpenChange: c
23
- } = e, m = n === void 0 ? !1 : n, [a, l] = W(m), d = o ?? a, r = c ?? l;
24
- let i;
25
- t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = [te(fe)], t[2] = i) : i = t[2];
26
- let u;
27
- t[3] !== d || t[4] !== r ? (u = {
28
- placement: "bottom-start",
29
- open: d,
30
- onOpenChange: r,
31
- whileElementsMounted: ae,
32
- strategy: "absolute",
33
- transform: !1,
34
- middleware: i
35
- }, t[3] = d, t[4] = r, t[5] = u) : u = t[5];
36
- const g = Z(u), _ = g.context;
37
- let h;
38
- t[6] === Symbol.for("react.memo_cache_sentinel") ? (h = {
39
- enabled: !0
40
- }, t[6] = h) : h = t[6];
41
- const k = A(_, h), f = B(_);
42
- let p;
43
- t[7] === Symbol.for("react.memo_cache_sentinel") ? (p = {
44
- role: "menu"
45
- }, t[7] = p) : p = t[7];
46
- const C = R(_, p);
47
- let S;
48
- t[8] !== k || t[9] !== f || t[10] !== C ? (S = [k, f, C], t[8] = k, t[9] = f, t[10] = C, t[11] = S) : S = t[11];
49
- const D = ee(S);
50
- let E, M;
51
- return t[12] !== g || t[13] !== D || t[14] !== d || t[15] !== r ? (M = {
52
- open: d,
53
- setOpen: r,
54
- ...D,
55
- ...g
56
- }, t[12] = g, t[13] = D, t[14] = d, t[15] = r, t[16] = M) : M = t[16], E = M, E;
57
- }, Me = (s) => {
58
- if (!G(s))
59
- throw new Error(P("DSMegaMenu", "DSMegaMenu.Anchor child must be a valid React element."));
60
- }, ge = ({
61
- hasContent: s,
62
- hasAnchor: t
63
- }) => {
64
- if (!s)
65
- throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Content> component as a child. Please add it to the children of DSMegaMenu."));
66
- if (!t)
67
- throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Anchor> component as a child. Please add it to the children of DSMegaMenu."));
68
- }, J = X(null), K = () => {
69
- const s = q(J);
70
- if (s == null)
71
- throw new Error(P("DSMegaMenu", "Components like DSMegaMenu.Anchor or DSMegaMenu.Content must be wrapped in <DSMegaMenu />."));
72
- return s;
73
- }, $ = (s) => {
74
- const t = I.c(9);
75
- let e, n;
76
- t[0] !== s ? ({
77
- children: e,
78
- ...n
79
- } = s, t[0] = s, t[1] = e, t[2] = n) : (e = t[1], n = t[2]);
80
- let o;
81
- t[3] !== n ? (o = {
82
- ...n
83
- }, t[3] = n, t[4] = o) : o = t[4];
84
- const c = me(o), m = T(e, $.Content), a = T(e, U);
85
- process.env.NODE_ENV !== "production" && ge({
86
- hasContent: m,
87
- hasAnchor: a
88
- });
89
- let l;
90
- return t[5] !== e || t[6] !== c || t[7] !== n ? (l = /* @__PURE__ */ b(J.Provider, { value: c, ...n, children: e }), t[5] = e, t[6] = c, t[7] = n, t[8] = l) : l = t[8], l;
91
- }, U = H((s, t) => {
92
- const e = I.c(12);
93
- let n, o;
94
- e[0] !== s ? ({
95
- children: n,
96
- ...o
97
- } = s, e[0] = s, e[1] = n, e[2] = o) : (n = e[1], o = e[2]), process.env.NODE_ENV !== "production" && Me(n);
98
- const c = K(), m = n.ref;
99
- let a;
100
- e[3] !== m || e[4] !== c.refs.setReference || e[5] !== t ? (a = [c.refs.setReference, t, m], e[3] = m, e[4] = c.refs.setReference, e[5] = t, e[6] = a) : a = e[6];
101
- const l = z(a);
102
- if (G(n)) {
103
- let d;
104
- return e[7] !== n || e[8] !== c || e[9] !== o || e[10] !== l ? (d = Y(n, c.getReferenceProps({
105
- ref: l,
106
- ...o,
107
- ...n.props,
108
- "data-state": c.open ? "open" : "closed"
109
- })), e[7] = n, e[8] = c, e[9] = o, e[10] = l, e[11] = d) : d = e[11], d;
110
- }
111
- });
112
- U.displayName = "DSMegaMenu.Anchor";
113
- const L = H((s, t) => {
114
- const e = I.c(45);
115
- let n, o, c;
116
- e[0] !== s ? ({
117
- style: c,
118
- className: n,
119
- ...o
120
- } = s, e[0] = s, e[1] = n, e[2] = o, e[3] = c) : (n = e[1], o = e[2], c = e[3]);
121
- const m = K();
122
- let a, l;
123
- e[4] !== m ? ({
124
- context: a,
125
- ...l
126
- } = m, e[4] = m, e[5] = a, e[6] = l) : (a = e[5], l = e[6]);
127
- const {
128
- variant: d,
129
- bannerAreaRef: r,
130
- topBarAreaRef: i,
131
- mainNavigationAreaRef: u
132
- } = q(ce);
133
- let g;
134
- e[7] !== t || e[8] !== l.refs.setFloating ? (g = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = g) : g = e[9];
135
- const _ = z(g);
136
- let h;
137
- e[10] === Symbol.for("react.memo_cache_sentinel") ? (h = {
138
- duration: {
139
- open: 400,
140
- close: 400
141
- }
142
- }, e[10] = h) : h = e[10];
143
- const {
144
- isMounted: k,
145
- status: f
146
- } = ne(a, h);
147
- let p;
148
- e[11] !== n ? (p = j(V.root, n), e[11] = n, e[12] = p) : p = e[12];
149
- const C = p, S = d === "full";
150
- let D;
151
- e[13] !== S ? (D = j(V.content, {
152
- [V.contentVariantFull]: S
153
- }), e[13] = S, e[14] = D) : D = e[14];
154
- const E = D;
155
- if (!k)
156
- return null;
157
- let M;
158
- e[15] !== f ? (M = /* @__PURE__ */ b("div", { className: V.backdrop, "data-status": f }), e[15] = f, e[16] = M) : M = e[16];
159
- let w;
160
- e[17] !== (r == null ? void 0 : r.current) || e[18] !== (u == null ? void 0 : u.current) || e[19] !== (i == null ? void 0 : i.current) ? (w = () => [u == null ? void 0 : u.current, i == null ? void 0 : i.current, r == null ? void 0 : r.current].filter(Boolean), e[17] = r == null ? void 0 : r.current, e[18] = u == null ? void 0 : u.current, e[19] = i == null ? void 0 : i.current, e[20] = w) : w = e[20];
161
- let x;
162
- e[21] !== l.floatingStyles || e[22] !== c ? (x = {
163
- ...l.floatingStyles,
164
- ...c
165
- }, e[21] = l.floatingStyles, e[22] = c, e[23] = x) : x = e[23];
166
- let y;
167
- e[24] !== o || e[25] !== l ? (y = l.getFloatingProps(o), e[24] = o, e[25] = l, e[26] = y) : y = e[26];
168
- let F;
169
- e[27] !== E || e[28] !== o.children || e[29] !== f ? (F = /* @__PURE__ */ b("div", { className: E, "data-status": f, children: o.children }), e[27] = E, e[28] = o.children, e[29] = f, e[30] = F) : F = e[30];
170
- let O;
171
- e[31] !== C || e[32] !== _ || e[33] !== f || e[34] !== y || e[35] !== F || e[36] !== x ? (O = /* @__PURE__ */ b("div", { ref: _, style: x, className: C, "data-status": f, ...y, children: F }), e[31] = C, e[32] = _, e[33] = f, e[34] = y, e[35] = F, e[36] = x, e[37] = O) : O = e[37];
172
- let v;
173
- e[38] !== a || e[39] !== O || e[40] !== w ? (v = /* @__PURE__ */ b(se, { context: a, modal: !1, outsideElementsInert: !0, getInsideElements: w, children: O }), e[38] = a, e[39] = O, e[40] = w, e[41] = v) : v = e[41];
174
- let N;
175
- return e[42] !== v || e[43] !== M ? (N = /* @__PURE__ */ b(oe, { children: /* @__PURE__ */ Q(le, { lockScroll: !0, children: [
176
- M,
177
- v
178
- ] }) }), e[42] = v, e[43] = M, e[44] = N) : N = e[44], N;
179
- });
180
- L.displayName = "DSMegaMenu.Content";
181
- $.Anchor = U;
182
- $.Content = L;
183
- $.displayName = "DSMegaMenu";
184
- export {
185
- $ as D,
186
- ge as a,
187
- me as u,
188
- Me as v
189
- };
@@ -1,159 +0,0 @@
1
- "use client";
2
- import { jsx as A } from "react/jsx-runtime";
3
- import { d as w } from "./index.CgTHIF3K.js";
4
- import { isValidElement as V, useState as B, createContext as G, forwardRef as I, cloneElement as H, useContext as J } from "react";
5
- import { i as K, u as L, a as Q, b as T, c as W, d as X, o as Y, s as Z, e as U, g as ee, F as te } from "./floating-ui.react.x0F9CYgn.js";
6
- import { c as oe } from "./index.CEyLAtio.js";
7
- import { g as E, c as $ } from "./helpers.BbWkXTr3.js";
8
- import { a as se } from "./floating-ui.dom.C9TD1WpB.js";
9
- import '../assets/Popover.BDTDsPAt.css';const ne = "ds-popover_popover_zyqhl_5", le = {
10
- popover: ne
11
- }, re = (n) => {
12
- const t = w.c(29);
13
- let e;
14
- t[0] !== n ? (e = n === void 0 ? {} : n, t[0] = n, t[1] = e) : e = t[1];
15
- const {
16
- initialOpen: o,
17
- placement: s,
18
- isOpen: r,
19
- popoverOffset: d,
20
- onOpenChange: i
21
- } = e, l = o === void 0 ? !1 : o, c = s === void 0 ? "bottom-start" : s, a = d === void 0 ? 6 : d, [h, m] = B(l), p = r ?? h, f = i ?? m;
22
- let v;
23
- t[2] !== a ? (v = Y(a), t[2] = a, t[3] = v) : v = t[3];
24
- let u;
25
- t[4] !== c || t[5] !== a ? (u = K({
26
- crossAxis: c.includes("-"),
27
- fallbackAxisSideDirection: "end",
28
- padding: a
29
- }), t[4] = c, t[5] = a, t[6] = u) : u = t[6];
30
- let P;
31
- t[7] !== a ? (P = Z({
32
- padding: a
33
- }), t[7] = a, t[8] = P) : P = t[8];
34
- let S;
35
- t[9] !== v || t[10] !== u || t[11] !== P ? (S = [v, u, P], t[9] = v, t[10] = u, t[11] = P, t[12] = S) : S = t[12];
36
- let D;
37
- t[13] !== p || t[14] !== c || t[15] !== f || t[16] !== S ? (D = {
38
- placement: c,
39
- open: p,
40
- onOpenChange: f,
41
- whileElementsMounted: se,
42
- middleware: S
43
- }, t[13] = p, t[14] = c, t[15] = f, t[16] = S, t[17] = D) : D = t[17];
44
- const g = L(D), N = g.context;
45
- let C;
46
- t[18] === Symbol.for("react.memo_cache_sentinel") ? (C = {
47
- enabled: !0
48
- }, t[18] = C) : C = t[18];
49
- const F = Q(N, C), b = T(N), _ = W(N);
50
- let x;
51
- t[19] !== F || t[20] !== b || t[21] !== _ ? (x = [F, b, _], t[19] = F, t[20] = b, t[21] = _, t[22] = x) : x = t[22];
52
- const k = X(x);
53
- let M, O;
54
- return t[23] !== g || t[24] !== k || t[25] !== p || t[26] !== a || t[27] !== f ? (O = {
55
- open: p,
56
- popoverOffset: a,
57
- setOpen: f,
58
- ...k,
59
- ...g
60
- }, t[23] = g, t[24] = k, t[25] = p, t[26] = a, t[27] = f, t[28] = O) : O = t[28], M = O, M;
61
- }, ie = (n) => {
62
- if (!V(n))
63
- throw new Error(E("DSPopover", "DSPopover.Anchor child must be a valid React element."));
64
- }, ce = ({
65
- hasContent: n,
66
- hasAnchor: t
67
- }) => {
68
- if (!n)
69
- throw new Error(E("DSPopover", "A DSPopover must have a <DSPopover.Content> component as a child. Please add it to the children of DSPopover."));
70
- if (!t)
71
- throw new Error(E("DSPopover", "A DSPopover.Anchor must have a <DSPopover.Anchor> component as a child. Please add it to the children of DSPopover."));
72
- }, j = G(null), q = () => {
73
- const n = J(j);
74
- if (n == null)
75
- throw new Error(E("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
76
- return n;
77
- }, y = (n) => {
78
- const t = w.c(9);
79
- let e, o;
80
- t[0] !== n ? ({
81
- children: e,
82
- ...o
83
- } = n, t[0] = n, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
84
- let s;
85
- t[3] !== o ? (s = {
86
- ...o
87
- }, t[3] = o, t[4] = s) : s = t[4];
88
- const r = re(s), d = $(e, y.Content), i = $(e, R);
89
- process.env.NODE_ENV !== "production" && ce({
90
- hasContent: d,
91
- hasAnchor: i
92
- });
93
- let l;
94
- return t[5] !== e || t[6] !== r || t[7] !== o ? (l = /* @__PURE__ */ A(j.Provider, { value: r, ...o, children: e }), t[5] = e, t[6] = r, t[7] = o, t[8] = l) : l = t[8], l;
95
- }, R = I((n, t) => {
96
- const e = w.c(12);
97
- let o, s;
98
- e[0] !== n ? ({
99
- children: o,
100
- ...s
101
- } = n, e[0] = n, e[1] = o, e[2] = s) : (o = e[1], s = e[2]), process.env.NODE_ENV !== "production" && ie(o);
102
- const r = q(), d = o.ref;
103
- let i;
104
- e[3] !== d || e[4] !== r.refs.setReference || e[5] !== t ? (i = [r.refs.setReference, t, d], e[3] = d, e[4] = r.refs.setReference, e[5] = t, e[6] = i) : i = e[6];
105
- const l = U(i);
106
- if (V(o)) {
107
- let c;
108
- return e[7] !== o || e[8] !== r || e[9] !== s || e[10] !== l ? (c = H(o, r.getReferenceProps({
109
- ref: l,
110
- ...s,
111
- ...o.props,
112
- "data-state": r.open ? "open" : "closed"
113
- })), e[7] = o, e[8] = r, e[9] = s, e[10] = l, e[11] = c) : c = e[11], c;
114
- }
115
- });
116
- R.displayName = "DSPopover.Anchor";
117
- const z = I((n, t) => {
118
- const e = w.c(27);
119
- let o, s, r;
120
- e[0] !== n ? ({
121
- style: r,
122
- className: o,
123
- ...s
124
- } = n, e[0] = n, e[1] = o, e[2] = s, e[3] = r) : (o = e[1], s = e[2], r = e[3]);
125
- const d = q();
126
- let i, l;
127
- e[4] !== d ? ({
128
- context: i,
129
- ...l
130
- } = d, e[4] = d, e[5] = i, e[6] = l) : (i = e[5], l = e[6]);
131
- let c;
132
- e[7] !== t || e[8] !== l.refs.setFloating ? (c = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = c) : c = e[9];
133
- const a = U(c);
134
- if (!i.open)
135
- return null;
136
- let h;
137
- e[10] !== l.floatingStyles || e[11] !== r ? (h = {
138
- ...l.floatingStyles,
139
- ...r
140
- }, e[10] = l.floatingStyles, e[11] = r, e[12] = h) : h = e[12];
141
- let m;
142
- e[13] !== o ? (m = oe(le.popover, o), e[13] = o, e[14] = m) : m = e[14];
143
- let p;
144
- e[15] !== s || e[16] !== l ? (p = l.getFloatingProps(s), e[15] = s, e[16] = l, e[17] = p) : p = e[17];
145
- let f;
146
- e[18] !== s.children || e[19] !== a || e[20] !== h || e[21] !== m || e[22] !== p ? (f = /* @__PURE__ */ A("div", { ref: a, style: h, className: m, ...p, children: s.children }), e[18] = s.children, e[19] = a, e[20] = h, e[21] = m, e[22] = p, e[23] = f) : f = e[23];
147
- let v;
148
- return e[24] !== i || e[25] !== f ? (v = /* @__PURE__ */ A(ee, { children: /* @__PURE__ */ A(te, { context: i, modal: !1, children: f }) }), e[24] = i, e[25] = f, e[26] = v) : v = e[26], v;
149
- });
150
- z.displayName = "DSPopover.Content";
151
- y.Anchor = R;
152
- y.Content = z;
153
- y.displayName = "DSPopover";
154
- export {
155
- y as D,
156
- ce as a,
157
- re as u,
158
- ie as v
159
- };
@@ -1,162 +0,0 @@
1
- "use client";
2
- import { jsx as _, jsxs as we } from "react/jsx-runtime";
3
- import { d as xe } from "./index.CgTHIF3K.js";
4
- import { c as ve } from "./index.CEyLAtio.js";
5
- import { forwardRef as Be, useRef as Fe, useState as Ie, useEffect as He } from "react";
6
- import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
7
- import { Asterisk as je } from "../asterisk.CR60hx8S.js";
8
- import { D as We } from "./Icon.DGTYCv63.js";
9
- import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
10
- import { g as me, r as Me } from "./helpers.BbWkXTr3.js";
11
- import '../assets/Select.CYACicZ3.css';const Te = "ds-select_root_d8v6g_1", Oe = "ds-select_hint_d8v6g_10", Ze = "ds-select_label_d8v6g_10", Je = "ds-select_label--hidden_d8v6g_100", Ke = "ds-select_label--disabled_d8v6g_113", Qe = "ds-select_feedback_d8v6g_133", Ue = "ds-select_select-wrapper_d8v6g_138", Xe = "ds-select_select_d8v6g_138", Ye = "ds-select_select--small_d8v6g_152", Ge = "ds-select_select--invalid_d8v6g_264", el = "ds-select_select--placeholder_d8v6g_379", ll = "ds-select_chevron_d8v6g_418", tl = "ds-select_chevron--small_d8v6g_422", sl = "ds-select_chevron--disabled_d8v6g_425", t = {
12
- root: Te,
13
- hint: Oe,
14
- label: Ze,
15
- labelHidden: Je,
16
- labelDisabled: Ke,
17
- feedback: Qe,
18
- selectWrapper: Ue,
19
- select: Xe,
20
- selectSmall: Ye,
21
- selectInvalid: Ge,
22
- selectPlaceholder: el,
23
- chevron: ll,
24
- chevronSmall: tl,
25
- chevronDisabled: sl
26
- }, ul = ["medium", "small"], al = ({
27
- id: r,
28
- label: s,
29
- options: e
30
- }) => {
31
- if (!r)
32
- throw new Error(me("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
33
- if (!s)
34
- throw new Error(me("DSSelect", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`));
35
- if (Array.isArray(e)) {
36
- if (e.length === 0)
37
- throw new Error(me("DSSelect", "The options array must not be empty."));
38
- } else throw new Error(me("DSSelect", Me("options", "DSSelect")));
39
- }, ol = (r, s, e) => r === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), cl = Be((r, s) => {
40
- const e = xe.c(127);
41
- let i, n, d, l, f, b, S, D, a, Z, J, K, Q, U, X, c;
42
- e[0] !== r ? ({
43
- id: l,
44
- label: f,
45
- options: S,
46
- className: i,
47
- defaultValue: n,
48
- disabled: Z,
49
- hideLabel: J,
50
- hint: d,
51
- invalid: K,
52
- placeholder: Q,
53
- required: U,
54
- size: X,
55
- systemFeedback: a,
56
- value: c,
57
- onChange: b,
58
- ...D
59
- } = r, e[0] = r, e[1] = i, e[2] = n, e[3] = d, e[4] = l, e[5] = f, e[6] = b, e[7] = S, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = c) : (i = e[1], n = e[2], d = e[3], l = e[4], f = e[5], b = e[6], S = e[7], D = e[8], a = e[9], Z = e[10], J = e[11], K = e[12], Q = e[13], U = e[14], X = e[15], c = e[16]);
60
- const h = Z === void 0 ? !1 : Z, Pe = J === void 0 ? !1 : J, o = K === void 0 ? !1 : K, g = Q === void 0 ? "Select" : Q, y = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
61
- process.env.NODE_ENV !== "production" && al({
62
- id: l,
63
- label: f,
64
- options: S
65
- });
66
- const qe = Fe(null), [pe, Ne] = Ie(c);
67
- let te;
68
- e[17] !== n || e[18] !== g || e[19] !== c ? (te = ol(g, n, c), e[17] = n, e[18] = g, e[19] = c, e[20] = te) : te = e[20];
69
- const [Y, Ce] = Ie(te);
70
- let se, ae;
71
- e[21] !== c ? (se = () => {
72
- Ne(c);
73
- }, ae = [c], e[21] = c, e[22] = se, e[23] = ae) : (se = e[22], ae = e[23]), He(se, ae);
74
- let oe;
75
- e[24] !== s ? (oe = (ee) => {
76
- qe.current = ee, typeof s == "function" ? s(ee) : s && (s.current = ee);
77
- }, e[24] = s, e[25] = oe) : oe = e[25];
78
- const ue = oe, G = Re(Pe), w = `${l}-label`, v = `${l}-feedback`, N = `${l}-hint`, _e = d ? ` ${N}` : "";
79
- let ce;
80
- e[26] !== o || e[27] !== a || e[28] !== v ? (ce = [o && a && v].filter(Boolean).join(" ") || void 0, e[26] = o, e[27] = a, e[28] = v, e[29] = ce) : ce = e[29];
81
- const Se = ce;
82
- let k, E, I, P, q, C, $, L, V, A, x, B, F, H, R, j, m, p, u;
83
- if (e[30] !== Se || e[31] !== _e || e[32] !== i || e[33] !== n || e[34] !== h || e[35] !== ue || e[36] !== G || e[37] !== d || e[38] !== N || e[39] !== l || e[40] !== o || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== S || e[45] !== g || e[46] !== y || e[47] !== D || e[48] !== w || e[49] !== pe || e[50] !== le || e[51] !== a || e[52] !== v) {
84
- const ee = (he) => [g && /* @__PURE__ */ _("option", { value: "", children: g }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
85
- if ("options" in O) {
86
- const {
87
- label: Ee,
88
- options: Ae
89
- } = O;
90
- return /* @__PURE__ */ _("optgroup", { label: Ee, children: Ae.map(ke) }, Ee);
91
- } else
92
- return ke(O);
93
- })], ke = il;
94
- let de;
95
- e[72] !== i ? (de = ve(t.root, i), e[72] = i, e[73] = de) : de = e[73];
96
- const $e = de, ge = le === "small";
97
- let re;
98
- e[74] !== o || e[75] !== Y || e[76] !== ge ? (re = ve(t.select, {
99
- [t.selectSmall]: ge,
100
- [t.selectInvalid]: o,
101
- [t.selectPlaceholder]: Y
102
- }), e[74] = o, e[75] = Y, e[76] = ge, e[77] = re) : re = e[77];
103
- const Le = re;
104
- let ne;
105
- e[78] !== h || e[79] !== G ? (ne = ve(t.label, {
106
- [t.labelHidden]: G,
107
- [t.labelDisabled]: h
108
- }), e[78] = h, e[79] = G, e[80] = ne) : ne = e[80];
109
- const De = ne, ye = le === "small";
110
- let fe;
111
- e[81] !== h || e[82] !== ye ? (fe = ve(t.chevron, {
112
- [t.chevronSmall]: ye,
113
- [t.chevronDisabled]: h
114
- }), e[81] = h, e[82] = ye, e[83] = fe) : fe = e[83], k = fe;
115
- let be;
116
- e[84] !== b ? (be = (he) => {
117
- const {
118
- value: O
119
- } = he.target;
120
- Ce(O === ""), Ne(O), b && b(he);
121
- }, e[84] = b, e[85] = be) : be = e[85];
122
- const Ve = be;
123
- j = $e;
124
- let T;
125
- e[86] !== y ? (T = y && /* @__PURE__ */ _(je, {}), e[86] = y, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (m = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
126
- f,
127
- T
128
- ] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = m) : m = e[93], e[94] !== d || e[95] !== N ? (p = d && /* @__PURE__ */ _("div", { className: t.hint, id: N, children: d }), e[94] = d, e[95] = N, e[96] = p) : p = e[96], e[97] !== o || e[98] !== a || e[99] !== v ? (u = o && a && /* @__PURE__ */ _(ze, { className: t.feedback, message: a, variant: "error", id: v }), e[97] = o, e[98] = a, e[99] = v, e[100] = u) : u = e[100], R = t.selectWrapper, E = D, I = l, P = ue, q = Le, C = `${w}${_e}`, $ = Se, L = o, V = n, A = pe, x = h, B = y, F = Ve, H = ee(S), e[30] = Se, e[31] = _e, e[32] = i, e[33] = n, e[34] = h, e[35] = ue, e[36] = G, e[37] = d, e[38] = N, e[39] = l, e[40] = o, e[41] = Y, e[42] = f, e[43] = b, e[44] = S, e[45] = g, e[46] = y, e[47] = D, e[48] = w, e[49] = pe, e[50] = le, e[51] = a, e[52] = v, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, e[58] = C, e[59] = $, e[60] = L, e[61] = V, e[62] = A, e[63] = x, e[64] = B, e[65] = F, e[66] = H, e[67] = R, e[68] = j, e[69] = m, e[70] = p, e[71] = u;
129
- } else
130
- k = e[53], E = e[54], I = e[55], P = e[56], q = e[57], C = e[58], $ = e[59], L = e[60], V = e[61], A = e[62], x = e[63], B = e[64], F = e[65], H = e[66], R = e[67], j = e[68], m = e[69], p = e[70], u = e[71];
131
- let W;
132
- e[101] !== E || e[102] !== I || e[103] !== P || e[104] !== q || e[105] !== C || e[106] !== $ || e[107] !== L || e[108] !== V || e[109] !== A || e[110] !== x || e[111] !== B || e[112] !== F || e[113] !== H ? (W = /* @__PURE__ */ _("select", { ...E, id: I, ref: P, className: q, "aria-labelledby": C, "aria-describedby": $, "aria-invalid": L, defaultValue: V, value: A, disabled: x, required: B, onChange: F, children: H }), e[101] = E, e[102] = I, e[103] = P, e[104] = q, e[105] = C, e[106] = $, e[107] = L, e[108] = V, e[109] = A, e[110] = x, e[111] = B, e[112] = F, e[113] = H, e[114] = W) : W = e[114];
133
- let z;
134
- e[115] !== k ? (z = /* @__PURE__ */ _(We, { name: "chevron-down", className: k, "aria-hidden": "true" }), e[115] = k, e[116] = z) : z = e[116];
135
- let M;
136
- e[117] !== R || e[118] !== W || e[119] !== z ? (M = /* @__PURE__ */ we("div", { className: R, children: [
137
- W,
138
- z
139
- ] }), e[117] = R, e[118] = W, e[119] = z, e[120] = M) : M = e[120];
140
- let ie;
141
- return e[121] !== j || e[122] !== m || e[123] !== p || e[124] !== u || e[125] !== M ? (ie = /* @__PURE__ */ we("div", { className: j, children: [
142
- m,
143
- p,
144
- u,
145
- M
146
- ] }), e[121] = j, e[122] = m, e[123] = p, e[124] = u, e[125] = M, e[126] = ie) : ie = e[126], ie;
147
- });
148
- cl.displayName = "DSSelect";
149
- function il(r) {
150
- const {
151
- label: s,
152
- value: e,
153
- isDisabled: i
154
- } = r;
155
- return /* @__PURE__ */ _("option", { value: e, disabled: i, children: s }, e);
156
- }
157
- export {
158
- cl as D,
159
- ul as S,
160
- ol as g,
161
- al as v
162
- };
@@ -1,163 +0,0 @@
1
- "use client";
2
- import { jsxs as d, jsx as m, Fragment as le } from "react/jsx-runtime";
3
- import { c as z } from "./index.CEyLAtio.js";
4
- import { forwardRef as ie, useState as i, useRef as ce, useEffect as p } from "react";
5
- import { g as B, p as q } from "./helpers.BbWkXTr3.js";
6
- import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
7
- import "./index.CgTHIF3K.js";
8
- import { Asterisk as ue } from "../asterisk.CR60hx8S.js";
9
- import { D as fe } from "./SystemFeedback.B9f67mjJ.js";
10
- import '../assets/Textarea.BXWhXpXx.css';const he = "ds-textarea_textarea_hjz5f_1", be = "ds-textarea_textarea--small_hjz5f_9", _e = "ds-textarea_textarea--invalid_hjz5f_121", me = "ds-textarea_textarea--resize-auto_hjz5f_145", pe = "ds-textarea_root_hjz5f_155", xe = "ds-textarea_hint_hjz5f_164", ve = "ds-textarea_label_hjz5f_164", Ce = "ds-textarea_label--hidden_hjz5f_272", Se = "ds-textarea_label--disabled_hjz5f_285", je = "ds-textarea_feedback_hjz5f_305", ze = "ds-textarea_char-count_hjz5f_310", Ae = "ds-textarea_char-count-announcer_hjz5f_326", a = {
11
- textarea: he,
12
- textareaSmall: be,
13
- textareaInvalid: _e,
14
- textareaResizeAuto: me,
15
- root: pe,
16
- hint: xe,
17
- label: ve,
18
- labelHidden: Ce,
19
- labelDisabled: Se,
20
- feedback: je,
21
- charCount: ze,
22
- charCountAnnouncer: Ae
23
- }, ke = ["medium", "small"], De = ({
24
- id: r,
25
- label: u
26
- }) => {
27
- if (!r)
28
- throw new Error(B("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
29
- if (!u)
30
- throw new Error(B("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}.`));
31
- }, Ie = ie(({
32
- id: r,
33
- label: u,
34
- charsLimitText: M = "Character limit reached",
35
- charsRemainingText: O = "Characters remaining:",
36
- className: F,
37
- defaultValue: X,
38
- disabled: A = !1,
39
- hint: x,
40
- hideLabel: Z = !1,
41
- invalid: s = !1,
42
- maxLength: e,
43
- readonly: D = !1,
44
- required: I = !1,
45
- resize: f = "vertical",
46
- size: G = "medium",
47
- systemFeedback: n,
48
- value: v,
49
- wrapperClassName: J,
50
- onChange: T,
51
- onInput: w,
52
- ...K
53
- }, h) => {
54
- process.env.NODE_ENV !== "production" && De({
55
- id: r,
56
- label: u
57
- });
58
- const [Q, y] = i(X || ""), [l, R] = i(0), [U, N] = i(0), [W, E] = i("off"), [g, C] = i(n), [S, j] = i(s), $ = v !== void 0, b = $ ? v : Q, o = ce(null), Y = (t) => {
59
- o.current = t, typeof h == "function" ? h(t) : h && (h.current = t);
60
- }, L = de(Z);
61
- p(() => {
62
- if (!e || e <= 0)
63
- return;
64
- l >= e * 0.8 ? E("polite") : E("off");
65
- const t = setTimeout(() => {
66
- N(e - l || 0);
67
- }, 1e3);
68
- return () => clearTimeout(t);
69
- }, [l]), p(() => {
70
- y(b || ""), c(), e && e > 0 && (R(b.toString().length || 0), N(e - b.toString().length || 0));
71
- }, [v]), p(() => {
72
- s && n ? (C(n), j(s)) : !s && e && e >= 0 && l >= e ? (j(!0), C(M)) : (C(n), j(s));
73
- }, [s, S, n, l]), p(() => {
74
- if (f === "auto")
75
- return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
76
- }, [f, o.current]);
77
- const ee = z(a.root, J), te = z(a.textarea, F, {
78
- // small textarea
79
- [a.textareaSmall]: G === "small",
80
- // invalid state
81
- [a.textareaInvalid]: S,
82
- // resize handling
83
- [a.textareaResizeAuto]: f === "auto"
84
- }), ae = z(a.label, {
85
- // hide label only visually to keep them available for assistive technologies
86
- [a.labelHidden]: L,
87
- [a.labelDisabled]: A
88
- }), k = `${r}-label`, H = `${r}-feedback`, V = `${r}-hint`, P = `${r}-char-count-announcer`, re = x ? ` ${V}` : "", c = () => {
89
- if (o.current && f === "auto") {
90
- o.current.style.height = "auto";
91
- const t = q(o.current.scrollHeight), _ = q(2);
92
- o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
93
- // from jumping as soon as the user starts typing.
94
- t + _}rem`;
95
- }
96
- }, se = () => {
97
- const t = [];
98
- return e && e > 0 && t.push(P), s && n && t.push(H), t.length > 0 ? t.join(" ") : void 0;
99
- }, oe = (t) => {
100
- var _;
101
- w && w(t), e && e > 0 && R(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
102
- }, ne = (t) => {
103
- T && T(t), $ || y(t.target.value);
104
- };
105
- return /* @__PURE__ */ d("div", { className: ee, children: [
106
- /* @__PURE__ */ d("label", { className: ae, id: k, htmlFor: r, children: [
107
- u,
108
- I && /* @__PURE__ */ m(ue, {})
109
- ] }),
110
- x && /* @__PURE__ */ m("div", { className: a.hint, id: V, children: x }),
111
- S && g && /* @__PURE__ */ m(fe, { className: a.feedback, message: g, variant: "error", id: H }),
112
- /* @__PURE__ */ m(
113
- "textarea",
114
- {
115
- className: te,
116
- id: r,
117
- ...K,
118
- ref: Y,
119
- "aria-labelledby": `${k}${re}`,
120
- "aria-describedby": se(),
121
- "aria-invalid": s,
122
- "aria-disabled": D,
123
- maxLength: e,
124
- readOnly: D,
125
- required: I,
126
- disabled: A,
127
- value: b,
128
- defaultValue: void 0,
129
- rows: void 0,
130
- cols: void 0,
131
- onChange: ne,
132
- onInput: oe
133
- }
134
- ),
135
- e !== void 0 && e > 0 && /* @__PURE__ */ d(le, { children: [
136
- /* @__PURE__ */ d("div", { className: a.charCount, "aria-hidden": "true", children: [
137
- l,
138
- "/",
139
- e
140
- ] }),
141
- /* @__PURE__ */ d(
142
- "div",
143
- {
144
- className: a.charCountAnnouncer,
145
- id: P,
146
- "aria-live": W,
147
- "aria-atomic": "true",
148
- children: [
149
- O,
150
- " ",
151
- U
152
- ]
153
- }
154
- )
155
- ] })
156
- ] });
157
- });
158
- Ie.displayName = "DSTextarea";
159
- export {
160
- Ie as D,
161
- ke as T,
162
- De as v
163
- };