@telefonica/mistica 16.2.0 → 16.3.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 (51) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/card.css-mistica.js +33 -21
  3. package/dist/card.css.d.ts +4 -0
  4. package/dist/card.js +235 -263
  5. package/dist/chip.css-mistica.js +19 -7
  6. package/dist/chip.css.d.ts +2 -0
  7. package/dist/chip.js +33 -49
  8. package/dist/community/advanced-data-card.css-mistica.js +24 -24
  9. package/dist/community/advanced-data-card.css.d.ts +1 -1
  10. package/dist/community/advanced-data-card.js +45 -48
  11. package/dist/empty-state-card.js +12 -11
  12. package/dist/hero.js +25 -19
  13. package/dist/highlighted-card.js +15 -14
  14. package/dist/list.css-mistica.js +21 -15
  15. package/dist/list.css.d.ts +2 -0
  16. package/dist/list.js +97 -96
  17. package/dist/menu.css-mistica.js +9 -9
  18. package/dist/menu.js +9 -10
  19. package/dist/package-version.js +1 -1
  20. package/dist/sheet-common.js +3 -2
  21. package/dist/table.js +52 -51
  22. package/dist/tag.css-mistica.js +1 -1
  23. package/dist/tag.js +9 -10
  24. package/dist/text-props.d.ts +60 -0
  25. package/dist/text-props.js +93 -0
  26. package/dist/text.d.ts +0 -62
  27. package/dist/text.js +156 -219
  28. package/dist/title.js +10 -9
  29. package/dist-es/card.css-mistica.js +4 -4
  30. package/dist-es/card.js +343 -371
  31. package/dist-es/chip.css-mistica.js +10 -4
  32. package/dist-es/chip.js +44 -60
  33. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  34. package/dist-es/community/advanced-data-card.js +74 -77
  35. package/dist-es/empty-state-card.js +17 -16
  36. package/dist-es/hero.js +53 -47
  37. package/dist-es/highlighted-card.js +19 -18
  38. package/dist-es/list.css-mistica.js +2 -2
  39. package/dist-es/list.js +141 -140
  40. package/dist-es/menu.css-mistica.js +3 -3
  41. package/dist-es/menu.js +21 -22
  42. package/dist-es/package-version.js +1 -1
  43. package/dist-es/sheet-common.js +12 -11
  44. package/dist-es/style.css +1 -1
  45. package/dist-es/table.js +89 -88
  46. package/dist-es/tag.css-mistica.js +1 -1
  47. package/dist-es/tag.js +14 -15
  48. package/dist-es/text-props.js +52 -0
  49. package/dist-es/text.js +171 -231
  50. package/dist-es/title.js +14 -13
  51. package/package.json +3 -3
package/dist-es/list.js CHANGED
@@ -78,12 +78,12 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as t, jsxs as X } from "react/jsx-runtime";
81
+ import { jsx as t, jsxs as P } from "react/jsx-runtime";
82
82
  import * as m from "react";
83
- import u from "classnames";
83
+ import s from "classnames";
84
84
  import { BaseTouchable as te } from "./touchable.js";
85
- import { Text3 as xe, Text1 as ve, Text2 as Y } from "./text.js";
86
- import o from "./box.js";
85
+ import { Text3 as ve, Text1 as xe, Text2 as z } from "./text.js";
86
+ import h from "./box.js";
87
87
  import C from "./stack.js";
88
88
  import ge from "./badge.js";
89
89
  import { useIsInverseOrMediaVariant as oe } from "./theme-variant-context.js";
@@ -93,13 +93,13 @@ import ae, { useRadioContext as Be } from "./radio-button.js";
93
93
  import Re from "./checkbox.js";
94
94
  import { Boxed as Ie } from "./boxed.js";
95
95
  import Ce from "./divider.js";
96
- import { getPrefixedDataAttributes as K } from "./utils/dom.js";
97
- import { rowContent as q, touchableBackground as z, touchableBackgroundInverse as G, pointer as re, row as Te, content as Ne, center as J, disabled as I, asset as Le, rowBody as ke, badge as Ae, rightContent as Se, rightRestrictedWidth as Ve, detail as Xe, detailRight as Ee, dualActionContainer as Pe, dualActionLeft as De, dualActionDivider as Me, dualActionRight as Oe } from "./list.css-mistica.js";
98
- import { vars as We } from "./image.css-mistica.js";
99
- import { vars as d } from "./skins/skin-contract.css-mistica.js";
100
- import { applyCssVars as je } from "./utils/css.js";
96
+ import { getPrefixedDataAttributes as X } from "./utils/dom.js";
97
+ import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Te, row as Ne, content as Le, assetContainer as ke, center as Q, disabled as I, asset as Ae, rowBody as Se, badge as Ve, rightContent as Pe, rightRestrictedWidth as Ee, detail as Xe, detailRight as De, dualActionContainer as Me, dualActionLeft as Oe, dualActionDivider as We, dualActionRight as je } from "./list.css-mistica.js";
98
+ import { vars as He } from "./image.css-mistica.js";
99
+ import { vars as l } from "./skins/skin-contract.css-mistica.js";
100
+ import { applyCssVars as Fe } from "./utils/css.js";
101
101
  import { IconButton as ne, ToggleIconButton as ie } from "./icon-button.js";
102
- const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
102
+ const qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
103
103
  centerY: a
104
104
  }) : a ? /* @__PURE__ */ t("div", {
105
105
  style: {
@@ -110,51 +110,49 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
110
110
  children: /* @__PURE__ */ t("div", {
111
111
  children: e
112
112
  })
113
- }) : e, Fe = (param)=>{
114
- let { withChevron: e, headline: a, headlineRef: r, extraRef: l, title: c, titleAs: v, titleLinesMax: g, subtitle: x, subtitleLinesMax: P, description: w, descriptionLinesMax: D, detail: h, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: L, labelId: M, disabled: s, control: k } = param;
113
+ }) : e, ze = (param)=>{
114
+ let { withChevron: e, headline: a, headlineRef: r, extraRef: o, title: d, titleAs: x, titleLinesMax: g, subtitle: v, subtitleLinesMax: D, description: w, descriptionLinesMax: M, detail: u, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: L, labelId: O, disabled: c, control: k } = param;
115
115
  const A = oe(), S = [
116
116
  a,
117
- c,
118
- x,
117
+ d,
118
+ v,
119
119
  w,
120
120
  L
121
121
  ].filter(Boolean).length === 1;
122
- return /* @__PURE__ */ X(o, {
123
- paddingY: 16,
124
- className: Ne,
125
- id: M,
122
+ return /* @__PURE__ */ P("div", {
123
+ className: Le,
124
+ id: O,
126
125
  children: [
127
- E && /* @__PURE__ */ t(o, {
128
- paddingRight: 16,
129
- className: u({
130
- [J]: S,
131
- [I]: s
126
+ E && /* @__PURE__ */ t("div", {
127
+ className: s(ke, {
128
+ [Q]: S,
129
+ [I]: c
132
130
  }),
133
131
  "aria-hidden": !0,
134
132
  children: /* @__PURE__ */ t("div", {
135
- className: Le,
136
- style: je({
137
- color: T ? A ? d.colors.textErrorInverse : d.colors.textError : A ? d.colors.textPrimaryInverse : d.colors.textPrimary,
138
- [We.mediaBorderRadius]: d.borderRadii.mediaSmall
133
+ className: Ae,
134
+ style: Fe({
135
+ color: T ? A ? l.colors.textErrorInverse : l.colors.textError : A ? l.colors.textPrimaryInverse : l.colors.textPrimary,
136
+ [He.mediaBorderRadius]: l.borderRadii.mediaSmall
139
137
  }),
140
138
  children: E
141
139
  })
142
140
  }),
143
- /* @__PURE__ */ X("div", {
144
- className: u(ke, {
145
- [I]: s
141
+ /* @__PURE__ */ P("div", {
142
+ className: s(Se, {
143
+ [I]: c
146
144
  }),
147
145
  style: {
148
146
  justifyContent: S ? "center" : "flex-start"
149
147
  },
150
148
  children: [
151
- /* @__PURE__ */ t(xe, {
149
+ /* @__PURE__ */ t(ve, {
152
150
  regular: !0,
153
- color: T ? d.colors.textError : d.colors.textPrimary,
151
+ color: T ? l.colors.textError : l.colors.textPrimary,
154
152
  truncate: g,
155
153
  hyphens: "auto",
156
- as: v,
157
- children: c
154
+ as: x,
155
+ children: d
158
156
  }),
159
157
  a && /* @__PURE__ */ t("div", {
160
158
  ref: r,
@@ -162,119 +160,123 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
162
160
  order: -1,
163
161
  paddingBottom: 4
164
162
  },
165
- children: /* @__PURE__ */ t(ve, {
163
+ children: /* @__PURE__ */ t(xe, {
166
164
  regular: !0,
167
- color: d.colors.textPrimary,
165
+ color: l.colors.textPrimary,
168
166
  hyphens: "auto",
169
167
  children: a
170
168
  })
171
169
  }),
172
- x && /* @__PURE__ */ t(o, {
170
+ v && /* @__PURE__ */ t(h, {
173
171
  paddingTop: 2,
174
- children: /* @__PURE__ */ t(Y, {
172
+ children: /* @__PURE__ */ t(z, {
175
173
  regular: !0,
176
- color: d.colors.textPrimary,
177
- truncate: P,
174
+ color: l.colors.textPrimary,
175
+ truncate: D,
178
176
  hyphens: "auto",
179
- children: x
177
+ children: v
180
178
  })
181
179
  }),
182
- w && /* @__PURE__ */ t(o, {
180
+ w && /* @__PURE__ */ t(h, {
183
181
  paddingTop: 2,
184
- children: /* @__PURE__ */ t(Y, {
182
+ children: /* @__PURE__ */ t(z, {
185
183
  regular: !0,
186
- color: d.colors.textSecondary,
187
- truncate: D,
184
+ color: l.colors.textSecondary,
185
+ truncate: M,
188
186
  hyphens: "auto",
189
187
  children: w
190
188
  })
191
189
  }),
192
- L && /* @__PURE__ */ t(o, {
193
- ref: l,
190
+ L && /* @__PURE__ */ t(h, {
191
+ ref: o,
194
192
  paddingTop: 2,
195
193
  children: L
196
194
  })
197
195
  ]
198
196
  }),
199
- N && /* @__PURE__ */ t(o, {
197
+ N && /* @__PURE__ */ t(h, {
200
198
  paddingLeft: 16,
201
199
  children: /* @__PURE__ */ t("div", {
202
- className: u(Ae, {
203
- [I]: s
200
+ className: s(Ve, {
201
+ [I]: c
204
202
  }),
205
203
  children: /* @__PURE__ */ t(ge, {
206
204
  value: N === !0 ? void 0 : N
207
205
  })
208
206
  })
209
207
  }),
210
- (h || y || e || k) && /* @__PURE__ */ X("div", {
211
- className: u(Se, {
212
- [Ve]: !!h
208
+ (u || y || e || k) && /* @__PURE__ */ P("div", {
209
+ className: s(Pe, {
210
+ [Ee]: !!u
213
211
  }),
214
212
  children: [
215
- h && /* @__PURE__ */ t("div", {
216
- className: u(Xe, {
217
- [I]: s
213
+ u && /* @__PURE__ */ t("div", {
214
+ className: s(Xe, {
215
+ [I]: c
218
216
  }),
219
- children: /* @__PURE__ */ t(Y, {
217
+ children: /* @__PURE__ */ t(z, {
220
218
  regular: !0,
221
- color: d.colors.textSecondary,
219
+ color: l.colors.textSecondary,
222
220
  hyphens: "auto",
223
- children: h
221
+ children: u
224
222
  })
225
223
  }),
226
224
  y && /* @__PURE__ */ t("div", {
227
- className: u({
228
- [Ee]: !!h,
229
- [I]: s
225
+ className: s({
226
+ [De]: !!u,
227
+ [I]: c
230
228
  }),
231
229
  ref: f,
232
- children: He(y, S)
230
+ children: qe(y, S)
233
231
  }),
234
- e && /* @__PURE__ */ t(o, {
235
- paddingLeft: h || y ? 4 : 0,
236
- className: u(J, {
237
- [I]: s
232
+ e && /* @__PURE__ */ t("div", {
233
+ style: {
234
+ paddingLeft: u || y ? 4 : 0
235
+ },
236
+ className: s(Q, {
237
+ [I]: c
238
238
  }),
239
239
  children: /* @__PURE__ */ t(ye, {
240
- color: A ? d.colors.inverse : d.colors.neutralMedium,
240
+ color: A ? l.colors.inverse : l.colors.neutralMedium,
241
241
  direction: "right"
242
242
  })
243
243
  }),
244
- k && /* @__PURE__ */ t(o, {
245
- paddingLeft: h || y ? 8 : 0,
246
- className: J,
244
+ k && /* @__PURE__ */ t("div", {
245
+ style: {
246
+ paddingLeft: u || y ? 8 : 0
247
+ },
248
+ className: Q,
247
249
  children: k
248
250
  })
249
251
  ]
250
252
  })
251
253
  ]
252
254
  });
253
- }, Ye = (param)=>{
255
+ }, Ge = (param)=>{
254
256
  let { value: e, defaultValue: a, onChange: r } = param;
255
- const l = e !== void 0, [c, v] = m.useState(!!a);
257
+ const o = e !== void 0, [d, x] = m.useState(!!a);
256
258
  return [
257
- l ? !!e : c,
259
+ o ? !!e : d,
258
260
  ()=>{
259
- l || v(!c), r == null || r(l ? !e : !c);
261
+ o || x(!d), r == null || r(o ? !e : !d);
260
262
  }
261
263
  ];
262
- }, qe = (e)=>[
264
+ }, Je = (e)=>[
263
265
  "switch",
264
266
  "checkbox",
265
267
  "radioValue",
266
268
  "iconButton"
267
269
  ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ m.forwardRef((e, a)=>{
268
270
  var p, ee;
269
- const r = m.useId(), l = oe(), { asset: c, headline: v, title: g, titleAs: x, titleLinesMax: P, subtitle: w, subtitleLinesMax: D, description: h, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: L, withChevron: M, dataAttributes: s, right: k, "aria-label": A } = e, [Q, S] = m.useState(""), [de, ce] = m.useState(""), [se, he] = m.useState(""), ue = [
271
+ const r = m.useId(), o = oe(), { asset: d, headline: x, title: g, titleAs: v, titleLinesMax: D, subtitle: w, subtitleLinesMax: M, description: u, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: L, withChevron: O, dataAttributes: c, right: k, "aria-label": A } = e, [U, S] = m.useState(""), [de, ce] = m.useState(""), [se, he] = m.useState(""), ue = [
270
272
  g,
271
- Q,
273
+ U,
272
274
  w,
273
- h,
275
+ u,
274
276
  de,
275
277
  T,
276
278
  se
277
- ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = Be(), b = e.disabled || e.radioValue !== void 0 && me.disabled, O = !b && !l, W = !b && l, U = qe(e), V = !!e.onPress || !!e.href || !!e.to, fe = U ? !1 : M !== null && M !== void 0 ? M : V, Z = {
279
+ ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = Be(), b = e.disabled || e.radioValue !== void 0 && me.disabled, W = !b && !o, j = !b && o, Y = Je(e), V = !!e.onPress || !!e.href || !!e.to, fe = Y ? !1 : O !== null && O !== void 0 ? O : V, Z = {
278
280
  href: e.href,
279
281
  newTab: e.newTab,
280
282
  loadOnTop: e.loadOnTop,
@@ -284,19 +286,19 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
284
286
  onNavigate: e.onNavigate,
285
287
  onPress: e.onPress,
286
288
  trackingEvent: e.trackingEvent
287
- }, [_, $] = Ye(e.switch || e.checkbox || {}), R = (n)=>/* @__PURE__ */ t(Fe, {
288
- asset: c,
289
- headline: v,
289
+ }, [_, $] = Ge(e.switch || e.checkbox || {}), R = (n)=>/* @__PURE__ */ t(ze, {
290
+ asset: d,
291
+ headline: x,
290
292
  headlineRef: (i)=>{
291
293
  i && S(i.textContent || "");
292
294
  },
293
295
  title: g,
294
- titleAs: x,
296
+ titleAs: v,
295
297
  subtitle: w,
296
- description: h,
298
+ description: u,
297
299
  badge: y,
298
- titleLinesMax: P,
299
- subtitleLinesMax: D,
300
+ titleLinesMax: D,
301
+ subtitleLinesMax: M,
300
302
  descriptionLinesMax: E,
301
303
  detail: T,
302
304
  danger: N,
@@ -313,36 +315,36 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
313
315
  disabled: b,
314
316
  withChevron: fe
315
317
  });
316
- if (V && !U) return /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
318
+ if (V && !Y) return /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
317
319
  ref: a,
318
- className: u(q, {
319
- [z]: O,
320
- [G]: W,
320
+ className: s(G, {
321
+ [J]: W,
322
+ [K]: j,
321
323
  [re]: !b
322
324
  })
323
325
  }, Z), {
324
326
  role: f,
325
- dataAttributes: s,
327
+ dataAttributes: c,
326
328
  disabled: b,
327
329
  "aria-label": B,
328
- children: /* @__PURE__ */ t(o, {
330
+ children: /* @__PURE__ */ t(h, {
329
331
  paddingX: 16,
330
332
  "aria-hidden": !!e.to || !!e.href || void 0,
331
333
  children: R()
332
334
  })
333
335
  }));
334
- const j = (n)=>/* @__PURE__ */ X("div", _object_spread_props(_object_spread({
335
- className: Pe,
336
+ const H = (n)=>/* @__PURE__ */ P("div", _object_spread_props(_object_spread({
337
+ className: Me,
336
338
  ref: a
337
- }, K(s)), {
339
+ }, X(c)), {
338
340
  children: [
339
341
  /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
340
342
  disabled: b
341
343
  }, Z), {
342
344
  role: f,
343
- className: u(De, {
344
- [z]: O,
345
- [G]: W
345
+ className: s(Oe, {
346
+ [J]: W,
347
+ [K]: j
346
348
  }),
347
349
  "aria-label": B,
348
350
  children: R({
@@ -350,24 +352,24 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
350
352
  })
351
353
  })),
352
354
  /* @__PURE__ */ t("div", {
353
- className: Me
355
+ className: We
354
356
  }),
355
357
  n
356
358
  ]
357
- })), H = (n, i)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
358
- className: u(q, {
359
- [z]: O && i,
360
- [G]: W && i,
359
+ })), F = (n, i)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
360
+ className: s(G, {
361
+ [J]: W && i,
362
+ [K]: j && i,
361
363
  [re]: !b && i
362
364
  }),
363
365
  ref: a
364
- }, K(s)), {
366
+ }, X(c)), {
365
367
  children: n
366
368
  }));
367
369
  if (e.switch || e.checkbox) {
368
370
  var _ref, _ref1;
369
371
  const n = e.switch ? we : Re, i = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
370
- return V ? j(/* @__PURE__ */ t(n, {
372
+ return V ? H(/* @__PURE__ */ t(n, {
371
373
  disabled: b,
372
374
  name: i,
373
375
  checked: _,
@@ -375,13 +377,13 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
375
377
  "aria-labelledby": r,
376
378
  onChange: $,
377
379
  render: (param)=>{
378
- let { controlElement: F } = param;
380
+ let { controlElement: q } = param;
379
381
  return /* @__PURE__ */ t("div", {
380
- className: Oe,
381
- children: F
382
+ className: je,
383
+ children: q
382
384
  });
383
385
  }
384
- })) : H(/* @__PURE__ */ t(n, {
386
+ })) : F(/* @__PURE__ */ t(n, {
385
387
  disabled: b,
386
388
  name: i,
387
389
  checked: _,
@@ -389,22 +391,22 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
389
391
  "aria-labelledby": r,
390
392
  onChange: $,
391
393
  render: (param)=>{
392
- let { controlElement: F, labelId: be } = param;
393
- return /* @__PURE__ */ t(o, {
394
+ let { controlElement: q, labelId: be } = param;
395
+ return /* @__PURE__ */ t(h, {
394
396
  paddingX: 16,
395
397
  role: f,
396
398
  children: R({
397
399
  labelId: be,
398
400
  control: /* @__PURE__ */ t(C, {
399
401
  space: "around",
400
- children: F
402
+ children: q
401
403
  })
402
404
  })
403
405
  });
404
406
  }
405
407
  }), !0);
406
408
  }
407
- return e.radioValue ? V ? j(/* @__PURE__ */ t(ae, {
409
+ return e.radioValue ? V ? H(/* @__PURE__ */ t(ae, {
408
410
  value: e.radioValue,
409
411
  "aria-label": B,
410
412
  "aria-labelledby": r,
@@ -412,19 +414,19 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
412
414
  let { controlElement: n } = param;
413
415
  return /* @__PURE__ */ t(C, {
414
416
  space: "around",
415
- children: /* @__PURE__ */ t(o, {
417
+ children: /* @__PURE__ */ t(h, {
416
418
  paddingX: 16,
417
419
  children: n
418
420
  })
419
421
  });
420
422
  }
421
- })) : H(/* @__PURE__ */ t(ae, {
423
+ })) : F(/* @__PURE__ */ t(ae, {
422
424
  value: e.radioValue,
423
425
  "aria-label": B,
424
426
  "aria-labelledby": r,
425
427
  render: (param)=>{
426
428
  let { controlElement: n } = param;
427
- return /* @__PURE__ */ t(o, {
429
+ return /* @__PURE__ */ t(h, {
428
430
  paddingX: 16,
429
431
  role: f,
430
432
  children: R({
@@ -436,7 +438,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
436
438
  })
437
439
  });
438
440
  }
439
- }), !0) : e.iconButton ? V ? j(/* @__PURE__ */ t(o, {
441
+ }), !0) : e.iconButton ? V ? H(/* @__PURE__ */ t(h, {
440
442
  padding: 16,
441
443
  children: /* @__PURE__ */ t(C, {
442
444
  space: "around",
@@ -446,7 +448,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
446
448
  disabled: e.disabled
447
449
  }))
448
450
  })
449
- })) : H(/* @__PURE__ */ t(o, {
451
+ })) : F(/* @__PURE__ */ t(h, {
450
452
  paddingX: 16,
451
453
  children: R({
452
454
  labelId: r,
@@ -461,47 +463,46 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
461
463
  }))
462
464
  })
463
465
  })
464
- })) : /* @__PURE__ */ t(o, {
465
- paddingX: 16,
466
- className: q,
467
- role: f,
468
- dataAttributes: s,
466
+ })) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
467
+ className: s(G, Te),
468
+ role: f
469
+ }, X(c)), {
469
470
  ref: a,
470
471
  children: R()
471
- });
472
- }), st = /*#__PURE__*/ m.forwardRef((_param, l)=>{
472
+ }));
473
+ }), ut = /*#__PURE__*/ m.forwardRef((_param, o)=>{
473
474
  var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
474
475
  "dataAttributes",
475
476
  "role"
476
477
  ]);
477
478
  return /* @__PURE__ */ t("div", {
478
479
  role: a,
479
- className: Te,
480
+ className: Ne,
480
481
  children: /* @__PURE__ */ t(le, _object_spread_props(_object_spread({}, r), {
481
- ref: l,
482
+ ref: o,
482
483
  dataAttributes: _object_spread({
483
484
  "component-name": "Row"
484
485
  }, e)
485
486
  }))
486
487
  });
487
- }), ht = (param)=>{
488
- let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
489
- const c = m.Children.toArray(e).filter(Boolean), v = c.length - 1;
488
+ }), mt = (param)=>{
489
+ let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
490
+ const d = m.Children.toArray(e).filter(Boolean), x = d.length - 1;
490
491
  return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
491
492
  role: r,
492
493
  "aria-labelledby": a
493
- }, K(l, "RowList")), {
494
- children: c.map((g, x)=>/* @__PURE__ */ X(m.Fragment, {
494
+ }, X(o, "RowList")), {
495
+ children: d.map((g, v)=>/* @__PURE__ */ P(m.Fragment, {
495
496
  children: [
496
497
  g,
497
- x < v && /* @__PURE__ */ t(o, {
498
+ v < x && /* @__PURE__ */ t(h, {
498
499
  paddingX: 16,
499
500
  children: /* @__PURE__ */ t(Ce, {})
500
501
  })
501
502
  ]
502
- }, x))
503
+ }, v))
503
504
  }));
504
- }, ut = /*#__PURE__*/ m.forwardRef((_param, r)=>{
505
+ }, ft = /*#__PURE__*/ m.forwardRef((_param, r)=>{
505
506
  var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
506
507
  "dataAttributes"
507
508
  ]);
@@ -513,16 +514,16 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
513
514
  }, e),
514
515
  children: /* @__PURE__ */ t(le, _object_spread({}, a))
515
516
  });
516
- }), mt = (param)=>{
517
- let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
517
+ }), bt = (param)=>{
518
+ let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
518
519
  return /* @__PURE__ */ t(C, {
519
520
  space: 16,
520
521
  role: r,
521
522
  "aria-labelledby": a,
522
523
  dataAttributes: _object_spread({
523
524
  "component-name": "BoxedRowList"
524
- }, l),
525
+ }, o),
525
526
  children: e
526
527
  });
527
528
  };
528
- export { ut as BoxedRow, mt as BoxedRowList, Fe as Content, st as Row, ht as RowList };
529
+ export { ft as BoxedRow, bt as BoxedRowList, ze as Content, ut as Row, mt as RowList };
@@ -1,11 +1,11 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./menu.css.ts.vanilla.css-mistica.js";
3
- var r = "_2k0k3uj", v = "_2k0k3ui", n = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
3
+ var e = "_2k0k3uk", n = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7m _1y2v1nf8v", m = {
4
4
  enter: "_2k0k3u9",
5
5
  enterActive: "_2k0k3ua",
6
6
  exit: "_2k0k3ub",
7
7
  exitActive: "_2k0k3uc"
8
- }, o = {
8
+ }, f = {
9
9
  top: "var(--_2k0k3u0)",
10
10
  bottom: "var(--_2k0k3u1)",
11
11
  left: "var(--_2k0k3u2)",
@@ -14,4 +14,4 @@ var r = "_2k0k3uj", v = "_2k0k3ui", n = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nf
14
14
  maxHeight: "var(--_2k0k3u5)",
15
15
  transformOrigin: "var(--_2k0k3u6)"
16
16
  };
17
- export { r as iconContainer, v as itemContent, n as menuContainer, a as menuItem, t as menuItemDisabled, _ as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, o as vars };
17
+ export { e as iconContainer, n as itemContent, r as menuContainer, _ as menuItem, a as menuItemDisabled, t as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, f as vars };