@stihl-design-system/components 1.0.0-RC.28 → 1.0.0-RC.29

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 (124) hide show
  1. package/{accordion.B9X4Vlig.js → accordion.DkwtJy--.js} +2 -2
  2. package/{actionbutton.7x4F7a0U.js → actionbutton.DHt1AL7U.js} +2 -2
  3. package/{actionlink.CV0n19ik.js → actionlink.BML1jenE.js} +2 -2
  4. package/assets/Accordion.BJb4TOG0.css +1 -0
  5. package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
  6. package/assets/InputFile.CCQxsulT.css +1 -0
  7. package/assets/InputPassword.124xVOiO.css +1 -0
  8. package/assets/InputSearch.Bkg-1urJ.css +1 -0
  9. package/assets/InputStepper.Dth4qZN_.css +1 -0
  10. package/assets/Select.CYACicZ3.css +1 -0
  11. package/assets/{systemfeedback.BX2zCzSL.css → SystemFeedback.RcrPepSZ.css} +1 -1
  12. package/assets/Textarea.BXWhXpXx.css +1 -0
  13. package/assets/input.ONbL-_C1.css +1 -0
  14. package/assets/radio.CgpGvYc-.css +1 -0
  15. package/{banner.CgQdUb_c.js → banner.B2YO054K.js} +1 -1
  16. package/{breadcrumb.x78HJy5P.js → breadcrumb.BS-S3zUI.js} +3 -3
  17. package/{button.BD_04tIG.js → button.CPilCCUI.js} +3 -3
  18. package/{buttonround.BT3OfowK.js → buttonround.C426mO4d.js} +2 -2
  19. package/{checkbox.BktYXQmJ.js → checkbox.BtlUvs0z.js} +3 -3
  20. package/{checkboxgroup.Bylq97Q9.js → checkboxgroup.C5NgyyQF.js} +2 -2
  21. package/{chip.BKtNbt4y.js → chip.tVIG1ysH.js} +2 -2
  22. package/{chipgroup.BWpqUzXF.js → chipgroup.CjIK0Z0x.js} +1 -1
  23. package/chunks/Accordion.C5V5IcM-.js +170 -0
  24. package/chunks/{ActionButton.BlhiiU3l.js → ActionButton.CzaWZGPt.js} +1 -1
  25. package/chunks/{ActionLink.BvFL6rgb.js → ActionLink.BlhqDEtq.js} +1 -1
  26. package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.js} +2 -2
  27. package/chunks/{Button.CC0qEsuR.js → Button.B7xF1E19.js} +2 -2
  28. package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.js} +14 -14
  29. package/chunks/{CheckboxGroup.D4MQD0i0.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
  30. package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
  31. package/chunks/{CustomReactSelect.D9B928kB.js → CustomReactSelect.iE5iTdez.js} +348 -346
  32. package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
  33. package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
  34. package/chunks/{Fieldset.BgZMYAH-.js → Fieldset.CjIfmN_5.js} +12 -12
  35. package/chunks/Icon.DGTYCv63.js +231 -0
  36. package/chunks/InputFile.DvOatDzg.js +220 -0
  37. package/chunks/InputPassword.DC2POUc1.js +136 -0
  38. package/chunks/InputSearch.B0aCuPRZ.js +174 -0
  39. package/chunks/InputStepper.B_ZjgY_f.js +263 -0
  40. package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js} +1 -1
  41. package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js} +1 -1
  42. package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js} +1 -1
  43. package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js} +2 -2
  44. package/chunks/{RadioGroup.CRP8_vsg.js → RadioGroup.peTeMK45.js} +2 -2
  45. package/chunks/Select.BDHLJ2ma.js +162 -0
  46. package/chunks/{Slider.D9MHH4cZ.js → Slider.kyVr7BLk.js} +1 -1
  47. package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
  48. package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js} +1 -1
  49. package/chunks/Textarea.ORkJUx-S.js +163 -0
  50. package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js} +2 -2
  51. package/chunks/caret-down.CupuwAF6.js +10 -0
  52. package/chunks/caret-right.DKtu4PQe.js +10 -0
  53. package/chunks/collapse.Dvv3mgkv.js +10 -0
  54. package/{combobox.pMk_oggm.js → combobox.Bk2ycofh.js} +1 -1
  55. package/components/Accordion/Accordion.utils.d.ts +3 -1
  56. package/components/ActionButton/ActionButton.d.ts +5 -5
  57. package/components/ActionLink/ActionLink.d.ts +5 -5
  58. package/components/Header/Header.d.ts +1 -1
  59. package/components/Radio/Radio.d.ts +0 -6
  60. package/components/SystemFeedback/SystemFeedback.d.ts +13 -5
  61. package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
  62. package/components/TopBar/TopBar.d.ts +1 -1
  63. package/customreactselect.Hnch9LGg.js +14 -0
  64. package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
  65. package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
  66. package/{fieldset.BR9fZReW.js → fieldset.DUFUMcT-.js} +2 -2
  67. package/{filelist.Cj9U-Jx8.js → filelist.nunJKxkv.js} +7 -7
  68. package/{flag.BHaAfp6B.js → flag.D_iN8iD6.js} +1 -1
  69. package/{floatingactionbutton.DSZXUHB_.js → floatingactionbutton.DOH2k0gv.js} +2 -2
  70. package/{icon.DwfGhFCd.js → icon.vMQcEBnH.js} +1 -1
  71. package/index.d.ts +2 -0
  72. package/index.es.js +175 -170
  73. package/input.BKHOY118.js +203 -0
  74. package/{inputfile.CB-QTIDn.js → inputfile.DK8759wV.js} +7 -6
  75. package/inputpassword.rV_ZZw5F.js +13 -0
  76. package/{inputsearch.DUgTkPWm.js → inputsearch.CmhakTpa.js} +5 -4
  77. package/{inputstepper.DKmlBa0Y.js → inputstepper.5olvh4tk.js} +5 -4
  78. package/{link.DGuYGfh2.js → link.D_FjTyoZ.js} +2 -2
  79. package/{linkbutton.B3q0B_yb.js → linkbutton.D2C4vykc.js} +2 -2
  80. package/{navigationtablist.CS9yEGdP.js → navigationtablist.CVjh1k-b.js} +2 -2
  81. package/{navigationtabs.DQ1kE-h4.js → navigationtabs.BGfi9AG2.js} +2 -2
  82. package/{notification.D8BDaU5x.js → notification.Dn-FZWEL.js} +3 -3
  83. package/{optioncheckbox.CEEPAq0u.js → optioncheckbox.D97W3zeW.js} +1 -1
  84. package/package.json +1 -1
  85. package/partials/index.js +28 -22
  86. package/partials/lib/partials.d.ts +1 -1
  87. package/radio.7_N_alaS.js +126 -0
  88. package/{radiogroup.Bk36A24U.js → radiogroup.J8WpEEo8.js} +3 -3
  89. package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
  90. package/{inputpassword.B_A0JDkz.js → select.DIzGPVx3.js} +5 -4
  91. package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
  92. package/{slider.BicJfJzc.js → slider.DuJK0RdB.js} +2 -2
  93. package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
  94. package/{switch.CtULjgZq.js → switch.B37S4vfP.js} +2 -2
  95. package/systemfeedback.C_2PhwKe.js +10 -0
  96. package/{tablist.Dzwe0_J4.js → tablist.g_Nwu6GA.js} +3 -3
  97. package/{tabs.yudjJk9d.js → tabs.oh9-wHPp.js} +2 -2
  98. package/{textarea.BynOgkpo.js → textarea.dQ12-oYB.js} +4 -3
  99. package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
  100. package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
  101. package/types/icon-types.d.ts +1 -1
  102. package/assets/Accordion.BHWEZCmu.css +0 -1
  103. package/assets/CustomReactSelect.Dq5Hoqv2.css +0 -1
  104. package/assets/InputFile.BVgHILAZ.css +0 -1
  105. package/assets/InputPassword.CBpkWGy7.css +0 -1
  106. package/assets/InputSearch.CnPJYH8L.css +0 -1
  107. package/assets/InputStepper.U2h9Kd0t.css +0 -1
  108. package/assets/Select.U7xsC0o1.css +0 -1
  109. package/assets/Textarea.C4IEEOFR.css +0 -1
  110. package/assets/input.CuIHvnD5.css +0 -1
  111. package/assets/radio.ipbv7OMF.css +0 -1
  112. package/chunks/Accordion.BvHroAyn.js +0 -154
  113. package/chunks/Icon.C0161Glk.js +0 -231
  114. package/chunks/InputFile.rC7NJYrU.js +0 -218
  115. package/chunks/InputPassword.5-r36K86.js +0 -132
  116. package/chunks/InputSearch.D4Q99_nR.js +0 -170
  117. package/chunks/InputStepper.EsPAGCFJ.js +0 -259
  118. package/chunks/Select.lveq1iBY.js +0 -158
  119. package/chunks/Textarea.BRfh8ykm.js +0 -161
  120. package/customreactselect.-DGMZMFu.js +0 -13
  121. package/input.DAneVu7p.js +0 -199
  122. package/radio.z-Mi3J6t.js +0 -134
  123. package/select.4wUa3vMT.js +0 -12
  124. package/systemfeedback.CLQCbTF6.js +0 -44
@@ -1,158 +0,0 @@
1
- "use client";
2
- import { jsx as v, jsxs as Ne } from "react/jsx-runtime";
3
- import { d as Re } from "./index.CgTHIF3K.js";
4
- import { c as he } from "./index.CEyLAtio.js";
5
- import { forwardRef as Ve, useRef as Ae, useState as qe, useEffect as Be } from "react";
6
- import { u as Fe } from "./useBreakpoint.CMOR9ZOB.js";
7
- import { D as He } from "./Icon.C0161Glk.js";
8
- import { DSSystemFeedback as je } from "../systemfeedback.CLQCbTF6.js";
9
- import { g as ue, r as We } from "./helpers.BbWkXTr3.js";
10
- import '../assets/Select.U7xsC0o1.css';const ze = "ds-select_root_bilx9_1", Me = "ds-select_hint_bilx9_10", Te = "ds-select_label_bilx9_10", Oe = "ds-select_label--hidden_bilx9_100", Ze = "ds-select_label--disabled_bilx9_113", Je = "ds-select_label--required_bilx9_117", Ke = "ds-select_feedback_bilx9_138", Qe = "ds-select_select-wrapper_bilx9_143", Ue = "ds-select_select_bilx9_143", Xe = "ds-select_select--small_bilx9_157", Ye = "ds-select_select--invalid_bilx9_269", Ge = "ds-select_select--placeholder_bilx9_384", el = "ds-select_chevron_bilx9_423", ll = "ds-select_chevron--small_bilx9_427", tl = "ds-select_chevron--disabled_bilx9_430", l = {
11
- root: ze,
12
- hint: Me,
13
- label: Te,
14
- labelHidden: Oe,
15
- labelDisabled: Ze,
16
- labelRequired: Je,
17
- feedback: Ke,
18
- selectWrapper: Qe,
19
- select: Ue,
20
- selectSmall: Xe,
21
- selectInvalid: Ye,
22
- selectPlaceholder: Ge,
23
- chevron: el,
24
- chevronSmall: ll,
25
- chevronDisabled: tl
26
- }, _l = ["medium", "small"], sl = ({
27
- id: n,
28
- label: s,
29
- options: e
30
- }) => {
31
- if (!n)
32
- throw new Error(ue("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
33
- if (!s)
34
- throw new Error(ue("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(ue("DSSelect", "The options array must not be empty."));
38
- } else throw new Error(ue("DSSelect", We("options", "DSSelect")));
39
- }, al = (n, s, e) => n === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), il = Ve((n, s) => {
40
- const e = Re.c(125);
41
- let o, d, r, t, b, f, S, x, a, O, Z, J, K, Q, U, c;
42
- e[0] !== n ? ({
43
- id: t,
44
- label: b,
45
- options: S,
46
- className: o,
47
- defaultValue: d,
48
- disabled: O,
49
- hideLabel: Z,
50
- hint: r,
51
- invalid: J,
52
- placeholder: K,
53
- required: Q,
54
- size: U,
55
- systemFeedback: a,
56
- value: c,
57
- onChange: f,
58
- ...x
59
- } = n, e[0] = n, e[1] = o, e[2] = d, e[3] = r, e[4] = t, e[5] = b, e[6] = f, e[7] = S, e[8] = x, e[9] = a, e[10] = O, e[11] = Z, e[12] = J, e[13] = K, e[14] = Q, e[15] = U, e[16] = c) : (o = e[1], d = e[2], r = e[3], t = e[4], b = e[5], f = e[6], S = e[7], x = e[8], a = e[9], O = e[10], Z = e[11], J = e[12], K = e[13], Q = e[14], U = e[15], c = e[16]);
60
- const h = O === void 0 ? !1 : O, Ee = Z === void 0 ? !1 : Z, i = J === void 0 ? !1 : J, D = K === void 0 ? "Select" : K, y = Q === void 0 ? !1 : Q, ee = U === void 0 ? "medium" : U;
61
- process.env.NODE_ENV !== "production" && sl({
62
- id: t,
63
- label: b,
64
- options: S
65
- });
66
- const Ie = Ae(null), [_e, ye] = qe(c);
67
- let le;
68
- e[17] !== d || e[18] !== D || e[19] !== c ? (le = al(D, d, c), e[17] = d, e[18] = D, e[19] = c, e[20] = le) : le = e[20];
69
- const [X, Pe] = qe(le);
70
- let te, se;
71
- e[21] !== c ? (te = () => {
72
- ye(c);
73
- }, se = [c], e[21] = c, e[22] = te, e[23] = se) : (te = e[22], se = e[23]), Be(te, se);
74
- let ae;
75
- e[24] !== s ? (ae = (G) => {
76
- Ie.current = G, typeof s == "function" ? s(G) : s && (s.current = G);
77
- }, e[24] = s, e[25] = ae) : ae = e[25];
78
- const me = ae, Y = Fe(Ee), g = `${t}-label`, u = `${t}-feedback`, w = `${t}-hint`, pe = r ? ` ${w}` : "";
79
- let ie;
80
- e[26] !== i || e[27] !== a || e[28] !== u ? (ie = [i && a && u].filter(Boolean).join(" ") || void 0, e[26] = i, e[27] = a, e[28] = u, e[29] = ie) : ie = e[29];
81
- const ve = ie;
82
- let N, q, E, I, P, k, C, $, L, R, V, A, B, F, H, j, _, m, p;
83
- if (e[30] !== ve || e[31] !== pe || e[32] !== o || e[33] !== d || e[34] !== h || e[35] !== me || e[36] !== Y || e[37] !== r || e[38] !== w || e[39] !== t || e[40] !== i || e[41] !== X || e[42] !== b || e[43] !== f || e[44] !== S || e[45] !== D || e[46] !== y || e[47] !== x || e[48] !== g || e[49] !== _e || e[50] !== ee || e[51] !== a || e[52] !== u) {
84
- const G = (fe) => [D && /* @__PURE__ */ v("option", { value: "", children: D }, `${t}-hidden-option-disabled-placeholder`), ...fe.map((T) => {
85
- if ("options" in T) {
86
- const {
87
- label: we,
88
- options: Le
89
- } = T;
90
- return /* @__PURE__ */ v("optgroup", { label: we, children: Le.map(ge) }, we);
91
- } else
92
- return ge(T);
93
- })], ge = cl;
94
- let oe;
95
- e[72] !== o ? (oe = he(l.root, o), e[72] = o, e[73] = oe) : oe = e[73];
96
- const ke = oe, Se = ee === "small";
97
- let re;
98
- e[74] !== i || e[75] !== X || e[76] !== Se ? (re = he(l.select, {
99
- [l.selectSmall]: Se,
100
- [l.selectInvalid]: i,
101
- [l.selectPlaceholder]: X
102
- }), e[74] = i, e[75] = X, e[76] = Se, e[77] = re) : re = e[77];
103
- const Ce = re;
104
- let ne;
105
- e[78] !== h || e[79] !== Y || e[80] !== y ? (ne = he(l.label, {
106
- [l.labelHidden]: Y,
107
- [l.labelDisabled]: h,
108
- [l.labelRequired]: y
109
- }), e[78] = h, e[79] = Y, e[80] = y, e[81] = ne) : ne = e[81];
110
- const De = ne, xe = ee === "small";
111
- let de;
112
- e[82] !== h || e[83] !== xe ? (de = he(l.chevron, {
113
- [l.chevronSmall]: xe,
114
- [l.chevronDisabled]: h
115
- }), e[82] = h, e[83] = xe, e[84] = de) : de = e[84], N = de;
116
- let be;
117
- e[85] !== f ? (be = (fe) => {
118
- const {
119
- value: T
120
- } = fe.target;
121
- Pe(T === ""), ye(T), f && f(fe);
122
- }, e[85] = f, e[86] = be) : be = e[86];
123
- const $e = be;
124
- j = ke, e[87] !== t || e[88] !== b || e[89] !== De || e[90] !== g ? (_ = /* @__PURE__ */ v("label", { className: De, id: g, htmlFor: t, children: b }), e[87] = t, e[88] = b, e[89] = De, e[90] = g, e[91] = _) : _ = e[91], e[92] !== r || e[93] !== w ? (m = r && /* @__PURE__ */ v("div", { className: l.hint, id: w, children: r }), e[92] = r, e[93] = w, e[94] = m) : m = e[94], e[95] !== i || e[96] !== a || e[97] !== u ? (p = i && a && /* @__PURE__ */ v(je, { className: l.feedback, message: a, type: "invalid", id: u, "aria-live": "assertive" }), e[95] = i, e[96] = a, e[97] = u, e[98] = p) : p = e[98], H = l.selectWrapper, q = x, E = t, I = me, P = Ce, k = `${g}${pe}`, C = ve, $ = i, L = d, R = _e, V = h, A = y, B = $e, F = G(S), e[30] = ve, e[31] = pe, e[32] = o, e[33] = d, e[34] = h, e[35] = me, e[36] = Y, e[37] = r, e[38] = w, e[39] = t, e[40] = i, e[41] = X, e[42] = b, e[43] = f, e[44] = S, e[45] = D, e[46] = y, e[47] = x, e[48] = g, e[49] = _e, e[50] = ee, e[51] = a, e[52] = u, e[53] = N, e[54] = q, e[55] = E, e[56] = I, e[57] = P, e[58] = k, e[59] = C, e[60] = $, e[61] = L, e[62] = R, e[63] = V, e[64] = A, e[65] = B, e[66] = F, e[67] = H, e[68] = j, e[69] = _, e[70] = m, e[71] = p;
125
- } else
126
- N = e[53], q = e[54], E = e[55], I = e[56], P = e[57], k = e[58], C = e[59], $ = e[60], L = e[61], R = e[62], V = e[63], A = e[64], B = e[65], F = e[66], H = e[67], j = e[68], _ = e[69], m = e[70], p = e[71];
127
- let W;
128
- e[99] !== q || e[100] !== E || e[101] !== I || e[102] !== P || e[103] !== k || e[104] !== C || e[105] !== $ || e[106] !== L || e[107] !== R || e[108] !== V || e[109] !== A || e[110] !== B || e[111] !== F ? (W = /* @__PURE__ */ v("select", { ...q, id: E, ref: I, className: P, "aria-labelledby": k, "aria-describedby": C, "aria-invalid": $, defaultValue: L, value: R, disabled: V, required: A, onChange: B, children: F }), e[99] = q, e[100] = E, e[101] = I, e[102] = P, e[103] = k, e[104] = C, e[105] = $, e[106] = L, e[107] = R, e[108] = V, e[109] = A, e[110] = B, e[111] = F, e[112] = W) : W = e[112];
129
- let z;
130
- e[113] !== N ? (z = /* @__PURE__ */ v(He, { name: "chevron-down", className: N, "aria-hidden": "true" }), e[113] = N, e[114] = z) : z = e[114];
131
- let M;
132
- e[115] !== H || e[116] !== W || e[117] !== z ? (M = /* @__PURE__ */ Ne("div", { className: H, children: [
133
- W,
134
- z
135
- ] }), e[115] = H, e[116] = W, e[117] = z, e[118] = M) : M = e[118];
136
- let ce;
137
- return e[119] !== j || e[120] !== _ || e[121] !== m || e[122] !== p || e[123] !== M ? (ce = /* @__PURE__ */ Ne("div", { className: j, children: [
138
- _,
139
- m,
140
- p,
141
- M
142
- ] }), e[119] = j, e[120] = _, e[121] = m, e[122] = p, e[123] = M, e[124] = ce) : ce = e[124], ce;
143
- });
144
- il.displayName = "DSSelect";
145
- function cl(n) {
146
- const {
147
- label: s,
148
- value: e,
149
- isDisabled: o
150
- } = n;
151
- return /* @__PURE__ */ v("option", { value: e, disabled: o, children: s }, e);
152
- }
153
- export {
154
- il as D,
155
- _l as S,
156
- al as g,
157
- sl as v
158
- };
@@ -1,161 +0,0 @@
1
- "use client";
2
- import { jsxs as h, jsx as p, Fragment as ie } from "react/jsx-runtime";
3
- import { c as I } from "./index.CEyLAtio.js";
4
- import { forwardRef as le, useState as l, useRef as ce, useEffect as m } from "react";
5
- import { g as B, p as z } from "./helpers.BbWkXTr3.js";
6
- import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
7
- import "./index.CgTHIF3K.js";
8
- import { DSSystemFeedback as ue } from "../systemfeedback.CLQCbTF6.js";
9
- import '../assets/Textarea.C4IEEOFR.css';const fe = "ds-textarea_textarea_4ig16_1", be = "ds-textarea_textarea--small_4ig16_9", _e = "ds-textarea_textarea--invalid_4ig16_121", he = "ds-textarea_textarea--resize-auto_4ig16_145", pe = "ds-textarea_root_4ig16_155", me = "ds-textarea_hint_4ig16_164", xe = "ds-textarea_label_4ig16_164", ve = "ds-textarea_label--hidden_4ig16_272", ge = "ds-textarea_label--disabled_4ig16_285", Ce = "ds-textarea_label--required_4ig16_289", Se = "ds-textarea_feedback_4ig16_310", Ie = "ds-textarea_char-count_4ig16_315", Re = "ds-textarea_char-count-announcer_4ig16_331", t = {
10
- textarea: fe,
11
- textareaSmall: be,
12
- textareaInvalid: _e,
13
- textareaResizeAuto: he,
14
- root: pe,
15
- hint: me,
16
- label: xe,
17
- labelHidden: ve,
18
- labelDisabled: ge,
19
- labelRequired: Ce,
20
- feedback: Se,
21
- charCount: Ie,
22
- charCountAnnouncer: Re
23
- }, He = ["medium", "small"], Te = ({
24
- id: r,
25
- label: d
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 (!d)
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
- }, ye = le(({
32
- id: r,
33
- label: d,
34
- charsLimitText: M = "Character limit reached",
35
- charsRemainingText: O = "Characters remaining:",
36
- className: F,
37
- defaultValue: X,
38
- disabled: R = !1,
39
- hint: x,
40
- hideLabel: Z = !1,
41
- invalid: s = !1,
42
- maxLength: e,
43
- readonly: T = !1,
44
- required: y = !1,
45
- resize: u = "vertical",
46
- size: G = "medium",
47
- systemFeedback: n,
48
- value: v,
49
- wrapperClassName: J,
50
- onChange: A,
51
- onInput: D,
52
- ...K
53
- }, f) => {
54
- process.env.NODE_ENV !== "production" && Te({
55
- id: r,
56
- label: d
57
- });
58
- const [Q, w] = l(X || ""), [i, N] = l(0), [U, E] = l(0), [W, $] = l("off"), [q, g] = l(n), [C, S] = l(s), H = v !== void 0, b = H ? v : Q, o = ce(null), Y = (a) => {
59
- o.current = a, typeof f == "function" ? f(a) : f && (f.current = a);
60
- }, L = de(Z);
61
- m(() => {
62
- if (!e || e <= 0)
63
- return;
64
- i >= e * 0.8 ? $("polite") : $("off");
65
- const a = setTimeout(() => {
66
- E(e - i || 0);
67
- }, 1e3);
68
- return () => clearTimeout(a);
69
- }, [i]), m(() => {
70
- w(b || ""), c(), e && e > 0 && (N(b.toString().length || 0), E(e - b.toString().length || 0));
71
- }, [v]), m(() => {
72
- s && n ? (g(n), S(s)) : !s && e && e >= 0 && i >= e ? (S(!0), g(M)) : (g(n), S(s));
73
- }, [s, C, n, i]), m(() => {
74
- if (u === "auto")
75
- return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
76
- }, [u, o.current]);
77
- const ee = I(t.root, J), ae = I(t.textarea, F, {
78
- // small textarea
79
- [t.textareaSmall]: G === "small",
80
- // invalid state
81
- [t.textareaInvalid]: C,
82
- // resize handling
83
- [t.textareaResizeAuto]: u === "auto"
84
- }), te = I(t.label, {
85
- // hide label only visually to keep them available for assistive technologies
86
- [t.labelHidden]: L,
87
- [t.labelDisabled]: R,
88
- [t.labelRequired]: y
89
- }), V = `${r}-label`, k = `${r}-feedback`, P = `${r}-hint`, j = `${r}-char-count-announcer`, re = x ? ` ${P}` : "", c = () => {
90
- if (o.current && u === "auto") {
91
- o.current.style.height = "auto";
92
- const a = z(o.current.scrollHeight), _ = z(2);
93
- o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
94
- // from jumping as soon as the user starts typing.
95
- a + _}rem`;
96
- }
97
- }, se = () => {
98
- const a = [];
99
- return e && e > 0 && a.push(j), s && n && a.push(k), a.length > 0 ? a.join(" ") : void 0;
100
- }, oe = (a) => {
101
- var _;
102
- D && D(a), e && e > 0 && N(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
103
- }, ne = (a) => {
104
- A && A(a), H || w(a.target.value);
105
- };
106
- return /* @__PURE__ */ h("div", { className: ee, children: [
107
- /* @__PURE__ */ p("label", { className: te, id: V, htmlFor: r, children: d }),
108
- x && /* @__PURE__ */ p("div", { className: t.hint, id: P, children: x }),
109
- C && q && /* @__PURE__ */ p(ue, { className: t.feedback, message: q, type: "invalid", id: k }),
110
- /* @__PURE__ */ p(
111
- "textarea",
112
- {
113
- className: ae,
114
- id: r,
115
- ...K,
116
- ref: Y,
117
- "aria-labelledby": `${V}${re}`,
118
- "aria-describedby": se(),
119
- "aria-invalid": s,
120
- "aria-disabled": T,
121
- maxLength: e,
122
- readOnly: T,
123
- required: y,
124
- disabled: R,
125
- value: b,
126
- defaultValue: void 0,
127
- rows: void 0,
128
- cols: void 0,
129
- onChange: ne,
130
- onInput: oe
131
- }
132
- ),
133
- e !== void 0 && e > 0 && /* @__PURE__ */ h(ie, { children: [
134
- /* @__PURE__ */ h("div", { className: t.charCount, "aria-hidden": "true", children: [
135
- i,
136
- "/",
137
- e
138
- ] }),
139
- /* @__PURE__ */ h(
140
- "div",
141
- {
142
- className: t.charCountAnnouncer,
143
- id: j,
144
- "aria-live": W,
145
- "aria-atomic": "true",
146
- children: [
147
- O,
148
- " ",
149
- U
150
- ]
151
- }
152
- )
153
- ] })
154
- ] });
155
- });
156
- ye.displayName = "DSTextarea";
157
- export {
158
- ye as D,
159
- He as T,
160
- Te as v
161
- };
@@ -1,13 +0,0 @@
1
- "use client";
2
- import "react/jsx-runtime";
3
- import "./chunks/index.CgTHIF3K.js";
4
- import "./chunks/index.CEyLAtio.js";
5
- import "react";
6
- import { c as l } from "./chunks/CustomReactSelect.D9B928kB.js";
7
- import "./chunks/useBreakpoint.CMOR9ZOB.js";
8
- import "./chunks/Icon.C0161Glk.js";
9
- import "./systemfeedback.CLQCbTF6.js";
10
- import "./optioncheckbox.CEEPAq0u.js";
11
- export {
12
- l as CustomReactSelect
13
- };
package/input.DAneVu7p.js DELETED
@@ -1,199 +0,0 @@
1
- "use client";
2
- import { jsx as L, jsxs as Xt } from "react/jsx-runtime";
3
- import { d as ee } from "./chunks/index.CgTHIF3K.js";
4
- import { c as H } from "./chunks/index.CEyLAtio.js";
5
- import { forwardRef as ie, useState as St, useRef as jt, useEffect as ne } from "react";
6
- import { u as le } from "./chunks/useBreakpoint.CMOR9ZOB.js";
7
- import { u as Vt } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
8
- import { D as zt } from "./chunks/Button.CC0qEsuR.js";
9
- import { D as se } from "./chunks/Icon.C0161Glk.js";
10
- import { DSSystemFeedback as ae } from "./systemfeedback.CLQCbTF6.js";
11
- import { v as oe, b as de, M as ce, a as pe, s as ue, i as Mt, c as fe } from "./chunks/Input.utils.Cnnzvuk4.js";
12
- import './assets/input.CuIHvnD5.css';const re = "ds-input_input_7p6p4_1", _e = "ds-input_input--small_7p6p4_9", me = "ds-input_input--invalid_7p6p4_121", be = "ds-input_input--has-leading-icon_7p6p4_179", he = "ds-input_input--has-action-button_7p6p4_182", Ie = "ds-input_input--has-affix_7p6p4_197", xe = "ds-input_input--is-ready_7p6p4_211", ye = "ds-input_root_7p6p4_218", ge = "ds-input_hint_7p6p4_227", Se = "ds-input_label_7p6p4_227", ve = "ds-input_wrapper_7p6p4_231", Ne = "ds-input_affix_7p6p4_237", De = "ds-input_affix--small_7p6p4_258", Re = "ds-input_affix--disabled_7p6p4_271", ke = "ds-input_prefix_7p6p4_279", Be = "ds-input_affix--readonly_7p6p4_282", Ce = "ds-input_suffix_7p6p4_292", Le = "ds-input_leading-icon_7p6p4_299", He = "ds-input_leading-icon--small_7p6p4_311", we = "ds-input_leading-icon--disabled_7p6p4_314", Ae = "ds-input_action-button_7p6p4_323", Fe = "ds-input_label--hidden_7p6p4_341", Pe = "ds-input_label--disabled_7p6p4_354", Ee = "ds-input_label--required_7p6p4_358", Te = "ds-input_feedback_7p6p4_379", e = {
13
- input: re,
14
- inputSmall: _e,
15
- inputInvalid: me,
16
- inputHasLeadingIcon: be,
17
- inputHasActionButton: he,
18
- inputHasAffix: Ie,
19
- inputIsReady: xe,
20
- root: ye,
21
- hint: ge,
22
- label: Se,
23
- wrapper: ve,
24
- affix: Ne,
25
- affixSmall: De,
26
- affixDisabled: Re,
27
- prefix: ke,
28
- affixReadonly: Be,
29
- suffix: Ce,
30
- leadingIcon: Le,
31
- leadingIconSmall: He,
32
- leadingIconDisabled: we,
33
- actionButton: Ae,
34
- labelHidden: Fe,
35
- labelDisabled: Pe,
36
- labelRequired: Ee,
37
- feedback: Te
38
- }, $e = ie((vt, A) => {
39
- const t = ee.c(173);
40
- let w, S, _, o, I, f, r, l, x, n, p, z, G, U, J, K, Q, Y;
41
- t[0] !== vt ? ({
42
- id: o,
43
- label: I,
44
- actionButtonProps: w,
45
- className: S,
46
- disabled: z,
47
- hint: _,
48
- hideLabel: G,
49
- invalid: U,
50
- leadingIconName: f,
51
- leadingIconSource: r,
52
- prefix: l,
53
- readonly: J,
54
- required: K,
55
- size: Q,
56
- suffix: n,
57
- systemFeedback: p,
58
- type: Y,
59
- ...x
60
- } = vt, t[0] = vt, t[1] = w, t[2] = S, t[3] = _, t[4] = o, t[5] = I, t[6] = f, t[7] = r, t[8] = l, t[9] = x, t[10] = n, t[11] = p, t[12] = z, t[13] = G, t[14] = U, t[15] = J, t[16] = K, t[17] = Q, t[18] = Y) : (w = t[1], S = t[2], _ = t[3], o = t[4], I = t[5], f = t[6], r = t[7], l = t[8], x = t[9], n = t[10], p = t[11], z = t[12], G = t[13], U = t[14], J = t[15], K = t[16], Q = t[17], Y = t[18]);
61
- const i = z === void 0 ? !1 : z, Gt = G === void 0 ? !1 : G, c = U === void 0 ? !1 : U, a = J === void 0 ? !1 : J, v = K === void 0 ? !1 : K, s = Q === void 0 ? "medium" : Q, d = Y === void 0 ? "text" : Y;
62
- process.env.NODE_ENV !== "production" && (oe({
63
- id: o,
64
- label: I,
65
- prefix: l,
66
- suffix: n,
67
- leadingIconName: f,
68
- leadingIconSource: r,
69
- actionButtonProps: w
70
- }), de(d, x.autoComplete));
71
- let F;
72
- t[19] !== w ? (F = w || {}, t[19] = w, t[20] = F) : F = t[20];
73
- let P, m, b, E, T;
74
- t[21] !== F ? ({
75
- iconName: m,
76
- iconSource: b,
77
- label: P,
78
- onClick: E,
79
- ...T
80
- } = F, t[21] = F, t[22] = P, t[23] = m, t[24] = b, t[25] = E, t[26] = T) : (P = t[22], m = t[23], b = t[24], E = t[25], T = t[26]);
81
- const [Z, Ut] = St(!1), [Nt, Jt] = St(!1), [y, Kt] = St(!1);
82
- let nt;
83
- t[27] === Symbol.for("react.memo_cache_sentinel") ? (nt = {}, t[27] = nt) : nt = t[27];
84
- const [tt, Qt] = St(nt), Dt = jt(null);
85
- let lt;
86
- t[28] !== A ? (lt = (u) => {
87
- Dt.current = u, typeof A == "function" ? A(u) : A && (A.current = u);
88
- }, t[28] = A, t[29] = lt) : lt = t[29];
89
- const et = lt;
90
- let st;
91
- t[30] !== l ? (st = l == null ? void 0 : l.substring(0, ce), t[30] = l, t[31] = st) : st = t[31];
92
- const Rt = st, kt = jt(null);
93
- let at;
94
- t[32] !== n ? (at = n == null ? void 0 : n.substring(0, pe), t[32] = n, t[33] = at) : at = t[33];
95
- const Bt = at, Ct = jt(null), it = le(Gt);
96
- let ot;
97
- t[34] !== s ? (ot = () => {
98
- const u = s === "medium" ? 16 : 8, C = {};
99
- if (kt.current) {
100
- const h = kt.current.offsetWidth;
101
- C.paddingInlineStart = u + h + "px";
102
- }
103
- if (Ct.current) {
104
- const h = Ct.current.offsetWidth;
105
- C.paddingInlineEnd = u + h + "px";
106
- }
107
- Qt(C), Ut(!0);
108
- }, t[34] = s, t[35] = ot) : ot = t[35];
109
- let dt;
110
- t[36] !== Nt || t[37] !== l || t[38] !== s || t[39] !== n ? (dt = [l, n, s, Nt], t[36] = Nt, t[37] = l, t[38] = s, t[39] = n, t[40] = dt) : dt = t[40], Vt(ot, dt);
111
- let ct, pt;
112
- t[41] === Symbol.for("react.memo_cache_sentinel") ? (ct = () => {
113
- (async () => {
114
- "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), Jt(!0));
115
- })();
116
- }, pt = [], t[41] = ct, t[42] = pt) : (ct = t[41], pt = t[42]), Vt(ct, pt);
117
- let ut, ft;
118
- t[43] !== d ? (ut = () => {
119
- const u = ue(Mt(d), fe(d));
120
- Kt(u);
121
- }, ft = [d], t[43] = d, t[44] = ut, t[45] = ft) : (ut = t[44], ft = t[45]), ne(ut, ft);
122
- const Lt = s === "small";
123
- let g, $, q, O, N, D, W, X, R, k, B;
124
- if (t[46] !== S || t[47] !== i || t[48] !== Rt || t[49] !== Bt || t[50] !== et || t[51] !== it || t[52] !== _ || t[53] !== m || t[54] !== b || t[55] !== o || t[56] !== tt || t[57] !== c || t[58] !== Z || t[59] !== y || t[60] !== I || t[61] !== f || t[62] !== r || t[63] !== l || t[64] !== a || t[65] !== v || t[66] !== x || t[67] !== s || t[68] !== n || t[69] !== p || t[70] !== Lt || t[71] !== d) {
125
- const u = H(e.affix, {
126
- [e.affixSmall]: Lt,
127
- [e.affixDisabled]: i,
128
- [e.affixReadonly]: a
129
- }), C = `${o}-label`, h = `${o}-feedback`, _t = `${o}-hint`, Yt = _ ? ` ${_t}` : "";
130
- let mt;
131
- t[83] !== c || t[84] !== p || t[85] !== h ? (mt = [c && p && h].filter(Boolean).join(" ") || void 0, t[83] = c, t[84] = p, t[85] = h, t[86] = mt) : mt = t[86];
132
- const Ht = mt;
133
- let bt;
134
- t[87] !== S ? (bt = H(e.root, S), t[87] = S, t[88] = bt) : bt = t[88];
135
- const Zt = bt, wt = s === "small", At = f || r, Ft = l || n, Pt = m || b || y;
136
- let ht;
137
- t[89] !== c || t[90] !== Z || t[91] !== wt || t[92] !== At || t[93] !== Ft || t[94] !== Pt ? (ht = H(e.input, {
138
- [e.inputSmall]: wt,
139
- [e.inputInvalid]: c,
140
- [e.inputHasLeadingIcon]: At,
141
- [e.inputHasAffix]: Ft,
142
- [e.inputHasActionButton]: Pt,
143
- [e.inputIsReady]: Z
144
- }), t[89] = c, t[90] = Z, t[91] = wt, t[92] = At, t[93] = Ft, t[94] = Pt, t[95] = ht) : ht = t[95];
145
- const Et = ht;
146
- let It;
147
- t[96] !== i || t[97] !== it || t[98] !== v ? (It = H(e.label, {
148
- [e.labelHidden]: it,
149
- [e.labelDisabled]: i,
150
- [e.labelRequired]: v
151
- }), t[96] = i, t[97] = it, t[98] = v, t[99] = It) : It = t[99];
152
- const Tt = It, $t = s === "small";
153
- let xt;
154
- t[100] !== i || t[101] !== $t ? (xt = H(e.leadingIcon, {
155
- [e.leadingIconSmall]: $t,
156
- [e.leadingIconDisabled]: i
157
- }), t[100] = i, t[101] = $t, t[102] = xt) : xt = t[102];
158
- const qt = xt, Ot = s === "small";
159
- let yt;
160
- t[103] !== Ot ? (yt = H(e.actionButton, {
161
- [e.actionButtonSmall]: Ot
162
- }), t[103] = Ot, t[104] = yt) : yt = t[104], g = yt;
163
- let gt;
164
- t[105] !== i || t[106] !== a ? (gt = (te) => {
165
- Dt.current && !i && !a && Dt.current.showPicker(), te.preventDefault();
166
- }, t[105] = i, t[106] = a, t[107] = gt) : gt = t[107], $ = gt, X = Zt, t[108] !== o || t[109] !== C || t[110] !== I || t[111] !== Tt ? (R = /* @__PURE__ */ L("label", { className: Tt, id: C, htmlFor: o, children: I }), t[108] = o, t[109] = C, t[110] = I, t[111] = Tt, t[112] = R) : R = t[112], t[113] !== _ || t[114] !== _t ? (k = _ && /* @__PURE__ */ L("div", { className: e.hint, id: _t, children: _ }), t[113] = _, t[114] = _t, t[115] = k) : k = t[115], t[116] !== c || t[117] !== p || t[118] !== h ? (B = c && p && /* @__PURE__ */ L(ae, { className: e.feedback, message: p, type: "invalid", id: h }), t[116] = c, t[117] = p, t[118] = h, t[119] = B) : B = t[119], q = e.wrapper, O = l && /* @__PURE__ */ L("span", { className: H(u, e.prefix), ref: kt, "aria-disabled": i, children: Rt }), t[120] !== qt || t[121] !== f || t[122] !== r || t[123] !== l ? (N = !l && (f || r) && /* @__PURE__ */ L(se, { name: f, theme: "light", source: r, className: qt, "aria-hidden": "true" }), t[120] = qt, t[121] = f, t[122] = r, t[123] = l, t[124] = N) : N = t[124];
167
- const Wt = `${C}${Yt}`;
168
- t[125] !== Ht || t[126] !== i || t[127] !== et || t[128] !== o || t[129] !== Et || t[130] !== tt || t[131] !== c || t[132] !== a || t[133] !== v || t[134] !== x || t[135] !== Wt || t[136] !== d ? (D = /* @__PURE__ */ L("input", { type: d, className: Et, id: o, ...x, ref: et, style: tt, "aria-labelledby": Wt, "aria-describedby": Ht, "aria-invalid": c, "aria-disabled": a, readOnly: a, required: v, disabled: i }), t[125] = Ht, t[126] = i, t[127] = et, t[128] = o, t[129] = Et, t[130] = tt, t[131] = c, t[132] = a, t[133] = v, t[134] = x, t[135] = Wt, t[136] = d, t[137] = D) : D = t[137], W = n && /* @__PURE__ */ L("span", { className: H(u, e.suffix), ref: Ct, "aria-disabled": i, children: Bt }), t[46] = S, t[47] = i, t[48] = Rt, t[49] = Bt, t[50] = et, t[51] = it, t[52] = _, t[53] = m, t[54] = b, t[55] = o, t[56] = tt, t[57] = c, t[58] = Z, t[59] = y, t[60] = I, t[61] = f, t[62] = r, t[63] = l, t[64] = a, t[65] = v, t[66] = x, t[67] = s, t[68] = n, t[69] = p, t[70] = Lt, t[71] = d, t[72] = g, t[73] = $, t[74] = q, t[75] = O, t[76] = N, t[77] = D, t[78] = W, t[79] = X, t[80] = R, t[81] = k, t[82] = B;
169
- } else
170
- g = t[72], $ = t[73], q = t[74], O = t[75], N = t[76], D = t[77], W = t[78], X = t[79], R = t[80], k = t[81], B = t[82];
171
- let j;
172
- t[138] !== g || t[139] !== P || t[140] !== i || t[141] !== m || t[142] !== b || t[143] !== y || t[144] !== E || t[145] !== a || t[146] !== T || t[147] !== s || t[148] !== n ? (j = !n && !y && (m || b) && /* @__PURE__ */ L(zt, { ...T, hideLabel: !0, theme: "light", iconName: m, iconSource: b, variant: "ghost", className: g, size: s, onClick: E, type: "button", disabled: i || a, children: P }), t[138] = g, t[139] = P, t[140] = i, t[141] = m, t[142] = b, t[143] = y, t[144] = E, t[145] = a, t[146] = T, t[147] = s, t[148] = n, t[149] = j) : j = t[149];
173
- let M;
174
- t[150] !== g || t[151] !== i || t[152] !== $ || t[153] !== y || t[154] !== a || t[155] !== s || t[156] !== n || t[157] !== d ? (M = !n && y && !a && !i && /* @__PURE__ */ Xt(zt, { hideLabel: !0, theme: "light", iconName: Mt(d) ? "calendar" : "clock", variant: "ghost", className: g, size: s, onClick: $, type: "button", children: [
175
- "Open ",
176
- Mt(d) ? "date" : "time",
177
- " picker"
178
- ] }), t[150] = g, t[151] = i, t[152] = $, t[153] = y, t[154] = a, t[155] = s, t[156] = n, t[157] = d, t[158] = M) : M = t[158];
179
- let V;
180
- t[159] !== q || t[160] !== O || t[161] !== N || t[162] !== D || t[163] !== W || t[164] !== j || t[165] !== M ? (V = /* @__PURE__ */ Xt("div", { className: q, children: [
181
- O,
182
- N,
183
- D,
184
- W,
185
- j,
186
- M
187
- ] }), t[159] = q, t[160] = O, t[161] = N, t[162] = D, t[163] = W, t[164] = j, t[165] = M, t[166] = V) : V = t[166];
188
- let rt;
189
- return t[167] !== X || t[168] !== R || t[169] !== k || t[170] !== B || t[171] !== V ? (rt = /* @__PURE__ */ Xt("div", { className: X, children: [
190
- R,
191
- k,
192
- B,
193
- V
194
- ] }), t[167] = X, t[168] = R, t[169] = k, t[170] = B, t[171] = V, t[172] = rt) : rt = t[172], rt;
195
- });
196
- $e.displayName = "DSInput";
197
- export {
198
- $e as DSInput
199
- };
package/radio.z-Mi3J6t.js DELETED
@@ -1,134 +0,0 @@
1
- "use client";
2
- import { jsx as B, jsxs as ce } from "react/jsx-runtime";
3
- import { d as pe } from "./chunks/index.CgTHIF3K.js";
4
- import { c as E } from "./chunks/index.CEyLAtio.js";
5
- import { forwardRef as Ce, useRef as he, useState as we, useEffect as ye } from "react";
6
- import { u as ke } from "./chunks/useBreakpoint.CMOR9ZOB.js";
7
- import './assets/radio.ipbv7OMF.css';const ue = (D) => D.replace(/\s+/g, ""), He = "ds-radio_root_12vrw_1", ge = "ds-radio_root--disabled_12vrw_24", Ne = "ds-radio_root--with-custom-area_12vrw_27", We = "ds-radio_root--with-custom-area--above_12vrw_30", Be = "ds-radio_radio_12vrw_36", De = "ds-radio_dot_12vrw_54", xe = "ds-radio_radio--invalid_12vrw_78", Se = "ds-radio_label_12vrw_83", Ue = "ds-radio_label--bold_12vrw_100", Ie = "ds-radio_label--hidden_12vrw_111", Ve = "ds-radio_label--with-custom-area_12vrw_123", $e = "ds-radio_custom-area_12vrw_127", je = "ds-radio_custom-area--above_12vrw_135", Le = "ds-radio_hint_12vrw_141", Ee = "ds-radio_hint--visible_12vrw_165", Oe = "ds-radio_hint--unchecked-hidden_12vrw_169", Pe = "ds-radio_hint--hidden_12vrw_173", Re = "ds-radio_input_12vrw_186", t = {
8
- root: He,
9
- rootDisabled: ge,
10
- rootWithCustomArea: Ne,
11
- rootWithCustomAreaAbove: We,
12
- radio: Be,
13
- dot: De,
14
- radioInvalid: xe,
15
- label: Se,
16
- labelBold: Ue,
17
- labelHidden: Ie,
18
- labelWithCustomArea: Ve,
19
- customArea: $e,
20
- customAreaAbove: je,
21
- hint: Le,
22
- hintVisible: Ee,
23
- hintUncheckedHidden: Oe,
24
- hintHidden: Pe,
25
- input: Re
26
- }, qe = Ce((D, m) => {
27
- const e = pe.c(87);
28
- let x, b, o, n, i, d, c, h, v, S, U, I, V, $, j, L, u;
29
- e[0] !== D ? ({
30
- label: d,
31
- name: c,
32
- value: u,
33
- checked: x,
34
- className: b,
35
- customArea: o,
36
- isCustomAreaAbove: S,
37
- defaultChecked: U,
38
- disabled: I,
39
- fieldsetId: n,
40
- hideLabel: V,
41
- hint: i,
42
- invalid: $,
43
- isBold: j,
44
- hideUncheckedHint: L,
45
- onChange: h,
46
- ...v
47
- } = D, e[0] = D, e[1] = x, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = j, e[16] = L, e[17] = u) : (x = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], j = e[15], L = e[16], u = e[17]);
48
- const _ = S === void 0 ? !1 : S, _e = U === void 0 ? !1 : U, r = I === void 0 ? !1 : I, fe = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = j === void 0 ? !1 : j, l = L === void 0 ? !1 : L, me = he(null), a = he(null), [be, ve] = we(_e), O = x !== void 0, s = O ? x : be;
49
- let P;
50
- e[18] !== s || e[19] !== l ? (P = () => {
51
- a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && s ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : s || (a.current.style.opacity = "0", a.current.style.height = "0px"));
52
- }, e[18] = s, e[19] = l, e[20] = P) : P = e[20];
53
- let R;
54
- e[21] !== s ? (R = [a, s], e[21] = s, e[22] = R) : R = e[22], ye(P, R);
55
- const p = ke(fe), Z = !!o, ee = !!o && _;
56
- let q;
57
- e[23] !== b || e[24] !== r || e[25] !== Z || e[26] !== ee ? (q = E(t.root, {
58
- [t.rootDisabled]: r,
59
- [t.rootWithCustomArea]: Z,
60
- [t.rootWithCustomAreaAbove]: ee
61
- }, b), e[23] = b, e[24] = r, e[25] = Z, e[26] = ee, e[27] = q) : q = e[27];
62
- const te = q, oe = !!o;
63
- let z;
64
- e[28] !== p || e[29] !== Y || e[30] !== oe ? (z = E(t.label, {
65
- [t.labelBold]: Y,
66
- [t.labelHidden]: p,
67
- [t.labelWithCustomArea]: oe
68
- }), e[28] = p, e[29] = Y, e[30] = oe, e[31] = z) : z = e[31];
69
- const se = z;
70
- let F;
71
- e[32] !== s || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && s), e[32] = s, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
72
- const ie = F;
73
- let G;
74
- e[36] !== p || e[37] !== l || e[38] !== ie ? (G = E(t.hint, {
75
- [t.hintHidden]: p,
76
- [t.hintUncheckedHidden]: l,
77
- [t.hintVisible]: ie()
78
- }), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
79
- const le = G;
80
- let J;
81
- e[40] !== A ? (J = E(t.radio, {
82
- [t.radioInvalid]: A
83
- }), e[40] = A, e[41] = J) : J = e[41];
84
- const ae = J;
85
- let K;
86
- e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = E(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
87
- const Ae = K;
88
- let M;
89
- e[43] !== r || e[44] !== O || e[45] !== h ? (M = (f) => {
90
- if (r) {
91
- f.preventDefault();
92
- return;
93
- }
94
- O || ve(f.target.checked), h && h(f);
95
- }, e[43] = r, e[44] = O, e[45] = h, e[46] = M) : M = e[46];
96
- const re = M, C = i ? `${ue(c)}-${ue(u)}-description` : void 0;
97
- let Q;
98
- e[47] !== C || e[48] !== n || e[49] !== A ? (Q = [A && n && `${n}-feedback`, C].filter(Boolean).join(" ") || void 0, e[47] = C, e[48] = n, e[49] = A, e[50] = Q) : Q = e[50];
99
- const de = Q;
100
- let w;
101
- e[51] !== m ? (w = (f) => {
102
- typeof m == "function" ? m(f) : m !== null && (m.current = f), me.current = f;
103
- }, e[51] = m, e[52] = w) : w = e[52];
104
- const ne = typeof d == "string" ? d : void 0;
105
- let y;
106
- e[53] !== de || e[54] !== s || e[55] !== r || e[56] !== re || e[57] !== c || e[58] !== v || e[59] !== w || e[60] !== ne || e[61] !== u ? (y = /* @__PURE__ */ B("input", { type: "radio", value: u, name: c, className: t.input, ref: w, onChange: re, ...v, disabled: r, checked: s, "aria-label": ne, "aria-describedby": de }), e[53] = de, e[54] = s, e[55] = r, e[56] = re, e[57] = c, e[58] = v, e[59] = w, e[60] = ne, e[61] = u, e[62] = y) : y = e[62];
107
- let T;
108
- e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ B("div", { className: t.dot }), e[63] = T) : T = e[63];
109
- let k;
110
- e[64] !== ae ? (k = /* @__PURE__ */ B("span", { className: ae, children: T }), e[64] = ae, e[65] = k) : k = e[65];
111
- let H;
112
- e[66] !== o || e[67] !== _ ? (H = o && _ && /* @__PURE__ */ B("div", { className: Ae, children: o }), e[66] = o, e[67] = _, e[68] = H) : H = e[68];
113
- let g;
114
- e[69] !== o || e[70] !== _ ? (g = o && !_ && /* @__PURE__ */ B("div", { className: t.customArea, children: o }), e[69] = o, e[70] = _, e[71] = g) : g = e[71];
115
- let N;
116
- e[72] !== C || e[73] !== i || e[74] !== le ? (N = /* @__PURE__ */ B("span", { id: C, className: le, ref: a, children: i }), e[72] = C, e[73] = i, e[74] = le, e[75] = N) : N = e[75];
117
- let W;
118
- e[76] !== d || e[77] !== se || e[78] !== g || e[79] !== N ? (W = /* @__PURE__ */ ce("span", { className: se, children: [
119
- d,
120
- g,
121
- N
122
- ] }), e[76] = d, e[77] = se, e[78] = g, e[79] = N, e[80] = W) : W = e[80];
123
- let X;
124
- return e[81] !== te || e[82] !== y || e[83] !== k || e[84] !== H || e[85] !== W ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
125
- y,
126
- k,
127
- H,
128
- W
129
- ] }), e[81] = te, e[82] = y, e[83] = k, e[84] = H, e[85] = W, e[86] = X) : X = e[86], X;
130
- });
131
- qe.displayName = "DSRadio";
132
- export {
133
- qe as DSRadio
134
- };