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

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 (121) 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/Icon.QeJ7TxZs.css +1 -0
  8. package/assets/InputFile.Dqjz53mb.css +1 -0
  9. package/assets/Popover.BDTDsPAt.css +1 -0
  10. package/{breadcrumb.C07HDyGp.js → breadcrumb.x78HJy5P.js} +3 -3
  11. package/{button.BBqDvwVm.js → button.BD_04tIG.js} +3 -3
  12. package/{buttonround.Vy1EygFm.js → buttonround.BT3OfowK.js} +2 -2
  13. package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
  14. package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
  15. package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
  16. package/{chipgroup.D1Km301k.js → chipgroup.Bp_v9IQu.js} +2 -2
  17. package/chunks/{Accordion.Cjc_1Bu1.js → Accordion.eVOD7J_8.js} +2 -2
  18. package/chunks/ActionButton.Ck1rGqgm.js +165 -0
  19. package/chunks/ActionLink.DnUNjoAT.js +138 -0
  20. package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
  21. package/chunks/{Breadcrumb.QhD6byzd.js → Breadcrumb.B7g30dIO.js} +3 -3
  22. package/chunks/{Button.DZNUuPKC.js → Button.CC0qEsuR.js} +4 -4
  23. package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
  24. package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
  25. package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
  26. package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.DWdh3k_q.js} +1340 -1580
  27. package/chunks/{Dialog.DPeGj8-T.js → Dialog.BuEEJ199.js} +2 -2
  28. package/chunks/{Drawer.BMibxANc.js → Drawer.BXUGmpJI.js} +2 -2
  29. package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
  30. package/chunks/Header.CsrzyVil.js +356 -0
  31. package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
  32. package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
  33. package/chunks/{InputFile.fltVIulD.js → InputFile.vkkg5Pab.js} +32 -32
  34. package/chunks/{InputPassword.C4QhwijC.js → InputPassword.BQU09DJh.js} +3 -3
  35. package/chunks/{InputSearch.DdWBmEmu.js → InputSearch.CXL9ThpX.js} +3 -3
  36. package/chunks/{InputStepper.BRzbuEho.js → InputStepper.BhLQVAlo.js} +4 -4
  37. package/chunks/{LinkButton.DyTU9sfN.js → LinkButton.DmXVHeyZ.js} +3 -3
  38. package/chunks/{NavigationTabList.D2NVVTjK.js → NavigationTabList.IQM074Vb.js} +1 -1
  39. package/chunks/{NavigationTabs.TfdsA8GX.js → NavigationTabs.CuOXq0b7.js} +2 -2
  40. package/chunks/{Notification.BRg1qlng.js → Notification.B-3dPVUE.js} +2 -2
  41. package/chunks/Popover.hXQTvwwd.js +1685 -0
  42. package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.okEm_-NA.js} +2 -2
  43. package/chunks/{Select.DCxMPsCm.js → Select.D3IUIdPJ.js} +3 -3
  44. package/chunks/{Slider.Cljc14kS.js → Slider.CPG4Btbq.js} +2 -2
  45. package/chunks/{Tabs.GvcCCCFT.js → Tabs.C4qGWCcD.js} +2 -2
  46. package/chunks/{Text.TS4XdA9e.js → Text.DGWeWF1y.js} +1 -1
  47. package/chunks/{Textarea.Bs4-nzu8.js → Textarea.D4vXRg_U.js} +2 -2
  48. package/chunks/{Toast.DawJ9OSY.js → Toast.BHz0vlGz.js} +2 -2
  49. package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
  50. package/chunks/helpers.BbWkXTr3.js +37 -0
  51. package/{combobox.DW_ey38o.js → combobox.DIB07SNA.js} +1 -1
  52. package/components/ActionButton/ActionButton.d.ts +9 -5
  53. package/components/ActionButton/ActionButton.utils.d.ts +4 -2
  54. package/components/ActionLink/ActionLink.d.ts +9 -5
  55. package/components/ActionLink/ActionLink.utils.d.ts +4 -2
  56. package/components/Button/Button.utils.d.ts +1 -1
  57. package/components/Header/Header.utils.d.ts +0 -2
  58. package/components/Icon/Icon.d.ts +1 -1
  59. package/components/Icon/Icon.utils.d.ts +1 -1
  60. package/components/Popover/Popover.d.ts +40 -0
  61. package/components/Popover/Popover.test.d.ts +1 -0
  62. package/components/Popover/Popover.utils.d.ts +53 -0
  63. package/components/Popover/Popover.utils.test.d.ts +1 -0
  64. package/connected-icon.svg +1 -0
  65. package/{customreactselect.DcH7h1mb.js → customreactselect.BvuvCDyE.js} +4 -4
  66. package/{dialog.D6d_WXOM.js → dialog.CGsUCqhR.js} +2 -2
  67. package/{drawer.BmQWFOuF.js → drawer.BcAo4TO0.js} +2 -2
  68. package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
  69. package/{filelist.Dnd5nOdw.js → filelist.Cj9U-Jx8.js} +3 -3
  70. package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
  71. package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
  72. package/{header.5iwPmK5V.js → header.DLrTpc-W.js} +2 -2
  73. package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
  74. package/icon.svg +1 -1
  75. package/imow-icon.svg +1 -0
  76. package/index.d.ts +2 -0
  77. package/index.es.js +178 -172
  78. package/{input.mPceLGnf.js → input.D4OiEI8g.js} +4 -4
  79. package/{inputfile.CIpE9i-3.js → inputfile.Cmkxf4Vq.js} +6 -6
  80. package/{inputpassword.DkiyI-yo.js → inputpassword.CYfGcUE-.js} +3 -3
  81. package/{inputsearch.DcOp_VUd.js → inputsearch.CecX8gHD.js} +4 -4
  82. package/{inputstepper.D7TpDXst.js → inputstepper.CFgfHjM_.js} +4 -4
  83. package/{link.B5NZ1QKr.js → link.DGuYGfh2.js} +2 -2
  84. package/{linkbutton.CMVcQVxI.js → linkbutton.B3q0B_yb.js} +3 -3
  85. package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
  86. package/mystihl-icon.svg +1 -0
  87. package/{navigationtablist.BMJTC9qo.js → navigationtablist.CS9yEGdP.js} +2 -2
  88. package/{navigationtabs.BQeKKIFy.js → navigationtabs.B86G8ODY.js} +2 -2
  89. package/{notification.Bzli8Qlq.js → notification.D8BDaU5x.js} +3 -3
  90. package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
  91. package/package.json +3 -1
  92. package/partials/assets.const.js +2 -0
  93. package/partials/copyAssets.js +4 -2
  94. package/partials/index.js +23 -17
  95. package/partials/lib/partials.d.ts +1 -1
  96. package/popover.BFx99cHg.js +10 -0
  97. package/popover.d.ts +2 -0
  98. package/{radiogroup.BnMkpjvV.js → radiogroup.C2PkTHnF.js} +2 -2
  99. package/{select.BSvjDIVC.js → select.CmGQdpsV.js} +3 -3
  100. package/{skiptocontent.CQ4aARqd.js → skiptocontent.D1UkPmhD.js} +2 -2
  101. package/{slider.LRlFFlYL.js → slider.DGmVtnxs.js} +2 -2
  102. package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
  103. package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
  104. package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
  105. package/{tablist.DGGeFOi1.js → tablist.CcCURua8.js} +4 -4
  106. package/{tabs.CXkSN2kd.js → tabs.Dby_2Hyz.js} +2 -2
  107. package/{text.CPwbk8Gy.js → text.ZOUuesnU.js} +2 -2
  108. package/{textarea.D0ADOdR6.js → textarea.yOTo23Pd.js} +3 -3
  109. package/{toast.CYYvK4DJ.js → toast.Bhpwj1NF.js} +3 -3
  110. package/{toastmanager.k9iGb7MN.js → toastmanager.BHk65ynQ.js} +3 -3
  111. package/topbar.qNB9efbF.js +11 -0
  112. package/utils/helpers.d.ts +10 -0
  113. package/assets/ActionButton.DZVAnm-p.css +0 -1
  114. package/assets/ActionLink.DuklSL3c.css +0 -1
  115. package/assets/Icon.ZNrKuqgu.css +0 -1
  116. package/assets/InputFile.Dx_CULYq.css +0 -1
  117. package/chunks/ActionButton.DFI8P9-f.js +0 -159
  118. package/chunks/ActionLink.CLQ1yQZF.js +0 -132
  119. package/chunks/Header.DPafHEKw.js +0 -384
  120. package/chunks/helpers.CcqWV-wZ.js +0 -8
  121. package/topbar.BPSDyH0N.js +0 -10
@@ -3,8 +3,8 @@ import { jsx as F, jsxs as Z } from "react/jsx-runtime";
3
3
  import { d as ee } from "./index.CgTHIF3K.js";
4
4
  import { c as W } from "./index.CEyLAtio.js";
5
5
  import { useRef as Q, useState as oe, useEffect as U } from "react";
6
- import { D as te } from "./Button.DZNUuPKC.js";
7
- import { g as le } from "./helpers.CcqWV-wZ.js";
6
+ import { D as te } from "./Button.CC0qEsuR.js";
7
+ import { g as le } from "./helpers.BbWkXTr3.js";
8
8
  import '../assets/Dialog.CGAg7bnN.css';const se = "ds-dialog_root_kvopn_5", ne = "ds-dialog_content-wrapper_kvopn_166", re = "ds-dialog_content-wrapper--no-footer_kvopn_172", ce = "ds-dialog_close-button_kvopn_180", ae = "ds-dialog_header_kvopn_193", ie = "ds-dialog_content_kvopn_166", de = "ds-dialog_footer_kvopn_195", fe = "ds-dialog_header--scrollable_kvopn_216", pe = "ds-dialog_header--close-button_kvopn_225", ue = "ds-dialog_content--no-footer_kvopn_238", he = "ds-dialog_footer--scrollable_kvopn_245", t = {
9
9
  root: se,
10
10
  contentWrapper: ne,
@@ -3,8 +3,8 @@ import { jsx as x, jsxs as oe } from "react/jsx-runtime";
3
3
  import { d as re } from "./index.CgTHIF3K.js";
4
4
  import { c as F } from "./index.CEyLAtio.js";
5
5
  import { useRef as X, useState as se, useEffect as Y } from "react";
6
- import { D as ne } from "./Button.DZNUuPKC.js";
7
- import { g as le } from "./helpers.CcqWV-wZ.js";
6
+ import { D as ne } from "./Button.CC0qEsuR.js";
7
+ import { g as le } from "./helpers.BbWkXTr3.js";
8
8
  import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae = "ds-drawer_root--end_4nbv0_68", ie = "ds-drawer_content-wrapper_4nbv0_169", de = "ds-drawer_content-wrapper--no-footer_4nbv0_175", fe = "ds-drawer_close-button_4nbv0_178", _e = "ds-drawer_header_4nbv0_191", pe = "ds-drawer_content_4nbv0_169", ue = "ds-drawer_footer_4nbv0_193", be = "ds-drawer_header--scrollable_4nbv0_214", he = "ds-drawer_header--close-button_4nbv0_223", me = "ds-drawer_content--no-footer_4nbv0_237", ve = "ds-drawer_footer--scrollable_4nbv0_244", o = {
9
9
  root: ce,
10
10
  rootEnd: ae,
@@ -4,8 +4,8 @@ import { c as m } from "./index.CEyLAtio.js";
4
4
  import "react";
5
5
  import { Asterisk as S } from "../asterisk.CR60hx8S.js";
6
6
  import { DSHeading as j } from "../heading.BXFBZhKv.js";
7
- import { DSSystemFeedback as M } from "../systemfeedback.BpKZEv4U.js";
8
- import { g as D } from "./helpers.CcqWV-wZ.js";
7
+ import { DSSystemFeedback as M } from "../systemfeedback.CLQCbTF6.js";
8
+ import { g as D } from "./helpers.BbWkXTr3.js";
9
9
  import "./index.CgTHIF3K.js";
10
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
11
  root: x,
@@ -0,0 +1,356 @@
1
+ "use client";
2
+ import { jsx as _, jsxs as me, Fragment as ve } from "react/jsx-runtime";
3
+ import { d as P } from "./index.CgTHIF3K.js";
4
+ import { c as w } from "./index.CEyLAtio.js";
5
+ import { useState as E, useEffect as ae, useContext as re, createContext as Be, useRef as te } from "react";
6
+ import { g as Y, c as T, p as ce } from "./helpers.BbWkXTr3.js";
7
+ import { u as De } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
8
+ import { DSLogo as He } from "../logo.C96KaG1P.js";
9
+ import '../assets/Header.DO34x-dO.css';const Pe = (d) => {
10
+ const e = P.c(3), t = 0, [r, n] = E("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]), ae(a, s), r;
23
+ }, ht = ["full", "main"], xe = ({
24
+ hasBrandArea: d,
25
+ hasPrimaryArea: e,
26
+ hasSecondaryArea: t
27
+ }) => {
28
+ if (d)
29
+ throw new Error(Y("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(Y("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(Y("DSHeader", "A <DSTopBar.SecondaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
34
+ }, Ee = "ds-top-bar_root_ryiho_1", Te = "ds-top-bar_root--sticky_ryiho_47", Ce = "ds-top-bar_root--fixed_ryiho_51", Fe = "ds-top-bar_content_ryiho_59", Oe = "ds-top-bar_content--variant-full_ryiho_78", Ve = "ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82", Re = "ds-top-bar_primary_ryiho_87", ke = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102", Me = "ds-top-bar_brand_ryiho_107", $e = "ds-top-bar_content--has-primary-area_ryiho_82", We = "ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146", Le = "ds-top-bar_brand-add-on_ryiho_210", Ie = "ds-top-bar_brand-add-on--double_ryiho_231", Ye = "ds-top-bar_sub-title_ryiho_245", ze = "ds-top-bar_secondary_ryiho_271", qe = "ds-top-bar_logo_ryiho_280", Ue = "ds-top-bar_logo--reduced_ryiho_290", v = {
35
+ root: Ee,
36
+ rootSticky: Te,
37
+ rootFixed: Ce,
38
+ content: Fe,
39
+ contentVariantFull: Oe,
40
+ contentHasPrimaryAreaAndSecondaryArea: Ve,
41
+ primary: Re,
42
+ contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: ke,
43
+ brand: Me,
44
+ contentHasPrimaryArea: $e,
45
+ contentHasPrimaryAreaWithBrandAddOn: We,
46
+ brandAddOn: Le,
47
+ brandAddOnDouble: Ie,
48
+ subTitle: Ye,
49
+ secondary: ze,
50
+ logo: qe,
51
+ logoReduced: Ue
52
+ }, je = ({
53
+ hasBrandArea: d,
54
+ hasPrimaryArea: e,
55
+ hasSecondaryArea: t
56
+ }) => {
57
+ if (!d)
58
+ throw new Error(Y("DSTopBar", "A <DSTopBar.BrandArea> component is required. Please include it as a child of DSTopBar."));
59
+ if (!e && t)
60
+ throw new Error(Y("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
+ }, pe = (d) => d == null || typeof d == "object" && !Array.isArray(d) && d !== null && Object.keys(d).length === 0, ft = ["double", "single"], $ = (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
+ } = re(z);
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 = T(t, he), p = T(t, fe), i = T(t, Ae);
81
+ process.env.NODE_ENV !== "production" && je({
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 = w(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 = w(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 u = y;
100
+ let f;
101
+ e[20] !== t || e[21] !== u || e[22] !== n ? (f = /* @__PURE__ */ _("section", { className: u, ...n, children: t }), e[20] = t, e[21] = u, e[22] = n, e[23] = f) : f = e[23];
102
+ let g;
103
+ return e[24] !== A || e[25] !== f || e[26] !== o ? (g = /* @__PURE__ */ _("div", { className: A, ref: o, children: f }), e[24] = A, e[25] = f, e[26] = o, e[27] = g) : g = e[27], g;
104
+ }, he = (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
+ } = re(z);
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, u = h === void 0 ? "_self" : h;
121
+ let f;
122
+ e[2] !== a || e[3] !== t || e[4] !== s ? (f = () => {
123
+ t || !pe(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 g;
126
+ e[6] !== a || e[7] !== t ? (g = [t, a], e[6] = a, e[7] = t, e[8] = g) : g = e[8], ae(f, g);
127
+ let x;
128
+ e[9] !== A ? (x = w(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 = w(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] !== u ? (b = /* @__PURE__ */ _(He, { className: p, aria: c, logo: A, href: y, target: u }), e[13] = c, e[14] = y, e[15] = A, e[16] = p, e[17] = u, e[18] = b) : b = e[18];
136
+ let B;
137
+ e[19] !== a ? (B = pe(a) ? void 0 : /* @__PURE__ */ _(ge, { ...a }), e[19] = a, e[20] = B) : B = e[20];
138
+ let D;
139
+ return e[21] !== t || e[22] !== B || e[23] !== i || e[24] !== b ? (D = /* @__PURE__ */ me("div", { className: i, children: [
140
+ b,
141
+ B,
142
+ t
143
+ ] }), e[21] = t, e[22] = B, e[23] = i, e[24] = b, e[25] = D) : D = e[25], D;
144
+ };
145
+ he.displayName = "DSTopBar.BrandArea";
146
+ const ge = (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 = w(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__ */ me(ve, { children: [
160
+ /* @__PURE__ */ _("span", { children: t }),
161
+ n && /* @__PURE__ */ _("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__ */ _("span", { className: o, children: m }), e[7] = o, e[8] = m, e[9] = h) : h = e[9], h;
165
+ };
166
+ ge.displayName = "DSTopBar.BrandAddOn";
167
+ const fe = (d) => {
168
+ const e = P.c(5), {
169
+ children: t,
170
+ className: r
171
+ } = d;
172
+ let n;
173
+ e[0] !== r ? (n = w(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__ */ _("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
176
+ };
177
+ fe.displayName = "DSTopBar.PrimaryArea";
178
+ const Ae = (d) => {
179
+ const e = P.c(5), {
180
+ children: t,
181
+ className: r
182
+ } = d;
183
+ let n;
184
+ e[0] !== r ? (n = w(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__ */ _("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
187
+ };
188
+ Ae.displayName = "DSTopBar.SecondaryArea";
189
+ $.BrandArea = he;
190
+ $.PrimaryArea = fe;
191
+ $.SecondaryArea = Ae;
192
+ const Ge = "ds-header_root_g2mvw_1", Je = "ds-header_root--sticky_g2mvw_4", Ke = "ds-header_root--hidden_g2mvw_9", Qe = "ds-header_root--fixed_g2mvw_20", Xe = "ds-header_main-navigation-area_g2mvw_36", Ze = "ds-header_main-navigation-area--fixed_g2mvw_88", et = "ds-header_main-navigation-area--fixed--visible_g2mvw_103", tt = "ds-header_main-navigation-content_g2mvw_108", at = "ds-header_main-navigation-content--variant-full_g2mvw_112", rt = "ds-header_header-placeholder_g2mvw_117", nt = "ds-header_header-placeholder--with-banner_g2mvw_120", S = {
193
+ root: Ge,
194
+ rootSticky: Je,
195
+ rootHidden: Ke,
196
+ rootFixed: Qe,
197
+ mainNavigationArea: Xe,
198
+ mainNavigationAreaFixed: Ze,
199
+ mainNavigationAreaFixedVisible: et,
200
+ mainNavigationContent: tt,
201
+ mainNavigationContentVariantFull: at,
202
+ headerPlaceholder: rt,
203
+ headerPlaceholderWithBanner: nt
204
+ }, z = Be({
205
+ variant: "main"
206
+ }), ne = (d) => {
207
+ const e = P.c(58);
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] = E(!1);
219
+ let y;
220
+ e[8] !== r ? (y = T(r, ne.BannerArea, !0), e[8] = r, e[9] = y) : y = e[9];
221
+ const u = y, f = T(r, $.BrandArea), g = T(r, $.PrimaryArea), x = T(r, $.SecondaryArea);
222
+ process.env.NODE_ENV !== "production" && xe({
223
+ hasBrandArea: f,
224
+ hasPrimaryArea: g,
225
+ hasSecondaryArea: x
226
+ });
227
+ const p = Pe(), [i, b] = E(!1), B = te(null), D = te(null), oe = te(null), ye = te(null), [ie, be] = E(!1), [C, Se] = E(!1), [H, Ne] = E(!0), [se, we] = E(!1);
228
+ let q, U;
229
+ e[10] !== o ? (q = () => {
230
+ if (o) {
231
+ const N = () => {
232
+ b(window.innerWidth < 1024);
233
+ };
234
+ return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
235
+ }
236
+ }, U = [o], e[10] = o, e[11] = q, e[12] = U) : (q = e[11], U = e[12]), ae(q, U);
237
+ let j, G;
238
+ e[13] !== o ? (j = () => {
239
+ if (o) {
240
+ const N = () => {
241
+ var L, I, ee;
242
+ const Z = ((L = B.current) == null ? void 0 : L.offsetHeight) ?? 0, le = ((I = D.current) == null ? void 0 : I.offsetHeight) ?? 0, M = ((ee = oe.current) == null ? void 0 : ee.offsetHeight) ?? 0, W = document.documentElement;
243
+ W.style.setProperty("--ds-banner-height", `${ce(Z)}rem`), W.style.setProperty("--ds-header-height", `${ce(le)}rem`), W.style.setProperty("--ds-top-bar-height", `${ce(M)}rem`);
244
+ };
245
+ return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
246
+ }
247
+ }, G = [o], e[13] = o, e[14] = j, e[15] = G) : (j = e[14], G = e[15]), De(j, G);
248
+ let J;
249
+ e[16] !== o || e[17] !== i || e[18] !== H || e[19] !== p ? (J = () => {
250
+ if (o) {
251
+ const N = () => {
252
+ const M = D.current, W = !!M && window.scrollY <= M.offsetHeight;
253
+ be(W);
254
+ const L = ye.current, I = oe.current, ee = !!I && !!L && L.getBoundingClientRect().bottom > I.getBoundingClientRect().bottom;
255
+ Ne(ee && !!M && window.scrollY <= M.offsetHeight);
256
+ };
257
+ window.addEventListener("scroll", N, {
258
+ passive: !0
259
+ }), N();
260
+ const Z = D.current, le = !!Z && Z.getBoundingClientRect().bottom > 0;
261
+ return i && Se(p === "up" && !le), i || we(p === "up" && !H), () => {
262
+ window.removeEventListener("scroll", N);
263
+ };
264
+ }
265
+ }, e[16] = o, e[17] = i, e[18] = H, e[19] = p, e[20] = J) : J = e[20];
266
+ let K;
267
+ e[21] !== o || e[22] !== i || e[23] !== p ? (K = [o, i, p], e[21] = o, e[22] = i, e[23] = p, e[24] = K) : K = e[24], ae(J, K);
268
+ let Q;
269
+ e[25] !== n || e[26] !== C || e[27] !== o || e[28] !== ie || e[29] !== i ? (Q = w(S.root, n, o ? {
270
+ [S.rootSticky]: i,
271
+ [S.rootHidden]: i && !ie,
272
+ [S.rootFixed]: i && C
273
+ } : {}), e[25] = n, e[26] = C, e[27] = o, e[28] = ie, e[29] = i, e[30] = Q) : Q = e[30];
274
+ const de = Q;
275
+ let F;
276
+ e[31] !== t || e[32] !== h || e[33] !== se || e[34] !== o || e[35] !== i || e[36] !== H || e[37] !== a || e[38] !== m ? (F = {
277
+ variant: m,
278
+ bannerAreaRef: B,
279
+ brandAddOnProps: t,
280
+ hasBrandAddOn: h,
281
+ setHasBrandAddOn: A,
282
+ isFixedMainNavigation: se,
283
+ isHeaderSticky: o,
284
+ isMobile: i,
285
+ isStickyMainNavigationVisible: H,
286
+ mainNavigationAreaRef: ye,
287
+ topBarAreaRef: oe,
288
+ logoProps: a
289
+ }, e[31] = t, e[32] = h, e[33] = se, e[34] = o, e[35] = i, e[36] = H, e[37] = a, e[38] = m, e[39] = F) : F = e[39];
290
+ let O;
291
+ e[40] !== r || e[41] !== F ? (O = /* @__PURE__ */ _(z.Provider, { value: F, children: r }), e[40] = r, e[41] = F, e[42] = O) : O = e[42];
292
+ let V;
293
+ e[43] !== s || e[44] !== de || e[45] !== O ? (V = /* @__PURE__ */ _("header", { className: de, ...s, ref: D, children: O }), e[43] = s, e[44] = de, e[45] = O, e[46] = V) : V = e[46];
294
+ let R;
295
+ e[47] !== C || e[48] !== i ? (R = i && C && /* @__PURE__ */ _("div", { className: S.headerPlaceholder }), e[47] = C, e[48] = i, e[49] = R) : R = e[49];
296
+ let k;
297
+ e[50] !== u || e[51] !== i || e[52] !== H ? (k = !i && !H && /* @__PURE__ */ _("div", { className: u ? S.headerPlaceholderWithBanner : S.headerPlaceholder }), e[50] = u, e[51] = i, e[52] = H, e[53] = k) : k = e[53];
298
+ let X;
299
+ return e[54] !== V || e[55] !== R || e[56] !== k ? (X = /* @__PURE__ */ me(ve, { children: [
300
+ V,
301
+ R,
302
+ k
303
+ ] }), e[54] = V, e[55] = R, e[56] = k, e[57] = X) : X = e[57], X;
304
+ }, _e = (d) => {
305
+ const e = P.c(4), {
306
+ children: t,
307
+ className: r
308
+ } = d, {
309
+ bannerAreaRef: n
310
+ } = re(z);
311
+ let a;
312
+ return e[0] !== n || e[1] !== t || e[2] !== r ? (a = /* @__PURE__ */ _("div", { ref: n, className: r, children: t }), e[0] = n, e[1] = t, e[2] = r, e[3] = a) : a = e[3], a;
313
+ };
314
+ _e.displayName = "DSHeader.BannerArea";
315
+ const ue = (d) => {
316
+ const e = P.c(15), {
317
+ children: t,
318
+ className: r
319
+ } = d, {
320
+ variant: n,
321
+ isFixedMainNavigation: a,
322
+ isHeaderSticky: s,
323
+ isMobile: l,
324
+ isStickyMainNavigationVisible: c,
325
+ mainNavigationAreaRef: o
326
+ } = re(z);
327
+ let m;
328
+ e[0] !== r || e[1] !== a || e[2] !== s || e[3] !== l || e[4] !== c ? (m = w(S.mainNavigationArea, r, s ? {
329
+ [S.mainNavigationAreaFixed]: !l && !c,
330
+ [S.mainNavigationAreaFixedVisible]: !l && a
331
+ } : {}), e[0] = r, e[1] = a, e[2] = s, e[3] = l, e[4] = c, e[5] = m) : m = e[5];
332
+ const h = m, A = n === "full";
333
+ let y;
334
+ e[6] !== A ? (y = w(S.mainNavigationContent, {
335
+ [S.mainNavigationContentVariantFull]: A
336
+ }), e[6] = A, e[7] = y) : y = e[7];
337
+ const u = y;
338
+ let f;
339
+ e[8] !== t || e[9] !== u ? (f = /* @__PURE__ */ _("div", { className: u, children: t }), e[8] = t, e[9] = u, e[10] = f) : f = e[10];
340
+ let g;
341
+ return e[11] !== o || e[12] !== h || e[13] !== f ? (g = /* @__PURE__ */ _("div", { className: h, ref: o, children: f }), e[11] = o, e[12] = h, e[13] = f, e[14] = g) : g = e[14], g;
342
+ };
343
+ ue.displayName = "DSHeader.MainNavigationArea";
344
+ ne.BannerArea = _e;
345
+ ne.MainNavigationArea = ue;
346
+ ne.displayName = "DSHeader";
347
+ export {
348
+ ft as B,
349
+ z as D,
350
+ ht as H,
351
+ ne as a,
352
+ $ as b,
353
+ je as c,
354
+ pe as i,
355
+ xe as v
356
+ };