@stihl-design-system/components 1.0.0-RC.27 → 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 (138) hide show
  1. package/{accordion.CBaDU14g.js → accordion.DkwtJy--.js} +2 -2
  2. package/{actionbutton.DEJsLxnQ.js → actionbutton.DHt1AL7U.js} +2 -2
  3. package/{actionlink.Cs6BTCA3.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/{Fieldset.Cy5r0K7n.css → Fieldset.CW9dBvAo.css} +1 -1
  7. package/assets/InputFile.CCQxsulT.css +1 -0
  8. package/assets/InputPassword.124xVOiO.css +1 -0
  9. package/assets/InputSearch.Bkg-1urJ.css +1 -0
  10. package/assets/InputStepper.Dth4qZN_.css +1 -0
  11. package/assets/Select.CYACicZ3.css +1 -0
  12. package/assets/Slider.DzwSjDPV.css +1 -0
  13. package/assets/{systemfeedback.BX2zCzSL.css → SystemFeedback.RcrPepSZ.css} +1 -1
  14. package/assets/Textarea.BXWhXpXx.css +1 -0
  15. package/assets/input.ONbL-_C1.css +1 -0
  16. package/assets/radio.CgpGvYc-.css +1 -0
  17. package/{banner.CgQdUb_c.js → banner.B2YO054K.js} +1 -1
  18. package/{breadcrumb.x78HJy5P.js → breadcrumb.BS-S3zUI.js} +3 -3
  19. package/{button.BD_04tIG.js → button.CPilCCUI.js} +3 -3
  20. package/{buttonround.BT3OfowK.js → buttonround.C426mO4d.js} +2 -2
  21. package/{checkbox.BktYXQmJ.js → checkbox.BtlUvs0z.js} +3 -3
  22. package/{checkboxgroup.YK8H0YoX.js → checkboxgroup.C5NgyyQF.js} +2 -2
  23. package/{chip.BKtNbt4y.js → chip.tVIG1ysH.js} +2 -2
  24. package/{chipgroup.BWpqUzXF.js → chipgroup.CjIK0Z0x.js} +1 -1
  25. package/chunks/Accordion.C5V5IcM-.js +170 -0
  26. package/chunks/ActionButton.CzaWZGPt.js +165 -0
  27. package/chunks/ActionLink.BlhqDEtq.js +138 -0
  28. package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.js} +2 -2
  29. package/chunks/{Button.CC0qEsuR.js → Button.B7xF1E19.js} +2 -2
  30. package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.js} +14 -14
  31. package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
  32. package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
  33. package/chunks/{CustomReactSelect.BPnzhvw1.js → CustomReactSelect.iE5iTdez.js} +380 -379
  34. package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
  35. package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
  36. package/chunks/Fieldset.CjIfmN_5.js +74 -0
  37. package/chunks/Header.BSvyYrIV.js +368 -0
  38. package/chunks/Icon.DGTYCv63.js +231 -0
  39. package/chunks/{InputFile.vkkg5Pab.js → InputFile.DvOatDzg.js} +59 -59
  40. package/chunks/InputPassword.DC2POUc1.js +136 -0
  41. package/chunks/{InputSearch.aIbUXVQU.js → InputSearch.B0aCuPRZ.js} +38 -38
  42. package/chunks/InputStepper.B_ZjgY_f.js +263 -0
  43. package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js} +1 -1
  44. package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js} +1 -1
  45. package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js} +1 -1
  46. package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js} +2 -2
  47. package/chunks/{RadioGroup.c7YYJdUe.js → RadioGroup.peTeMK45.js} +2 -2
  48. package/chunks/Select.BDHLJ2ma.js +162 -0
  49. package/chunks/Slider.kyVr7BLk.js +292 -0
  50. package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
  51. package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js} +1 -1
  52. package/chunks/Textarea.ORkJUx-S.js +163 -0
  53. package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js} +2 -2
  54. package/chunks/caret-down.CupuwAF6.js +10 -0
  55. package/chunks/caret-right.DKtu4PQe.js +10 -0
  56. package/chunks/collapse.Dvv3mgkv.js +10 -0
  57. package/combobox.Bk2ycofh.js +60 -0
  58. package/components/Accordion/Accordion.utils.d.ts +3 -1
  59. package/components/ActionButton/ActionButton.d.ts +5 -5
  60. package/components/ActionLink/ActionLink.d.ts +5 -5
  61. package/components/Combobox/Combobox.d.ts +4 -0
  62. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
  63. package/components/Header/Header.d.ts +1 -1
  64. package/components/Radio/Radio.d.ts +0 -6
  65. package/components/SystemFeedback/SystemFeedback.d.ts +13 -5
  66. package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
  67. package/components/TopBar/TopBar.d.ts +1 -1
  68. package/{customreactselect.Bu1i8wkh.js → customreactselect.Hnch9LGg.js} +4 -4
  69. package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
  70. package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
  71. package/{fieldset.DM9ELUJa.js → fieldset.DUFUMcT-.js} +2 -2
  72. package/{filelist.Cj9U-Jx8.js → filelist.nunJKxkv.js} +7 -7
  73. package/{flag.BHaAfp6B.js → flag.D_iN8iD6.js} +1 -1
  74. package/{floatingactionbutton.DSZXUHB_.js → floatingactionbutton.DOH2k0gv.js} +2 -2
  75. package/{header.WhQHSuB1.js → header.Z4Oxj_xL.js} +1 -1
  76. package/{icon.DwfGhFCd.js → icon.vMQcEBnH.js} +1 -1
  77. package/index.d.ts +2 -0
  78. package/index.es.js +175 -170
  79. package/input.BKHOY118.js +203 -0
  80. package/{inputfile.Cmkxf4Vq.js → inputfile.DK8759wV.js} +5 -5
  81. package/{inputpassword.CaJBCMA0.js → inputpassword.rV_ZZw5F.js} +3 -3
  82. package/{inputsearch.B06DhYzo.js → inputsearch.CmhakTpa.js} +3 -3
  83. package/{inputstepper.DNY7nzP8.js → inputstepper.5olvh4tk.js} +3 -3
  84. package/{link.DGuYGfh2.js → link.D_FjTyoZ.js} +2 -2
  85. package/{linkbutton.B3q0B_yb.js → linkbutton.D2C4vykc.js} +2 -2
  86. package/{navigationtablist.CS9yEGdP.js → navigationtablist.CVjh1k-b.js} +2 -2
  87. package/{navigationtabs.DQ1kE-h4.js → navigationtabs.BGfi9AG2.js} +2 -2
  88. package/{notification.D8BDaU5x.js → notification.Dn-FZWEL.js} +3 -3
  89. package/{optioncheckbox.CEEPAq0u.js → optioncheckbox.D97W3zeW.js} +1 -1
  90. package/package.json +1 -1
  91. package/partials/index.js +30 -24
  92. package/partials/lib/partials.d.ts +1 -1
  93. package/radio.7_N_alaS.js +126 -0
  94. package/{radiogroup.BRjwP01C.js → radiogroup.J8WpEEo8.js} +3 -3
  95. package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
  96. package/{select.3zE96eWc.js → select.DIzGPVx3.js} +3 -3
  97. package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
  98. package/{slider.CTCf7Xdm.js → slider.DuJK0RdB.js} +2 -2
  99. package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
  100. package/styles/scss/ds/index.scss +1 -0
  101. package/styles/scss/ds/lib/ds-internal/_index.scss +1 -0
  102. package/styles/scss/ds/lib/ds-internal/_input.scss +187 -0
  103. package/styles/scss/ds/lib/input.scss +26 -0
  104. package/{switch.CtULjgZq.js → switch.B37S4vfP.js} +2 -2
  105. package/systemfeedback.C_2PhwKe.js +10 -0
  106. package/{tablist.Dzwe0_J4.js → tablist.g_Nwu6GA.js} +3 -3
  107. package/{tabs.yudjJk9d.js → tabs.oh9-wHPp.js} +2 -2
  108. package/{textarea.B_3fPtmd.js → textarea.dQ12-oYB.js} +2 -2
  109. package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
  110. package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
  111. package/{topbar.2b8fjmA4.js → topbar.Bccms0xZ.js} +1 -1
  112. package/types/icon-types.d.ts +1 -1
  113. package/assets/Accordion.DOcfZwq8.css +0 -1
  114. package/assets/CustomReactSelect.B9f_KYFg.css +0 -1
  115. package/assets/InputFile.Dqjz53mb.css +0 -1
  116. package/assets/InputPassword.BuVQ9dRy.css +0 -1
  117. package/assets/InputSearch.Dwtb3Mhw.css +0 -1
  118. package/assets/InputStepper.CBt99L83.css +0 -1
  119. package/assets/Select.CghDnBUQ.css +0 -1
  120. package/assets/Slider.C8i4U4iT.css +0 -1
  121. package/assets/Textarea.BgtH-TTe.css +0 -1
  122. package/assets/input.DFwunFjw.css +0 -1
  123. package/assets/radio.BCB51D_y.css +0 -1
  124. package/chunks/Accordion.eVOD7J_8.js +0 -154
  125. package/chunks/ActionButton.Ck1rGqgm.js +0 -165
  126. package/chunks/ActionLink.DnUNjoAT.js +0 -138
  127. package/chunks/Fieldset.BX46NuLh.js +0 -74
  128. package/chunks/Header.Djs1adPW.js +0 -361
  129. package/chunks/Icon.C0161Glk.js +0 -231
  130. package/chunks/InputPassword.D42uUEGy.js +0 -136
  131. package/chunks/InputStepper.DFEdUWm7.js +0 -263
  132. package/chunks/Select.B_EHpk22.js +0 -162
  133. package/chunks/Slider.DMSwmGwD.js +0 -292
  134. package/chunks/Textarea.Ce26v6ht.js +0 -163
  135. package/combobox.AaK6QjRl.js +0 -58
  136. package/input.DhxUW3zc.js +0 -203
  137. package/radio.Be4pFOLf.js +0 -134
  138. package/systemfeedback.CLQCbTF6.js +0 -44
@@ -1,74 +0,0 @@
1
- "use client";
2
- import { jsxs as p, jsx as i, Fragment as w } from "react/jsx-runtime";
3
- import { c as m } from "./index.CEyLAtio.js";
4
- import "react";
5
- import { Asterisk as S } from "../asterisk.CR60hx8S.js";
6
- import { DSHeading as j } from "../heading.BXFBZhKv.js";
7
- import { DSSystemFeedback as M } from "../systemfeedback.CLQCbTF6.js";
8
- import { g as D } from "./helpers.BbWkXTr3.js";
9
- import "./index.CgTHIF3K.js";
10
- import '../assets/Fieldset.Cy5r0K7n.css';const x = "ds-fieldset_root_1omgq_1", E = "ds-fieldset_child-wrapper_1omgq_98", C = "ds-fieldset_legend_1omgq_105", P = "ds-fieldset_legend--utility--m_1omgq_109", T = "ds-fieldset_description_1omgq_121", U = "ds-fieldset_description--small_1omgq_135", W = "ds-fieldset_system-feedback_1omgq_139", s = {
11
- root: x,
12
- childWrapper: E,
13
- legend: C,
14
- legendUtilityM: P,
15
- description: T,
16
- descriptionSmall: U,
17
- systemFeedback: W
18
- }, z = ({
19
- description: l,
20
- id: e,
21
- legend: a,
22
- systemFeedback: t
23
- }) => {
24
- if (!e && (l || t))
25
- throw new Error(D("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
26
- if (!a)
27
- throw new Error(D("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
28
- }, G = ({
29
- children: l,
30
- legend: e,
31
- className: a,
32
- description: t,
33
- disabled: b = !1,
34
- id: n,
35
- invalid: c = !1,
36
- required: g = !1,
37
- systemFeedback: o,
38
- ...q
39
- }) => {
40
- process.env.NODE_ENV !== "production" && z({
41
- description: t,
42
- id: n,
43
- legend: e,
44
- systemFeedback: o
45
- });
46
- let r, f, _;
47
- const d = typeof e == "object" && e !== void 0;
48
- d && ({
49
- headingSize: r,
50
- headingTag: f,
51
- headingText: _
52
- } = e);
53
- const h = `${n}-feedback`, y = `${n}-description`, u = [c && o && h, t && y].filter(Boolean).join(" ") || void 0, F = !d || r === "small" || r === "small-uppercase", N = m(s.root, a), v = m(s.legend, {
54
- [s.legendUtilityM]: !d
55
- }), k = m(s.description, {
56
- [s.descriptionSmall]: F
57
- });
58
- return /* @__PURE__ */ p("fieldset", { className: N, disabled: b, ...q, "aria-invalid": c, "aria-describedby": u, children: [
59
- /* @__PURE__ */ i("legend", { className: v, children: d ? /* @__PURE__ */ p(j, { tag: f, size: r, children: [
60
- _,
61
- g && /* @__PURE__ */ i(S, {})
62
- ] }) : /* @__PURE__ */ p(w, { children: [
63
- e,
64
- g && /* @__PURE__ */ i(S, {})
65
- ] }) }),
66
- t && /* @__PURE__ */ i("span", { id: y, className: k, children: t }),
67
- c && o && /* @__PURE__ */ i(M, { id: h, type: "invalid", message: o, className: s.systemFeedback }),
68
- /* @__PURE__ */ i("div", { className: s.childWrapper, children: l })
69
- ] });
70
- };
71
- export {
72
- G as D,
73
- z as v
74
- };
@@ -1,361 +0,0 @@
1
- "use client";
2
- import { jsx as g, jsxs as he, Fragment as ge } from "react/jsx-runtime";
3
- import { d as P } from "./index.CgTHIF3K.js";
4
- import { c as B } from "./index.CEyLAtio.js";
5
- import { useState as T, useEffect as re, useContext as ne, createContext as De, useRef as q } from "react";
6
- import { g as U, c as F, p as me } from "./helpers.BbWkXTr3.js";
7
- import { u as He } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
8
- import { DSLogo as Pe } from "../logo.C96KaG1P.js";
9
- import '../assets/Header.DO34x-dO.css';const xe = (d) => {
10
- const e = P.c(3), t = 0, [r, n] = T("down");
11
- let a, s;
12
- return e[0] !== t ? (a = () => {
13
- let l;
14
- l = window.scrollY;
15
- const c = () => {
16
- const o = window.scrollY, m = o > l ? "down" : "up";
17
- Math.abs(o - l) > t && (n(m), l = o);
18
- };
19
- return window.addEventListener("scroll", c, {
20
- passive: !0
21
- }), () => window.removeEventListener("scroll", c);
22
- }, s = [t], e[0] = t, e[1] = a, e[2] = s) : (a = e[1], s = e[2]), re(a, s), r;
23
- }, ft = ["full", "main"], Ee = ({
24
- hasBrandArea: d,
25
- hasPrimaryArea: e,
26
- hasSecondaryArea: t
27
- }) => {
28
- if (d)
29
- throw new Error(U("DSHeader", "A <DSTopBar.BrandArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
30
- if (e)
31
- throw new Error(U("DSHeader", "A <DSTopBar.PrimaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
32
- if (t)
33
- throw new Error(U("DSHeader", "A <DSTopBar.SecondaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
34
- }, Te = "ds-top-bar_root_ryiho_1", Fe = "ds-top-bar_root--sticky_ryiho_47", Ce = "ds-top-bar_root--fixed_ryiho_51", Oe = "ds-top-bar_content_ryiho_59", Ve = "ds-top-bar_content--variant-full_ryiho_78", Re = "ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82", ke = "ds-top-bar_primary_ryiho_87", Me = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102", $e = "ds-top-bar_brand_ryiho_107", We = "ds-top-bar_content--has-primary-area_ryiho_82", Ie = "ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146", Le = "ds-top-bar_brand-add-on_ryiho_210", Ye = "ds-top-bar_brand-add-on--double_ryiho_231", ze = "ds-top-bar_sub-title_ryiho_245", qe = "ds-top-bar_secondary_ryiho_271", Ue = "ds-top-bar_logo_ryiho_280", je = "ds-top-bar_logo--reduced_ryiho_290", v = {
35
- root: Te,
36
- rootSticky: Fe,
37
- rootFixed: Ce,
38
- content: Oe,
39
- contentVariantFull: Ve,
40
- contentHasPrimaryAreaAndSecondaryArea: Re,
41
- primary: ke,
42
- contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: Me,
43
- brand: $e,
44
- contentHasPrimaryArea: We,
45
- contentHasPrimaryAreaWithBrandAddOn: Ie,
46
- brandAddOn: Le,
47
- brandAddOnDouble: Ye,
48
- subTitle: ze,
49
- secondary: qe,
50
- logo: Ue,
51
- logoReduced: je
52
- }, Ge = ({
53
- hasBrandArea: d,
54
- hasPrimaryArea: e,
55
- hasSecondaryArea: t
56
- }) => {
57
- if (!d)
58
- throw new Error(U("DSTopBar", "A <DSTopBar.BrandArea> component is required. Please include it as a child of DSTopBar."));
59
- if (!e && t)
60
- throw new Error(U("DSTopBar", "A <DSTopBar.PrimaryArea> is required when using <DSTopBar.SecondaryArea>. Please include <DSTopBar.PrimaryArea> as a child of DSTopBar, or move the content from <DSTopBar.SecondaryArea> into <DSTopBar.PrimaryArea>."));
61
- }, ue = (d) => d == null || typeof d == "object" && !Array.isArray(d) && d !== null && Object.keys(d).length === 0, At = ["double", "single"], I = (d) => {
62
- const e = P.c(28);
63
- let t, r, n, a;
64
- e[0] !== d ? ({
65
- children: t,
66
- className: r,
67
- rootClassName: a,
68
- ...n
69
- } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a) : (t = e[1], r = e[2], n = e[3], a = e[4]);
70
- const {
71
- variant: s,
72
- isHeaderSticky: l,
73
- isMobile: c,
74
- topBarAreaRef: o,
75
- isStickyMainNavigationVisible: m,
76
- hasBrandAddOn: h
77
- } = ne(j);
78
- let A, y;
79
- if (e[5] !== t || e[6] !== r || e[7] !== h || e[8] !== l || e[9] !== c || e[10] !== m || e[11] !== a || e[12] !== s) {
80
- const x = F(t, fe), p = F(t, Ae), i = F(t, ye);
81
- process.env.NODE_ENV !== "production" && Ge({
82
- hasBrandArea: x,
83
- hasPrimaryArea: p,
84
- hasSecondaryArea: i
85
- });
86
- let b;
87
- e[15] !== l || e[16] !== c || e[17] !== m || e[18] !== a ? (b = B(v.root, a, l ? {
88
- [v.rootSticky]: !c && m,
89
- [v.rootFixed]: !c && !m
90
- } : {}), e[15] = l, e[16] = c, e[17] = m, e[18] = a, e[19] = b) : b = e[19], A = b, y = B(v.content, r, {
91
- [v.contentHasPrimaryArea]: p && !h && !i,
92
- [v.contentHasPrimaryAreaWithBrandAddOn]: p && h && !i,
93
- [v.contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea]: h && p && i,
94
- [v.contentHasPrimaryAreaAndSecondaryArea]: p && i && !h,
95
- [v.contentVariantFull]: s === "full"
96
- }), e[5] = t, e[6] = r, e[7] = h, e[8] = l, e[9] = c, e[10] = m, e[11] = a, e[12] = s, e[13] = A, e[14] = y;
97
- } else
98
- A = e[13], y = e[14];
99
- const _ = y;
100
- let f;
101
- e[20] !== t || e[21] !== _ || e[22] !== n ? (f = /* @__PURE__ */ g("section", { className: _, ...n, children: t }), e[20] = t, e[21] = _, e[22] = n, e[23] = f) : f = e[23];
102
- let u;
103
- return e[24] !== A || e[25] !== f || e[26] !== o ? (u = /* @__PURE__ */ g("div", { className: A, ref: o, children: f }), e[24] = A, e[25] = f, e[26] = o, e[27] = u) : u = e[27], u;
104
- }, fe = (d) => {
105
- const e = P.c(26), {
106
- children: t,
107
- className: r
108
- } = d, {
109
- logoProps: n,
110
- brandAddOnProps: a,
111
- setHasBrandAddOn: s
112
- } = ne(j);
113
- let l;
114
- e[0] !== n ? (l = n || {}, e[0] = n, e[1] = l) : l = e[1];
115
- const {
116
- aria: c,
117
- logo: o,
118
- href: m,
119
- target: h
120
- } = l, A = o === void 0 ? "main" : o, y = m === void 0 ? "/" : m, _ = h === void 0 ? "_self" : h;
121
- let f;
122
- e[2] !== a || e[3] !== t || e[4] !== s ? (f = () => {
123
- t || !ue(a) ? s == null || s(!0) : s == null || s(!1);
124
- }, e[2] = a, e[3] = t, e[4] = s, e[5] = f) : f = e[5];
125
- let u;
126
- e[6] !== a || e[7] !== t ? (u = [t, a], e[6] = a, e[7] = t, e[8] = u) : u = e[8], re(f, u);
127
- let x;
128
- e[9] !== A ? (x = B(v.logo, {
129
- [v.logoReduced]: A.includes("reduced")
130
- }), e[9] = A, e[10] = x) : x = e[10];
131
- const p = x;
132
- let i;
133
- e[11] !== r ? (i = B(v.brand, r), e[11] = r, e[12] = i) : i = e[12];
134
- let b;
135
- e[13] !== c || e[14] !== y || e[15] !== A || e[16] !== p || e[17] !== _ ? (b = /* @__PURE__ */ g(Pe, { className: p, aria: c, logo: A, href: y, target: _ }), e[13] = c, e[14] = y, e[15] = A, e[16] = p, e[17] = _, e[18] = b) : b = e[18];
136
- let D;
137
- e[19] !== a ? (D = ue(a) ? void 0 : /* @__PURE__ */ g(_e, { ...a }), e[19] = a, e[20] = D) : D = e[20];
138
- let H;
139
- return e[21] !== t || e[22] !== D || e[23] !== i || e[24] !== b ? (H = /* @__PURE__ */ he("div", { className: i, children: [
140
- b,
141
- D,
142
- t
143
- ] }), e[21] = t, e[22] = D, e[23] = i, e[24] = b, e[25] = H) : H = e[25], H;
144
- };
145
- fe.displayName = "DSTopBar.BrandArea";
146
- const _e = (d) => {
147
- const e = P.c(10), {
148
- children: t,
149
- className: r,
150
- subTitle: n,
151
- variant: a
152
- } = d, s = a === void 0 ? "single" : a, l = s === "double";
153
- let c;
154
- e[0] !== r || e[1] !== l ? (c = B(v.brandAddOn, r, {
155
- [v.brandAddOnDouble]: l
156
- }), e[0] = r, e[1] = l, e[2] = c) : c = e[2];
157
- const o = c;
158
- let m;
159
- e[3] !== t || e[4] !== n || e[5] !== s ? (m = s === "single" ? t : /* @__PURE__ */ he(ge, { children: [
160
- /* @__PURE__ */ g("span", { children: t }),
161
- n && /* @__PURE__ */ g("span", { className: v.subTitle, children: n })
162
- ] }), e[3] = t, e[4] = n, e[5] = s, e[6] = m) : m = e[6];
163
- let h;
164
- return e[7] !== o || e[8] !== m ? (h = /* @__PURE__ */ g("span", { className: o, children: m }), e[7] = o, e[8] = m, e[9] = h) : h = e[9], h;
165
- };
166
- _e.displayName = "DSTopBar.BrandAddOn";
167
- const Ae = (d) => {
168
- const e = P.c(5), {
169
- children: t,
170
- className: r
171
- } = d;
172
- let n;
173
- e[0] !== r ? (n = B(v.primary, r), e[0] = r, e[1] = n) : n = e[1];
174
- let a;
175
- return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ g("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
176
- };
177
- Ae.displayName = "DSTopBar.PrimaryArea";
178
- const ye = (d) => {
179
- const e = P.c(5), {
180
- children: t,
181
- className: r
182
- } = d;
183
- let n;
184
- e[0] !== r ? (n = B(v.secondary, r), e[0] = r, e[1] = n) : n = e[1];
185
- let a;
186
- return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ g("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
187
- };
188
- ye.displayName = "DSTopBar.SecondaryArea";
189
- I.BrandArea = fe;
190
- I.PrimaryArea = Ae;
191
- I.SecondaryArea = ye;
192
- const Je = "ds-header_root_g2mvw_1", Ke = "ds-header_root--sticky_g2mvw_4", Qe = "ds-header_root--hidden_g2mvw_9", Xe = "ds-header_root--fixed_g2mvw_20", Ze = "ds-header_main-navigation-area_g2mvw_36", et = "ds-header_main-navigation-area--fixed_g2mvw_88", tt = "ds-header_main-navigation-area--fixed--visible_g2mvw_103", at = "ds-header_main-navigation-content_g2mvw_108", rt = "ds-header_main-navigation-content--variant-full_g2mvw_112", nt = "ds-header_header-placeholder_g2mvw_117", ot = "ds-header_header-placeholder--with-banner_g2mvw_120", S = {
193
- root: Je,
194
- rootSticky: Ke,
195
- rootHidden: Qe,
196
- rootFixed: Xe,
197
- mainNavigationArea: Ze,
198
- mainNavigationAreaFixed: et,
199
- mainNavigationAreaFixedVisible: tt,
200
- mainNavigationContent: at,
201
- mainNavigationContentVariantFull: rt,
202
- headerPlaceholder: nt,
203
- headerPlaceholderWithBanner: ot
204
- }, j = De({
205
- variant: "main"
206
- }), oe = (d) => {
207
- const e = P.c(59);
208
- let t, r, n, a, s, l, c;
209
- e[0] !== d ? ({
210
- children: r,
211
- brandAddOnProps: t,
212
- className: n,
213
- isHeaderSticky: l,
214
- variant: c,
215
- logoProps: a,
216
- ...s
217
- } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a, e[5] = s, e[6] = l, e[7] = c) : (t = e[1], r = e[2], n = e[3], a = e[4], s = e[5], l = e[6], c = e[7]);
218
- const o = l === void 0 ? !1 : l, m = c === void 0 ? "main" : c, [h, A] = T(!1);
219
- let y;
220
- e[8] !== r ? (y = F(r, oe.BannerArea, !0), e[8] = r, e[9] = y) : y = e[9];
221
- const _ = y, f = F(r, I.BrandArea), u = F(r, I.PrimaryArea), x = F(r, I.SecondaryArea);
222
- process.env.NODE_ENV !== "production" && Ee({
223
- hasBrandArea: f,
224
- hasPrimaryArea: u,
225
- hasSecondaryArea: x
226
- });
227
- const p = xe(), [i, b] = T(!1), D = q(null), H = q(null), ie = q(null), pe = q(null), [C, Ne] = T(!1), [O, we] = T(!1), [w, ve] = T(!0), [se, Be] = T(!1), de = q(i);
228
- let G, J;
229
- e[10] !== o ? (G = () => {
230
- if (o) {
231
- const N = () => {
232
- b((W) => (de.current = W, window.innerWidth < 1024));
233
- };
234
- return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
235
- }
236
- }, J = [o], e[10] = o, e[11] = G, e[12] = J) : (G = e[11], J = e[12]), re(G, J);
237
- let K, Q;
238
- e[13] !== o ? (K = () => {
239
- if (o) {
240
- const N = () => {
241
- var Y, z, ae;
242
- const W = ((Y = D.current) == null ? void 0 : Y.offsetHeight) ?? 0, ce = ((z = H.current) == null ? void 0 : z.offsetHeight) ?? 0, E = ((ae = ie.current) == null ? void 0 : ae.offsetHeight) ?? 0, L = document.documentElement;
243
- L.style.setProperty("--ds-banner-height", `${me(W)}rem`), L.style.setProperty("--ds-header-height", `${me(ce)}rem`), L.style.setProperty("--ds-top-bar-height", `${me(E)}rem`);
244
- };
245
- return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
246
- }
247
- }, Q = [o], e[13] = o, e[14] = K, e[15] = Q) : (K = e[14], Q = e[15]), He(K, Q);
248
- let X;
249
- e[16] !== o || e[17] !== C || e[18] !== i || e[19] !== w || e[20] !== p ? (X = () => {
250
- if (o) {
251
- const N = () => {
252
- const E = H.current, L = !!E && window.scrollY <= E.offsetHeight;
253
- Ne(L);
254
- const Y = pe.current, z = ie.current;
255
- if (!i && de.current && !w) {
256
- ve(C && !!E && window.scrollY <= E.offsetHeight);
257
- return;
258
- }
259
- const ae = !!z && !!Y && Y.getBoundingClientRect().bottom > z.getBoundingClientRect().bottom;
260
- ve(ae && !!E && window.scrollY <= E.offsetHeight);
261
- };
262
- window.addEventListener("scroll", N, {
263
- passive: !0
264
- }), N();
265
- const W = H.current, ce = !!W && W.getBoundingClientRect().bottom > 0;
266
- return i && we(p === "up" && !ce), i || Be(p === "up" && !w), () => {
267
- window.removeEventListener("scroll", N);
268
- };
269
- }
270
- }, e[16] = o, e[17] = C, e[18] = i, e[19] = w, e[20] = p, e[21] = X) : X = e[21];
271
- let Z;
272
- e[22] !== o || e[23] !== i || e[24] !== p ? (Z = [o, i, de, p], e[22] = o, e[23] = i, e[24] = p, e[25] = Z) : Z = e[25], re(X, Z);
273
- let ee;
274
- e[26] !== n || e[27] !== O || e[28] !== o || e[29] !== C || e[30] !== i ? (ee = B(S.root, n, o ? {
275
- [S.rootSticky]: i,
276
- [S.rootHidden]: i && !C,
277
- [S.rootFixed]: i && O
278
- } : {}), e[26] = n, e[27] = O, e[28] = o, e[29] = C, e[30] = i, e[31] = ee) : ee = e[31];
279
- const le = ee;
280
- let V;
281
- e[32] !== t || e[33] !== h || e[34] !== se || e[35] !== o || e[36] !== i || e[37] !== w || e[38] !== a || e[39] !== m ? (V = {
282
- variant: m,
283
- bannerAreaRef: D,
284
- brandAddOnProps: t,
285
- hasBrandAddOn: h,
286
- setHasBrandAddOn: A,
287
- isFixedMainNavigation: se,
288
- isHeaderSticky: o,
289
- isMobile: i,
290
- isStickyMainNavigationVisible: w,
291
- mainNavigationAreaRef: pe,
292
- topBarAreaRef: ie,
293
- logoProps: a
294
- }, e[32] = t, e[33] = h, e[34] = se, e[35] = o, e[36] = i, e[37] = w, e[38] = a, e[39] = m, e[40] = V) : V = e[40];
295
- let R;
296
- e[41] !== r || e[42] !== V ? (R = /* @__PURE__ */ g(j.Provider, { value: V, children: r }), e[41] = r, e[42] = V, e[43] = R) : R = e[43];
297
- let k;
298
- e[44] !== s || e[45] !== le || e[46] !== R ? (k = /* @__PURE__ */ g("header", { className: le, ...s, ref: H, children: R }), e[44] = s, e[45] = le, e[46] = R, e[47] = k) : k = e[47];
299
- let M;
300
- e[48] !== O || e[49] !== i ? (M = i && O && /* @__PURE__ */ g("div", { className: S.headerPlaceholder }), e[48] = O, e[49] = i, e[50] = M) : M = e[50];
301
- let $;
302
- e[51] !== _ || e[52] !== i || e[53] !== w ? ($ = !i && !w && /* @__PURE__ */ g("div", { className: _ ? S.headerPlaceholderWithBanner : S.headerPlaceholder }), e[51] = _, e[52] = i, e[53] = w, e[54] = $) : $ = e[54];
303
- let te;
304
- return e[55] !== k || e[56] !== M || e[57] !== $ ? (te = /* @__PURE__ */ he(ge, { children: [
305
- k,
306
- M,
307
- $
308
- ] }), e[55] = k, e[56] = M, e[57] = $, e[58] = te) : te = e[58], te;
309
- }, be = (d) => {
310
- const e = P.c(4), {
311
- children: t,
312
- className: r
313
- } = d, {
314
- bannerAreaRef: n
315
- } = ne(j);
316
- let a;
317
- return e[0] !== n || e[1] !== t || e[2] !== r ? (a = /* @__PURE__ */ g("div", { ref: n, className: r, children: t }), e[0] = n, e[1] = t, e[2] = r, e[3] = a) : a = e[3], a;
318
- };
319
- be.displayName = "DSHeader.BannerArea";
320
- const Se = (d) => {
321
- const e = P.c(15), {
322
- children: t,
323
- className: r
324
- } = d, {
325
- variant: n,
326
- isFixedMainNavigation: a,
327
- isHeaderSticky: s,
328
- isMobile: l,
329
- isStickyMainNavigationVisible: c,
330
- mainNavigationAreaRef: o
331
- } = ne(j);
332
- let m;
333
- e[0] !== r || e[1] !== a || e[2] !== s || e[3] !== l || e[4] !== c ? (m = B(S.mainNavigationArea, r, s ? {
334
- [S.mainNavigationAreaFixed]: !l && !c,
335
- [S.mainNavigationAreaFixedVisible]: !l && a
336
- } : {}), e[0] = r, e[1] = a, e[2] = s, e[3] = l, e[4] = c, e[5] = m) : m = e[5];
337
- const h = m, A = n === "full";
338
- let y;
339
- e[6] !== A ? (y = B(S.mainNavigationContent, {
340
- [S.mainNavigationContentVariantFull]: A
341
- }), e[6] = A, e[7] = y) : y = e[7];
342
- const _ = y;
343
- let f;
344
- e[8] !== t || e[9] !== _ ? (f = /* @__PURE__ */ g("div", { className: _, children: t }), e[8] = t, e[9] = _, e[10] = f) : f = e[10];
345
- let u;
346
- return e[11] !== o || e[12] !== h || e[13] !== f ? (u = /* @__PURE__ */ g("div", { className: h, ref: o, children: f }), e[11] = o, e[12] = h, e[13] = f, e[14] = u) : u = e[14], u;
347
- };
348
- Se.displayName = "DSHeader.MainNavigationArea";
349
- oe.BannerArea = be;
350
- oe.MainNavigationArea = Se;
351
- oe.displayName = "DSHeader";
352
- export {
353
- At as B,
354
- j as D,
355
- ft as H,
356
- oe as a,
357
- I as b,
358
- Ge as c,
359
- ue as i,
360
- Ee as v
361
- };