@telefonica/mistica 16.31.0 → 16.32.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 (259) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +6 -6
  3. package/dist/align.css-mistica.js +1 -1
  4. package/dist/avatar.css-mistica.js +1 -1
  5. package/dist/badge.css-mistica.js +1 -1
  6. package/dist/box.css-mistica.js +13 -13
  7. package/dist/box.js +5 -5
  8. package/dist/boxed.css-mistica.js +24 -24
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-group.js +2 -2
  11. package/dist/button-layout.css-mistica.js +13 -13
  12. package/dist/button.css-mistica.js +16 -16
  13. package/dist/callout.css-mistica.js +5 -5
  14. package/dist/card.css-mistica.js +3 -3
  15. package/dist/carousel.css-mistica.js +99 -44
  16. package/dist/carousel.css.d.ts +35 -16
  17. package/dist/carousel.d.ts +43 -5
  18. package/dist/carousel.js +570 -384
  19. package/dist/checkbox.css-mistica.js +7 -7
  20. package/dist/checkbox.js +2 -2
  21. package/dist/chip.css-mistica.js +12 -12
  22. package/dist/circle.css-mistica.js +1 -1
  23. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  24. package/dist/community/advanced-data-card.js +4 -4
  25. package/dist/community/blocks.css-mistica.js +1 -1
  26. package/dist/community/example-component.css-mistica.js +1 -1
  27. package/dist/counter.css-mistica.js +1 -1
  28. package/dist/counter.js +8 -8
  29. package/dist/cover-hero.css-mistica.js +14 -15
  30. package/dist/credit-card-number-field.css-mistica.js +3 -3
  31. package/dist/date-field.css-mistica.js +1 -1
  32. package/dist/date-time-picker.css-mistica.js +1 -1
  33. package/dist/dialog.css-mistica.js +4 -4
  34. package/dist/dialog.js +14 -14
  35. package/dist/divider.css-mistica.js +2 -2
  36. package/dist/double-field.css-mistica.js +2 -2
  37. package/dist/drawer.css-mistica.js +1 -1
  38. package/dist/empty-state-card.css-mistica.js +1 -1
  39. package/dist/empty-state.css-mistica.js +5 -5
  40. package/dist/fade-in.css-mistica.js +1 -1
  41. package/dist/feedback.css-mistica.js +1 -1
  42. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  43. package/dist/fixed-footer-layout.js +5 -5
  44. package/dist/form.css-mistica.js +1 -1
  45. package/dist/form.js +5 -5
  46. package/dist/grid-layout.css-mistica.js +3 -3
  47. package/dist/grid.css-mistica.js +122 -122
  48. package/dist/grid.js +9 -9
  49. package/dist/header.css-mistica.js +1 -1
  50. package/dist/hero.css-mistica.js +2 -2
  51. package/dist/highlighted-card.css-mistica.js +4 -4
  52. package/dist/horizontal-scroll.css-mistica.js +1 -1
  53. package/dist/horizontal-scroll.js +2 -2
  54. package/dist/icon-button.css-mistica.js +42 -42
  55. package/dist/icon-button.js +3 -3
  56. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  57. package/dist/icons/icon-error.css-mistica.js +1 -1
  58. package/dist/image.css-mistica.js +3 -3
  59. package/dist/image.js +5 -5
  60. package/dist/index.d.ts +1 -1
  61. package/dist/index.js +6 -0
  62. package/dist/inline.css-mistica.js +10 -10
  63. package/dist/list.css-mistica.js +1 -1
  64. package/dist/loading-bar.css-mistica.js +1 -1
  65. package/dist/loading-bar.js +2 -2
  66. package/dist/loading-screen.css-mistica.js +4 -4
  67. package/dist/loading-screen.js +3 -3
  68. package/dist/logo.css-mistica.js +5 -5
  69. package/dist/maybe-dismissable.css-mistica.js +1 -1
  70. package/dist/menu.css-mistica.js +12 -12
  71. package/dist/menu.js +7 -7
  72. package/dist/mosaic.css-mistica.js +1 -1
  73. package/dist/mosaic.d.ts +2 -1
  74. package/dist/mosaic.js +33 -32
  75. package/dist/navigation-bar.css-mistica.js +16 -16
  76. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  77. package/dist/package-version.js +1 -1
  78. package/dist/pin-field.css-mistica.js +1 -1
  79. package/dist/pin-field.js +2 -2
  80. package/dist/popover.css-mistica.js +1 -1
  81. package/dist/progress-bar.css-mistica.js +4 -4
  82. package/dist/progress-bar.js +2 -2
  83. package/dist/radio-button.css-mistica.js +14 -14
  84. package/dist/radio-button.d.ts +1 -0
  85. package/dist/radio-button.js +72 -61
  86. package/dist/rating.css-mistica.js +2 -2
  87. package/dist/rating.js +8 -8
  88. package/dist/responsive-layout.css-mistica.js +4 -4
  89. package/dist/responsive-layout.js +6 -6
  90. package/dist/screen-reader-only.css-mistica.js +1 -1
  91. package/dist/select.css-mistica.js +15 -15
  92. package/dist/select.js +9 -9
  93. package/dist/sheet-action-row.css-mistica.js +1 -1
  94. package/dist/sheet-common.css-mistica.js +1 -1
  95. package/dist/sheet-info.css-mistica.js +1 -1
  96. package/dist/skeletons.css-mistica.js +4 -4
  97. package/dist/skins/skin-contract.css-mistica.js +354 -354
  98. package/dist/slider.css-mistica.js +10 -10
  99. package/dist/slider.js +9 -9
  100. package/dist/snackbar.css-mistica.js +4 -4
  101. package/dist/spinner.css-mistica.js +1 -1
  102. package/dist/stack.css-mistica.js +5 -5
  103. package/dist/stacking-group.css-mistica.js +1 -1
  104. package/dist/stepper.css-mistica.js +2 -2
  105. package/dist/stepper.js +3 -3
  106. package/dist/switch-component.css-mistica.js +26 -26
  107. package/dist/table.css-mistica.js +8 -8
  108. package/dist/table.js +8 -8
  109. package/dist/tabs.css-mistica.js +12 -12
  110. package/dist/tag.css-mistica.js +1 -1
  111. package/dist/text-field-base.css-mistica.js +1 -1
  112. package/dist/text-field-base.js +126 -115
  113. package/dist/text-field-components.css-mistica.js +6 -6
  114. package/dist/text-field-components.js +2 -2
  115. package/dist/text-link.css-mistica.js +5 -5
  116. package/dist/text-tokens.d.ts +8 -0
  117. package/dist/text-tokens.js +142 -110
  118. package/dist/text.css-mistica.js +7 -7
  119. package/dist/text.js +7 -7
  120. package/dist/theme-context.css-mistica.js +394 -394
  121. package/dist/timeline.css-mistica.js +10 -10
  122. package/dist/timer.css-mistica.js +6 -6
  123. package/dist/tooltip.css-mistica.js +1 -1
  124. package/dist/touchable.css-mistica.js +1 -1
  125. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  126. package/dist/utils/aspect-ratio-support.js +3 -3
  127. package/dist/video.css-mistica.js +1 -1
  128. package/dist/video.js +2 -2
  129. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  130. package/dist-es/accordion.css-mistica.js +6 -6
  131. package/dist-es/align.css-mistica.js +1 -1
  132. package/dist-es/avatar.css-mistica.js +1 -1
  133. package/dist-es/badge.css-mistica.js +1 -1
  134. package/dist-es/box.css-mistica.js +13 -13
  135. package/dist-es/box.js +9 -9
  136. package/dist-es/boxed.css-mistica.js +23 -23
  137. package/dist-es/button-group.css-mistica.js +1 -1
  138. package/dist-es/button-group.js +4 -4
  139. package/dist-es/button-layout.css-mistica.js +13 -13
  140. package/dist-es/button.css-mistica.js +16 -16
  141. package/dist-es/callout.css-mistica.js +5 -5
  142. package/dist-es/callout.js +5 -5
  143. package/dist-es/card.css-mistica.js +3 -3
  144. package/dist-es/carousel.css-mistica.js +9 -8
  145. package/dist-es/carousel.js +587 -407
  146. package/dist-es/checkbox.css-mistica.js +7 -7
  147. package/dist-es/checkbox.js +6 -6
  148. package/dist-es/chip.css-mistica.js +12 -12
  149. package/dist-es/circle.css-mistica.js +1 -1
  150. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  151. package/dist-es/community/advanced-data-card.js +11 -11
  152. package/dist-es/community/blocks.css-mistica.js +1 -1
  153. package/dist-es/community/example-component.css-mistica.js +1 -1
  154. package/dist-es/counter.css-mistica.js +1 -1
  155. package/dist-es/counter.js +8 -8
  156. package/dist-es/cover-hero.css-mistica.js +4 -5
  157. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  158. package/dist-es/date-field.css-mistica.js +1 -1
  159. package/dist-es/date-time-picker.css-mistica.js +1 -1
  160. package/dist-es/dialog.css-mistica.js +4 -4
  161. package/dist-es/dialog.js +31 -31
  162. package/dist-es/divider.css-mistica.js +2 -2
  163. package/dist-es/double-field.css-mistica.js +2 -2
  164. package/dist-es/drawer.css-mistica.js +1 -1
  165. package/dist-es/empty-state-card.css-mistica.js +1 -1
  166. package/dist-es/empty-state.css-mistica.js +5 -5
  167. package/dist-es/empty-state.js +7 -7
  168. package/dist-es/fade-in.css-mistica.js +1 -1
  169. package/dist-es/feedback.css-mistica.js +1 -1
  170. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  171. package/dist-es/fixed-footer-layout.js +5 -5
  172. package/dist-es/form.css-mistica.js +1 -1
  173. package/dist-es/form.js +5 -5
  174. package/dist-es/grid-layout.css-mistica.js +3 -3
  175. package/dist-es/grid.css-mistica.js +122 -122
  176. package/dist-es/grid.js +10 -10
  177. package/dist-es/header.css-mistica.js +1 -1
  178. package/dist-es/hero.css-mistica.js +2 -2
  179. package/dist-es/highlighted-card.css-mistica.js +4 -4
  180. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  181. package/dist-es/horizontal-scroll.js +2 -2
  182. package/dist-es/icon-button.css-mistica.js +42 -42
  183. package/dist-es/icon-button.js +3 -3
  184. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  185. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  186. package/dist-es/image.css-mistica.js +3 -3
  187. package/dist-es/image.js +5 -5
  188. package/dist-es/index.js +1843 -1843
  189. package/dist-es/inline.css-mistica.js +10 -10
  190. package/dist-es/list.css-mistica.js +1 -1
  191. package/dist-es/list.js +18 -18
  192. package/dist-es/loading-bar.css-mistica.js +1 -1
  193. package/dist-es/loading-bar.js +6 -6
  194. package/dist-es/loading-screen.css-mistica.js +4 -4
  195. package/dist-es/loading-screen.js +8 -8
  196. package/dist-es/logo.css-mistica.js +5 -5
  197. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  198. package/dist-es/menu.css-mistica.js +12 -12
  199. package/dist-es/menu.js +7 -7
  200. package/dist-es/mosaic.css-mistica.js +1 -1
  201. package/dist-es/mosaic.js +47 -46
  202. package/dist-es/navigation-bar.css-mistica.js +16 -16
  203. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  204. package/dist-es/package-version.js +1 -1
  205. package/dist-es/pin-field.css-mistica.js +1 -1
  206. package/dist-es/pin-field.js +8 -8
  207. package/dist-es/popover.css-mistica.js +1 -1
  208. package/dist-es/progress-bar.css-mistica.js +4 -4
  209. package/dist-es/progress-bar.js +10 -10
  210. package/dist-es/radio-button.css-mistica.js +14 -14
  211. package/dist-es/radio-button.js +98 -88
  212. package/dist-es/rating.css-mistica.js +2 -2
  213. package/dist-es/rating.js +12 -12
  214. package/dist-es/responsive-layout.css-mistica.js +4 -4
  215. package/dist-es/responsive-layout.js +15 -15
  216. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  217. package/dist-es/select.css-mistica.js +15 -15
  218. package/dist-es/select.js +15 -15
  219. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  220. package/dist-es/sheet-common.css-mistica.js +1 -1
  221. package/dist-es/sheet-common.js +6 -6
  222. package/dist-es/sheet-info.css-mistica.js +1 -1
  223. package/dist-es/skeletons.css-mistica.js +4 -4
  224. package/dist-es/skins/skin-contract.css-mistica.js +354 -354
  225. package/dist-es/slider.css-mistica.js +10 -10
  226. package/dist-es/slider.js +9 -9
  227. package/dist-es/snackbar.css-mistica.js +4 -4
  228. package/dist-es/spinner.css-mistica.js +1 -1
  229. package/dist-es/stack.css-mistica.js +5 -5
  230. package/dist-es/stacking-group.css-mistica.js +1 -1
  231. package/dist-es/stepper.css-mistica.js +2 -2
  232. package/dist-es/stepper.js +3 -3
  233. package/dist-es/style.css +1 -1
  234. package/dist-es/switch-component.css-mistica.js +26 -26
  235. package/dist-es/table.css-mistica.js +8 -8
  236. package/dist-es/table.js +12 -12
  237. package/dist-es/tabs.css-mistica.js +12 -12
  238. package/dist-es/tag.css-mistica.js +1 -1
  239. package/dist-es/tag.js +8 -8
  240. package/dist-es/text-field-base.css-mistica.js +1 -1
  241. package/dist-es/text-field-base.js +153 -141
  242. package/dist-es/text-field-components.css-mistica.js +5 -5
  243. package/dist-es/text-field-components.js +4 -4
  244. package/dist-es/text-link.css-mistica.js +5 -5
  245. package/dist-es/text-tokens.js +79 -59
  246. package/dist-es/text.css-mistica.js +7 -7
  247. package/dist-es/text.js +6 -6
  248. package/dist-es/theme-context.css-mistica.js +394 -394
  249. package/dist-es/timeline.css-mistica.js +10 -10
  250. package/dist-es/timeline.js +4 -4
  251. package/dist-es/timer.css-mistica.js +6 -6
  252. package/dist-es/tooltip.css-mistica.js +1 -1
  253. package/dist-es/touchable.css-mistica.js +1 -1
  254. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  255. package/dist-es/utils/aspect-ratio-support.js +10 -10
  256. package/dist-es/video.css-mistica.js +1 -1
  257. package/dist-es/video.js +5 -5
  258. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  259. package/package.json +1 -1
@@ -1,12 +1,12 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./checkbox.css.ts.vanilla.css-mistica.js";
3
3
  var n = {
4
- ios: "v16_31_1rz9b16 v16_31_1rz9b15 v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfja v16_31_1y2v1nfln",
5
- rest: "v16_31_1rz9b17 v16_31_1rz9b15 v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfja v16_31_1y2v1nfln",
6
- checked: "v16_31_1rz9b18 v16_31_1rz9b15 v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfja v16_31_1y2v1nfln"
7
- }, r = "v16_31_1rz9b1d v16_31_1y2v1nfiu", f = "v16_31_1rz9b1e", y = "v16_31_1rz9b12 v16_31_1rz9b11 v16_31_1y2v1nfiv", b = "v16_31_1rz9b13 v16_31_1rz9b11 v16_31_1y2v1nfiv", a = "v16_31_1rz9b1f", e = {
8
- ios: "v16_31_1rz9b19 v16_31_1rz9b15 v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfja v16_31_1y2v1nfln",
9
- rest: "v16_31_1rz9b1a v16_31_1rz9b15 v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfja v16_31_1y2v1nfln",
10
- checked: "v16_31_1rz9b1b v16_31_1rz9b15 v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfja v16_31_1y2v1nfln"
4
+ ios: "v16_32_1rz9b16 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
5
+ rest: "v16_32_1rz9b17 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
6
+ checked: "v16_32_1rz9b18 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln"
7
+ }, r = "v16_32_1rz9b1d v16_32_1y2v1nfiu", f = "v16_32_1rz9b1e", y = "v16_32_1rz9b12 v16_32_1rz9b11 v16_32_1y2v1nfiv", b = "v16_32_1rz9b13 v16_32_1rz9b11 v16_32_1y2v1nfiv", a = "v16_32_1rz9b1f", e = {
8
+ ios: "v16_32_1rz9b19 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
9
+ rest: "v16_32_1rz9b1a v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
10
+ checked: "v16_32_1rz9b1b v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln"
11
11
  };
12
12
  export { n as boxVariant, r as check, f as checkChecked, y as checkboxContainer, b as checkboxContainerDisabled, a as disabled, e as inverseBoxVariant };
@@ -51,9 +51,9 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsx as a, jsxs as L } from "react/jsx-runtime";
54
+ import { jsx as a, jsxs as D } from "react/jsx-runtime";
55
55
  import * as b from "react";
56
- import { SPACE as N } from "./utils/keys.js";
56
+ import { SPACE as L } from "./utils/keys.js";
57
57
  import { useControlProps as P } from "./form-context.js";
58
58
  import V from "./inline.js";
59
59
  import { Text3 as k } from "./text.js";
@@ -104,8 +104,8 @@ const M = (param)=>{
104
104
  disabled: e.disabled
105
105
  }), [l, y] = b.useState(!!I), v = ()=>{
106
106
  r === void 0 ? (y(!l), f(!l)) : f(!r);
107
- }, D = (n)=>{
108
- n.key === N && (n.preventDefault(), n.stopPropagation(), v());
107
+ }, N = (n)=>{
108
+ n.key === L && (n.preventDefault(), n.stopPropagation(), v());
109
109
  }, u = /* @__PURE__ */ a(M, {
110
110
  disabled: o,
111
111
  isChecked: r !== null && r !== void 0 ? r : l
@@ -116,7 +116,7 @@ const M = (param)=>{
116
116
  id: e.id,
117
117
  role: e.role || "checkbox",
118
118
  "aria-checked": r !== null && r !== void 0 ? r : l,
119
- onKeyDown: o ? void 0 : D,
119
+ onKeyDown: o ? void 0 : N,
120
120
  onClick: (n)=>{
121
121
  n.stopPropagation(), o || v();
122
122
  },
@@ -132,7 +132,7 @@ const M = (param)=>{
132
132
  labelId: i,
133
133
  checked: r !== null && r !== void 0 ? r : l,
134
134
  disabled: !!o
135
- }) : /* @__PURE__ */ L(V, {
135
+ }) : /* @__PURE__ */ D(V, {
136
136
  space: 16,
137
137
  children: [
138
138
  /* @__PURE__ */ a(k, {
@@ -1,16 +1,16 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./chip.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_cc7htng", c = {
4
- default: "v16_31_cc7htn3 v16_31_1y2v1nfl9 v16_31_1y2v1nf4c v16_31_1y2v1nf2c",
5
- overAlternative: "v16_31_cc7htn3 v16_31_1y2v1nfl9 v16_31_1y2v1nf4k v16_31_1y2v1nf2c",
6
- active: "v16_31_cc7htnc v16_31_cc7htn4 v16_31_cc7htn3 v16_31_1y2v1nfl9 v16_31_1y2v1nf1l v16_31_1y2v1nf7d",
7
- navigationActive: "v16_31_cc7htnd v16_31_cc7htn4 v16_31_cc7htn3 v16_31_1y2v1nfl9 v16_31_1y2v1nf2i v16_31_1y2v1nf59",
8
- navigationActiveInverse: "v16_31_cc7htne v16_31_cc7htn3 v16_31_1y2v1nfl9 v16_31_1y2v1nf1l v16_31_1y2v1nf7d"
9
- }, t = "v16_31_1y2v1nfit v16_31_1y2v1nfj1 v16_31_1y2v1nfj7", f = "v16_31_cc7htnk v16_31_1y2v1nfci", i = "v16_31_cc7htnq v16_31_1y2v1nfci", y = "v16_31_cc7htnm v16_31_1y2v1nfci", a = "v16_31_cc7htno v16_31_1y2v1nfci", r = "v16_31_cc7htnf", e = "v16_31_cc7htni v16_31_1y2v1nfmf v16_31_1y2v1nfmu v16_31_1y2v1nfm0 v16_31_1y2v1nfn9 v16_31_1y2v1nfin", h = {
10
- default: "v16_31_1y2v1nfbl v16_31_1y2v1nfbh",
11
- withIcon: "v16_31_1y2v1nfbi v16_31_1y2v1nfbe"
3
+ var n = "v16_32_cc7htng", c = {
4
+ default: "v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf4c v16_32_1y2v1nf2c",
5
+ overAlternative: "v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf4k v16_32_1y2v1nf2c",
6
+ active: "v16_32_cc7htnc v16_32_cc7htn4 v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf1l v16_32_1y2v1nf7d",
7
+ navigationActive: "v16_32_cc7htnd v16_32_cc7htn4 v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf2i v16_32_1y2v1nf59",
8
+ navigationActiveInverse: "v16_32_cc7htne v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf1l v16_32_1y2v1nf7d"
9
+ }, t = "v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7", f = "v16_32_cc7htnk v16_32_1y2v1nfci", i = "v16_32_cc7htnq v16_32_1y2v1nfci", y = "v16_32_cc7htnm v16_32_1y2v1nfci", a = "v16_32_cc7htno v16_32_1y2v1nfci", r = "v16_32_cc7htnf", e = "v16_32_cc7htni v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfm0 v16_32_1y2v1nfn9 v16_32_1y2v1nfin", h = {
10
+ default: "v16_32_1y2v1nfbl v16_32_1y2v1nfbh",
11
+ withIcon: "v16_32_1y2v1nfbi v16_32_1y2v1nfbe"
12
12
  }, o = {
13
- default: "v16_31_1y2v1nfcu v16_31_1y2v1nfcq",
14
- withIcon: "v16_31_1y2v1nfcr v16_31_1y2v1nfcn"
15
- }, l = "v16_31_1y2v1nfis v16_31_1y2v1nfje v16_31_1y2v1nfj1 v16_31_1y2v1nfj7";
13
+ default: "v16_32_1y2v1nfcu v16_32_1y2v1nfcq",
14
+ withIcon: "v16_32_1y2v1nfcr v16_32_1y2v1nfcn"
15
+ }, l = "v16_32_1y2v1nfis v16_32_1y2v1nfje v16_32_1y2v1nfj1 v16_32_1y2v1nfj7";
16
16
  export { n as button, c as chipVariants, t as chipWrapper, f as icon, i as iconActive, y as iconNavigation, a as iconNavigationInverse, r as interactive, e as interactiveChipOverlay, h as leftPadding, o as rightPadding, l as wrappedContent };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./circle.css.ts.vanilla.css-mistica.js";
3
- var y = "v16_31_1wpwyyp1 v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nflc";
3
+ var y = "v16_32_1wpwyyp1 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflc";
4
4
  export { y as circle };
@@ -1,10 +1,10 @@
1
1
  import "../sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "../icon-button.css.ts.vanilla.css-mistica.js";
3
3
  import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
4
- var f = 216, n = "v16_31_1x00fru4 v16_31_1x00fru2 v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfis v16_31_1y2v1nfj4 v16_31_1y2v1nfaf", a = {
5
- default: "v16_31_1x00fruk",
6
- mobile: "v16_31_1x00frul"
7
- }, t = "v16_31_1x00frut", i = "v16_31_1x00fruo", u = "v16_31_1x00frup v16_31_1x00fruo", o = "v16_31_1x00fru8 v16_31_1x00fru2 v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nf8u v16_31_1y2v1nfaf", y = "v16_31_1y2v1nfim v16_31_1y2v1nfjw", x = "v16_31_1x00frud v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfje v16_31_1y2v1nfiy", e = "v16_31_1x00frui", c = "v16_31_1x00frua v16_31_1y2v1nf90 v16_31_1y2v1nfaf v16_31_1y2v1nfjf", d = "v16_31_1x00frux", s = "v16_31_1x00frus v16_31_1y2v1nfis v16_31_1y2v1nfix", m = "v16_31_1y2v1nfj7 v16_31_1y2v1nfis v16_31_1y2v1nfcr", l = "v16_31_1y2v1nfis v16_31_1y2v1nfje v16_31_1y2v1nfj7 v16_31_1y2v1nfl1", b = "v16_31_1x00frum", p = "v16_31_1x00fruu", g = "v16_31_1x00frub", j = "v16_31_1x00fru2 v16_31_1y2v1nfbi v16_31_1y2v1nfcr", h = "v16_31_1x00fruw", C = "v16_31_1x00fru5", H = "v16_31_1x00fru6", I = {
8
- topActionsCount: "var(--v16_31_1x00fruv)"
9
- }, w = "v16_31_1y2v1nf90";
4
+ var f = 216, n = "v16_32_1x00fru4 v16_32_1x00fru2 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfis v16_32_1y2v1nfj4 v16_32_1y2v1nfaf", a = {
5
+ default: "v16_32_1x00fruk",
6
+ mobile: "v16_32_1x00frul"
7
+ }, t = "v16_32_1x00frut", i = "v16_32_1x00fruo", u = "v16_32_1x00frup v16_32_1x00fruo", o = "v16_32_1x00fru8 v16_32_1x00fru2 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nf8u v16_32_1y2v1nfaf", y = "v16_32_1y2v1nfim v16_32_1y2v1nfjw", x = "v16_32_1x00frud v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfje v16_32_1y2v1nfiy", e = "v16_32_1x00frui", c = "v16_32_1x00frua v16_32_1y2v1nf90 v16_32_1y2v1nfaf v16_32_1y2v1nfjf", d = "v16_32_1x00frux", s = "v16_32_1x00frus v16_32_1y2v1nfis v16_32_1y2v1nfix", m = "v16_32_1y2v1nfj7 v16_32_1y2v1nfis v16_32_1y2v1nfcr", l = "v16_32_1y2v1nfis v16_32_1y2v1nfje v16_32_1y2v1nfj7 v16_32_1y2v1nfl1", b = "v16_32_1x00frum", p = "v16_32_1x00fruu", g = "v16_32_1x00frub", j = "v16_32_1x00fru2 v16_32_1y2v1nfbi v16_32_1y2v1nfcr", h = "v16_32_1x00fruw", C = "v16_32_1x00fru5", H = "v16_32_1x00fru6", I = {
8
+ topActionsCount: "var(--v16_32_1x00fruv)"
9
+ }, w = "v16_32_1y2v1nf90";
10
10
  export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, i as button, u as buttonMobile, o as cardContentStyle, y as container, x as dataCard, e as divider, c as extra, d as flexColumn, s as footerDirection, m as footerImage, l as footerText, b as marginRightAuto, p as marginRightButton, g as minHeight, j as paddingX, h as topActionsWithoutIcon, C as touchable, H as touchableCardHoverOverlay, I as vars, w as withPaddingTop };
@@ -78,11 +78,11 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsxs as t, jsx as r, Fragment as N } from "react/jsx-runtime";
81
+ import { jsxs as t, jsx as r, Fragment as x } from "react/jsx-runtime";
82
82
  import * as $ from "react";
83
83
  import { Boxed as rr } from "../boxed.js";
84
84
  import ar from "../stack.js";
85
- import { container as or, dataCard as er, MIN_HEIGHT as dr, touchable as nr, touchableCardHoverOverlay as tr, cardContentStyle as cr, minHeight as sr, topActionsWithoutIcon as ir, extra as mr, paddingX as hr, flexColumn as lr, divider as fr, actions as gr, actionsVariants as vr, marginRightButton as ur, buttonMobile as A, footerDirection as pr, marginRightAuto as yr, withPaddingTop as xr, footerImage as Nr, footerText as Br, adjustButtonLink as Tr, button as Cr, vars as wr } from "./advanced-data-card.css-mistica.js";
85
+ import { container as or, dataCard as er, MIN_HEIGHT as dr, touchable as nr, touchableCardHoverOverlay as tr, cardContentStyle as cr, minHeight as sr, topActionsWithoutIcon as ir, extra as mr, paddingX as hr, flexColumn as lr, divider as fr, actions as gr, actionsVariants as vr, marginRightButton as ur, buttonMobile as A, footerDirection as pr, marginRightAuto as yr, withPaddingTop as Nr, footerImage as xr, footerText as Br, adjustButtonLink as Tr, button as Cr, vars as wr } from "./advanced-data-card.css-mistica.js";
86
86
  import { vars as Ir } from "../image.css-mistica.js";
87
87
  import O from "../divider.js";
88
88
  import { Text as E, Text2 as g } from "../text.js";
@@ -99,12 +99,12 @@ import { applyCssVars as Y } from "../utils/css.js";
99
99
  import W from "../tag.js";
100
100
  import { isBiggerHeading as _ } from "../utils/headings.js";
101
101
  const jr = (param)=>{
102
- let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: x } = param;
102
+ let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: N } = param;
103
103
  const { textPresets: m } = Hr();
104
104
  return /** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */ /* @__PURE__ */ t("div", {
105
105
  className: lr,
106
106
  children: [
107
- _(c, s) ? /* @__PURE__ */ t(N, {
107
+ _(c, s) ? /* @__PURE__ */ t(x, {
108
108
  children: [
109
109
  o && /* @__PURE__ */ r("div", {
110
110
  style: {
@@ -143,7 +143,7 @@ const jr = (param)=>{
143
143
  })
144
144
  })
145
145
  ]
146
- }) : /* @__PURE__ */ t(N, {
146
+ }) : /* @__PURE__ */ t(x, {
147
147
  children: [
148
148
  n && /* @__PURE__ */ r("div", {
149
149
  style: {
@@ -195,7 +195,7 @@ const jr = (param)=>{
195
195
  })
196
196
  }),
197
197
  e && /* @__PURE__ */ r(g, {
198
- truncate: x,
198
+ truncate: N,
199
199
  as: "div",
200
200
  regular: !0,
201
201
  color: X.colors.textSecondary,
@@ -207,7 +207,7 @@ const jr = (param)=>{
207
207
  }, Ar = (param)=>{
208
208
  let { button: d, footerImage: h, footerText: n, footerTextLinesMax: s, buttonLink: l } = param;
209
209
  const o = !!d, c = !!h, f = !!n, a = !!l, i = o && (c || f) && a, e = a && !i ? "178px" : "";
210
- return /* @__PURE__ */ t(N, {
210
+ return /* @__PURE__ */ t(x, {
211
211
  children: [
212
212
  /* @__PURE__ */ r("div", {
213
213
  className: fr,
@@ -221,10 +221,10 @@ const jr = (param)=>{
221
221
  children: d
222
222
  }),
223
223
  /* @__PURE__ */ t("div", {
224
- className: v(pr, i ? yr : xr),
224
+ className: v(pr, i ? yr : Nr),
225
225
  children: [
226
226
  c && /* @__PURE__ */ r("div", {
227
- className: Nr,
227
+ className: xr,
228
228
  children: /* @__PURE__ */ r("div", {
229
229
  style: Y({
230
230
  [Ir.mediaBorderRadius]: X.borderRadii.mediaSmall
@@ -254,7 +254,7 @@ const jr = (param)=>{
254
254
  ]
255
255
  });
256
256
  }, Er = /*#__PURE__*/ $.forwardRef((_param, K)=>{
257
- var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: x, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
257
+ var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: N, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
258
258
  "stackingGroup",
259
259
  "headline",
260
260
  "pretitle",
@@ -346,7 +346,7 @@ const jr = (param)=>{
346
346
  subtitle: a,
347
347
  subtitleLinesMax: i,
348
348
  description: e,
349
- descriptionLinesMax: x
349
+ descriptionLinesMax: N
350
350
  })
351
351
  ]
352
352
  }),
@@ -1,4 +1,4 @@
1
1
  import "../sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./blocks.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_1y2v1nfis v16_31_1y2v1nfiy", t = "v16_31_llrsen1";
3
+ var n = "v16_32_1y2v1nfis v16_32_1y2v1nfiy", t = "v16_32_llrsen1";
4
4
  export { n as column, t as rightContent };
@@ -1,3 +1,3 @@
1
1
  import "./example-component.css.ts.vanilla.css-mistica.js";
2
- var m = "v16_31_jbmjs60";
2
+ var m = "v16_32_jbmjs60";
3
3
  export { m as example };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./counter.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_rijsns8 v16_31_1y2v1nf8k v16_31_1y2v1nfla v16_31_1y2v1nfin v16_31_1y2v1nfjq v16_31_1y2v1nfk6", r = "v16_31_rijsnse v16_31_1y2v1nfjp v16_31_1y2v1nfk5 v16_31_1y2v1nfin v16_31_1y2v1nfli v16_31_1y2v1nf7d", s = "v16_31_rijsns6", i = "v16_31_rijsns3 v16_31_1y2v1nfli v16_31_1y2v1nf4c v16_31_1y2v1nfit v16_31_1y2v1nflu", a = "v16_31_rijsnsc v16_31_rijsnsa v16_31_1y2v1nfin", t = "v16_31_rijsnsa v16_31_1y2v1nfin", f = "v16_31_rijsns4", y = "v16_31_rijsns0", o = "v16_31_rijsns1", j = "v16_31_rijsnsb v16_31_rijsnsa v16_31_1y2v1nfin", e = "v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfj1";
3
+ var n = "v16_32_rijsns8 v16_32_1y2v1nf8k v16_32_1y2v1nfla v16_32_1y2v1nfin v16_32_1y2v1nfjq v16_32_1y2v1nfk6", r = "v16_32_rijsnse v16_32_1y2v1nfjp v16_32_1y2v1nfk5 v16_32_1y2v1nfin v16_32_1y2v1nfli v16_32_1y2v1nf7d", s = "v16_32_rijsns6", i = "v16_32_rijsns3 v16_32_1y2v1nfli v16_32_1y2v1nf4c v16_32_1y2v1nfit v16_32_1y2v1nflu", a = "v16_32_rijsnsc v16_32_rijsnsa v16_32_1y2v1nfin", t = "v16_32_rijsnsa v16_32_1y2v1nfin", f = "v16_32_rijsns4", y = "v16_32_rijsns0", o = "v16_32_rijsns1", j = "v16_32_rijsnsb v16_32_rijsnsa v16_32_1y2v1nfin", e = "v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfj1";
4
4
  export { n as button, r as buttonBackground, s as buttonContainer, i as counter, a as decreaseButtonIcon, t as defaultButtonIcon, f as disabled, y as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, e as valueContainer };
@@ -72,22 +72,22 @@ const M = 20, cr = (param)=>{
72
72
  const s = p !== void 0, f = V.useCallback((i)=>i === void 0 ? h : Math.max(h, Math.min(c, i)), [
73
73
  h,
74
74
  c
75
- ]), [t, I] = V.useState(f(b)), g = (i)=>{
75
+ ]), [t, I] = V.useState(f(b)), N = (i)=>{
76
76
  s || I(i), a == null || a(i);
77
77
  };
78
78
  return [
79
79
  s ? f(p) : t,
80
- g
80
+ N
81
81
  ];
82
82
  }, sr = (param)=>{
83
- let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel: g, decreaseLabel: i, valueLabel: k } = param;
84
- const C = F(), N = V.useId(), { texts: u, t: d, isDarkMode: A } = X(), l = a === void 0 ? 0 : a, m = Math.max(l, s === void 0 ? 999 : s), [e, B] = cr({
83
+ let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel: N, decreaseLabel: i, valueLabel: k } = param;
84
+ const C = F(), g = V.useId(), { texts: u, t: d, isDarkMode: A } = X(), l = a === void 0 ? 0 : a, m = Math.max(l, s === void 0 ? 999 : s), [e, B] = cr({
85
85
  value: p,
86
86
  defaultValue: b,
87
87
  min: l,
88
88
  max: m,
89
89
  onChangeValue: h
90
- }), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(rr), $ = ()=>g !== null && g !== void 0 ? g : u.counterIncreaseLabel || d(er), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(tr), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(or)}${a !== void 0 ? `, ${u.counterMinValue || d(ar)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(nr)} ${s}` : ""}`;
90
+ }), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(rr), $ = ()=>N !== null && N !== void 0 ? N : u.counterIncreaseLabel || d(er), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(tr), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(or)}${a !== void 0 ? `, ${u.counterMinValue || d(ar)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(nr)} ${s}` : ""}`;
91
91
  return /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
92
92
  className: L(O, {
93
93
  [x]: t
@@ -111,7 +111,7 @@ const M = 20, cr = (param)=>{
111
111
  disabled: !o && e === l || t,
112
112
  onPress: ()=>o ? c == null ? void 0 : c() : B(e - 1),
113
113
  "aria-label": o ? R() : z(),
114
- "aria-controls": N,
114
+ "aria-controls": g,
115
115
  children: [
116
116
  /* @__PURE__ */ r("div", {
117
117
  className: S
@@ -140,7 +140,7 @@ const M = 20, cr = (param)=>{
140
140
  style: {
141
141
  width: `${Math.max(3, String(m).length) * 1.25}ch`
142
142
  },
143
- id: N,
143
+ id: g,
144
144
  "aria-live": "polite",
145
145
  children: /* @__PURE__ */ v(G, {
146
146
  variant: "default",
@@ -171,7 +171,7 @@ const M = 20, cr = (param)=>{
171
171
  disabled: e === m || t,
172
172
  onPress: ()=>B(e + 1),
173
173
  "aria-label": $(),
174
- "aria-controls": N,
174
+ "aria-controls": g,
175
175
  children: [
176
176
  /* @__PURE__ */ r("div", {
177
177
  className: S
@@ -1,9 +1,8 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./responsive-layout.css.ts.vanilla.css-mistica.js";
3
- import "./grid-layout.css.ts.vanilla.css-mistica.js";
4
3
  import "./carousel.css.ts.vanilla.css-mistica.js";
5
4
  import "./cover-hero.css.ts.vanilla.css-mistica.js";
6
- var r = "v16_31_moeazi9 v16_31_1y2v1nfj7", e = "v16_31_moeazi2 v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj1 v16_31_1y2v1nfjf v16_31_1y2v1nfm0 v16_31_1y2v1nfn9", f = "v16_31_moeazi4 v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfjf", y = "v16_31_1y2v1nfis v16_31_1y2v1nfiy", m = "v16_31_moeazi7", o = "v16_31_1y2v1nfim", t = "v16_31_1y2v1nfin v16_31_1y2v1nfno v16_31_1y2v1nfjf v16_31_1y2v1nfjw", s = "v16_31_moeazic v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfjf v16_31_1y2v1nfjw", z = "v16_31_moeazi6", j = "v16_31_1y2v1nfim", p = "v16_31_moeazie", c = {
7
- aspectRatio: "var(--v16_31_moeazi0)"
8
- }, d = "v16_31_moeazi5";
9
- export { r as centered, e as coverHero, f as coverHeroContainer, y as flexColumn, m as hasSideExtra, o as mainContent, t as mediaLayer, s as mediaOverlay, z as minHeight, j as sideExtra, p as sixColumns, c as vars, d as withAspectRatio };
5
+ var i = "v16_32_moeazi9 v16_32_1y2v1nfj7", e = "v16_32_moeazi2 v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj1 v16_32_1y2v1nfjf v16_32_1y2v1nfm0 v16_32_1y2v1nfn9", f = "v16_32_moeazi4 v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfjf", r = "v16_32_1y2v1nfis v16_32_1y2v1nfiy", y = "v16_32_moeazi7", m = "v16_32_1y2v1nfim", o = "v16_32_1y2v1nfin v16_32_1y2v1nfno v16_32_1y2v1nfjf v16_32_1y2v1nfjw", t = "v16_32_moeazic v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfjf v16_32_1y2v1nfjw", s = "v16_32_moeazi6", z = "v16_32_1y2v1nfim", j = "v16_32_moeazie", p = {
6
+ aspectRatio: "var(--v16_32_moeazi0)"
7
+ }, c = "v16_32_moeazi5";
8
+ export { i as centered, e as coverHero, f as coverHeroContainer, r as flexColumn, y as hasSideExtra, m as mainContent, o as mediaLayer, t as mediaOverlay, s as minHeight, z as sideExtra, j as sixColumns, p as vars, c as withAspectRatio };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
3
- var y = "v16_31_yvyo3q0", f = "v16_31_yvyo3q5 v16_31_yvyo3q2 v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nfjw", n = "v16_31_yvyo3q2 v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nfjw v16_31_1y2v1nfin", o = {
4
- default: "v16_31_yvyo3q7 v16_31_1y2v1nfim v16_31_yvyo3q8",
5
- backface: "v16_31_yvyo3q7 v16_31_1y2v1nfim v16_31_yvyo3q9"
3
+ var y = "v16_32_yvyo3q0", f = "v16_32_yvyo3q5 v16_32_yvyo3q2 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfjw", n = "v16_32_yvyo3q2 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfjw v16_32_1y2v1nfin", o = {
4
+ default: "v16_32_yvyo3q7 v16_32_1y2v1nfim v16_32_yvyo3q8",
5
+ backface: "v16_32_yvyo3q7 v16_32_1y2v1nfim v16_32_yvyo3q9"
6
6
  };
7
7
  export { y as flip, f as flipBack, n as flipFront, o as variants };
@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./icon-button.css.ts.vanilla.css-mistica.js";
3
3
  import "./text-field-base.css.ts.vanilla.css-mistica.js";
4
4
  import "./date-field.css.ts.vanilla.css-mistica.js";
5
- var p = "v16_31_1pntndu0";
5
+ var p = "v16_32_1pntndu0";
6
6
  export { p as iconContainer };
@@ -1,3 +1,3 @@
1
1
  import "./date-time-picker.css.ts.vanilla.css-mistica.js";
2
- var e = "v16_31_c0yqjy0";
2
+ var e = "v16_32_c0yqjy0";
3
3
  export { e as reactDatePicker };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./dialog.css.ts.vanilla.css-mistica.js";
3
- var n = 200, y = "v16_31_3dl29lb", f = "v16_31_3dl29l6", l = "v16_31_3dl29ll v16_31_1y2v1nf96", a = "v16_31_3dl29lj v16_31_1y2v1nfje v16_31_1y2v1nfks", o = "v16_31_3dl29lm", d = "v16_31_3dl29l8 v16_31_1y2v1nf90 v16_31_1y2v1nfa9 v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfmu", i = "v16_31_3dl29la v16_31_1y2v1nf4b v16_31_1y2v1nflk", r = "v16_31_3dl29l5 v16_31_1y2v1nfio v16_31_1y2v1nfis v16_31_1y2v1nfj1 v16_31_1y2v1nfj7 v16_31_1y2v1nfiy v16_31_1y2v1nfm0 v16_31_1y2v1nfmu v16_31_1y2v1nfn9 v16_31_1y2v1nfmf v16_31_1y2v1nf4n", t = {
4
- dialog: "v16_31_3dl29ld v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj4 v16_31_1y2v1nfbo v16_31_1y2v1nfcx v16_31_1y2v1nf9c v16_31_1y2v1nfaf",
5
- default: "v16_31_3dl29ld v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj4 v16_31_1y2v1nf96 v16_31_1y2v1nfaf v16_31_1y2v1nfbo v16_31_1y2v1nfcx"
6
- }, e = "v16_31_1y2v1nfim";
3
+ var n = 200, y = "v16_32_3dl29lb", f = "v16_32_3dl29l6", l = "v16_32_3dl29ll v16_32_1y2v1nf96", a = "v16_32_3dl29lj v16_32_1y2v1nfje v16_32_1y2v1nfks", o = "v16_32_3dl29lm", d = "v16_32_3dl29l8 v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmu", i = "v16_32_3dl29la v16_32_1y2v1nf4b v16_32_1y2v1nflk", r = "v16_32_3dl29l5 v16_32_1y2v1nfio v16_32_1y2v1nfis v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfiy v16_32_1y2v1nfm0 v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nfmf v16_32_1y2v1nf4n", t = {
4
+ dialog: "v16_32_3dl29ld v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj4 v16_32_1y2v1nfbo v16_32_1y2v1nfcx v16_32_1y2v1nf9c v16_32_1y2v1nfaf",
5
+ default: "v16_32_3dl29ld v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj4 v16_32_1y2v1nf96 v16_32_1y2v1nfaf v16_32_1y2v1nfbo v16_32_1y2v1nfcx"
6
+ }, e = "v16_32_1y2v1nfim";
7
7
  export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, o as iconContainer, d as modalCloseButtonContainer, i as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
package/dist-es/dialog.js CHANGED
@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
79
79
  return target;
80
80
  }
81
81
  import { jsx as e, jsxs as E, Fragment as M } from "react/jsx-runtime";
82
- import * as n from "react";
82
+ import * as o from "react";
83
83
  import A from "classnames";
84
84
  import { ButtonDanger as _, ButtonPrimary as j, ButtonSecondary as F } from "./button.js";
85
85
  import { Portal as V } from "./portal.js";
@@ -95,11 +95,11 @@ import w from "./box.js";
95
95
  import { isRunningAcceptanceTest as X } from "./utils/platform.js";
96
96
  import { useSetModalStateEffect as Z } from "./modal-context-provider.js";
97
97
  import $ from "./stack.js";
98
- import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as ne, closedOpactityLayer as oe, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
98
+ import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as oe, closedOpactityLayer as ne, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
99
99
  import { vars as ue } from "./skins/skin-contract.css-mistica.js";
100
100
  import { modalClose as me, dialogCancelButton as P, dialogAcceptButton as O } from "./text-tokens.js";
101
101
  const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
102
- const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: o, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
102
+ const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: n, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
103
103
  onPress: y || (()=>{}),
104
104
  children: p,
105
105
  // @deprecated - testid should be removed but many webapp tests depend on this
@@ -110,11 +110,11 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
110
110
  return /* @__PURE__ */ E("div", {
111
111
  className: A(se[m ? "dialog" : "default"], f),
112
112
  children: [
113
- o && /* @__PURE__ */ e(w, {
113
+ n && /* @__PURE__ */ e(w, {
114
114
  paddingBottom: 24,
115
115
  children: /* @__PURE__ */ e("div", {
116
116
  className: le,
117
- children: /*#__PURE__*/ n.cloneElement(o, {
117
+ children: /*#__PURE__*/ o.cloneElement(n, {
118
118
  size: "100%"
119
119
  })
120
120
  })
@@ -174,7 +174,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
174
174
  ]
175
175
  });
176
176
  }, he = (param)=>{
177
- let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: o, onCancel: d, onDestroy: s } = param;
177
+ let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: n, onCancel: d, onDestroy: s } = param;
178
178
  return t === "confirm" ? Y({
179
179
  message: r,
180
180
  title: u,
@@ -182,88 +182,88 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
182
182
  acceptText: f,
183
183
  destructive: h
184
184
  }).then((l)=>{
185
- l ? o == null || o() : d == null || d(), s();
185
+ l ? n == null || n() : d == null || d(), s();
186
186
  }) : q({
187
187
  message: r,
188
188
  title: u,
189
189
  buttonText: f
190
190
  }).then(()=>{
191
- o == null || o(), s();
191
+ n == null || n(), s();
192
192
  });
193
193
  }, pe = (param)=>{
194
- let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: o, title: d, destructive: s } = param;
195
- const { texts: l, t: g } = D(), p = n.useRef({
194
+ let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: n, title: d, destructive: s } = param;
195
+ const { texts: l, t: g } = D(), p = o.useRef({
196
196
  type: t,
197
197
  onAccept: r,
198
198
  onCancel: u,
199
199
  onDestroy: f,
200
200
  acceptText: i || l.dialogAcceptButton || g(O),
201
201
  cancelText: h || l.dialogCancelButton || g(P),
202
- message: o,
202
+ message: n,
203
203
  title: d,
204
204
  destructive: s
205
- }), c = n.useRef(!1);
206
- return n.useEffect(()=>{
205
+ }), c = o.useRef(!1);
206
+ return o.useEffect(()=>{
207
207
  c.current || (c.current = !0, he(p.current).finally(()=>{
208
208
  c.current = !1;
209
209
  }));
210
210
  }, []), /* @__PURE__ */ e(M, {});
211
211
  }, Me = (t)=>{
212
212
  Z();
213
- const r = n.useRef(null), { texts: u, t: f } = D(), [i, h] = n.useState(!1), o = n.useRef(!1), d = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), p = n.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
213
+ const r = o.useRef(null), { texts: u, t: f } = D(), [i, h] = o.useState(!1), n = o.useRef(!1), d = o.useRef(!1), [s, l] = o.useState(!1), g = o.useRef(!1), p = o.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
214
214
  "onAccept",
215
215
  "onCancel",
216
216
  "onDestroy"
217
217
  ]);
218
- n.useEffect(()=>{
218
+ o.useEffect(()=>{
219
219
  const a = setTimeout(()=>{
220
- o.current || l(!0);
220
+ n.current || l(!0);
221
221
  }, p.current);
222
222
  return ()=>{
223
223
  clearTimeout(a);
224
224
  };
225
225
  }, []);
226
- const N = n.useCallback(()=>{
226
+ const N = o.useCallback(()=>{
227
227
  d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
228
228
  }, [
229
229
  m,
230
230
  C,
231
231
  B
232
- ]), x = n.useCallback(()=>{
232
+ ]), x = o.useCallback(()=>{
233
233
  let a;
234
- return !o.current && s && (o.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
234
+ return !n.current && s && (n.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
235
235
  a && clearTimeout(a);
236
236
  };
237
237
  }, [
238
238
  N,
239
239
  s
240
- ]), T = n.useCallback(()=>{
240
+ ]), T = o.useCallback(()=>{
241
241
  g.current = !0, x();
242
242
  }, [
243
243
  x
244
- ]), b = n.useCallback(()=>{
244
+ ]), b = o.useCallback(()=>{
245
245
  g.current = !1, x();
246
246
  }, [
247
247
  x
248
- ]), v = n.useCallback(()=>{
249
- o.current || (R ? T() : b());
248
+ ]), v = o.useCallback(()=>{
249
+ n.current || (R ? T() : b());
250
250
  }, [
251
251
  T,
252
252
  b,
253
253
  R
254
- ]), k = n.useCallback((a)=>{
254
+ ]), k = o.useCallback((a)=>{
255
255
  a.key === Q && (a.stopPropagation(), a.preventDefault(), v());
256
256
  }, [
257
257
  v
258
258
  ]);
259
- n.useEffect(()=>{
259
+ o.useEffect(()=>{
260
260
  if (!c) return document.addEventListener("keydown", k), ()=>{
261
261
  document.removeEventListener("keydown", k);
262
262
  };
263
263
  }, [
264
264
  k,
265
265
  c
266
- ]), n.useEffect(()=>{
266
+ ]), o.useEffect(()=>{
267
267
  if (!c) return window.addEventListener("popstate", v), ()=>{
268
268
  window.removeEventListener("popstate", v);
269
269
  };
@@ -271,7 +271,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
271
271
  v,
272
272
  c
273
273
  ]);
274
- const S = n.useCallback((a)=>{
274
+ const S = o.useCallback((a)=>{
275
275
  a.stopPropagation(), y && b();
276
276
  }, [
277
277
  y,
@@ -282,8 +282,8 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
282
282
  children: /* @__PURE__ */ e(W, {
283
283
  children: /* @__PURE__ */ e("div", {
284
284
  onClick: S,
285
- className: A(ne, {
286
- [oe]: i
285
+ className: A(oe, {
286
+ [ne]: i
287
287
  }),
288
288
  "data-testid": "dialog-overlay",
289
289
  "aria-hidden": i || !s,
@@ -294,10 +294,10 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
294
294
  children: /* @__PURE__ */ E("div", {
295
295
  ref: r,
296
296
  onAnimationEnd: (a)=>{
297
- a.target === r.current && (o.current || l(!0));
297
+ a.target === r.current && (n.current || l(!0));
298
298
  },
299
299
  onTransitionEnd: (a)=>{
300
- a.target === r.current && o.current && N();
300
+ a.target === r.current && n.current && N();
301
301
  },
302
302
  className: A(ae, {
303
303
  [re]: i
@@ -1,6 +1,6 @@
1
1
  import "./divider.css.ts.vanilla.css-mistica.js";
2
2
  var t = {
3
- default: "v16_31_o0dvt10",
4
- inverse: "v16_31_o0dvt11"
3
+ default: "v16_32_o0dvt10",
4
+ inverse: "v16_32_o0dvt11"
5
5
  };
6
6
  export { t as variants };
@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
4
4
  import "./text-field-components.css.ts.vanilla.css-mistica.js";
5
5
  import "./double-field.css.ts.vanilla.css-mistica.js";
6
6
  var t = {
7
- default: "v16_31_skrulh1 v16_31_1y2v1nfis v16_31_1y2v1nfix v16_31_1y2v1nfjf",
8
- fullWidth: "v16_31_skrulh2 v16_31_1y2v1nfis v16_31_1y2v1nfix v16_31_1y2v1nfjf"
7
+ default: "v16_32_skrulh1 v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjf",
8
+ fullWidth: "v16_32_skrulh2 v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjf"
9
9
  };
10
10
  export { t as variants };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./drawer.css.ts.vanilla.css-mistica.js";
3
- var n = 350, y = "v16_31_1y2v1nfin v16_31_1y2v1nfm3 v16_31_1y2v1nfmx", f = "v16_31_c4ngww9", r = "v16_31_c4ngww1 v16_31_1y2v1nfio v16_31_1y2v1nfis v16_31_1y2v1nf4b v16_31_1y2v1nfm0 v16_31_1y2v1nfmu v16_31_1y2v1nfn9 v16_31_1y2v1nflu", a = "v16_31_1y2v1nf9c v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfjd", o = "v16_31_c4ngww8", e = "v16_31_c4ngwwb v16_31_1y2v1nfio v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfmu v16_31_1y2v1nfn9 v16_31_1y2v1nf4n", c = "v16_31_c4ngwwc", w = "v16_31_c4ngwwd", i = "v16_31_1y2v1nfjd v16_31_1y2v1nflz", l = "v16_31_c4ngww5 v16_31_1y2v1nfja v16_31_1y2v1nfjc";
3
+ var n = 350, y = "v16_32_1y2v1nfin v16_32_1y2v1nfm3 v16_32_1y2v1nfmx", f = "v16_32_c4ngww9", r = "v16_32_c4ngww1 v16_32_1y2v1nfio v16_32_1y2v1nfis v16_32_1y2v1nf4b v16_32_1y2v1nfm0 v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nflu", a = "v16_32_1y2v1nf9c v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfjd", o = "v16_32_c4ngww8", e = "v16_32_c4ngwwb v16_32_1y2v1nfio v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nf4n", c = "v16_32_c4ngwwc", w = "v16_32_c4ngwwd", i = "v16_32_1y2v1nfjd v16_32_1y2v1nflz", l = "v16_32_c4ngww5 v16_32_1y2v1nfja v16_32_1y2v1nfjc";
4
4
  export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, c as overlayClosed, w as overlayOpen, i as scrollableSection, l as titleContainer };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./empty-state-card.css.ts.vanilla.css-mistica.js";
3
- var r = "v16_31_1azor6p4 v16_31_1y2v1nfjr v16_31_1y2v1nfk7", a = "v16_31_1azor6p0", n = "v16_31_1azor6p2 v16_31_1y2v1nfiu v16_31_1y2v1nfk9";
3
+ var r = "v16_32_1azor6p4 v16_32_1y2v1nfjr v16_32_1y2v1nfk7", a = "v16_32_1azor6p0", n = "v16_32_1azor6p2 v16_32_1y2v1nfiu v16_32_1y2v1nfk9";
4
4
  export { r as assetContainer, a as container, n as image };
@@ -1,9 +1,9 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./empty-state.css.ts.vanilla.css-mistica.js";
3
- var v = "v16_31_13fzrua9 v16_31_1y2v1nfjt v16_31_1y2v1nfk9", _ = "v16_31_1y2v1nfl9", e = "v16_31_13fzrua2 v16_31_1y2v1nfis v16_31_1y2v1nf8k", n = {
4
- default: "v16_31_13fzrua3",
5
- largeImage: "v16_31_13fzrua4"
6
- }, f = "v16_31_13fzruad", o = "v16_31_13fzrua7 v16_31_1y2v1nfjw", t = "v16_31_13fzrua5", u = "v16_31_13fzruab v16_31_1y2v1nfiu", i = {
7
- backgroundColor: "var(--v16_31_13fzrua0)"
3
+ var v = "v16_32_13fzrua9 v16_32_1y2v1nfjt v16_32_1y2v1nfk9", _ = "v16_32_1y2v1nfl9", e = "v16_32_13fzrua2 v16_32_1y2v1nfis v16_32_1y2v1nf8k", n = {
4
+ default: "v16_32_13fzrua3",
5
+ largeImage: "v16_32_13fzrua4"
6
+ }, f = "v16_32_13fzruad", o = "v16_32_13fzrua7 v16_32_1y2v1nfjw", t = "v16_32_13fzrua5", u = "v16_32_13fzruab v16_32_1y2v1nfiu", i = {
7
+ backgroundColor: "var(--v16_32_13fzrua0)"
8
8
  };
9
9
  export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, i as vars };