@telefonica/mistica 16.67.0 → 16.68.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 (217) hide show
  1. package/README.md +21 -5
  2. package/css/mistica.css +1 -1
  3. package/dist/accordion.css-mistica.js +6 -6
  4. package/dist/align.css-mistica.js +1 -1
  5. package/dist/autocomplete.css-mistica.js +1 -1
  6. package/dist/avatar.css-mistica.js +1 -1
  7. package/dist/badge.css-mistica.js +1 -1
  8. package/dist/box.css-mistica.js +13 -13
  9. package/dist/boxed.css-mistica.js +24 -24
  10. package/dist/button-group.css-mistica.js +1 -1
  11. package/dist/button-layout.css-mistica.js +14 -14
  12. package/dist/button.css-mistica.js +55 -46
  13. package/dist/button.css.d.ts +3 -0
  14. package/dist/button.js +133 -124
  15. package/dist/callout.css-mistica.js +11 -11
  16. package/dist/card-internal.css-mistica.js +15 -15
  17. package/dist/carousel.css-mistica.js +8 -8
  18. package/dist/checkbox.css-mistica.js +11 -11
  19. package/dist/chip.css-mistica.js +15 -15
  20. package/dist/circle.css-mistica.js +1 -1
  21. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  22. package/dist/community/ai-card.css-mistica.js +11 -11
  23. package/dist/community/blocks.css-mistica.js +1 -1
  24. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  25. package/dist/community/example-component.css-mistica.js +2 -2
  26. package/dist/community/skins/cyber-skin.js +9 -8
  27. package/dist/counter.css-mistica.js +1 -1
  28. package/dist/cover-hero.css-mistica.js +2 -2
  29. package/dist/credit-card-number-field.css-mistica.js +3 -3
  30. package/dist/date-field.css-mistica.js +1 -1
  31. package/dist/date-time-picker.css-mistica.js +1 -1
  32. package/dist/dialog.css-mistica.js +4 -4
  33. package/dist/divider.css-mistica.js +5 -5
  34. package/dist/double-field.css-mistica.js +2 -2
  35. package/dist/drawer.css-mistica.js +1 -1
  36. package/dist/empty-state-card.css-mistica.js +1 -1
  37. package/dist/empty-state.css-mistica.js +5 -5
  38. package/dist/fade-in.css-mistica.js +1 -1
  39. package/dist/feedback.css-mistica.js +1 -1
  40. package/dist/file-upload.css-mistica.js +7 -7
  41. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  42. package/dist/focus-trap.d.ts +3 -1
  43. package/dist/focus-trap.js +6 -5
  44. package/dist/form.css-mistica.js +1 -1
  45. package/dist/grid-layout.css-mistica.js +3 -3
  46. package/dist/grid.css-mistica.js +120 -120
  47. package/dist/header.css-mistica.js +1 -1
  48. package/dist/hero.css-mistica.js +2 -2
  49. package/dist/horizontal-scroll.css-mistica.js +1 -1
  50. package/dist/icon-button.css-mistica.js +53 -53
  51. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  52. package/dist/icons/icon-error.css-mistica.js +1 -1
  53. package/dist/image.css-mistica.js +11 -11
  54. package/dist/inline.css-mistica.js +9 -9
  55. package/dist/list.css-mistica.js +1 -1
  56. package/dist/loading-bar.css-mistica.js +1 -1
  57. package/dist/loading-screen.css-mistica.js +4 -4
  58. package/dist/logo.css-mistica.js +5 -5
  59. package/dist/menu.css-mistica.js +13 -13
  60. package/dist/menu.js +27 -27
  61. package/dist/mosaic.css-mistica.js +1 -1
  62. package/dist/navigation-bar.css-mistica.js +18 -18
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/package-version.js +1 -1
  65. package/dist/pin-field.css-mistica.js +1 -1
  66. package/dist/popover.css-mistica.js +1 -1
  67. package/dist/progress-bar.css-mistica.js +6 -6
  68. package/dist/radio-button.css-mistica.js +19 -19
  69. package/dist/rating.css-mistica.js +2 -2
  70. package/dist/responsive-layout.css-mistica.js +6 -6
  71. package/dist/screen-reader-only.css-mistica.js +1 -1
  72. package/dist/select.css-mistica.js +15 -15
  73. package/dist/sheet-action-row.css-mistica.js +1 -1
  74. package/dist/sheet-common.css-mistica.js +1 -1
  75. package/dist/sheet-info.css-mistica.js +1 -1
  76. package/dist/skeletons.css-mistica.js +6 -6
  77. package/dist/skins/skin-contract.css-mistica.js +684 -684
  78. package/dist/skip-link.css-mistica.js +1 -1
  79. package/dist/slider.css-mistica.js +18 -18
  80. package/dist/snackbar.css-mistica.js +4 -4
  81. package/dist/spinner.css-mistica.js +1 -1
  82. package/dist/square.css-mistica.js +1 -1
  83. package/dist/stack.css-mistica.js +5 -5
  84. package/dist/stacking-group.css-mistica.js +1 -1
  85. package/dist/stepper.css-mistica.js +2 -2
  86. package/dist/switch-component.css-mistica.js +35 -35
  87. package/dist/table.css-mistica.js +9 -9
  88. package/dist/tabs.css-mistica.js +17 -17
  89. package/dist/tag.css-mistica.js +1 -1
  90. package/dist/text-field-base.css-mistica.js +15 -15
  91. package/dist/text-field-components.css-mistica.js +3 -3
  92. package/dist/text-link.css-mistica.js +6 -6
  93. package/dist/text.css-mistica.js +6 -6
  94. package/dist/theme-context.css-mistica.js +1 -1
  95. package/dist/timeline.css-mistica.js +9 -9
  96. package/dist/timer.css-mistica.js +6 -6
  97. package/dist/tooltip.css-mistica.js +1 -1
  98. package/dist/touchable.css-mistica.js +1 -1
  99. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  100. package/dist/video.css-mistica.js +1 -1
  101. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  102. package/dist-es/accordion.css-mistica.js +6 -6
  103. package/dist-es/align.css-mistica.js +1 -1
  104. package/dist-es/autocomplete.css-mistica.js +1 -1
  105. package/dist-es/avatar.css-mistica.js +1 -1
  106. package/dist-es/badge.css-mistica.js +1 -1
  107. package/dist-es/box.css-mistica.js +13 -13
  108. package/dist-es/boxed.css-mistica.js +23 -23
  109. package/dist-es/button-group.css-mistica.js +1 -1
  110. package/dist-es/button-layout.css-mistica.js +14 -14
  111. package/dist-es/button.css-mistica.js +35 -35
  112. package/dist-es/button.js +168 -159
  113. package/dist-es/callout.css-mistica.js +11 -11
  114. package/dist-es/card-internal.css-mistica.js +15 -15
  115. package/dist-es/carousel.css-mistica.js +8 -8
  116. package/dist-es/checkbox.css-mistica.js +11 -11
  117. package/dist-es/chip.css-mistica.js +15 -15
  118. package/dist-es/circle.css-mistica.js +1 -1
  119. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  120. package/dist-es/community/ai-card.css-mistica.js +4 -4
  121. package/dist-es/community/blocks.css-mistica.js +1 -1
  122. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  123. package/dist-es/community/example-component.css-mistica.js +2 -2
  124. package/dist-es/community/skins/cyber-skin.js +9 -8
  125. package/dist-es/counter.css-mistica.js +1 -1
  126. package/dist-es/cover-hero.css-mistica.js +2 -2
  127. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  128. package/dist-es/date-field.css-mistica.js +1 -1
  129. package/dist-es/date-time-picker.css-mistica.js +1 -1
  130. package/dist-es/dialog.css-mistica.js +4 -4
  131. package/dist-es/divider.css-mistica.js +5 -5
  132. package/dist-es/double-field.css-mistica.js +2 -2
  133. package/dist-es/drawer.css-mistica.js +1 -1
  134. package/dist-es/empty-state-card.css-mistica.js +1 -1
  135. package/dist-es/empty-state.css-mistica.js +5 -5
  136. package/dist-es/fade-in.css-mistica.js +1 -1
  137. package/dist-es/feedback.css-mistica.js +1 -1
  138. package/dist-es/file-upload.css-mistica.js +7 -7
  139. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  140. package/dist-es/focus-trap.js +8 -7
  141. package/dist-es/form.css-mistica.js +1 -1
  142. package/dist-es/grid-layout.css-mistica.js +3 -3
  143. package/dist-es/grid.css-mistica.js +120 -120
  144. package/dist-es/header.css-mistica.js +1 -1
  145. package/dist-es/hero.css-mistica.js +2 -2
  146. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  147. package/dist-es/icon-button.css-mistica.js +53 -53
  148. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  149. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  150. package/dist-es/image.css-mistica.js +4 -4
  151. package/dist-es/inline.css-mistica.js +9 -9
  152. package/dist-es/list.css-mistica.js +1 -1
  153. package/dist-es/loading-bar.css-mistica.js +1 -1
  154. package/dist-es/loading-screen.css-mistica.js +4 -4
  155. package/dist-es/logo.css-mistica.js +5 -5
  156. package/dist-es/menu.css-mistica.js +13 -13
  157. package/dist-es/menu.js +35 -35
  158. package/dist-es/mosaic.css-mistica.js +1 -1
  159. package/dist-es/navigation-bar.css-mistica.js +18 -18
  160. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  161. package/dist-es/package-version.js +1 -1
  162. package/dist-es/pin-field.css-mistica.js +1 -1
  163. package/dist-es/popover.css-mistica.js +1 -1
  164. package/dist-es/progress-bar.css-mistica.js +6 -6
  165. package/dist-es/radio-button.css-mistica.js +19 -19
  166. package/dist-es/rating.css-mistica.js +2 -2
  167. package/dist-es/responsive-layout.css-mistica.js +6 -6
  168. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  169. package/dist-es/select.css-mistica.js +15 -15
  170. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  171. package/dist-es/sheet-common.css-mistica.js +1 -1
  172. package/dist-es/sheet-info.css-mistica.js +1 -1
  173. package/dist-es/skeletons.css-mistica.js +6 -6
  174. package/dist-es/skins/skin-contract.css-mistica.js +684 -684
  175. package/dist-es/skip-link.css-mistica.js +1 -1
  176. package/dist-es/slider.css-mistica.js +18 -18
  177. package/dist-es/snackbar.css-mistica.js +4 -4
  178. package/dist-es/spinner.css-mistica.js +1 -1
  179. package/dist-es/square.css-mistica.js +1 -1
  180. package/dist-es/stack.css-mistica.js +5 -5
  181. package/dist-es/stacking-group.css-mistica.js +1 -1
  182. package/dist-es/stepper.css-mistica.js +2 -2
  183. package/dist-es/style.css +1 -1
  184. package/dist-es/switch-component.css-mistica.js +35 -35
  185. package/dist-es/table.css-mistica.js +9 -9
  186. package/dist-es/tabs.css-mistica.js +17 -17
  187. package/dist-es/tag.css-mistica.js +1 -1
  188. package/dist-es/text-field-base.css-mistica.js +15 -15
  189. package/dist-es/text-field-components.css-mistica.js +3 -3
  190. package/dist-es/text-link.css-mistica.js +6 -6
  191. package/dist-es/text.css-mistica.js +6 -6
  192. package/dist-es/theme-context.css-mistica.js +1 -1
  193. package/dist-es/timeline.css-mistica.js +9 -9
  194. package/dist-es/timer.css-mistica.js +6 -6
  195. package/dist-es/tooltip.css-mistica.js +1 -1
  196. package/dist-es/touchable.css-mistica.js +1 -1
  197. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  198. package/dist-es/video.css-mistica.js +1 -1
  199. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  200. package/doc/{figma-mcp.md → llms/figma-mcp.md} +1 -22
  201. package/doc/{llms.md → llms/llms.md} +1 -1
  202. package/doc/patterns.md +2 -2
  203. package/package.json +1 -1
  204. package/src/button.css.ts +133 -401
  205. package/src/button.tsx +80 -60
  206. package/src/community/__screenshot_tests__/advanced-data-card-screenshot-test.tsx +5 -5
  207. package/src/community/__screenshot_tests__/blocks-screenshot-test.tsx +6 -6
  208. package/src/community/__stories__/advanced-data-card-carousel-story.tsx +1 -1
  209. package/src/community/__stories__/advanced-data-card-story.tsx +1 -1
  210. package/src/community/__stories__/ai-card-story.tsx +1 -1
  211. package/src/community/__stories__/blocks-story.tsx +1 -1
  212. package/src/community/skins/cyber-skin.tsx +8 -8
  213. package/src/focus-trap.tsx +10 -2
  214. package/src/menu.tsx +0 -1
  215. package/src/package-version.tsx +1 -1
  216. package/src/community/__stories__/example-component-story.tsx +0 -15
  217. /package/doc/{agents → llms/agents}/figma-verifier.md +0 -0
package/dist-es/button.js CHANGED
@@ -78,27 +78,27 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as e, jsxs as B, Fragment as M } from "react/jsx-runtime";
82
- import N from "classnames";
81
+ import { jsx as e, jsxs as N, Fragment as q } from "react/jsx-runtime";
82
+ import v from "classnames";
83
83
  import * as o from "react";
84
- import j from "./box.js";
85
- import { smallLink as _, linkMinWidth as Y, buttonMinWidth as Z, borderSize as w, buttonPaddingY as x, buttonPaddingRight as E, buttonPaddingLeft as I, buttonVars as H, overMediaButtonVariants as K, overBrandButtonVariants as q, overNegativeButtonVariants as G, buttonVariants as J, isLoading as Q, small as U, textContent as X, iconMargin as C, iconSize as D, chevronMarginLeft as p, spinnerSize as z, loadingFiller as tt, loadingContent as et } from "./button.css-mistica.js";
86
- import { useForm as nt } from "./form-context.js";
87
- import { useTheme as R } from "./hooks.js";
88
- import { VIVO_NEW_SKIN as it } from "./skins/constants.js";
89
- import { flattenChildren as at } from "./skins/utils.js";
90
- import rt from "./spinner.js";
91
- import { Text as ot, Text3 as lt } from "./text.js";
92
- import { useThemeVariant as dt } from "./theme-variant-context.js";
93
- import { BaseTouchable as L } from "./touchable.js";
94
- import { useTrackingConfig as st, eventNames as ct, eventCategories as ut, eventActions as $ } from "./utils/analytics.js";
95
- import { getTextFromChildren as A } from "./utils/common.js";
96
- import { applyCssVars as mt, pxToRem as ft } from "./utils/css.js";
97
- import { getPlatform as ht } from "./utils/platform.js";
98
- const gt = (param)=>{
99
- let { element: t, small: i } = param;
100
- const { textPresets: n } = R();
101
- return i ? /* @__PURE__ */ e(ot, {
84
+ import G from "./box.js";
85
+ import { smallLink as Y, linkMinWidth as J, buttonMinWidth as Q, small as U, borderSize as x, buttonPaddingY as E, buttonPaddingRight as I, buttonPaddingLeft as P, buttonVars as X, overMediaButtonVariants as p, overBrandButtonVariants as tt, overNegativeButtonVariants as et, buttonVariants as nt, smallTouchableVisual as at, smallTouchableArea as it, smallTouchableContainer as rt, textContent as ot, iconMargin as k, iconSize as _, chevronMarginLeft as lt, spinnerSize as W, loadingFiller as st, loadingContent as dt, isLoading as ct } from "./button.css-mistica.js";
86
+ import { useForm as mt } from "./form-context.js";
87
+ import { useTheme as S } from "./hooks.js";
88
+ import { VIVO_NEW_SKIN as ut } from "./skins/constants.js";
89
+ import { flattenChildren as ft } from "./skins/utils.js";
90
+ import ht from "./spinner.js";
91
+ import { Text as gt, Text3 as bt } from "./text.js";
92
+ import { useThemeVariant as vt } from "./theme-variant-context.js";
93
+ import { BaseTouchable as T } from "./touchable.js";
94
+ import { useTrackingConfig as yt, eventNames as Ct, eventCategories as Lt, eventActions as F } from "./utils/analytics.js";
95
+ import { getTextFromChildren as M } from "./utils/common.js";
96
+ import { applyCssVars as Tt, pxToRem as kt } from "./utils/css.js";
97
+ import { getPlatform as Bt } from "./utils/platform.js";
98
+ const wt = (param)=>{
99
+ let { element: t, small: a } = param;
100
+ const { textPresets: n } = S();
101
+ return a ? /* @__PURE__ */ e(gt, {
102
102
  size: 14,
103
103
  lineHeight: 20,
104
104
  weight: n.button.weight,
@@ -106,46 +106,46 @@ const gt = (param)=>{
106
106
  color: "inherit",
107
107
  as: "div",
108
108
  children: t
109
- }) : /* @__PURE__ */ e(lt, {
109
+ }) : /* @__PURE__ */ e(bt, {
110
110
  weight: n.button.weight,
111
111
  truncate: 1,
112
112
  color: "inherit",
113
113
  as: "div",
114
114
  children: t
115
115
  });
116
- }, O = (param)=>{
117
- let { small: t, content: i, defaultIconSize: n } = param;
118
- const a = at(i), h = a.length, r = [];
119
- let s = [];
120
- const m = ()=>{
116
+ }, j = (param)=>{
117
+ let { small: t, content: a, defaultIconSize: n } = param;
118
+ const i = ft(a), g = i.length, r = [];
119
+ let d = [];
120
+ const f = ()=>{
121
121
  r.push(/* @__PURE__ */ e(o.Fragment, {
122
- children: /* @__PURE__ */ e(gt, {
123
- element: s,
122
+ children: /* @__PURE__ */ e(wt, {
123
+ element: d,
124
124
  small: t
125
125
  })
126
- }, r.length)), s = [];
126
+ }, r.length)), d = [];
127
127
  };
128
- return a.forEach((l, g)=>{
129
- const u = g === 0, c = g === h - 1;
128
+ return i.forEach((l, b)=>{
129
+ const u = b === 0, c = b === g - 1;
130
130
  if (/*#__PURE__*/ o.isValidElement(l)) {
131
- s.length && m();
132
- const d = l.props.size !== void 0 ? ft(l.props.size) : n;
131
+ d.length && f();
132
+ const s = l.props.size !== void 0 ? kt(l.props.size) : n;
133
133
  r.push(/* @__PURE__ */ e("div", {
134
134
  style: {
135
135
  display: "flex",
136
136
  alignItems: "center",
137
- marginLeft: u ? 0 : C,
138
- marginRight: c ? 0 : C
137
+ marginLeft: u ? 0 : k,
138
+ marginRight: c ? 0 : k
139
139
  },
140
140
  children: /*#__PURE__*/ o.cloneElement(l, {
141
- size: d
141
+ size: s
142
142
  })
143
143
  }, r.length));
144
- } else s.push(l), c && m();
144
+ } else d.push(l), c && f();
145
145
  }), r;
146
- }, bt = ()=>{
147
- const { skinName: t } = R();
148
- return t === it ? /* @__PURE__ */ e("svg", {
146
+ }, Nt = ()=>{
147
+ const { skinName: t } = S();
148
+ return t === ut ? /* @__PURE__ */ e("svg", {
149
149
  width: "0.5em",
150
150
  height: "0.5em",
151
151
  viewBox: "0 0 8 8",
@@ -163,60 +163,60 @@ const gt = (param)=>{
163
163
  fill: "currentColor"
164
164
  })
165
165
  });
166
- }, vt = (param)=>{
167
- let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: h, setShouldRenderSpinner: r, StartIcon: s, EndIcon: m, withChevron: l, platformOverrides: g } = param;
168
- const u = n ? D.small : D.default, c = n ? z.small : z.default, v = O({
166
+ }, xt = (param)=>{
167
+ let { showSpinner: t, children: a, small: n, loadingText: i, shouldRenderSpinner: g, setShouldRenderSpinner: r, StartIcon: d, EndIcon: f, withChevron: l, platformOverrides: b } = param;
168
+ const u = n ? _.small : _.default, c = n ? W.small : W.default, y = j({
169
169
  small: n,
170
- content: i,
170
+ content: a,
171
171
  defaultIconSize: u
172
- }), d = O({
172
+ }), s = j({
173
173
  small: n,
174
- content: a,
174
+ content: i,
175
175
  defaultIconSize: u
176
176
  });
177
- return /* @__PURE__ */ B(M, {
177
+ return /* @__PURE__ */ N(q, {
178
178
  children: [
179
- /* @__PURE__ */ B("div", {
179
+ /* @__PURE__ */ N("div", {
180
180
  "aria-hidden": t ? !0 : void 0,
181
- className: X,
181
+ className: ot,
182
182
  children: [
183
- s && /* @__PURE__ */ e("div", {
183
+ d && /* @__PURE__ */ e("div", {
184
184
  style: {
185
185
  display: "flex",
186
186
  alignItems: "center",
187
- marginRight: C
187
+ marginRight: k
188
188
  },
189
189
  "data-testid": "startIcon",
190
- children: /* @__PURE__ */ e(s, {
190
+ children: /* @__PURE__ */ e(d, {
191
191
  size: u,
192
192
  color: "currentColor"
193
193
  })
194
194
  }),
195
- /* @__PURE__ */ B("div", {
195
+ /* @__PURE__ */ N("div", {
196
196
  style: {
197
197
  display: "flex",
198
198
  alignItems: "baseline"
199
199
  },
200
200
  children: [
201
- v,
201
+ y,
202
202
  l && /* @__PURE__ */ e("div", {
203
203
  style: {
204
204
  display: "flex",
205
205
  alignItems: "center",
206
- marginLeft: p
206
+ marginLeft: lt
207
207
  },
208
- children: /* @__PURE__ */ e(bt, {})
208
+ children: /* @__PURE__ */ e(Nt, {})
209
209
  })
210
210
  ]
211
211
  }),
212
- m && !l && /* @__PURE__ */ e("div", {
212
+ f && !l && /* @__PURE__ */ e("div", {
213
213
  style: {
214
214
  display: "flex",
215
215
  alignItems: "center",
216
- marginLeft: C
216
+ marginLeft: k
217
217
  },
218
218
  "data-testid": "endIcon",
219
- children: /* @__PURE__ */ e(m, {
219
+ children: /* @__PURE__ */ e(f, {
220
220
  size: u,
221
221
  color: "currentColor"
222
222
  })
@@ -224,24 +224,24 @@ const gt = (param)=>{
224
224
  ]
225
225
  }),
226
226
  /* @__PURE__ */ e("div", {
227
- className: tt,
227
+ className: st,
228
228
  "aria-hidden": !0,
229
- style: a ? {
229
+ style: i ? {
230
230
  paddingLeft: c,
231
- paddingRight: `calc(${C} + ${n ? I.small : I.default} + ${n ? E.small : E.default})`
231
+ paddingRight: `calc(${k} + ${n ? P.small : P.default} + ${n ? I.small : I.default})`
232
232
  } : void 0,
233
- children: d
233
+ children: s
234
234
  }),
235
- /* @__PURE__ */ B("div", {
235
+ /* @__PURE__ */ N("div", {
236
236
  "aria-hidden": t ? void 0 : !0,
237
- className: et,
237
+ className: dt,
238
238
  onTransitionEnd: ()=>{
239
- t !== h && r(t);
239
+ t !== g && r(t);
240
240
  },
241
241
  children: [
242
- h ? /* @__PURE__ */ e(rt, {
243
- "aria-hidden": !!a,
244
- "aria-live": ht(g) === "android" ? "polite" : "off",
242
+ g ? /* @__PURE__ */ e(ht, {
243
+ "aria-hidden": !!i,
244
+ "aria-live": Bt(b) === "android" ? "polite" : "off",
245
245
  color: "currentcolor",
246
246
  delay: "0s",
247
247
  size: c
@@ -252,69 +252,82 @@ const gt = (param)=>{
252
252
  height: c
253
253
  }
254
254
  }),
255
- a ? /* @__PURE__ */ e(j, {
255
+ i ? /* @__PURE__ */ e(G, {
256
256
  paddingLeft: 8,
257
257
  dataAttributes: {
258
258
  testid: "loadingText"
259
259
  },
260
- children: d
260
+ children: s
261
261
  }) : null
262
262
  ]
263
263
  })
264
264
  ]
265
265
  });
266
- }, k = /*#__PURE__*/ o.forwardRef((t, i)=>{
266
+ }, B = /*#__PURE__*/ o.forwardRef((t, a)=>{
267
267
  var _t_withChevron;
268
- const { eventFormat: n } = st(), { formStatus: a, formId: h } = nt(), r = dt(), { loadingText: s } = t, m = !!t.submit, l = a === "sending", { isDarkMode: g, platformOverrides: u } = R(), [c, v] = o.useState(!1), d = t.showSpinner || l && m || c, W = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [P, S] = o.useState(!!d);
268
+ const { eventFormat: n } = yt(), { formStatus: i, formId: g } = mt(), r = vt(), { loadingText: d } = t, f = !!t.submit, l = i === "sending", { isDarkMode: b, platformOverrides: u } = S(), [c, y] = o.useState(!1), s = t.showSpinner || l && f || c, Z = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [R, V] = o.useState(!!s);
269
269
  o.useEffect(()=>{
270
- d && !P && S(!0);
270
+ s && !R && V(!0);
271
271
  }, [
272
- d,
273
- P,
274
- a
272
+ s,
273
+ R,
274
+ i
275
275
  ]);
276
276
  var _t_trackingEvent;
277
- const F = ()=>{
278
- let b, f;
277
+ const H = ()=>{
278
+ let m, h;
279
279
  switch(t.buttonType){
280
280
  case "link":
281
- b = "link", f = $.linkTapped;
281
+ m = "link", h = F.linkTapped;
282
282
  break;
283
283
  case "linkDanger":
284
- b = "danger_link", f = $.linkTapped;
284
+ m = "danger_link", h = F.linkTapped;
285
285
  break;
286
286
  default:
287
- b = `${t.buttonType}_button`, f = `${t.buttonType}_button_tapped`;
287
+ m = `${t.buttonType}_button`, h = `${t.buttonType}_button_tapped`;
288
288
  break;
289
289
  }
290
290
  return n === "google-analytics-4" ? {
291
- name: ct.userInteraction,
292
- component_type: b,
293
- component_copy: A(t.children)
291
+ name: Ct.userInteraction,
292
+ component_type: m,
293
+ component_copy: M(t.children)
294
294
  } : {
295
- category: ut.userInteraction,
296
- action: f,
297
- label: A(t.children)
295
+ category: Lt.userInteraction,
296
+ action: h,
297
+ label: M(t.children)
298
298
  };
299
- }, V = t.buttonType.startsWith("link") ? Y : Z, T = t.buttonType === "linkDanger" && g && r === "brand" ? "linkDangerDark" : t.buttonType, y = {
300
- ref: i,
301
- className: N(r === "media" ? K[T] : r === "brand" ? q[T] : r === "negative" ? G[T] : J[T], t.className, {
302
- [U]: t.small,
303
- [Q]: d
304
- }),
305
- style: _object_spread(_object_spread_props(_object_spread({}, mt({
306
- [H.minWidth]: t.small ? V.small : V.default
307
- }), t.bleedLeft ? {
308
- marginLeft: `calc(-1 * (${w} + ${t.small ? I.small : I.default}))`
309
- } : void 0, t.bleedRight ? {
310
- marginRight: `calc(-1 * (${w} + ${t.small ? E.small : E.default}))`
311
- } : void 0, t.bleedY ? {
312
- marginTop: `calc(-1 * (${w} + ${t.small ? x.small : x.default}))`,
313
- marginBottom: `calc(-1 * (${w} + ${t.small ? x.small : x.default}))`
314
- } : void 0), {
299
+ }, D = t.buttonType.startsWith("link") ? J : Q, w = t.buttonType === "linkDanger" && b && r === "brand" ? "linkDangerDark" : t.buttonType, z = r === "media" ? p[w] : r === "brand" ? tt[w] : r === "negative" ? et[w] : nt[w], A = {
300
+ [U]: t.small,
301
+ [ct]: s
302
+ }, $ = xt({
303
+ showSpinner: s,
304
+ shouldRenderSpinner: R,
305
+ setShouldRenderSpinner: V,
306
+ children: t.children,
307
+ loadingText: d,
308
+ small: t.small,
309
+ StartIcon: t.StartIcon,
310
+ EndIcon: t.EndIcon,
311
+ withChevron: Z,
312
+ platformOverrides: u
313
+ }), O = _object_spread(_object_spread_props(_object_spread({}, Tt({
314
+ [X.minWidth]: t.small ? D.small : D.default
315
+ }), t.bleedLeft ? {
316
+ marginLeft: `calc(-1 * (${x} + ${t.small ? P.small : P.default}))`
317
+ } : void 0, t.bleedRight ? {
318
+ marginRight: `calc(-1 * (${x} + ${t.small ? I.small : I.default}))`
319
+ } : void 0, t.bleedY ? {
320
+ marginTop: `calc(-1 * (${x} + ${t.small ? E.small : E.default}))`,
321
+ marginBottom: `calc(-1 * (${x} + ${t.small ? E.small : E.default}))`
322
+ } : void 0), {
323
+ cursor: t.fake ? "pointer" : void 0
324
+ }), t.style), C = {
325
+ ref: a,
326
+ className: t.small ? v(it, A) : v(z, t.className, A),
327
+ style: t.small ? {
315
328
  cursor: t.fake ? "pointer" : void 0
316
- }), t.style),
317
- trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? F() : void 0,
329
+ } : O,
330
+ trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? H() : void 0,
318
331
  dataAttributes: t.dataAttributes,
319
332
  "aria-label": t["aria-label"],
320
333
  "aria-labelledby": t["aria-labelledby"],
@@ -325,123 +338,119 @@ const gt = (param)=>{
325
338
  "aria-description": t["aria-description"],
326
339
  "aria-describedby": t["aria-describedby"],
327
340
  tabIndex: t.tabIndex,
328
- children: vt({
329
- showSpinner: d,
330
- shouldRenderSpinner: P,
331
- setShouldRenderSpinner: S,
332
- children: t.children,
333
- loadingText: s,
334
- small: t.small,
335
- StartIcon: t.StartIcon,
336
- EndIcon: t.EndIcon,
337
- withChevron: W,
338
- platformOverrides: u
339
- }),
340
- disabled: t.disabled || d || l,
341
+ children: t.small ? /* @__PURE__ */ e("div", {
342
+ className: v(z, at),
343
+ children: $
344
+ }) : $,
345
+ disabled: t.disabled || s || l,
341
346
  role: t.role
342
- };
347
+ }, K = v(rt, t.className), L = (m)=>t.small ? /* @__PURE__ */ e("div", {
348
+ className: K,
349
+ style: O,
350
+ children: m
351
+ }) : m;
343
352
  if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
344
- if (t.fake) return /* @__PURE__ */ e(L, _object_spread({
353
+ if (t.fake) return L(/* @__PURE__ */ e(T, _object_spread({
345
354
  maybe: !0
346
- }, y));
347
- if (t.submit) return /* @__PURE__ */ e(L, _object_spread({
355
+ }, C)));
356
+ if (t.submit) return L(/* @__PURE__ */ e(T, _object_spread({
348
357
  type: "submit",
349
- formId: h,
358
+ formId: g,
350
359
  onPress: ()=>{}
351
- }, y));
352
- if (t.onPress) return /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, y), {
353
- onPress: (b)=>{
354
- const f = t.onPress(b);
355
- f && (v(!0), f.finally(()=>v(!1)));
360
+ }, C)));
361
+ if (t.onPress) return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
362
+ onPress: (m)=>{
363
+ const h = t.onPress(m);
364
+ h && (y(!0), h.finally(()=>y(!1)));
356
365
  }
357
- }));
358
- if (t.to || t.to === "") return /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, y), {
366
+ })));
367
+ if (t.to || t.to === "") return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
359
368
  to: t.to,
360
369
  newTab: t.newTab,
361
370
  fullPageOnWebView: t.fullPageOnWebView,
362
371
  onNavigate: t.onNavigate
363
- }));
364
- if (t.href || t.href === "") return /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, y), {
372
+ })));
373
+ if (t.href || t.href === "") return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
365
374
  href: t.href,
366
375
  newTab: t.newTab,
367
376
  loadOnTop: t.loadOnTop,
368
377
  onNavigate: t.onNavigate
369
- }));
378
+ })));
370
379
  if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
371
380
  return null;
372
- }), zt = /*#__PURE__*/ o.forwardRef((_param, a)=>{
373
- var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
381
+ }), Yt = /*#__PURE__*/ o.forwardRef((_param, i)=>{
382
+ var { dataAttributes: t, className: a } = _param, n = _object_without_properties(_param, [
374
383
  "dataAttributes",
375
384
  "className"
376
385
  ]);
377
- return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
386
+ return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
378
387
  dataAttributes: _object_spread({
379
388
  "component-name": "ButtonLink",
380
389
  testid: "ButtonLink"
381
390
  }, t),
382
- className: N(i, {
383
- [_]: n.small
391
+ className: v(a, {
392
+ [Y]: n.small
384
393
  })
385
394
  }, n), {
386
- ref: a,
395
+ ref: i,
387
396
  buttonType: "link"
388
397
  }));
389
- }), $t = /*#__PURE__*/ o.forwardRef((_param, a)=>{
390
- var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
398
+ }), Zt = /*#__PURE__*/ o.forwardRef((_param, i)=>{
399
+ var { dataAttributes: t, className: a } = _param, n = _object_without_properties(_param, [
391
400
  "dataAttributes",
392
401
  "className"
393
402
  ]);
394
- return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
403
+ return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
395
404
  dataAttributes: _object_spread({
396
405
  "component-name": "ButtonLinkDanger",
397
406
  testid: "ButtonLinkDanger"
398
407
  }, t),
399
- className: N(i, {
400
- [_]: n.small
408
+ className: v(a, {
409
+ [Y]: n.small
401
410
  })
402
411
  }, n), {
403
412
  withChevron: !1,
404
- ref: a,
413
+ ref: i,
405
414
  buttonType: "linkDanger"
406
415
  }));
407
- }), At = /*#__PURE__*/ o.forwardRef((_param, n)=>{
408
- var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
416
+ }), Ht = /*#__PURE__*/ o.forwardRef((_param, n)=>{
417
+ var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
409
418
  "dataAttributes"
410
419
  ]);
411
- return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
420
+ return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
412
421
  dataAttributes: _object_spread({
413
422
  "component-name": "ButtonPrimary",
414
423
  testid: "ButtonPrimary"
415
424
  }, t)
416
- }, i), {
425
+ }, a), {
417
426
  ref: n,
418
427
  buttonType: "primary"
419
428
  }));
420
- }), Ot = /*#__PURE__*/ o.forwardRef((_param, n)=>{
421
- var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
429
+ }), Kt = /*#__PURE__*/ o.forwardRef((_param, n)=>{
430
+ var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
422
431
  "dataAttributes"
423
432
  ]);
424
- return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
433
+ return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
425
434
  dataAttributes: _object_spread({
426
435
  "component-name": "ButtonSecondary",
427
436
  testid: "ButtonSecondary"
428
437
  }, t)
429
- }, i), {
438
+ }, a), {
430
439
  ref: n,
431
440
  buttonType: "secondary"
432
441
  }));
433
- }), _t = /*#__PURE__*/ o.forwardRef((_param, n)=>{
434
- var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
442
+ }), qt = /*#__PURE__*/ o.forwardRef((_param, n)=>{
443
+ var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
435
444
  "dataAttributes"
436
445
  ]);
437
- return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
446
+ return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
438
447
  dataAttributes: _object_spread({
439
448
  "component-name": "ButtonDanger",
440
449
  testid: "ButtonDanger"
441
450
  }, t)
442
- }, i), {
451
+ }, a), {
443
452
  ref: n,
444
453
  buttonType: "danger"
445
454
  }));
446
455
  });
447
- export { _t as ButtonDanger, zt as ButtonLink, $t as ButtonLinkDanger, At as ButtonPrimary, Ot as ButtonSecondary };
456
+ export { qt as ButtonDanger, Yt as ButtonLink, Zt as ButtonLinkDanger, Ht as ButtonPrimary, Kt as ButtonSecondary };
@@ -1,13 +1,13 @@
1
- /* empty css */ /* empty css */ /* empty css */ var n = "v16_67_14g0jmy1 v16_67_14g0jmy0 v16_67_1y2v1nfgc v16_67_1y2v1nfhl v16_67_1y2v1nfiu v16_67_1y2v1nfk3 v16_67_1y2v1nfq4 v16_67_1y2v1nfsw v16_67_1y2v1nft8", e = "v16_67_14g0jmy3 v16_67_14g0jmy2 v16_67_1y2v1nfqq v16_67_1y2v1nfpy", a = "v16_67_14g0jmy5 v16_67_14g0jmy4 v16_67_1y2v1nfpz v16_67_1y2v1nfu8", m = "v16_67_14g0jmy6", g = {
2
- "default-over-brand": "v16_67_14g0jmyh v16_67_14g0jmy7 v16_67_1y2v1nf83",
3
- "default-over-negative": "v16_67_14g0jmyi v16_67_14g0jmy8 v16_67_1y2v1nf83",
4
- "default-over-alternative": "v16_67_14g0jmyj v16_67_14g0jmy9 v16_67_1y2v1nf83",
5
- "default-over-default": "v16_67_14g0jmyk v16_67_14g0jmya v16_67_1y2v1nf8d",
6
- "default-over-media": "v16_67_14g0jmyl v16_67_14g0jmyb v16_67_1y2v1nf83",
7
- "brand-over-brand": "v16_67_14g0jmym v16_67_14g0jmyc v16_67_1y2v1nf8a",
8
- "brand-over-negative": "v16_67_14g0jmyn v16_67_14g0jmyd v16_67_1y2v1nf8a",
9
- "brand-over-alternative": "v16_67_14g0jmyo v16_67_14g0jmye v16_67_1y2v1nf87",
10
- "brand-over-default": "v16_67_14g0jmyp v16_67_14g0jmyf v16_67_1y2v1nf87",
11
- "brand-over-media": "v16_67_14g0jmyq v16_67_14g0jmyg v16_67_1y2v1nf87"
1
+ /* empty css */ /* empty css */ /* empty css */ var n = "v16_68_14g0jmy1 v16_68_14g0jmy0 v16_68_1y2v1nfgc v16_68_1y2v1nfhl v16_68_1y2v1nfiu v16_68_1y2v1nfk3 v16_68_1y2v1nfq4 v16_68_1y2v1nfsw v16_68_1y2v1nft8", e = "v16_68_14g0jmy3 v16_68_14g0jmy2 v16_68_1y2v1nfqq v16_68_1y2v1nfpy", a = "v16_68_14g0jmy5 v16_68_14g0jmy4 v16_68_1y2v1nfpz v16_68_1y2v1nfu8", m = "v16_68_14g0jmy6", g = {
2
+ "default-over-brand": "v16_68_14g0jmyh v16_68_14g0jmy7 v16_68_1y2v1nf83",
3
+ "default-over-negative": "v16_68_14g0jmyi v16_68_14g0jmy8 v16_68_1y2v1nf83",
4
+ "default-over-alternative": "v16_68_14g0jmyj v16_68_14g0jmy9 v16_68_1y2v1nf83",
5
+ "default-over-default": "v16_68_14g0jmyk v16_68_14g0jmya v16_68_1y2v1nf8d",
6
+ "default-over-media": "v16_68_14g0jmyl v16_68_14g0jmyb v16_68_1y2v1nf83",
7
+ "brand-over-brand": "v16_68_14g0jmym v16_68_14g0jmyc v16_68_1y2v1nf8a",
8
+ "brand-over-negative": "v16_68_14g0jmyn v16_68_14g0jmyd v16_68_1y2v1nf8a",
9
+ "brand-over-alternative": "v16_68_14g0jmyo v16_68_14g0jmye v16_68_1y2v1nf87",
10
+ "brand-over-default": "v16_68_14g0jmyp v16_68_14g0jmyf v16_68_1y2v1nf87",
11
+ "brand-over-media": "v16_68_14g0jmyq v16_68_14g0jmyg v16_68_1y2v1nf87"
12
12
  };
13
13
  export { g as background, a as closeButtonContainer, m as closeButtonContainerSize, n as container, e as content };
@@ -1,20 +1,20 @@
1
1
  /* empty css */ /* empty css */ var n = {
2
- aspectRatio: "var(--v16_67_1499nmd0)"
3
- }, a = "v16_67_1499nmd2 v16_67_1499nmd1 v16_67_1y2v1nfpy v16_67_1y2v1nfq4 v16_67_1y2v1nfq9", d = {
4
- display: "v16_67_1499nmd5 v16_67_1499nmd3 v16_67_1y2v1nfj0 v16_67_1y2v1nfk9",
5
- default: "v16_67_1499nmd6",
6
- snap: "v16_67_1499nmd7 v16_67_1499nmd4 v16_67_1y2v1nfiu v16_67_1y2v1nfk3"
2
+ aspectRatio: "var(--v16_68_1499nmd0)"
3
+ }, a = "v16_68_1499nmd2 v16_68_1499nmd1 v16_68_1y2v1nfpy v16_68_1y2v1nfq4 v16_68_1y2v1nfq9", d = {
4
+ display: "v16_68_1499nmd5 v16_68_1499nmd3 v16_68_1y2v1nfj0 v16_68_1y2v1nfk9",
5
+ default: "v16_68_1499nmd6",
6
+ snap: "v16_68_1499nmd7 v16_68_1499nmd4 v16_68_1y2v1nfiu v16_68_1y2v1nfk3"
7
7
  }, y = {
8
- display: "v16_67_1499nmda v16_67_1499nmd8 v16_67_1y2v1nfgi",
9
- default: "v16_67_1499nmdb",
10
- snap: "v16_67_1499nmdc v16_67_1499nmd9 v16_67_1y2v1nfgc"
8
+ display: "v16_68_1499nmda v16_68_1499nmd8 v16_68_1y2v1nfgi",
9
+ default: "v16_68_1499nmdb",
10
+ snap: "v16_68_1499nmdc v16_68_1499nmd9 v16_68_1y2v1nfgc"
11
11
  }, f = {
12
- display: "v16_67_1499nmdf v16_67_1499nmdd v16_67_1y2v1nfhr",
13
- default: "v16_67_1499nmdg",
14
- snap: "v16_67_1499nmdh v16_67_1499nmde v16_67_1y2v1nfhl"
12
+ display: "v16_68_1499nmdf v16_68_1499nmdd v16_68_1y2v1nfhr",
13
+ default: "v16_68_1499nmdg",
14
+ snap: "v16_68_1499nmdh v16_68_1499nmde v16_68_1y2v1nfhl"
15
15
  }, r = {
16
- display: "v16_67_1499nmdl v16_67_1499nmdi v16_67_1y2v1nfgi",
17
- default: "v16_67_1499nmdm v16_67_1499nmdj v16_67_1y2v1nfgc",
18
- snap: "v16_67_1499nmdn v16_67_1499nmdk v16_67_1y2v1nfgc"
19
- }, m = "v16_67_1499nmdo", t = "v16_67_1499nmdq v16_67_1499nmdp v16_67_1y2v1nffx v16_67_1y2v1nfh6 v16_67_1y2v1nfif v16_67_1y2v1nfjo v16_67_1y2v1nfq4 v16_67_1y2v1nfqa v16_67_1y2v1nfsm v16_67_1y2v1nffw v16_67_1y2v1nfqr v16_67_1y2v1nfr8", e = "v16_67_1499nmdr", o = "v16_67_1499nmdt v16_67_1499nmds v16_67_1y2v1nfpy v16_67_1y2v1nfq4 v16_67_1y2v1nfqr v16_67_1y2v1nfr8 v16_67_1y2v1nft8 v16_67_1y2v1nfpx", i = "v16_67_1499nmdv v16_67_1499nmdu", c = "v16_67_1499nmdw v16_67_1499nmdu", p = "v16_67_1499nmdy v16_67_1499nmdx v16_67_1y2v1nfq4 v16_67_1y2v1nfq9 v16_67_1y2v1nfqg", s = "v16_67_1499nmdz", q = "v16_67_1499nmd11 v16_67_1499nmd10 v16_67_1y2v1nfq4 v16_67_1y2v1nfqa v16_67_1y2v1nfr8 v16_67_1y2v1nfqr", l = "v16_67_1499nmd13 v16_67_1499nmd12 v16_67_1y2v1nfpz v16_67_1y2v1nftj v16_67_1y2v1nfud v16_67_1y2v1nfq4 v16_67_1y2v1nfq9", u = "v16_67_1499nmd15 v16_67_1499nmd14 v16_67_1y2v1nfqr v16_67_1y2v1nfr8 v16_67_1y2v1nfpz v16_67_1y2v1nfv2", g = "v16_67_1499nmd16 v16_67_1y2v1nfq4 v16_67_1y2v1nfqa v16_67_1y2v1nfqg v16_67_1y2v1nfqp", h = "v16_67_1499nmd17";
16
+ display: "v16_68_1499nmdl v16_68_1499nmdi v16_68_1y2v1nfgi",
17
+ default: "v16_68_1499nmdm v16_68_1499nmdj v16_68_1y2v1nfgc",
18
+ snap: "v16_68_1499nmdn v16_68_1499nmdk v16_68_1y2v1nfgc"
19
+ }, m = "v16_68_1499nmdo", t = "v16_68_1499nmdq v16_68_1499nmdp v16_68_1y2v1nffx v16_68_1y2v1nfh6 v16_68_1y2v1nfif v16_68_1y2v1nfjo v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfsm v16_68_1y2v1nffw v16_68_1y2v1nfqr v16_68_1y2v1nfr8", e = "v16_68_1499nmdr", o = "v16_68_1499nmdt v16_68_1499nmds v16_68_1y2v1nfpy v16_68_1y2v1nfq4 v16_68_1y2v1nfqr v16_68_1y2v1nfr8 v16_68_1y2v1nft8 v16_68_1y2v1nfpx", i = "v16_68_1499nmdv v16_68_1499nmdu", c = "v16_68_1499nmdw v16_68_1499nmdu", p = "v16_68_1499nmdy v16_68_1499nmdx v16_68_1y2v1nfq4 v16_68_1y2v1nfq9 v16_68_1y2v1nfqg", s = "v16_68_1499nmdz", q = "v16_68_1499nmd11 v16_68_1499nmd10 v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfr8 v16_68_1y2v1nfqr", l = "v16_68_1499nmd13 v16_68_1499nmd12 v16_68_1y2v1nfpz v16_68_1y2v1nftj v16_68_1y2v1nfud v16_68_1y2v1nfq4 v16_68_1y2v1nfq9", u = "v16_68_1499nmd15 v16_68_1499nmd14 v16_68_1y2v1nfqr v16_68_1y2v1nfr8 v16_68_1y2v1nfpz v16_68_1y2v1nfv2", g = "v16_68_1499nmd16 v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfqg v16_68_1y2v1nfqp", h = "v16_68_1499nmd17";
20
20
  export { r as actionsContainerVariants, u as backgroundImageOrVideoContainer, m as boxed, a as container, f as containerPaddingBottomVariants, y as containerPaddingTopVariants, d as containerPaddingXVariants, p as contentContainer, g as slotContainerSpaceBetween, h as stretchedLink, s as stretchedTouchable, q as textContent, l as topActionsContainer, t as touchable, i as touchableCardOverlay, c as touchableCardOverlayInverse, e as touchableContainer, o as touchableContent, n as vars };