@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
@@ -79,27 +79,27 @@ function _object_without_properties_loose(source, excluded) {
79
79
  return target;
80
80
  }
81
81
  import { jsx as t } from "react/jsx-runtime";
82
- import o from "classnames";
82
+ import s from "classnames";
83
83
  import { getPrefixedDataAttributes as f } from "./utils/dom.js";
84
- import { backgroundVariant as v, desktopContainer as p, forcedMarginDesktopContainer as y, mobileContainer as h, forcedMarginMobileContainer as C, responsiveLayoutContainer as L, fullWidth as b, responsiveLayout as R, resetContainerMobile as V, resetContainerDesktop as g, resetMobile as M, resetDesktop as N } from "./responsive-layout.css-mistica.js";
84
+ import { backgroundVariant as v, desktopContainer as p, forcedMarginDesktopContainer as y, mobileContainer as h, forcedMarginMobileContainer as C, responsiveLayoutContainer as L, fullWidth as b, responsiveLayout as N, resetContainerMobile as R, resetContainerDesktop as V, resetMobile as g, resetDesktop as M } from "./responsive-layout.css-mistica.js";
85
85
  import { useThemeVariant as x, ThemeVariant as D } from "./theme-variant-context.js";
86
86
  const k = (param)=>{
87
- let { children: a, isInverse: e = !1, variant: r, backgroundColor: s, className: d, fullWidth: i, dataAttributes: m, shouldExpandWhenNested: l = !1, innerDivClassName: c } = param;
88
- const u = x(), n = r || e && "inverse" || void 0;
87
+ let { children: a, isInverse: e = !1, variant: r, backgroundColor: n, className: d, fullWidth: i, dataAttributes: m, shouldExpandWhenNested: l = !1, innerDivClassName: c } = param;
88
+ const u = x(), o = r || e && "inverse" || void 0;
89
89
  return /* @__PURE__ */ t(D, {
90
- variant: n !== null && n !== void 0 ? n : u,
90
+ variant: o !== null && o !== void 0 ? o : u,
91
91
  children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
92
- className: o(d, n && n !== "default" && v[n], ...i ? [] : [
92
+ className: s(d, o && o !== "default" && v[o], ...i ? [] : [
93
93
  l ? p : y,
94
94
  l === !0 ? h : C,
95
95
  L
96
96
  ]),
97
- style: s ? {
98
- background: s
97
+ style: n ? {
98
+ background: n
99
99
  } : void 0
100
100
  }, f(m)), {
101
101
  children: /* @__PURE__ */ t("div", {
102
- className: o(i ? b : R, c),
102
+ className: s(i ? b : N, c),
103
103
  children: a
104
104
  })
105
105
  }))
@@ -115,14 +115,14 @@ const k = (param)=>{
115
115
  }, q = (param)=>{
116
116
  let { children: a, skipMobile: e = !1, skipDesktop: r = !1 } = param;
117
117
  return /* @__PURE__ */ t("div", {
118
- className: o({
119
- [V]: !e,
120
- [g]: !r
118
+ className: s({
119
+ [R]: !e,
120
+ [V]: !r
121
121
  }),
122
122
  children: /* @__PURE__ */ t("div", {
123
- className: o({
124
- [M]: !e,
125
- [N]: !r
123
+ className: s({
124
+ [g]: !e,
125
+ [M]: !r
126
126
  }),
127
127
  children: a
128
128
  })
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./screen-reader-only.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_gwdgwo1 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfin v16_31_1y2v1nflu v16_31_1y2v1nfla";
3
+ var n = "v16_32_gwdgwo1 v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfin v16_32_1y2v1nflu v16_32_1y2v1nfla";
4
4
  export { n as screenReaderOnly };
@@ -2,23 +2,23 @@ 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 "./select.css.ts.vanilla.css-mistica.js";
5
- var f = "v16_31_1sqpivvo v16_31_1y2v1nfin", y = "v16_31_1sqpivvp", a = "v16_31_1sqpivvr v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nf2c v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nflt", s = "v16_31_1y2v1nf4q", r = {
6
- show: "v16_31_1sqpivv7",
7
- hide: "v16_31_1sqpivv8"
8
- }, t = "v16_31_1sqpivv6 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfio v16_31_1y2v1nflj v16_31_1y2v1nf4c", p = {
9
- default: "v16_31_1sqpivvd v16_31_1sqpivvc v16_31_1y2v1nfim v16_31_1y2v1nflt",
10
- fullWidth: "v16_31_1sqpivve v16_31_1sqpivvc v16_31_1y2v1nfim v16_31_1y2v1nflt"
5
+ var f = "v16_32_1sqpivvo v16_32_1y2v1nfin", y = "v16_32_1sqpivvp", a = "v16_32_1sqpivvr v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nf2c v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nflt", s = "v16_32_1y2v1nf4q", r = {
6
+ show: "v16_32_1sqpivv7",
7
+ hide: "v16_32_1sqpivv8"
8
+ }, t = "v16_32_1sqpivv6 v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfio v16_32_1y2v1nflj v16_32_1y2v1nf4c", p = {
9
+ default: "v16_32_1sqpivvd v16_32_1sqpivvc v16_32_1y2v1nfim v16_32_1y2v1nflt",
10
+ fullWidth: "v16_32_1sqpivve v16_32_1sqpivvc v16_32_1y2v1nfim v16_32_1y2v1nflt"
11
11
  }, l = {
12
- default: "v16_31_1sqpivvl v16_31_1sqpivvk v16_31_1y2v1nfin v16_31_1y2v1nflu v16_31_1y2v1nfl7 v16_31_1y2v1nf2c",
13
- disabled: "v16_31_1sqpivvm v16_31_1sqpivvk v16_31_1y2v1nfin v16_31_1y2v1nflu v16_31_1y2v1nfl7 v16_31_1y2v1nf2c"
12
+ default: "v16_32_1sqpivvl v16_32_1sqpivvk v16_32_1y2v1nfin v16_32_1y2v1nflu v16_32_1y2v1nfl7 v16_32_1y2v1nf2c",
13
+ disabled: "v16_32_1sqpivvm v16_32_1sqpivvk v16_32_1y2v1nfin v16_32_1y2v1nflu v16_32_1y2v1nfl7 v16_32_1y2v1nf2c"
14
14
  }, e = {
15
- default: "v16_31_1sqpivvh v16_31_1sqpivvg v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfla v16_31_1y2v1nflu v16_31_1y2v1nf2c v16_31_1y2v1nf8k v16_31_1y2v1nfjf",
16
- disabled: "v16_31_1sqpivvi v16_31_1sqpivvg v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfla v16_31_1y2v1nflu v16_31_1y2v1nf2c v16_31_1y2v1nf8k v16_31_1y2v1nfjf"
15
+ default: "v16_32_1sqpivvh v16_32_1sqpivvg v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfla v16_32_1y2v1nflu v16_32_1y2v1nf2c v16_32_1y2v1nf8k v16_32_1y2v1nfjf v16_32_1y2v1nflj",
16
+ disabled: "v16_32_1sqpivvi v16_32_1sqpivvg v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfla v16_32_1y2v1nflu v16_32_1y2v1nf2c v16_32_1y2v1nf8k v16_32_1y2v1nfjf v16_32_1y2v1nflj"
17
17
  }, q = {
18
- top: "var(--v16_31_1sqpivv0)",
19
- left: "var(--v16_31_1sqpivv1)",
20
- transformOrigin: "var(--v16_31_1sqpivv2)",
21
- minWidth: "var(--v16_31_1sqpivv3)",
22
- maxHeight: "var(--v16_31_1sqpivv4)"
18
+ top: "var(--v16_32_1sqpivv0)",
19
+ left: "var(--v16_32_1sqpivv1)",
20
+ transformOrigin: "var(--v16_32_1sqpivv2)",
21
+ minWidth: "var(--v16_32_1sqpivv3)",
22
+ maxHeight: "var(--v16_32_1sqpivv4)"
23
23
  };
24
24
  export { f as arrowDown, y as iconContainer, a as menuItem, s as menuItemSelected, r as optionsAnimationsVariants, t as optionsContainer, p as selectContainerVariants, l as selectTextVariants, e as selectVariants, q as vars };
package/dist-es/select.js CHANGED
@@ -64,7 +64,7 @@ import je from "./overlay.js";
64
64
  import { isAndroid as Ke, isIos as Ue } from "./utils/platform.js";
65
65
  import { cancelEvent as m } from "./utils/dom.js";
66
66
  import { Text3 as Xe } from "./text.js";
67
- import { selectVariants as Je, arrowDown as Qe, iconContainer as ce, selectContainerVariants as Ye, selectTextVariants as et, vars as N, optionsContainer as tt, optionsAnimationsVariants as ae, menuItem as nt, menuItemSelected as rt } from "./select.css-mistica.js";
67
+ import { selectVariants as Je, arrowDown as Qe, iconContainer as ce, selectContainerVariants as Ye, selectTextVariants as et, vars as b, optionsContainer as tt, optionsAnimationsVariants as ae, menuItem as nt, menuItemSelected as rt } from "./select.css-mistica.js";
68
68
  import { inputWithLabel as le, inputWithoutLabel as ue } from "./text-field-base.css-mistica.js";
69
69
  import { Portal as ot } from "./portal.js";
70
70
  import { pxToRem as st, applyCssVars as it } from "./utils/css.js";
@@ -73,8 +73,8 @@ import { vars as de } from "./skins/skin-contract.css-mistica.js";
73
73
  const at = (param)=>{
74
74
  let { id: fe, label: u, helperText: pe, value: me, defaultValue: he, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: Se, disabled: ve, error: ge, onBlur: D, autoFocus: z = !1, native: Te, dataAttributes: j } = param;
75
75
  var re;
76
- const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [Ie, we] = n.useState(!0), [g, Ee] = n.useState(he), [H, K] = n.useState(!1), [U, X] = n.useState(!1), [J, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), xe = n.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: be, register: B } = He(), { platformOverrides: Y } = Fe(), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Ke(Y) || Ue(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
77
- C == null || C(e), be({
76
+ const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [Ie, we] = n.useState(!0), [g, Ee] = n.useState(he), [H, K] = n.useState(!1), [U, X] = n.useState(!1), [J, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), xe = n.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: Ne, register: B } = He(), { platformOverrides: Y } = Fe(), be = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Ke(Y) || Ue(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
77
+ C == null || C(e), Ne({
78
78
  name: i,
79
79
  error: ""
80
80
  }), Z({
@@ -87,9 +87,9 @@ const at = (param)=>{
87
87
  }, w = (e)=>{
88
88
  if (e) {
89
89
  if (S != null && S.current) {
90
- const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, Ce = s.height, b = p + Ce, V = Math.min(d.length, 8) * 48 + 16;
91
- if (b + V + 12 > window.innerHeight) {
92
- const Me = window.innerHeight - b;
90
+ const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, Ce = s.height, N = p + Ce, V = Math.min(d.length, 8) * 48 + 16;
91
+ if (N + V + 12 > window.innerHeight) {
92
+ const Me = window.innerHeight - N;
93
93
  if (p > Me) {
94
94
  const Pe = p - V;
95
95
  F({
@@ -101,14 +101,14 @@ const at = (param)=>{
101
101
  });
102
102
  } else F({
103
103
  minWidth: x,
104
- top: b,
104
+ top: N,
105
105
  left: y,
106
- maxHeight: window.innerHeight - b - 12,
106
+ maxHeight: window.innerHeight - N - 12,
107
107
  transformOrigin: "center top"
108
108
  });
109
109
  } else F({
110
110
  minWidth: x,
111
- top: b,
111
+ top: N,
112
112
  left: y,
113
113
  maxHeight: V,
114
114
  transformOrigin: "center top"
@@ -228,7 +228,7 @@ const at = (param)=>{
228
228
  var _a_transformOrigin;
229
229
  return /* @__PURE__ */ r(ct, {
230
230
  variant: "default",
231
- children: Ne || Ie ? /* @__PURE__ */ _($e, {
231
+ children: be || Ie ? /* @__PURE__ */ _($e, {
232
232
  disabled: I,
233
233
  helperText: /* @__PURE__ */ r(Be, {
234
234
  error: A,
@@ -372,11 +372,11 @@ const at = (param)=>{
372
372
  children: /* @__PURE__ */ r(ot, {
373
373
  children: /* @__PURE__ */ r("ul", {
374
374
  style: it({
375
- [N.top]: a.top ? `${a.top}px` : "",
376
- [N.left]: a.left ? `${a.left}px` : "",
377
- [N.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
378
- [N.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
379
- [N.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
375
+ [b.top]: a.top ? `${a.top}px` : "",
376
+ [b.left]: a.left ? `${a.left}px` : "",
377
+ [b.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
378
+ [b.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
379
+ [b.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
380
380
  }),
381
381
  onPointerDown: m,
382
382
  className: k(tt, U ? ae.show : ae.hide),
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./sheet-action-row.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_4k81wx1 v16_31_1y2v1nf90 v16_31_1y2v1nfa9 v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfis v16_31_1y2v1nfl5 v16_31_1y2v1nfj7";
3
+ var n = "v16_32_4k81wx1 v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfis v16_32_1y2v1nfl5 v16_32_1y2v1nfj7";
4
4
  export { n as sheetActionRow };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./sheet-common.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_pidemf6 v16_31_1y2v1nf4b", f = "v16_31_pidemf4 v16_31_1y2v1nfio v16_31_1y2v1nfmf v16_31_1y2v1nfmu v16_31_1y2v1nfn9", y = "v16_31_pidemf9 v16_31_1y2v1nf99 v16_31_1y2v1nfis v16_31_1y2v1nfiy", e = "v16_31_pidemfu", i = "v16_31_1y2v1nflz v16_31_1y2v1nfje v16_31_1y2v1nfis v16_31_1y2v1nfiy", a = "v16_31_pidemfp", r = "v16_31_pidemf7", m = "v16_31_1y2v1nf5m v16_31_1y2v1nfjf v16_31_1y2v1nfjw v16_31_1y2v1nfld", t = "v16_31_pidemfe v16_31_1y2v1nfir", o = "v16_31_1y2v1nfjo v16_31_1y2v1nfjz", d = "v16_31_pidemfj v16_31_1y2v1nf96 v16_31_1y2v1nfaf v16_31_1y2v1nfbo v16_31_1y2v1nfcx v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfmu", p = "v16_31_pidemfo v16_31_1y2v1nfio v16_31_1y2v1nf4n v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfmu v16_31_1y2v1nfn9", l = "v16_31_pidemfc v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfk9 v16_31_1y2v1nfjf v16_31_1y2v1nfis v16_31_1y2v1nfj1", s = "v16_31_pidemft v16_31_1y2v1nfiq v16_31_1y2v1nfn9 v16_31_1y2v1nf4b", h = "v16_31_pidemfr v16_31_1y2v1nfiq v16_31_1y2v1nfm0 v16_31_1y2v1nf4b", u = 400;
3
+ var n = "v16_32_pidemf6 v16_32_1y2v1nf4b", f = "v16_32_pidemf4 v16_32_1y2v1nfio v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9", y = "v16_32_pidemf9 v16_32_1y2v1nf99 v16_32_1y2v1nfis v16_32_1y2v1nfiy", e = "v16_32_pidemfu", i = "v16_32_1y2v1nflz v16_32_1y2v1nfje v16_32_1y2v1nfis v16_32_1y2v1nfiy", a = "v16_32_pidemfp", r = "v16_32_pidemf7", m = "v16_32_1y2v1nf5m v16_32_1y2v1nfjf v16_32_1y2v1nfjw v16_32_1y2v1nfld", t = "v16_32_pidemfe v16_32_1y2v1nfir", o = "v16_32_1y2v1nfjo v16_32_1y2v1nfjz", d = "v16_32_pidemfj v16_32_1y2v1nf96 v16_32_1y2v1nfaf v16_32_1y2v1nfbo v16_32_1y2v1nfcx v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmu", p = "v16_32_pidemfo v16_32_1y2v1nfio v16_32_1y2v1nf4n v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9", l = "v16_32_pidemfc v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfk9 v16_32_1y2v1nfjf v16_32_1y2v1nfis v16_32_1y2v1nfj1", s = "v16_32_pidemft v16_32_1y2v1nfiq v16_32_1y2v1nfn9 v16_32_1y2v1nf4b", h = "v16_32_pidemfr v16_32_1y2v1nfiq v16_32_1y2v1nfm0 v16_32_1y2v1nf4b", u = 400;
4
4
  export { n as Sheet, f as SheetContainer, y as SheetContent, e as bodyContent, i as children, a as closingOverlay, r as closingSheet, m as handleBar, t as handleContainer, o as handleTouchable, d as modalCloseButton, p as overlay, l as sheetTopDraggingArea, s as stickyButtons, h as stickyTitle, u as transitionDuration };
@@ -88,9 +88,9 @@ import { useSetModalStateEffect as U } from "./modal-context-provider.js";
88
88
  import { Portal as Z } from "./portal.js";
89
89
  import { Text5 as ee, Text3 as te, Text2 as y } from "./text.js";
90
90
  import { vars as I } from "./skins/skin-contract.css-mistica.js";
91
- import B from "./stack.js";
91
+ import N from "./stack.js";
92
92
  import T from "./box.js";
93
- import N from "./divider.js";
93
+ import B from "./divider.js";
94
94
  import { getPrefixedDataAttributes as re, getScrollableParentElement as ne } from "./utils/dom.js";
95
95
  import oe from "./generated/mistica-icons/icon-close-regular.js";
96
96
  import { InternalIconButton as se } from "./icon-button.js";
@@ -299,7 +299,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
299
299
  desktop: 40
300
300
  }
301
301
  }),
302
- c && /* @__PURE__ */ e(N, {})
302
+ c && /* @__PURE__ */ e(B, {})
303
303
  ]
304
304
  }),
305
305
  /* @__PURE__ */ e("div", {
@@ -310,10 +310,10 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
310
310
  mobile: 0
311
311
  },
312
312
  paddingX: R,
313
- children: /* @__PURE__ */ p(B, {
313
+ children: /* @__PURE__ */ p(N, {
314
314
  space: 8,
315
315
  children: [
316
- o || s ? /* @__PURE__ */ p(B, {
316
+ o || s ? /* @__PURE__ */ p(N, {
317
317
  space: {
318
318
  mobile: 8,
319
319
  desktop: 16
@@ -351,7 +351,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
351
351
  h && /* @__PURE__ */ p("div", {
352
352
  className: K,
353
353
  children: [
354
- i && /* @__PURE__ */ e(N, {}),
354
+ i && /* @__PURE__ */ e(B, {}),
355
355
  /* @__PURE__ */ e(T, {
356
356
  paddingY: {
357
357
  mobile: 16,
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
- var _ = "v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfk4", n = "v16_31_1y2v1nfjw v16_31_1y2v1nfis", f = "v16_31_1y2v1nf90 v16_31_1y2v1nfa9 v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfl5";
2
+ var _ = "v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfk4", n = "v16_32_1y2v1nfjw v16_32_1y2v1nfis", f = "v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfl5";
3
3
  export { _ as infoItemIcon, n as infoItemIconContainer, f as itemContainer };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./skeletons.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_31_zopolw6 v16_31_1y2v1nfiu", r = {
4
- default: "v16_31_1y2v1nf4o",
5
- inverse: "v16_31_1y2v1nf4p"
6
- }, a = "v16_31_1y2v1nfja v16_31_1y2v1nfjc", o = "v16_31_zopolwa v16_31_1y2v1nfjb", f = "v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1";
3
+ var n = "v16_32_zopolw6 v16_32_1y2v1nfiu", r = {
4
+ default: "v16_32_1y2v1nf4o",
5
+ inverse: "v16_32_1y2v1nf4p"
6
+ }, a = "v16_32_1y2v1nfja v16_32_1y2v1nfjc", o = "v16_32_zopolwa v16_32_1y2v1nfjb", f = "v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1";
7
7
  export { n as animation, r as background, a as circle, o as line, f as row };