@telefonica/mistica 16.4.0 → 16.5.0

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 (42) hide show
  1. package/css/mistica.css +1 -1
  2. package/css/vivo-new.css +11 -11
  3. package/dist/accordion.css-mistica.js +16 -13
  4. package/dist/accordion.css.d.ts +1 -0
  5. package/dist/accordion.d.ts +4 -0
  6. package/dist/accordion.js +110 -93
  7. package/dist/mosaic.d.ts +6 -2
  8. package/dist/mosaic.js +50 -48
  9. package/dist/navigation-bar.css-mistica.js +96 -37
  10. package/dist/navigation-bar.css.d.ts +27 -1
  11. package/dist/navigation-bar.d.ts +65 -30
  12. package/dist/navigation-bar.js +818 -193
  13. package/dist/package-version.js +1 -1
  14. package/dist/skins/blau.js +94 -94
  15. package/dist/skins/movistar.js +94 -94
  16. package/dist/skins/o2-new.js +94 -94
  17. package/dist/skins/o2.js +94 -94
  18. package/dist/skins/telefonica.js +94 -94
  19. package/dist/skins/tu.js +94 -94
  20. package/dist/skins/vivo-new.js +98 -98
  21. package/dist/skins/vivo.js +94 -94
  22. package/dist/text-tokens.d.ts +4 -0
  23. package/dist/text-tokens.js +101 -85
  24. package/dist/theme.js +20 -17
  25. package/dist-es/accordion.css-mistica.js +7 -7
  26. package/dist-es/accordion.js +140 -123
  27. package/dist-es/mosaic.js +73 -71
  28. package/dist-es/navigation-bar.css-mistica.js +14 -15
  29. package/dist-es/navigation-bar.js +864 -240
  30. package/dist-es/package-version.js +1 -1
  31. package/dist-es/skins/blau.js +94 -94
  32. package/dist-es/skins/movistar.js +94 -94
  33. package/dist-es/skins/o2-new.js +94 -94
  34. package/dist-es/skins/o2.js +94 -94
  35. package/dist-es/skins/telefonica.js +94 -94
  36. package/dist-es/skins/tu.js +94 -94
  37. package/dist-es/skins/vivo-new.js +98 -98
  38. package/dist-es/skins/vivo.js +94 -94
  39. package/dist-es/style.css +1 -1
  40. package/dist-es/text-tokens.js +53 -43
  41. package/dist-es/theme.js +20 -20
  42. package/package.json +1 -1
@@ -78,213 +78,230 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsxs as C, jsx as o } from "react/jsx-runtime";
82
- import * as c from "react";
83
- import { Content as N } from "./list.js";
84
- import S from "./icons/icon-chevron.js";
85
- import A from "./box.js";
86
- import { itemContent as O, touchableBackgroundInverse as T, touchableBackground as w, chevronContainer as y, panelTransitionClasses as D, panelContainer as P, panel as V, accordionItem as E } from "./accordion.css-mistica.js";
87
- import _ from "./stack.js";
88
- import { BaseTouchable as k } from "./touchable.js";
89
- import L from "classnames";
90
- import { vars as h } from "./skins/skin-contract.css-mistica.js";
91
- import { getPrefixedDataAttributes as R } from "./utils/dom.js";
92
- import M from "./divider.js";
93
- import { Boxed as X } from "./boxed.js";
94
- import { useIsInverseOrMediaVariant as j } from "./theme-variant-context.js";
95
- import { CSSTransition as q } from "react-transition-group";
96
- import { isRunningAcceptanceTest as z } from "./utils/platform.js";
97
- const v = 400, g = /*#__PURE__*/ c.createContext({
81
+ import { jsxs as A, jsx as o } from "react/jsx-runtime";
82
+ import * as i from "react";
83
+ import { Content as T } from "./list.js";
84
+ import w from "./icons/icon-chevron.js";
85
+ import v from "./box.js";
86
+ import { itemContent as D, touchableBackgroundInverse as P, touchableBackground as V, rightContentContainer as E, chevronContainer as _, panelTransitionClasses as k, panelContainer as L, panel as M, accordionItem as X } from "./accordion.css-mistica.js";
87
+ import j from "./stack.js";
88
+ import { BaseTouchable as q } from "./touchable.js";
89
+ import z from "classnames";
90
+ import { vars as g } from "./skins/skin-contract.css-mistica.js";
91
+ import { getPrefixedDataAttributes as B } from "./utils/dom.js";
92
+ import F from "./divider.js";
93
+ import { Boxed as H } from "./boxed.js";
94
+ import { useIsInverseOrMediaVariant as U } from "./theme-variant-context.js";
95
+ import { CSSTransition as G } from "react-transition-group";
96
+ import { isRunningAcceptanceTest as J } from "./utils/platform.js";
97
+ import K from "./inline.js";
98
+ const R = 400, C = /*#__PURE__*/ i.createContext({
98
99
  index: [],
99
100
  toggle: ()=>{}
100
- }), F = ()=>c.useContext(g), B = (param)=>{
101
- let { value: t, defaultValue: r, onChange: n, singleOpen: i } = param;
102
- const m = t !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
101
+ }), Q = ()=>i.useContext(C), N = (param)=>{
102
+ let { value: n, defaultValue: r, onChange: t, singleOpen: c } = param;
103
+ const d = n !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
103
104
  e
104
- ] : e, [d, a] = c.useState(s(r));
105
- c.useEffect(()=>{
106
- if (d.length > 1 && i) {
105
+ ] : e, [a, u] = i.useState(s(r));
106
+ i.useEffect(()=>{
107
+ if (a.length > 1 && c) {
107
108
  const e = [
108
- ...d
109
+ ...a
109
110
  ];
110
- e.splice(1), a(e);
111
+ e.splice(1), u(e);
111
112
  }
112
113
  }, [
113
- i,
114
- d
114
+ c,
115
+ a
115
116
  ]);
116
- const p = (e, l)=>{
117
+ const m = (e, l)=>{
117
118
  if (!l) return [
118
119
  e
119
120
  ];
120
- const u = l.indexOf(e);
121
+ const p = l.indexOf(e);
121
122
  let I = [
122
123
  ...l
123
124
  ];
124
- return u === -1 ? i ? I = [
125
+ return p === -1 ? c ? I = [
125
126
  e
126
- ] : I.push(e) : I.splice(u, 1), I;
127
+ ] : I.push(e) : I.splice(p, 1), I;
127
128
  }, f = (e)=>{
128
- if (m || a(p(e, d)), n) {
129
- const l = (m ? s(t) : d).includes(e);
130
- n(e, !l);
129
+ if (d || u(m(e, a)), t) {
130
+ const l = (d ? s(n) : a).includes(e);
131
+ t(e, !l);
131
132
  }
132
133
  };
133
- return m ? [
134
- s(t),
134
+ return d ? [
135
+ s(n),
135
136
  f
136
137
  ] : [
137
- d,
138
+ a,
138
139
  f
139
140
  ];
140
- }, H = (t)=>{
141
- const r = t == null ? void 0 : t.closest("[data-accordion]");
142
- if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
143
- }, b = /*#__PURE__*/ c.forwardRef((_param, m)=>{
144
- var { content: t, dataAttributes: r, trackingEvent: n } = _param, i = _object_without_properties(_param, [
141
+ }, W = (n)=>{
142
+ const r = n == null ? void 0 : n.closest("[data-accordion]");
143
+ if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((t)=>t.closest("[data-accordion]") === r).findIndex((t)=>t === n);
144
+ }, S = /*#__PURE__*/ i.forwardRef((_param, u)=>{
145
+ var { content: n, dataAttributes: r, trackingEvent: t, right: c, "aria-label": d, "aria-labelledby": s } = _param, a = _object_without_properties(_param, [
145
146
  "content",
146
147
  "dataAttributes",
147
- "trackingEvent"
148
+ "trackingEvent",
149
+ "right",
150
+ "aria-label",
151
+ "aria-labelledby"
148
152
  ]);
149
- const s = c.useRef(null), d = c.useRef(null), { index: a, toggle: p } = F(), f = j(), e = c.useId(), l = c.useId(), [u, I] = c.useState(), x = u !== void 0 && (a == null ? void 0 : a.includes(u));
150
- return c.useEffect(()=>{
151
- I(H(d.current));
152
- }, []), /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
153
- ref: d
154
- }, R(_object_spread_props(_object_spread({}, r), {
153
+ const m = i.useRef(null), f = i.useRef(null), { index: e, toggle: l } = Q(), p = U(), I = i.useId(), b = i.useId(), [x, y] = i.useState(), h = x !== void 0 && (e == null ? void 0 : e.includes(x));
154
+ return i.useEffect(()=>{
155
+ y(W(f.current));
156
+ }, []), /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
157
+ ref: f
158
+ }, B(_object_spread_props(_object_spread({}, r), {
155
159
  "accordion-item": !0
156
160
  }))), {
157
161
  children: [
158
- /* @__PURE__ */ o(k, {
159
- ref: m,
160
- className: L(O, f ? T : w),
162
+ /* @__PURE__ */ o(q, {
163
+ ref: u,
164
+ className: z(D, p ? P : V),
161
165
  onPress: ()=>{
162
- u !== void 0 && p(u);
166
+ x !== void 0 && l(x);
163
167
  },
164
- trackingEvent: n,
165
- "aria-expanded": x,
166
- "aria-controls": l,
167
- children: /* @__PURE__ */ o(A, {
168
+ trackingEvent: t,
169
+ "aria-expanded": h,
170
+ "aria-controls": b,
171
+ "aria-label": d,
172
+ "aria-labelledby": s,
173
+ children: /* @__PURE__ */ o(v, {
168
174
  paddingX: 16,
169
- children: /* @__PURE__ */ o(N, _object_spread_props(_object_spread({
170
- labelId: e
171
- }, i), {
172
- right: /* @__PURE__ */ o("div", {
173
- className: y,
174
- children: /* @__PURE__ */ o(S, {
175
- size: 24,
176
- transitionDuration: v,
177
- direction: x ? "up" : "down",
178
- color: f ? h.colors.inverse : x ? h.colors.neutralHigh : h.colors.neutralMedium
179
- })
180
- })
175
+ children: /* @__PURE__ */ o(T, _object_spread_props(_object_spread({
176
+ labelId: I
177
+ }, a), {
178
+ right: (param)=>{
179
+ let { centerY: O } = param;
180
+ return /* @__PURE__ */ A(K, {
181
+ space: 4,
182
+ alignItems: O ? "center" : void 0,
183
+ className: E,
184
+ children: [
185
+ c,
186
+ /* @__PURE__ */ o("div", {
187
+ className: _,
188
+ children: /* @__PURE__ */ o(w, {
189
+ size: 24,
190
+ transitionDuration: R,
191
+ direction: h ? "up" : "down",
192
+ color: p ? g.colors.inverse : h ? g.colors.neutralHigh : g.colors.neutralMedium
193
+ })
194
+ })
195
+ ]
196
+ });
197
+ }
181
198
  }))
182
199
  })
183
200
  }),
184
- /* @__PURE__ */ o(q, {
185
- in: x,
186
- timeout: z() ? 0 : v,
187
- nodeRef: s,
188
- classNames: D,
201
+ /* @__PURE__ */ o(G, {
202
+ in: h,
203
+ timeout: J() ? 0 : R,
204
+ nodeRef: m,
205
+ classNames: k,
189
206
  mountOnEnter: !0,
190
207
  unmountOnExit: !0,
191
208
  children: /* @__PURE__ */ o("div", {
192
- className: P,
193
- ref: s,
209
+ className: L,
210
+ ref: m,
194
211
  children: /* @__PURE__ */ o("div", {
195
- className: V,
212
+ className: M,
196
213
  role: "region",
197
- "aria-labelledby": e,
198
- id: l,
199
- children: /* @__PURE__ */ o(A, {
214
+ "aria-labelledby": I,
215
+ id: b,
216
+ children: /* @__PURE__ */ o(v, {
200
217
  paddingX: 16,
201
218
  paddingBottom: 16,
202
- children: t
219
+ children: n
203
220
  })
204
221
  })
205
222
  })
206
223
  })
207
224
  ]
208
225
  }));
209
- }), ie = /*#__PURE__*/ c.forwardRef((_param, i)=>{
210
- var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
226
+ }), fe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
227
+ var { dataAttributes: n, role: r } = _param, t = _object_without_properties(_param, [
211
228
  "dataAttributes",
212
229
  "role"
213
230
  ]);
214
231
  return /* @__PURE__ */ o("div", {
215
232
  role: r,
216
- className: E,
217
- children: /* @__PURE__ */ o(b, _object_spread_props(_object_spread({}, n), {
218
- ref: i,
233
+ className: X,
234
+ children: /* @__PURE__ */ o(S, _object_spread_props(_object_spread({}, t), {
235
+ ref: c,
219
236
  dataAttributes: _object_spread({
220
237
  "component-name": "AccordionItem"
221
- }, t)
238
+ }, n)
222
239
  }))
223
240
  });
224
- }), de = (param)=>{
225
- let { children: t, dataAttributes: r, index: n, defaultIndex: i, onChange: m, singleOpen: s, role: d } = param;
226
- const [a, p] = B({
227
- value: n,
228
- defaultValue: i,
229
- onChange: m,
241
+ }), pe = (param)=>{
242
+ let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
243
+ const [u, m] = N({
244
+ value: t,
245
+ defaultValue: c,
246
+ onChange: d,
230
247
  singleOpen: s
231
- }), f = c.Children.toArray(t).filter(Boolean), e = f.length - 1;
232
- return /* @__PURE__ */ o(g.Provider, {
248
+ }), f = i.Children.toArray(n).filter(Boolean), e = f.length - 1;
249
+ return /* @__PURE__ */ o(C.Provider, {
233
250
  value: {
234
- index: a,
235
- toggle: p
251
+ index: u,
252
+ toggle: m
236
253
  },
237
254
  children: /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
238
- role: d
239
- }, R(_object_spread_props(_object_spread({}, r), {
255
+ role: a
256
+ }, B(_object_spread_props(_object_spread({}, r), {
240
257
  accordion: !0
241
258
  }), "Accordion")), {
242
- children: f.map((l, u)=>/* @__PURE__ */ C(c.Fragment, {
259
+ children: f.map((l, p)=>/* @__PURE__ */ A(i.Fragment, {
243
260
  children: [
244
261
  l,
245
- u < e && /* @__PURE__ */ o(A, {
262
+ p < e && /* @__PURE__ */ o(v, {
246
263
  paddingX: 16,
247
- children: /* @__PURE__ */ o(M, {})
264
+ children: /* @__PURE__ */ o(F, {})
248
265
  })
249
266
  ]
250
- }, u))
267
+ }, p))
251
268
  }))
252
269
  });
253
- }, se = /*#__PURE__*/ c.forwardRef((_param, i)=>{
254
- var { dataAttributes: t, isInverse: r } = _param, n = _object_without_properties(_param, [
270
+ }, Ie = /*#__PURE__*/ i.forwardRef((_param, c)=>{
271
+ var { dataAttributes: n, isInverse: r } = _param, t = _object_without_properties(_param, [
255
272
  "dataAttributes",
256
273
  "isInverse"
257
274
  ]);
258
- return /* @__PURE__ */ o(X, {
259
- isInverse: r,
260
- ref: i,
275
+ return /* @__PURE__ */ o(H, {
276
+ variant: r ? "inverse" : "default",
277
+ ref: c,
261
278
  dataAttributes: _object_spread({
262
279
  "component-name": "BoxedAccordionItem"
263
- }, t),
264
- children: /* @__PURE__ */ o(b, _object_spread({}, n))
280
+ }, n),
281
+ children: /* @__PURE__ */ o(S, _object_spread({}, t))
265
282
  });
266
- }), ae = (param)=>{
267
- let { children: t, dataAttributes: r, index: n, defaultIndex: i, onChange: m, singleOpen: s, role: d } = param;
268
- const [a, p] = B({
269
- value: n,
270
- defaultValue: i,
271
- onChange: m,
283
+ }), xe = (param)=>{
284
+ let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
285
+ const [u, m] = N({
286
+ value: t,
287
+ defaultValue: c,
288
+ onChange: d,
272
289
  singleOpen: s
273
290
  });
274
- return /* @__PURE__ */ o(g.Provider, {
291
+ return /* @__PURE__ */ o(C.Provider, {
275
292
  value: {
276
- index: a,
277
- toggle: p
293
+ index: u,
294
+ toggle: m
278
295
  },
279
- children: /* @__PURE__ */ o(_, {
296
+ children: /* @__PURE__ */ o(j, {
280
297
  space: 16,
281
- role: d,
298
+ role: a,
282
299
  dataAttributes: _object_spread({
283
300
  "component-name": "BoxedAccordion",
284
301
  accordion: !0
285
302
  }, r),
286
- children: t
303
+ children: n
287
304
  })
288
305
  });
289
306
  };
290
- export { de as Accordion, ie as AccordionItem, ae as BoxedAccordion, se as BoxedAccordionItem };
307
+ export { pe as Accordion, fe as AccordionItem, xe as BoxedAccordion, Ie as BoxedAccordionItem };
package/dist-es/mosaic.js CHANGED
@@ -50,62 +50,64 @@ function _object_spread_props(target, source) {
50
50
  }
51
51
  return target;
52
52
  }
53
- import { jsx as o, jsxs as g, Fragment as M } from "react/jsx-runtime";
53
+ import { jsx as r, jsxs as g, Fragment as v } from "react/jsx-runtime";
54
54
  import { Grid as i, GridItem as e } from "./grid.js";
55
- import { Carousel as v } from "./carousel.js";
56
- import { singleItemRowContainer as m, squareContainer as u, fourItemsContainer as w } from "./mosaic.css-mistica.js";
57
- const d = {
55
+ import { Carousel as w } from "./carousel.js";
56
+ import { singleItemRowContainer as m, squareContainer as f, fourItemsContainer as q } from "./mosaic.css-mistica.js";
57
+ const u = {
58
58
  mobile: 8,
59
59
  desktop: 16
60
- }, C = (param)=>{
61
- let { items: n, isEven: r } = param;
62
- return /* @__PURE__ */ o("div", {
63
- className: n.length === 1 ? m : u,
64
- children: /* @__PURE__ */ o(i, {
65
- gap: d,
60
+ }, t = (n, o)=>typeof n == "function" ? n({
61
+ gridMode: o
62
+ }) : n, C = (param)=>{
63
+ let { items: n, isEven: o } = param;
64
+ return /* @__PURE__ */ r("div", {
65
+ className: n.length === 1 ? m : f,
66
+ children: /* @__PURE__ */ r(i, {
67
+ gap: u,
66
68
  rows: 2,
67
69
  columns: 2,
68
70
  height: "100%",
69
- children: n.length === 3 ? /* @__PURE__ */ g(M, {
71
+ children: n.length === 3 ? /* @__PURE__ */ g(v, {
70
72
  children: [
71
- /* @__PURE__ */ o(e, {
72
- columnSpan: r ? 2 : void 0,
73
- children: n[0]
73
+ /* @__PURE__ */ r(e, {
74
+ columnSpan: o ? 2 : void 0,
75
+ children: t(n[0], o ? "horizontal" : "square")
74
76
  }),
75
- /* @__PURE__ */ o(e, {
76
- children: n[1]
77
+ /* @__PURE__ */ r(e, {
78
+ children: t(n[1], "square")
77
79
  }),
78
- /* @__PURE__ */ o(e, {
79
- columnSpan: r ? void 0 : 2,
80
- children: n[2]
80
+ /* @__PURE__ */ r(e, {
81
+ columnSpan: o ? void 0 : 2,
82
+ children: t(n[2], o ? "square" : "horizontal")
81
83
  })
82
84
  ]
83
- }) : n.map((a, h)=>/* @__PURE__ */ o(e, {
85
+ }) : n.map((a, s)=>/* @__PURE__ */ r(e, {
84
86
  columnSpan: n.length === 4 ? void 0 : 2,
85
87
  rowSpan: n.length === 1 ? 2 : void 0,
86
- children: a
87
- }, h))
88
+ children: t(a, n.length === 4 ? "square" : "horizontal")
89
+ }, s))
88
90
  })
89
91
  });
90
- }, N = (param)=>{
91
- let { items: n, withBullets: r, free: a, dataAttributes: h } = param;
92
- const c = n.length, t = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), l = Array.from({
93
- length: t
92
+ }, G = (param)=>{
93
+ let { items: n, withBullets: o, free: a, dataAttributes: s } = param;
94
+ const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), h = Array.from({
95
+ length: l
94
96
  }, ()=>[]);
95
- return n.forEach((s, p)=>{
96
- const f = Math.min(t - 1, Math.floor(p / 3));
97
- l[f].push(s);
98
- }), /* @__PURE__ */ o(v, {
99
- dataAttributes: _object_spread_props(_object_spread({}, h), {
97
+ return n.forEach((d, p)=>{
98
+ const M = Math.min(l - 1, Math.floor(p / 3));
99
+ h[M].push(d);
100
+ }), /* @__PURE__ */ r(w, {
101
+ dataAttributes: _object_spread_props(_object_spread({}, s), {
100
102
  "component-name": "HorizontalMosaic"
101
103
  }),
102
- items: l.map((s, p)=>/* @__PURE__ */ o(i, {
103
- children: /* @__PURE__ */ o(C, {
104
- items: s,
104
+ items: h.map((d, p)=>/* @__PURE__ */ r(i, {
105
+ children: /* @__PURE__ */ r(C, {
106
+ items: d,
105
107
  isEven: p % 2 === 0
106
108
  }, p)
107
109
  })),
108
- withBullets: r,
110
+ withBullets: o,
109
111
  free: a
110
112
  });
111
113
  }, S = (param)=>{
@@ -113,77 +115,77 @@ const d = {
113
115
  switch(n.length){
114
116
  case 1:
115
117
  case 2:
116
- return /* @__PURE__ */ o("div", {
118
+ return /* @__PURE__ */ r("div", {
117
119
  className: m,
118
- children: /* @__PURE__ */ o(i, {
119
- gap: d,
120
+ children: /* @__PURE__ */ r(i, {
121
+ gap: u,
120
122
  columns: 2,
121
123
  height: "100%",
122
- children: n.map((r, a)=>/* @__PURE__ */ o(e, {
124
+ children: n.map((o, a)=>/* @__PURE__ */ r(e, {
123
125
  columnSpan: n.length === 2 ? void 0 : 2,
124
- children: r
126
+ children: t(o, n.length === 2 ? "square" : "horizontal")
125
127
  }, a))
126
128
  })
127
129
  });
128
130
  case 3:
129
- return /* @__PURE__ */ o("div", {
130
- className: u,
131
- children: /* @__PURE__ */ o(i, {
132
- gap: d,
131
+ return /* @__PURE__ */ r("div", {
132
+ className: f,
133
+ children: /* @__PURE__ */ r(i, {
134
+ gap: u,
133
135
  columns: 2,
134
136
  flow: "column",
135
137
  height: "100%",
136
- children: n.map((r, a)=>/* @__PURE__ */ o(e, {
138
+ children: n.map((o, a)=>/* @__PURE__ */ r(e, {
137
139
  rowSpan: a === 0 ? 2 : void 0,
138
- children: r
140
+ children: t(o, a === 0 ? "vertical" : "square")
139
141
  }, a))
140
142
  })
141
143
  });
142
144
  case 4:
143
145
  default:
144
- return /* @__PURE__ */ o("div", {
145
- className: w,
146
+ return /* @__PURE__ */ r("div", {
147
+ className: q,
146
148
  children: /* @__PURE__ */ g(i, {
147
- gap: d,
149
+ gap: u,
148
150
  rows: 3,
149
151
  columns: 2,
150
152
  height: "100%",
151
153
  children: [
152
- /* @__PURE__ */ o(e, {
154
+ /* @__PURE__ */ r(e, {
153
155
  rowSpan: 2,
154
- children: n[0]
156
+ children: t(n[0], "vertical")
155
157
  }),
156
- /* @__PURE__ */ o(e, {
157
- children: n[1]
158
+ /* @__PURE__ */ r(e, {
159
+ children: t(n[1], "square")
158
160
  }),
159
- /* @__PURE__ */ o(e, {
161
+ /* @__PURE__ */ r(e, {
160
162
  rowSpan: 2,
161
- children: n[3]
163
+ children: t(n[3], "vertical")
162
164
  }),
163
- /* @__PURE__ */ o(e, {
164
- children: n[2]
165
+ /* @__PURE__ */ r(e, {
166
+ children: t(n[2], "square")
165
167
  })
166
168
  ]
167
169
  })
168
170
  });
169
171
  }
170
- }, b = (param)=>{
171
- let { items: n, dataAttributes: r } = param;
172
- const a = n.length, h = Math.ceil(a / 4), c = Array.from({
173
- length: h
172
+ }, N = (param)=>{
173
+ let { items: n, dataAttributes: o } = param;
174
+ const a = n.length, s = Math.ceil(a / 4), c = Array.from({
175
+ length: s
174
176
  }, ()=>[]);
175
- return n.forEach((t, l)=>{
176
- const s = Math.floor(l / 4);
177
- c[s].push(t);
178
- }), /* @__PURE__ */ o(i, {
177
+ return n.forEach((l, h)=>{
178
+ const d = Math.floor(h / 4);
179
+ c[d].push(l);
180
+ }), /* @__PURE__ */ r(i, {
179
181
  rows: 1,
180
- gap: d,
181
- dataAttributes: _object_spread_props(_object_spread({}, r), {
182
+ gap: u,
183
+ dataAttributes: _object_spread_props(_object_spread({}, o), {
182
184
  "component-name": "VerticalMosaic"
183
185
  }),
184
- children: c.map((t, l)=>/* @__PURE__ */ o(S, {
185
- items: t
186
- }, l))
186
+ children: c.map((l, h)=>/* @__PURE__ */ r(S, {
187
+ items: l
188
+ }, h))
187
189
  });
188
190
  };
189
- export { N as HorizontalMosaic, b as VerticalMosaic };
191
+ export { G as HorizontalMosaic, N as VerticalMosaic };
@@ -1,20 +1,19 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./navigation-bar.css.ts.vanilla.css-mistica.js";
3
- var y = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", _ = "_1vcy5dz13 _1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nf3r", r = "_1vcy5dz11", e = {
4
- entering: "_1vcy5dzt",
5
- entered: "_1vcy5dzu",
6
- exiting: "_1vcy5dzv",
7
- exited: "_1vcy5dzw",
8
- unmounted: "_1vcy5dzx"
9
- }, a = "_1vcy5dzn", d = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", i = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", o = "_1vcy5dz18", t = "_1vcy5dz10 _1y2v1nfho _1y2v1nfhx", z = "_1vcy5dzy", h = {
3
+ var _ = 300, y = 400, e = 184, r = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", a = "_1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nfm4 _1y2v1nf3r", f = "_1vcy5dz1f", i = "_1y2v1nfis _1y2v1nfhi", t = "_1vcy5dz1j _1y2v1nfku _1y2v1nfib _1y2v1nfis _1y2v1nfhj _1y2v1nfkv", o = {
4
+ enter: "_1vcy5dz16",
5
+ enterActive: "_1vcy5dz17",
6
+ exit: "_1vcy5dz18",
7
+ exitActive: "_1vcy5dz19"
8
+ }, d = "_1vcy5dz1z _1y2v1nf88 _1y2v1nf9h _1y2v1nfhi", c = "_1vcy5dz1v _1y2v1nf3s _1y2v1nfhj _1y2v1nfla _1y2v1nflp", z = "_1vcy5dz21", h = "_1vcy5dz1t _1y2v1nfhk _1y2v1nfla _1y2v1nflp", p = "_1vcy5dz20", u = "_1vcy5dzf", s = "_1vcy5dzg", k = "_1vcy5dzn _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", M = "_1vcy5dzl _1y2v1nfhj _1y2v1nfkv _1y2v1nfm4 _1y2v1nfho _1y2v1nfi3", l = "_1vcy5dzi _1y2v1nfhi _1y2v1nfho", g = "_1y2v1nfhi", b = "_1y2v1nfhj _1y2v1nfla _1y2v1nflp", C = "_1vcy5dzx", S = "_1vcy5dz1x _1y2v1nfak _1y2v1nfbt _1y2v1nf88 _1y2v1nf9h _1y2v1nf3s _1y2v1nfhk _1y2v1nfku", A = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", j = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", B = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", N = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", m = "_1vcy5dz1o", x = "_1vcy5dz1e _1y2v1nfho _1y2v1nfhx", I = "_1vcy5dz1c _1y2v1nfho _1y2v1nfia", O = "_1vcy5dz1q _1y2v1nfib", T = {
10
9
  default: "_1vcy5dzc _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
11
10
  noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
12
11
  menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib"
13
- }, u = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", g = "_1vcy5dzl", l = "_1vcy5dzo", p = "_1vcy5dzg _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g", b = {
14
- default: "_1vcy5dzh",
15
- inverse: "_1vcy5dzi"
16
- }, s = "_1y2v1nfj7 _1vcy5dzp", j = "_1vcy5dzs _1vcy5dzp", k = {
17
- default: "_1vcy5dzj",
18
- inverse: "_1vcy5dzk"
19
- }, x = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";
20
- export { y as burgerIconContainer, _ as burgerMenu, r as burgerMenuButton, e as burgerMenuTransition, a as desktopOnly, d as iconCloseHidden, c as iconCloseOpen, i as iconMenuHidden, f as iconMenuOpen, o as lineHeightFix, t as logoContainer, z as mainNavbarContent, h as navbarBorderColorVariants, u as navigationBarAction, g as navigationBarContent, l as navigationBarContentRight, p as section, b as selectedSectionVariantes, s as spacer, j as spacerLarge, k as textWrapperVariants, x as topFixed };
12
+ }, E = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", R = "_1vcy5dzv _1y2v1nfi3 _1y2v1nfib _1y2v1nfho", U = "_1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy", W = "_1vcy5dz11 _1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy _1y2v1nfia", D = "_1vcy5dzp _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g _1y2v1nfhi", q = {
13
+ default: "_1vcy5dzq",
14
+ inverse: "_1vcy5dzr"
15
+ }, F = "_1y2v1nfj7 _1vcy5dz12", H = "_1vcy5dz15 _1vcy5dz12", L = {
16
+ default: "_1vcy5dzs",
17
+ inverse: "_1vcy5dzt"
18
+ }, w = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";
19
+ export { _ as BURGER_MENU_ANIMATION_DURATION_MS, y as DESKTOP_MENU_ANIMATION_DURATION_MS, e as DESKTOP_SMALL_MENU_WIDTH, r as burgerIconContainer, a as burgerMenu, f as burgerMenuButton, i as burgerMenuContainer, t as burgerMenuContentContainer, o as burgerMenuTransition, d as desktopMenu, c as desktopMenuBackgroundContainer, z as desktopMenuColumnItem, h as desktopMenuContainer, p as desktopMenuContentFadeIn, u as desktopMenuFirstSection, s as desktopMenuLastSection, k as desktopMenuSectionArrow, M as desktopMenuSectionArrowContainer, l as desktopMenuSectionContainer, g as desktopMenuSectionWithArrowWrapper, b as desktopMenuWrapper, C as desktopOnly, S as desktopSmallMenuContainer, A as iconCloseHidden, j as iconCloseOpen, B as iconMenuHidden, N as iconMenuOpen, m as lineHeightFix, x as logoContainer, I as mainNavBarSectionsContainer, O as mainNavigationBarContentWrapper, T as navbarBorderColorVariants, E as navigationBarAction, R as navigationBarContent, U as navigationBarContentRight, W as navigationBarContentRightExpanded, D as section, q as selectedSectionVariantes, F as spacer, H as spacerLarge, L as textWrapperVariants, w as topFixed };