@stihl-design-system/components 1.0.0-RC.25 → 1.0.0-RC.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/{accordion.Dw3qTPN8.js → accordion.CBaDU14g.js} +2 -2
  2. package/{actionbutton.wYg4A5a2.js → actionbutton.DEJsLxnQ.js} +2 -2
  3. package/{actionlink.BoWrs0Mo.js → actionlink.Cs6BTCA3.js} +2 -2
  4. package/{arialiveregions.DVsA5OTR.js → arialiveregions.Fgcshs5k.js} +1 -1
  5. package/assets/ActionButton.Ewi0i1hW.css +1 -0
  6. package/assets/ActionLink.BdPEvuGm.css +1 -0
  7. package/assets/CustomReactSelect.B9f_KYFg.css +1 -0
  8. package/assets/Icon.QeJ7TxZs.css +1 -0
  9. package/assets/InputFile.Dqjz53mb.css +1 -0
  10. package/assets/InputPassword.BuVQ9dRy.css +1 -0
  11. package/assets/InputSearch.Dwtb3Mhw.css +1 -0
  12. package/assets/InputStepper.CBt99L83.css +1 -0
  13. package/assets/Popover.BDTDsPAt.css +1 -0
  14. package/assets/Select.CghDnBUQ.css +1 -0
  15. package/assets/Textarea.BgtH-TTe.css +1 -0
  16. package/assets/banner.D9EiZqqR.css +1 -0
  17. package/assets/input.DFwunFjw.css +1 -0
  18. package/assets/radio.BCB51D_y.css +1 -0
  19. package/assets/scroller.Hszs1Yq4.css +1 -0
  20. package/banner.CgQdUb_c.js +55 -0
  21. package/banner.d.ts +2 -0
  22. package/{breadcrumb.C07HDyGp.js → breadcrumb.x78HJy5P.js} +3 -3
  23. package/{button.BBqDvwVm.js → button.BD_04tIG.js} +3 -3
  24. package/{buttonround.Vy1EygFm.js → buttonround.BT3OfowK.js} +2 -2
  25. package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
  26. package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
  27. package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
  28. package/chipgroup.BWpqUzXF.js +209 -0
  29. package/chunks/{Accordion.Cjc_1Bu1.js → Accordion.eVOD7J_8.js} +2 -2
  30. package/chunks/ActionButton.Ck1rGqgm.js +165 -0
  31. package/chunks/ActionLink.DnUNjoAT.js +138 -0
  32. package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
  33. package/chunks/{Breadcrumb.QhD6byzd.js → Breadcrumb.B7g30dIO.js} +3 -3
  34. package/chunks/{Button.DZNUuPKC.js → Button.CC0qEsuR.js} +4 -4
  35. package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
  36. package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
  37. package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
  38. package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.BPnzhvw1.js} +1356 -1593
  39. package/chunks/{Dialog.DPeGj8-T.js → Dialog.BuEEJ199.js} +2 -2
  40. package/chunks/{Drawer.BMibxANc.js → Drawer.BXUGmpJI.js} +2 -2
  41. package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
  42. package/chunks/Header.Djs1adPW.js +361 -0
  43. package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
  44. package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
  45. package/chunks/{InputFile.fltVIulD.js → InputFile.vkkg5Pab.js} +32 -32
  46. package/chunks/InputPassword.D42uUEGy.js +136 -0
  47. package/chunks/InputSearch.aIbUXVQU.js +174 -0
  48. package/chunks/InputStepper.DFEdUWm7.js +263 -0
  49. package/chunks/{LinkButton.DyTU9sfN.js → LinkButton.DmXVHeyZ.js} +3 -3
  50. package/chunks/{NavigationTabList.D2NVVTjK.js → NavigationTabList.IQM074Vb.js} +1 -1
  51. package/chunks/{NavigationTabs.TfdsA8GX.js → NavigationTabs.BofhX8bD.js} +2 -2
  52. package/chunks/{Notification.BRg1qlng.js → Notification.B-3dPVUE.js} +2 -2
  53. package/chunks/Popover.hXQTvwwd.js +1685 -0
  54. package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.c7YYJdUe.js} +3 -3
  55. package/chunks/{Select.DCxMPsCm.js → Select.B_EHpk22.js} +25 -25
  56. package/chunks/{Slider.Cljc14kS.js → Slider.DMSwmGwD.js} +2 -2
  57. package/chunks/{Tabs.GvcCCCFT.js → Tabs.Bl4K3Kjn.js} +2 -2
  58. package/chunks/{Text.TS4XdA9e.js → Text.DGWeWF1y.js} +1 -1
  59. package/chunks/{Textarea.Bs4-nzu8.js → Textarea.Ce26v6ht.js} +54 -54
  60. package/chunks/{Toast.DawJ9OSY.js → Toast.BHz0vlGz.js} +2 -2
  61. package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
  62. package/chunks/helpers.BbWkXTr3.js +37 -0
  63. package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
  64. package/{combobox.DW_ey38o.js → combobox.AaK6QjRl.js} +1 -1
  65. package/components/ActionButton/ActionButton.d.ts +9 -5
  66. package/components/ActionButton/ActionButton.utils.d.ts +4 -2
  67. package/components/ActionLink/ActionLink.d.ts +9 -5
  68. package/components/ActionLink/ActionLink.utils.d.ts +4 -2
  69. package/components/Banner/Banner.d.ts +32 -0
  70. package/components/Banner/Banner.utils.d.ts +2 -0
  71. package/components/Button/Button.utils.d.ts +1 -1
  72. package/components/Header/Header.utils.d.ts +0 -2
  73. package/components/Icon/Icon.d.ts +1 -1
  74. package/components/Icon/Icon.utils.d.ts +1 -1
  75. package/components/Popover/Popover.d.ts +40 -0
  76. package/components/Popover/Popover.test.d.ts +1 -0
  77. package/components/Popover/Popover.utils.d.ts +53 -0
  78. package/components/Popover/Popover.utils.test.d.ts +1 -0
  79. package/components/Scroller/Scroller.d.ts +20 -0
  80. package/components/Scroller/Scroller.utils.d.ts +3 -0
  81. package/components/Tabs/TabList/TabList.d.ts +1 -1
  82. package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
  83. package/connected-icon.svg +1 -0
  84. package/{customreactselect.DcH7h1mb.js → customreactselect.Bu1i8wkh.js} +4 -4
  85. package/{dialog.D6d_WXOM.js → dialog.CGsUCqhR.js} +2 -2
  86. package/{drawer.BmQWFOuF.js → drawer.BcAo4TO0.js} +2 -2
  87. package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
  88. package/{filelist.Dnd5nOdw.js → filelist.Cj9U-Jx8.js} +3 -3
  89. package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
  90. package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
  91. package/{header.5iwPmK5V.js → header.WhQHSuB1.js} +2 -2
  92. package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
  93. package/icon.svg +1 -1
  94. package/imow-icon.svg +1 -0
  95. package/index.d.ts +6 -0
  96. package/index.es.js +201 -188
  97. package/{input.mPceLGnf.js → input.DhxUW3zc.js} +37 -37
  98. package/{inputfile.CIpE9i-3.js → inputfile.Cmkxf4Vq.js} +6 -6
  99. package/{inputpassword.DkiyI-yo.js → inputpassword.CaJBCMA0.js} +3 -3
  100. package/{inputsearch.DcOp_VUd.js → inputsearch.B06DhYzo.js} +4 -4
  101. package/{inputstepper.D7TpDXst.js → inputstepper.DNY7nzP8.js} +4 -4
  102. package/{link.B5NZ1QKr.js → link.DGuYGfh2.js} +2 -2
  103. package/{linkbutton.CMVcQVxI.js → linkbutton.B3q0B_yb.js} +3 -3
  104. package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
  105. package/mystihl-icon.svg +1 -0
  106. package/{navigationtablist.BMJTC9qo.js → navigationtablist.CS9yEGdP.js} +2 -2
  107. package/{navigationtabs.BQeKKIFy.js → navigationtabs.DQ1kE-h4.js} +2 -2
  108. package/{notification.Bzli8Qlq.js → notification.D8BDaU5x.js} +3 -3
  109. package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
  110. package/package.json +4 -2
  111. package/partials/assets.const.js +2 -0
  112. package/partials/copyAssets.js +4 -2
  113. package/partials/index.js +109 -81
  114. package/partials/lib/partials.d.ts +1 -1
  115. package/popover.BFx99cHg.js +10 -0
  116. package/popover.d.ts +2 -0
  117. package/radio.Be4pFOLf.js +134 -0
  118. package/{radiogroup.BnMkpjvV.js → radiogroup.BRjwP01C.js} +3 -3
  119. package/scroller.CCA6kFR6.js +123 -0
  120. package/scroller.d.ts +2 -0
  121. package/{select.BSvjDIVC.js → select.3zE96eWc.js} +3 -3
  122. package/{skiptocontent.CQ4aARqd.js → skiptocontent.D1UkPmhD.js} +2 -2
  123. package/{slider.LRlFFlYL.js → slider.CTCf7Xdm.js} +2 -2
  124. package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
  125. package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
  126. package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
  127. package/tablist.Dzwe0_J4.js +256 -0
  128. package/{tabs.CXkSN2kd.js → tabs.yudjJk9d.js} +2 -2
  129. package/{text.CPwbk8Gy.js → text.ZOUuesnU.js} +2 -2
  130. package/{textarea.D0ADOdR6.js → textarea.B_3fPtmd.js} +3 -3
  131. package/{toast.CYYvK4DJ.js → toast.Bhpwj1NF.js} +3 -3
  132. package/{toastmanager.k9iGb7MN.js → toastmanager.BHk65ynQ.js} +3 -3
  133. package/topbar.2b8fjmA4.js +11 -0
  134. package/utils/get-rect.d.ts +4 -0
  135. package/utils/get-rect.test.d.ts +1 -0
  136. package/utils/helpers.d.ts +10 -0
  137. package/utils/index.d.ts +2 -1
  138. package/utils/is-animation-disabled.d.ts +14 -0
  139. package/utils/is-animation-disabled.test.d.ts +1 -0
  140. package/assets/ActionButton.DZVAnm-p.css +0 -1
  141. package/assets/ActionLink.DuklSL3c.css +0 -1
  142. package/assets/CustomReactSelect.B8l6al4B.css +0 -1
  143. package/assets/Icon.ZNrKuqgu.css +0 -1
  144. package/assets/InputFile.Dx_CULYq.css +0 -1
  145. package/assets/InputPassword.CkHF5zCh.css +0 -1
  146. package/assets/InputSearch.BV8Q2EUL.css +0 -1
  147. package/assets/InputStepper.DzzrAdma.css +0 -1
  148. package/assets/Select.e1fTfWmm.css +0 -1
  149. package/assets/Textarea.BGV7Z0Z9.css +0 -1
  150. package/assets/input.Cj4tF_F7.css +0 -1
  151. package/assets/radio.CqaNn1Gz.css +0 -1
  152. package/chipgroup.D1Km301k.js +0 -186
  153. package/chunks/ActionButton.DFI8P9-f.js +0 -159
  154. package/chunks/ActionLink.CLQ1yQZF.js +0 -132
  155. package/chunks/Header.DPafHEKw.js +0 -384
  156. package/chunks/InputPassword.C4QhwijC.js +0 -136
  157. package/chunks/InputSearch.DdWBmEmu.js +0 -174
  158. package/chunks/InputStepper.BRzbuEho.js +0 -263
  159. package/chunks/helpers.CcqWV-wZ.js +0 -8
  160. package/radio.Dm9bDBzM.js +0 -134
  161. package/tablist.DGGeFOi1.js +0 -266
  162. package/topbar.BPSDyH0N.js +0 -10
  163. package/utils/isAnimationDisabled.d.ts +0 -1
  164. /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
@@ -1,136 +0,0 @@
1
- "use client";
2
- import { jsx as q, jsxs as rt } from "react/jsx-runtime";
3
- import { d as vt } from "./index.CgTHIF3K.js";
4
- import { c as J } from "./index.CEyLAtio.js";
5
- import { forwardRef as ht, useState as yt, useRef as Pt } from "react";
6
- import { u as St } from "./useBreakpoint.CMOR9ZOB.js";
7
- import { Asterisk as Dt } from "../asterisk.CR60hx8S.js";
8
- import { D as Bt } from "./Button.DZNUuPKC.js";
9
- import { DSSystemFeedback as It } from "../systemfeedback.BpKZEv4U.js";
10
- import { g as pt } from "./helpers.CcqWV-wZ.js";
11
- import '../assets/InputPassword.CkHF5zCh.css';const gt = "ds-input-password_input_5dv6d_1", kt = "ds-input-password_input--invalid_5dv6d_113", Nt = "ds-input-password_input--small_5dv6d_120", xt = "ds-input-password_input--has-action-button_5dv6d_176", Ct = "ds-input-password_root_5dv6d_212", Ht = "ds-input-password_hint_5dv6d_221", Lt = "ds-input-password_label_5dv6d_221", $t = "ds-input-password_wrapper_5dv6d_225", qt = "ds-input-password_action-button_5dv6d_231", At = "ds-input-password_label--hidden_5dv6d_249", Tt = "ds-input-password_label--disabled_5dv6d_262", Et = "ds-input-password_feedback_5dv6d_282", s = {
12
- input: gt,
13
- inputInvalid: kt,
14
- inputSmall: Nt,
15
- inputHasActionButton: xt,
16
- root: Ct,
17
- hint: Ht,
18
- label: Lt,
19
- wrapper: $t,
20
- actionButton: qt,
21
- labelHidden: At,
22
- labelDisabled: Tt,
23
- feedback: Et
24
- }, Vt = ({
25
- id: d,
26
- label: l
27
- }) => {
28
- if (!d)
29
- throw new Error(pt("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
30
- if (!l)
31
- throw new Error(pt("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
32
- }, Ft = ht((d, l) => {
33
- const t = vt.c(82);
34
- let p, n, e, r, c, a, B, I, g, k, N, x, C, u;
35
- t[0] !== d ? ({
36
- id: e,
37
- label: r,
38
- autoComplete: B,
39
- className: p,
40
- disabled: I,
41
- hint: n,
42
- hideLabel: g,
43
- invalid: k,
44
- readonly: N,
45
- required: x,
46
- togglePasswordVisibilityButtonProps: u,
47
- size: C,
48
- systemFeedback: a,
49
- ...c
50
- } = d, t[0] = d, t[1] = p, t[2] = n, t[3] = e, t[4] = r, t[5] = c, t[6] = a, t[7] = B, t[8] = I, t[9] = g, t[10] = k, t[11] = N, t[12] = x, t[13] = C, t[14] = u) : (p = t[1], n = t[2], e = t[3], r = t[4], c = t[5], a = t[6], B = t[7], I = t[8], g = t[9], k = t[10], N = t[11], x = t[12], C = t[13], u = t[14]);
51
- const K = B === void 0 ? "new-password" : B, i = I === void 0 ? !1 : I, ct = g === void 0 ? !1 : g, o = k === void 0 ? !1 : k, A = N === void 0 ? !1 : N, b = x === void 0 ? !1 : x, H = C === void 0 ? "medium" : C;
52
- process.env.NODE_ENV !== "production" && Vt({
53
- id: e,
54
- label: r
55
- });
56
- let f;
57
- t[15] !== u ? (f = u || {}, t[15] = u, t[16] = f) : f = t[16];
58
- let m, L, $;
59
- t[17] !== f ? ({
60
- hidePasswordText: $,
61
- showPasswordText: L,
62
- ...m
63
- } = f, t[17] = f, t[18] = m, t[19] = L, t[20] = $) : (m = t[18], L = t[19], $ = t[20]);
64
- const ut = $ === void 0 ? "Hide password" : $, bt = L === void 0 ? "Show password" : L, [Q, ft] = yt(!1), T = `${e}-label`, w = `${e}-feedback`, E = `${e}-hint`, mt = n ? ` ${E}` : "";
65
- let V;
66
- t[21] !== o || t[22] !== a || t[23] !== w ? (V = [o && a && w].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = a, t[23] = w, t[24] = V) : V = t[24];
67
- const U = V, W = St(ct);
68
- let F;
69
- t[25] !== p ? (F = J(s.root, p), t[25] = p, t[26] = F) : F = t[26];
70
- const X = F, Y = H === "small";
71
- let R;
72
- t[27] !== o || t[28] !== Y ? (R = J(s.input, {
73
- [s.inputSmall]: Y,
74
- [s.inputInvalid]: o,
75
- [s.inputHasActionButton]: !0
76
- }), t[27] = o, t[28] = Y, t[29] = R) : R = t[29];
77
- const Z = R;
78
- let j;
79
- t[30] !== i || t[31] !== W ? (j = J(s.label, {
80
- [s.labelHidden]: W,
81
- [s.labelDisabled]: i
82
- }), t[30] = i, t[31] = W, t[32] = j) : j = t[32];
83
- const tt = j, et = H === "small";
84
- let z;
85
- t[33] !== et ? (z = J(s.actionButton, {
86
- [s.actionButtonSmall]: et
87
- }), t[33] = et, t[34] = z) : z = t[34];
88
- const st = z, wt = Pt(null);
89
- let O;
90
- t[35] !== l ? (O = (dt) => {
91
- wt.current = dt, typeof l == "function" ? l(dt) : l && (l.current = dt);
92
- }, t[35] = l, t[36] = O) : O = t[36];
93
- const ot = O;
94
- let M;
95
- t[37] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
96
- ft(Rt);
97
- }, t[37] = M) : M = t[37];
98
- const _t = M;
99
- let _;
100
- t[38] !== b ? (_ = b && /* @__PURE__ */ q(Dt, {}), t[38] = b, t[39] = _) : _ = t[39];
101
- let v;
102
- t[40] !== e || t[41] !== T || t[42] !== r || t[43] !== tt || t[44] !== _ ? (v = /* @__PURE__ */ rt("label", { className: tt, id: T, htmlFor: e, children: [
103
- r,
104
- _
105
- ] }), t[40] = e, t[41] = T, t[42] = r, t[43] = tt, t[44] = _, t[45] = v) : v = t[45];
106
- let h;
107
- t[46] !== n || t[47] !== E ? (h = n && /* @__PURE__ */ q("div", { className: s.hint, id: E, children: n }), t[46] = n, t[47] = E, t[48] = h) : h = t[48];
108
- let y;
109
- t[49] !== o || t[50] !== a || t[51] !== w ? (y = o && a && /* @__PURE__ */ q(It, { className: s.feedback, message: a, type: "invalid", id: w }), t[49] = o, t[50] = a, t[51] = w, t[52] = y) : y = t[52];
110
- const at = `${T}${mt}`, it = Q ? "text" : "password";
111
- let P;
112
- t[53] !== U || t[54] !== K || t[55] !== i || t[56] !== ot || t[57] !== e || t[58] !== Z || t[59] !== o || t[60] !== A || t[61] !== b || t[62] !== c || t[63] !== at || t[64] !== it ? (P = /* @__PURE__ */ q("input", { className: Z, id: e, ...c, ref: ot, "aria-labelledby": at, "aria-describedby": U, "aria-invalid": o, "aria-disabled": A, readOnly: A, required: b, disabled: i, autoComplete: K, type: it }), t[53] = U, t[54] = K, t[55] = i, t[56] = ot, t[57] = e, t[58] = Z, t[59] = o, t[60] = A, t[61] = b, t[62] = c, t[63] = at, t[64] = it, t[65] = P) : P = t[65];
113
- const lt = Q ? "eye-closed" : "eye", nt = Q ? ut : bt;
114
- let S;
115
- t[66] !== st || t[67] !== i || t[68] !== m || t[69] !== H || t[70] !== lt || t[71] !== nt ? (S = /* @__PURE__ */ q(Bt, { ...m, hideLabel: !0, theme: "light", iconName: lt, variant: "ghost", className: st, size: H, onClick: _t, type: "button", disabled: i, children: nt }), t[66] = st, t[67] = i, t[68] = m, t[69] = H, t[70] = lt, t[71] = nt, t[72] = S) : S = t[72];
116
- let D;
117
- t[73] !== P || t[74] !== S ? (D = /* @__PURE__ */ rt("div", { className: s.wrapper, children: [
118
- P,
119
- S
120
- ] }), t[73] = P, t[74] = S, t[75] = D) : D = t[75];
121
- let G;
122
- return t[76] !== X || t[77] !== v || t[78] !== h || t[79] !== y || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
123
- v,
124
- h,
125
- y,
126
- D
127
- ] }), t[76] = X, t[77] = v, t[78] = h, t[79] = y, t[80] = D, t[81] = G) : G = t[81], G;
128
- });
129
- Ft.displayName = "DSInputPassword";
130
- function Rt(d) {
131
- return !d;
132
- }
133
- export {
134
- Ft as D,
135
- Vt as v
136
- };
@@ -1,174 +0,0 @@
1
- "use client";
2
- import { jsx as C, jsxs as It } from "react/jsx-runtime";
3
- import { d as Pt } from "./index.CgTHIF3K.js";
4
- import { c as F } from "./index.CEyLAtio.js";
5
- import { forwardRef as Vt, useState as Ot, useRef as wt, useEffect as zt } from "react";
6
- import { g as gt, a as $t } from "./helpers.CcqWV-wZ.js";
7
- import { u as qt } from "./useBreakpoint.CMOR9ZOB.js";
8
- import { Asterisk as xt } from "../asterisk.CR60hx8S.js";
9
- import { D as Et } from "./Button.DZNUuPKC.js";
10
- import { DSSystemFeedback as Ft } from "../systemfeedback.BpKZEv4U.js";
11
- import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kzjb_1", Tt = "ds-input-search_input_1kzjb_5", Mt = "ds-input-search_input--invalid_1kzjb_117", Wt = "ds-input-search_input--small_1kzjb_124", Gt = "ds-input-search_input--has-action-button_1kzjb_180", Jt = "ds-input-search_input--has-second-action-button_1kzjb_183", Kt = "ds-input-search_hint_1kzjb_225", Qt = "ds-input-search_label_1kzjb_225", Ut = "ds-input-search_wrapper_1kzjb_229", Xt = "ds-input-search_action-button_1kzjb_235", Yt = "ds-input-search_second-action-button_1kzjb_239", Zt = "ds-input-search_label--hidden_1kzjb_257", te = "ds-input-search_label--disabled_1kzjb_270", ee = "ds-input-search_feedback_1kzjb_290", s = {
12
- root: Rt,
13
- input: Tt,
14
- inputInvalid: Mt,
15
- inputSmall: Wt,
16
- inputHasActionButton: Gt,
17
- inputHasSecondActionButton: Jt,
18
- hint: Kt,
19
- label: Qt,
20
- wrapper: Ut,
21
- actionButton: Xt,
22
- secondActionButton: Yt,
23
- labelHidden: Zt,
24
- labelDisabled: te,
25
- feedback: ee
26
- }, se = ({
27
- id: a,
28
- label: i
29
- }) => {
30
- if (!a)
31
- throw new Error(gt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
32
- if (!i)
33
- throw new Error(gt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
34
- }, ne = (a) => !!$t(a, "form"), ae = Vt((a, i) => {
35
- const t = Pt.c(103);
36
- let l, d, e, h, f, m, _, c, L, H, P, V, O, $, q, p;
37
- t[0] !== a ? ({
38
- id: e,
39
- label: h,
40
- className: l,
41
- clearButtonLabel: L,
42
- disabled: H,
43
- hint: d,
44
- hideLabel: P,
45
- invalid: V,
46
- readonly: O,
47
- required: $,
48
- size: q,
49
- systemFeedback: c,
50
- value: p,
51
- submitButtonProps: _,
52
- onChange: f,
53
- ...m
54
- } = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = h, t[5] = f, t[6] = m, t[7] = _, t[8] = c, t[9] = L, t[10] = H, t[11] = P, t[12] = V, t[13] = O, t[14] = $, t[15] = q, t[16] = p) : (l = t[1], d = t[2], e = t[3], h = t[4], f = t[5], m = t[6], _ = t[7], c = t[8], L = t[9], H = t[10], P = t[11], V = t[12], O = t[13], $ = t[14], q = t[15], p = t[16]);
55
- const lt = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, At = P === void 0 ? !1 : P, n = V === void 0 ? !1 : V, r = O === void 0 ? !1 : O, v = $ === void 0 ? !1 : $, u = q === void 0 ? "medium" : q;
56
- process.env.NODE_ENV !== "production" && se({
57
- id: e,
58
- label: h
59
- });
60
- let S;
61
- t[17] !== _ ? (S = _ || {}, t[17] = _, t[18] = S) : S = t[18];
62
- let y, k, x;
63
- t[19] !== S ? ({
64
- label: x,
65
- onClick: y,
66
- ...k
67
- } = S, t[19] = S, t[20] = y, t[21] = k, t[22] = x) : (y = t[20], k = t[21], x = t[22]);
68
- const ot = x === void 0 ? "Search" : x, [B, Nt] = Ot(p), ct = wt(null), R = wt(null);
69
- let T;
70
- t[23] !== i ? (T = (b) => {
71
- R.current = b, typeof i == "function" ? i(b) : i && (i.current = b);
72
- }, t[23] = i, t[24] = T) : T = t[24];
73
- const rt = T, ut = qt(At);
74
- let M, W;
75
- t[25] !== p ? (M = () => {
76
- Nt(p);
77
- }, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), zt(M, W);
78
- let G;
79
- t[28] !== e ? (G = () => {
80
- ct.current && !ne(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(gt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
81
- }, t[28] = e, t[29] = G) : G = t[29];
82
- let J;
83
- t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], zt(G, J);
84
- const K = `${e}-label`, D = `${e}-feedback`, Q = `${e}-hint`, Ct = d ? ` ${Q}` : "";
85
- let U;
86
- t[31] !== n || t[32] !== c || t[33] !== D ? (U = [n && c && D].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = c, t[33] = D, t[34] = U) : U = t[34];
87
- const dt = U, X = B !== "" && B !== void 0 && B !== null;
88
- let Y;
89
- t[35] !== l ? (Y = F(s.root, l), t[35] = l, t[36] = Y) : Y = t[36];
90
- const pt = Y, bt = u === "small", ht = X && !r && !o;
91
- let Z;
92
- t[37] !== n || t[38] !== bt || t[39] !== ht ? (Z = F(s.input, {
93
- [s.inputSmall]: bt,
94
- [s.inputInvalid]: n,
95
- [s.inputHasActionButton]: !0,
96
- [s.inputHasSecondActionButton]: ht
97
- }), t[37] = n, t[38] = bt, t[39] = ht, t[40] = Z) : Z = t[40];
98
- const ft = Z;
99
- let tt;
100
- t[41] !== o || t[42] !== ut ? (tt = F(s.label, {
101
- [s.labelHidden]: ut,
102
- [s.labelDisabled]: o
103
- }), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
104
- const mt = tt, _t = u === "small";
105
- let et;
106
- t[44] !== _t ? (et = F(s.actionButton, {
107
- [s.actionButtonSmall]: _t
108
- }), t[44] = _t, t[45] = et) : et = t[45];
109
- const vt = et, St = u === "small";
110
- let st;
111
- t[46] !== St ? (st = F(s.secondActionButton, {
112
- [s.secondActionButtonSmall]: St
113
- }), t[46] = St, t[47] = st) : st = t[47];
114
- const yt = st, Lt = ie;
115
- let nt;
116
- t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
117
- var jt;
118
- if (!R.current)
119
- return;
120
- Lt(R.current, "");
121
- const b = new Event("change", {
122
- bubbles: !0
123
- });
124
- (jt = R.current) == null || jt.dispatchEvent(b);
125
- }, t[48] = nt) : nt = t[48];
126
- const Ht = nt;
127
- let at;
128
- t[49] !== f ? (at = (b) => {
129
- Nt(b.target.value), f && f(b);
130
- }, t[49] = f, t[50] = at) : at = t[50];
131
- const kt = at;
132
- let I;
133
- t[51] !== v ? (I = v && /* @__PURE__ */ C(xt, {}), t[51] = v, t[52] = I) : I = t[52];
134
- let g;
135
- t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== I ? (g = /* @__PURE__ */ It("label", { className: mt, id: K, htmlFor: e, children: [
136
- h,
137
- I
138
- ] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] = I, t[58] = g) : g = t[58];
139
- let N;
140
- t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ C("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = N) : N = t[61];
141
- let j;
142
- t[62] !== n || t[63] !== c || t[64] !== D ? (j = n && c && /* @__PURE__ */ C(Ft, { className: s.feedback, message: c, type: "invalid", id: D }), t[62] = n, t[63] = c, t[64] = D, t[65] = j) : j = t[65];
143
- const Bt = `${K}${Ct}`;
144
- let w;
145
- t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== kt || t[70] !== e || t[71] !== ft || t[72] !== B || t[73] !== n || t[74] !== r || t[75] !== v || t[76] !== m || t[77] !== Bt ? (w = /* @__PURE__ */ C("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Bt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: v, disabled: o, type: "search", value: B, onChange: kt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = kt, t[70] = e, t[71] = ft, t[72] = B, t[73] = n, t[74] = r, t[75] = v, t[76] = m, t[77] = Bt, t[78] = w) : w = t[78];
146
- let z;
147
- t[79] !== yt || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (z = X && !r && !o && /* @__PURE__ */ C(Et, { hideLabel: !0, theme: "light", iconName: "cross", className: yt, variant: "ghost", size: u, onClick: Ht, type: "button", tabIndex: -1, children: lt }), t[79] = yt, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = z) : z = t[85];
148
- const Dt = o || r;
149
- let E;
150
- t[86] !== y || t[87] !== k || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !== Dt ? (E = /* @__PURE__ */ C(Et, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: Dt, children: ot }), t[86] = y, t[87] = k, t[88] = u, t[89] = vt, t[90] = ot, t[91] = Dt, t[92] = E) : E = t[92];
151
- let A;
152
- t[93] !== w || t[94] !== z || t[95] !== E ? (A = /* @__PURE__ */ It("div", { className: s.wrapper, children: [
153
- w,
154
- z,
155
- E
156
- ] }), t[93] = w, t[94] = z, t[95] = E, t[96] = A) : A = t[96];
157
- let it;
158
- return t[97] !== pt || t[98] !== g || t[99] !== N || t[100] !== j || t[101] !== A ? (it = /* @__PURE__ */ It("div", { className: pt, ref: ct, children: [
159
- g,
160
- N,
161
- j,
162
- A
163
- ] }), t[97] = pt, t[98] = g, t[99] = N, t[100] = j, t[101] = A, t[102] = it) : it = t[102], it;
164
- });
165
- ae.displayName = "DSInputSearch";
166
- function ie(a, i) {
167
- const t = Object.getPrototypeOf(a), l = Object.getOwnPropertyDescriptor(t, "value");
168
- l != null && l.set ? l.set.call(a, i) : a.value = i;
169
- }
170
- export {
171
- ae as D,
172
- ne as i,
173
- se as v
174
- };
@@ -1,263 +0,0 @@
1
- "use client";
2
- import { jsx as I, jsxs as ft } from "react/jsx-runtime";
3
- import { d as Lt } from "./index.CgTHIF3K.js";
4
- import { c as R } from "./index.CEyLAtio.js";
5
- import { forwardRef as Et, useState as xe, useRef as mt, useEffect as bt } from "react";
6
- import { h as Rt } from "./has-window.ut_-aShB.js";
7
- import { u as kt } from "./useBreakpoint.CMOR9ZOB.js";
8
- import { u as xt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
- import { Asterisk as Ct } from "../asterisk.CR60hx8S.js";
10
- import { D as yt } from "./Button.DZNUuPKC.js";
11
- import { M as _t, a as ht } from "./Input.utils.CCYTBWD_.js";
12
- import { DSSystemFeedback as Ft } from "../systemfeedback.BpKZEv4U.js";
13
- import { g as Ge } from "./helpers.CcqWV-wZ.js";
14
- import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_1m4pp_1", $t = "ds-input-stepper_input--invalid_1m4pp_113", Ht = "ds-input-stepper_input--small_1m4pp_120", Vt = "ds-input-stepper_input--has-affix_1m4pp_191", Tt = "ds-input-stepper_input--is-ready_1m4pp_205", qt = "ds-input-stepper_root_1m4pp_215", Wt = "ds-input-stepper_hint_1m4pp_224", Mt = "ds-input-stepper_label_1m4pp_224", Xt = "ds-input-stepper_wrapper_1m4pp_228", jt = "ds-input-stepper_affix_1m4pp_234", zt = "ds-input-stepper_affix--small_1m4pp_255", Gt = "ds-input-stepper_affix--disabled_1m4pp_268", Ot = "ds-input-stepper_prefix_1m4pp_276", Ut = "ds-input-stepper_affix--readonly_1m4pp_279", Jt = "ds-input-stepper_suffix_1m4pp_289", Kt = "ds-input-stepper_action-button_1m4pp_296", Qt = "ds-input-stepper_label--hidden_1m4pp_314", Yt = "ds-input-stepper_label--disabled_1m4pp_327", Zt = "ds-input-stepper_feedback_1m4pp_347", en = "ds-input-stepper_second-action-button_1m4pp_361", tn = "ds-input-stepper_value-announcer_1m4pp_365", t = {
15
- input: Pt,
16
- inputInvalid: $t,
17
- inputSmall: Ht,
18
- inputHasAffix: Vt,
19
- inputIsReady: Tt,
20
- root: qt,
21
- hint: Wt,
22
- label: Mt,
23
- wrapper: Xt,
24
- affix: jt,
25
- affixSmall: zt,
26
- affixDisabled: Gt,
27
- prefix: Ot,
28
- affixReadonly: Ut,
29
- suffix: Jt,
30
- actionButton: Kt,
31
- labelHidden: Qt,
32
- labelDisabled: Yt,
33
- feedback: Zt,
34
- secondActionButton: en,
35
- valueAnnouncer: tn
36
- }, nn = ({
37
- id: k,
38
- label: A,
39
- prefix: e,
40
- suffix: d
41
- }) => {
42
- if (!k)
43
- throw new Error(Ge("DSInputStepper", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'));
44
- if (!A)
45
- throw new Error(Ge("DSInputStepper", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`));
46
- e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), d && d.length > ht && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${ht} characters.`));
47
- }, sn = Et((k, A) => {
48
- const e = Lt.c(187);
49
- let d, C, m, s, F, b, _, l, D, i, u, te, ne, se, le, ie, ae, oe, pe, re, ce, h;
50
- e[0] !== k ? ({
51
- id: s,
52
- label: b,
53
- announcementText: te,
54
- className: d,
55
- disabled: se,
56
- decreaseAmountButtonProps: C,
57
- hint: m,
58
- hideLabel: le,
59
- invalid: ie,
60
- increaseAmountButtonProps: F,
61
- prefix: l,
62
- max: ae,
63
- min: oe,
64
- readonly: pe,
65
- required: re,
66
- size: ce,
67
- step: ne,
68
- suffix: i,
69
- systemFeedback: u,
70
- value: h,
71
- onChange: _,
72
- ...D
73
- } = k, e[0] = k, e[1] = d, e[2] = C, e[3] = m, e[4] = s, e[5] = F, e[6] = b, e[7] = _, e[8] = l, e[9] = D, e[10] = i, e[11] = u, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ie, e[17] = ae, e[18] = oe, e[19] = pe, e[20] = re, e[21] = ce, e[22] = h) : (d = e[1], C = e[2], m = e[3], s = e[4], F = e[5], b = e[6], _ = e[7], l = e[8], D = e[9], i = e[10], u = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ie = e[16], ae = e[17], oe = e[18], pe = e[19], re = e[20], ce = e[21], h = e[22]);
74
- const ue = te === void 0 ? "Value changed to" : te, r = se === void 0 ? !1 : se, St = le === void 0 ? !1 : le, o = ie === void 0 ? !1 : ie, P = ae === void 0 ? 100 : ae, $ = oe === void 0 ? 0 : oe, v = pe === void 0 ? !1 : pe, g = re === void 0 ? !1 : re, n = ce === void 0 ? "medium" : ce, de = ne === void 0 ? 1 : ne;
75
- process.env.NODE_ENV !== "production" && nn({
76
- id: s,
77
- label: b,
78
- prefix: l,
79
- suffix: i
80
- });
81
- let H;
82
- e[23] !== C ? (H = C || {}, e[23] = C, e[24] = H) : H = e[24];
83
- let V, fe;
84
- e[25] !== H ? ({
85
- label: fe,
86
- ...V
87
- } = H, e[25] = H, e[26] = V, e[27] = fe) : (V = e[26], fe = e[27]);
88
- const Oe = fe === void 0 ? "Decrease" : fe;
89
- let T;
90
- e[28] !== F ? (T = F || {}, e[28] = F, e[29] = T) : T = e[29];
91
- let q, me;
92
- e[30] !== T ? ({
93
- label: me,
94
- ...q
95
- } = T, e[30] = T, e[31] = q, e[32] = me) : (q = e[31], me = e[32]);
96
- const Ue = me === void 0 ? "Increase" : me, [be, It] = xe(!1), [x, Je] = xe(h), [y, vt] = xe(""), [Ke, At] = xe(!1);
97
- let ye;
98
- e[33] === Symbol.for("react.memo_cache_sentinel") ? (ye = {}, e[33] = ye) : ye = e[33];
99
- const [_e, Dt] = xe(ye), S = mt(null);
100
- let Se;
101
- e[34] !== A ? (Se = (a) => {
102
- S.current = a, typeof A == "function" ? A(a) : A && (A.current = a);
103
- }, e[34] = A, e[35] = Se) : Se = e[35];
104
- const he = Se;
105
- let Ie;
106
- e[36] !== l ? (Ie = l == null ? void 0 : l.substring(0, _t), e[36] = l, e[37] = Ie) : Ie = e[37];
107
- const Qe = Ie, Ye = mt(null);
108
- let Ae;
109
- e[38] !== i ? (Ae = i == null ? void 0 : i.substring(0, ht), e[38] = i, e[39] = Ae) : Ae = e[39];
110
- const Ze = Ae, et = mt(null), ve = kt(St);
111
- let De, ge;
112
- e[40] !== h ? (De = () => {
113
- h && Je(h);
114
- }, ge = [h], e[40] = h, e[41] = De, e[42] = ge) : (De = e[41], ge = e[42]), bt(De, ge);
115
- let Ne, Be;
116
- e[43] !== y ? (Ne = () => {
117
- if (y) {
118
- const a = setTimeout(() => {
119
- vt("");
120
- }, 3e3);
121
- return () => clearTimeout(a);
122
- }
123
- }, Be = [y], e[43] = y, e[44] = Ne, e[45] = Be) : (Ne = e[44], Be = e[45]), bt(Ne, Be);
124
- let we, Le;
125
- e[46] === Symbol.for("react.memo_cache_sentinel") ? (we = () => {
126
- var f;
127
- const a = ln;
128
- return (f = S.current) == null || f.addEventListener("wheel", a, {
129
- passive: !1
130
- }), () => {
131
- var c;
132
- (c = S.current) == null || c.removeEventListener("wheel", a);
133
- };
134
- }, Le = [], e[46] = we, e[47] = Le) : (we = e[46], Le = e[47]), bt(we, Le);
135
- let Ee;
136
- e[48] !== n ? (Ee = () => {
137
- const a = n === "medium" ? 16 : 8, f = {};
138
- if (Ye.current) {
139
- const c = Ye.current.offsetWidth;
140
- f.paddingInlineStart = a + c + "px";
141
- }
142
- if (et.current) {
143
- const c = et.current.offsetWidth;
144
- f.paddingInlineEnd = a + c + "px";
145
- }
146
- Dt(f), It(!0);
147
- }, e[48] = n, e[49] = Ee) : Ee = e[49];
148
- let Re;
149
- e[50] !== Ke || e[51] !== l || e[52] !== n || e[53] !== i ? (Re = [l, i, n, Ke], e[50] = Ke, e[51] = l, e[52] = n, e[53] = i, e[54] = Re) : Re = e[54], xt(Ee, Re);
150
- let ke, Ce;
151
- e[55] === Symbol.for("react.memo_cache_sentinel") ? (ke = () => {
152
- Rt && (async () => {
153
- "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), At(!0));
154
- })();
155
- }, Ce = [], e[55] = ke, e[56] = Ce) : (ke = e[55], Ce = e[56]), xt(ke, Ce);
156
- const tt = n === "small";
157
- let W, M, X, j, z, G, N, O, U, B, w, L, E;
158
- if (e[57] !== ue || e[58] !== d || e[59] !== r || e[60] !== Qe || e[61] !== Ze || e[62] !== he || e[63] !== ve || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== x || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== P || e[72] !== $ || e[73] !== _ || e[74] !== l || e[75] !== v || e[76] !== g || e[77] !== D || e[78] !== n || e[79] !== de || e[80] !== i || e[81] !== u || e[82] !== tt || e[83] !== y) {
159
- const a = R(t.affix, {
160
- [t.affixSmall]: tt,
161
- [t.affixDisabled]: r,
162
- [t.affixReadonly]: v
163
- }), f = `${s}-label`, c = `${s}-feedback`, Pe = `${s}-hint`, Y = `${s}-value-announcer`, gt = m ? ` ${Pe}` : "";
164
- let $e;
165
- e[97] !== d ? ($e = R(t.root, d), e[97] = d, e[98] = $e) : $e = e[98];
166
- const Nt = $e, lt = n === "small", it = l || i;
167
- let He;
168
- e[99] !== o || e[100] !== be || e[101] !== lt || e[102] !== it ? (He = R(t.input, {
169
- [t.inputSmall]: lt,
170
- [t.inputInvalid]: o,
171
- [t.inputHasAffix]: it,
172
- [t.inputIsReady]: be
173
- }), e[99] = o, e[100] = be, e[101] = lt, e[102] = it, e[103] = He) : He = e[103];
174
- const at = He;
175
- let Ve;
176
- e[104] !== r || e[105] !== ve ? (Ve = R(t.label, {
177
- [t.labelHidden]: ve,
178
- [t.labelDisabled]: r
179
- }), e[104] = r, e[105] = ve, e[106] = Ve) : Ve = e[106];
180
- const ot = Ve, pt = n === "small";
181
- let Te;
182
- e[107] !== pt ? (Te = R(t.secondActionButton, {
183
- [t.secondActionButtonSmall]: pt
184
- }), e[107] = pt, e[108] = Te) : Te = e[108], W = Te;
185
- const rt = n === "small";
186
- let qe;
187
- e[109] !== rt ? (qe = R(t.actionButton, {
188
- [t.actionButtonSmall]: rt
189
- }), e[109] = rt, e[110] = qe) : qe = e[110], j = qe;
190
- let We;
191
- e[111] !== o || e[112] !== u || e[113] !== c || e[114] !== Y ? (We = () => {
192
- const p = [Y];
193
- return o && u && p.push(c), p.join(" ");
194
- }, e[111] = o, e[112] = u, e[113] = c, e[114] = Y, e[115] = We) : We = e[115];
195
- const Bt = We;
196
- let Me;
197
- e[116] !== ue ? (Me = () => {
198
- var p;
199
- if (S.current) {
200
- Je(S.current.value);
201
- const wt = new Event("change", {
202
- bubbles: !0
203
- });
204
- (p = S.current) == null || p.dispatchEvent(wt), vt(`${ue} ${S.current.value}`);
205
- }
206
- }, e[116] = ue, e[117] = Me) : Me = e[117];
207
- const Z = Me;
208
- let Xe;
209
- e[118] !== Z ? (Xe = () => {
210
- var p;
211
- (p = S.current) == null || p.stepDown(), Z();
212
- }, e[118] = Z, e[119] = Xe) : Xe = e[119], M = Xe;
213
- let je;
214
- e[120] !== Z ? (je = () => {
215
- var p;
216
- (p = S.current) == null || p.stepUp(), Z();
217
- }, e[120] = Z, e[121] = je) : je = e[121], X = je;
218
- let ze;
219
- e[122] !== _ ? (ze = (p) => {
220
- Je(p.target.value), _ && _(p);
221
- }, e[122] = _, e[123] = ze) : ze = e[123];
222
- const ct = ze;
223
- U = Nt;
224
- let ee;
225
- e[124] !== g ? (ee = g && /* @__PURE__ */ I(Ct, {}), e[124] = g, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (B = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
226
- b,
227
- ee
228
- ] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = B) : B = e[131], e[132] !== m || e[133] !== Pe ? (w = m && /* @__PURE__ */ I("div", { className: t.hint, id: Pe, children: m }), e[132] = m, e[133] = Pe, e[134] = w) : w = e[134], e[135] !== y || e[136] !== Y ? (L = /* @__PURE__ */ I("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: y }), e[135] = y, e[136] = Y, e[137] = L) : L = e[137], e[138] !== o || e[139] !== u || e[140] !== c ? (E = o && u && /* @__PURE__ */ I(Ft, { className: t.feedback, message: u, type: "invalid", id: c }), e[138] = o, e[139] = u, e[140] = c, e[141] = E) : E = e[141], z = t.wrapper, G = l && /* @__PURE__ */ I("span", { className: R(a, t.prefix), ref: Ye, "aria-disabled": r, children: Qe });
229
- const ut = `${f}${gt}`, dt = Bt();
230
- e[142] !== r || e[143] !== he || e[144] !== ct || e[145] !== s || e[146] !== at || e[147] !== _e || e[148] !== x || e[149] !== o || e[150] !== P || e[151] !== $ || e[152] !== v || e[153] !== g || e[154] !== D || e[155] !== de || e[156] !== ut || e[157] !== dt ? (N = /* @__PURE__ */ I("input", { className: at, id: s, ...D, style: _e, ref: he, "aria-labelledby": ut, "aria-describedby": dt, "aria-invalid": o, "aria-disabled": v, disabled: r, min: $, max: P, readOnly: v, required: g, step: de, type: "number", value: x, onChange: ct }), e[142] = r, e[143] = he, e[144] = ct, e[145] = s, e[146] = at, e[147] = _e, e[148] = x, e[149] = o, e[150] = P, e[151] = $, e[152] = v, e[153] = g, e[154] = D, e[155] = de, e[156] = ut, e[157] = dt, e[158] = N) : N = e[158], O = i && /* @__PURE__ */ I("span", { className: R(a, t.suffix), ref: et, "aria-disabled": r, children: Ze }), e[57] = ue, e[58] = d, e[59] = r, e[60] = Qe, e[61] = Ze, e[62] = he, e[63] = ve, e[64] = m, e[65] = s, e[66] = _e, e[67] = x, e[68] = o, e[69] = be, e[70] = b, e[71] = P, e[72] = $, e[73] = _, e[74] = l, e[75] = v, e[76] = g, e[77] = D, e[78] = n, e[79] = de, e[80] = i, e[81] = u, e[82] = tt, e[83] = y, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = N, e[91] = O, e[92] = U, e[93] = B, e[94] = w, e[95] = L, e[96] = E;
231
- } else
232
- W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], N = e[90], O = e[91], U = e[92], B = e[93], w = e[94], L = e[95], E = e[96];
233
- const nt = r || v || !!x && Number(x) <= Number($);
234
- let J;
235
- e[159] !== W || e[160] !== Oe || e[161] !== M || e[162] !== V || e[163] !== n || e[164] !== nt ? (J = /* @__PURE__ */ I(yt, { ...V, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: W, size: n, onClick: M, disabled: nt, type: "button", children: Oe }), e[159] = W, e[160] = Oe, e[161] = M, e[162] = V, e[163] = n, e[164] = nt, e[165] = J) : J = e[165];
236
- const st = r || v || !!x && Number(x) >= Number(P);
237
- let K;
238
- e[166] !== X || e[167] !== Ue || e[168] !== j || e[169] !== q || e[170] !== n || e[171] !== st ? (K = /* @__PURE__ */ I(yt, { ...q, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", className: j, size: n, onClick: X, disabled: st, type: "button", children: Ue }), e[166] = X, e[167] = Ue, e[168] = j, e[169] = q, e[170] = n, e[171] = st, e[172] = K) : K = e[172];
239
- let Q;
240
- e[173] !== z || e[174] !== G || e[175] !== N || e[176] !== O || e[177] !== J || e[178] !== K ? (Q = /* @__PURE__ */ ft("div", { className: z, children: [
241
- G,
242
- N,
243
- O,
244
- J,
245
- K
246
- ] }), e[173] = z, e[174] = G, e[175] = N, e[176] = O, e[177] = J, e[178] = K, e[179] = Q) : Q = e[179];
247
- let Fe;
248
- return e[180] !== U || e[181] !== B || e[182] !== w || e[183] !== L || e[184] !== E || e[185] !== Q ? (Fe = /* @__PURE__ */ ft("div", { className: U, children: [
249
- B,
250
- w,
251
- L,
252
- E,
253
- Q
254
- ] }), e[180] = U, e[181] = B, e[182] = w, e[183] = L, e[184] = E, e[185] = Q, e[186] = Fe) : Fe = e[186], Fe;
255
- });
256
- sn.displayName = "DSInputStepper";
257
- function ln(k) {
258
- k.preventDefault();
259
- }
260
- export {
261
- sn as D,
262
- nn as v
263
- };
@@ -1,8 +0,0 @@
1
- "use client";
2
- const r = (e) => typeof e != "number" || isNaN(e) ? 0 : e / 16, t = (e, s) => `[STIHL Design System] - [${e}]: ${s}`, o = (e, s) => `The "${e}" prop is required. Please add the "${e}" prop to the ${s} component.`, n = (e, s) => e == null ? void 0 : e.closest(s);
3
- export {
4
- n as a,
5
- t as g,
6
- r as p,
7
- o as r
8
- };