@telefonica/mistica 16.28.0 → 16.29.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 (191) hide show
  1. package/css/mistica-common.css +141 -19
  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/avatar.css-mistica.js +1 -1
  6. package/dist/badge.css-mistica.js +1 -1
  7. package/dist/box.css-mistica.js +13 -13
  8. package/dist/boxed.css-mistica.js +24 -24
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-layout.css-mistica.js +13 -13
  11. package/dist/button.css-mistica.js +16 -16
  12. package/dist/callout.css-mistica.js +5 -5
  13. package/dist/card.css-mistica.js +3 -3
  14. package/dist/carousel.css-mistica.js +6 -6
  15. package/dist/checkbox.css-mistica.js +7 -7
  16. package/dist/chip.css-mistica.js +12 -12
  17. package/dist/circle.css-mistica.js +1 -1
  18. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  19. package/dist/community/blocks.css-mistica.js +1 -1
  20. package/dist/community/example-component.css-mistica.js +1 -1
  21. package/dist/counter.css-mistica.js +1 -1
  22. package/dist/cover-hero.css-mistica.js +3 -3
  23. package/dist/credit-card-number-field.css-mistica.js +3 -3
  24. package/dist/date-field.css-mistica.js +1 -1
  25. package/dist/date-time-picker.css-mistica.js +1 -1
  26. package/dist/dialog.css-mistica.js +4 -4
  27. package/dist/divider.css-mistica.js +2 -2
  28. package/dist/double-field.css-mistica.js +2 -2
  29. package/dist/drawer.css-mistica.js +1 -1
  30. package/dist/empty-state-card.css-mistica.js +1 -1
  31. package/dist/empty-state.css-mistica.js +5 -5
  32. package/dist/fade-in.css-mistica.js +1 -1
  33. package/dist/feedback.css-mistica.js +1 -1
  34. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  35. package/dist/form.css-mistica.js +1 -1
  36. package/dist/form.d.ts +3 -1
  37. package/dist/form.js +34 -32
  38. package/dist/grid-layout.css-mistica.js +3 -3
  39. package/dist/grid.css-mistica.js +122 -122
  40. package/dist/header.css-mistica.js +1 -1
  41. package/dist/hero.css-mistica.js +2 -2
  42. package/dist/highlighted-card.css-mistica.js +4 -4
  43. package/dist/horizontal-scroll.css-mistica.js +1 -1
  44. package/dist/icon-button.css-mistica.js +42 -42
  45. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  46. package/dist/icons/icon-error.css-mistica.js +1 -1
  47. package/dist/image.css-mistica.js +3 -3
  48. package/dist/inline.css-mistica.js +10 -10
  49. package/dist/list.css-mistica.js +1 -1
  50. package/dist/loading-bar.css-mistica.js +1 -1
  51. package/dist/loading-screen.css-mistica.js +4 -4
  52. package/dist/logo.css-mistica.js +5 -5
  53. package/dist/maybe-dismissable.css-mistica.js +1 -1
  54. package/dist/menu.css-mistica.js +12 -12
  55. package/dist/menu.d.ts +2 -1
  56. package/dist/menu.js +120 -116
  57. package/dist/mosaic.css-mistica.js +1 -1
  58. package/dist/navigation-bar.css-mistica.js +16 -16
  59. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  60. package/dist/package-version.js +1 -1
  61. package/dist/pin-field.css-mistica.js +1 -1
  62. package/dist/popover.css-mistica.js +1 -1
  63. package/dist/progress-bar.css-mistica.js +4 -4
  64. package/dist/radio-button.css-mistica.js +14 -14
  65. package/dist/rating.css-mistica.js +2 -2
  66. package/dist/responsive-layout.css-mistica.js +4 -4
  67. package/dist/screen-reader-only.css-mistica.js +1 -1
  68. package/dist/select.css-mistica.js +15 -15
  69. package/dist/select.d.ts +3 -1
  70. package/dist/select.js +48 -42
  71. package/dist/sheet-action-row.css-mistica.js +1 -1
  72. package/dist/sheet-common.css-mistica.js +1 -1
  73. package/dist/sheet-info.css-mistica.js +1 -1
  74. package/dist/skeletons.css-mistica.js +4 -4
  75. package/dist/skins/skin-contract.css-mistica.js +354 -354
  76. package/dist/slider.css-mistica.js +10 -10
  77. package/dist/snackbar.css-mistica.js +4 -4
  78. package/dist/spinner.css-mistica.js +1 -1
  79. package/dist/stack.css-mistica.js +5 -5
  80. package/dist/stacking-group.css-mistica.js +1 -1
  81. package/dist/stepper.css-mistica.js +2 -2
  82. package/dist/switch-component.css-mistica.js +26 -26
  83. package/dist/table.css-mistica.js +8 -8
  84. package/dist/tabs.css-mistica.js +12 -12
  85. package/dist/tag.css-mistica.js +1 -1
  86. package/dist/text-field-base.css-mistica.js +1 -1
  87. package/dist/text-field-components.css-mistica.js +3 -3
  88. package/dist/text-link.css-mistica.js +5 -5
  89. package/dist/text.css-mistica.js +7 -7
  90. package/dist/theme-context.css-mistica.js +394 -394
  91. package/dist/timeline.css-mistica.js +10 -10
  92. package/dist/timer.css-mistica.js +6 -6
  93. package/dist/tooltip.css-mistica.js +1 -1
  94. package/dist/touchable.css-mistica.js +1 -1
  95. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  96. package/dist/video.css-mistica.js +1 -1
  97. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  98. package/dist-es/accordion.css-mistica.js +6 -6
  99. package/dist-es/align.css-mistica.js +1 -1
  100. package/dist-es/avatar.css-mistica.js +1 -1
  101. package/dist-es/badge.css-mistica.js +1 -1
  102. package/dist-es/box.css-mistica.js +13 -13
  103. package/dist-es/boxed.css-mistica.js +23 -23
  104. package/dist-es/button-group.css-mistica.js +1 -1
  105. package/dist-es/button-layout.css-mistica.js +13 -13
  106. package/dist-es/button.css-mistica.js +16 -16
  107. package/dist-es/callout.css-mistica.js +5 -5
  108. package/dist-es/card.css-mistica.js +3 -3
  109. package/dist-es/carousel.css-mistica.js +6 -6
  110. package/dist-es/checkbox.css-mistica.js +7 -7
  111. package/dist-es/chip.css-mistica.js +12 -12
  112. package/dist-es/circle.css-mistica.js +1 -1
  113. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  114. package/dist-es/community/blocks.css-mistica.js +1 -1
  115. package/dist-es/community/example-component.css-mistica.js +1 -1
  116. package/dist-es/counter.css-mistica.js +1 -1
  117. package/dist-es/cover-hero.css-mistica.js +3 -3
  118. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  119. package/dist-es/date-field.css-mistica.js +1 -1
  120. package/dist-es/date-time-picker.css-mistica.js +1 -1
  121. package/dist-es/dialog.css-mistica.js +4 -4
  122. package/dist-es/divider.css-mistica.js +2 -2
  123. package/dist-es/double-field.css-mistica.js +2 -2
  124. package/dist-es/drawer.css-mistica.js +1 -1
  125. package/dist-es/empty-state-card.css-mistica.js +1 -1
  126. package/dist-es/empty-state.css-mistica.js +5 -5
  127. package/dist-es/fade-in.css-mistica.js +1 -1
  128. package/dist-es/feedback.css-mistica.js +1 -1
  129. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  130. package/dist-es/form.css-mistica.js +1 -1
  131. package/dist-es/form.js +45 -43
  132. package/dist-es/grid-layout.css-mistica.js +3 -3
  133. package/dist-es/grid.css-mistica.js +122 -122
  134. package/dist-es/header.css-mistica.js +1 -1
  135. package/dist-es/hero.css-mistica.js +2 -2
  136. package/dist-es/highlighted-card.css-mistica.js +4 -4
  137. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  138. package/dist-es/icon-button.css-mistica.js +42 -42
  139. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  140. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  141. package/dist-es/image.css-mistica.js +3 -3
  142. package/dist-es/inline.css-mistica.js +10 -10
  143. package/dist-es/list.css-mistica.js +1 -1
  144. package/dist-es/loading-bar.css-mistica.js +1 -1
  145. package/dist-es/loading-screen.css-mistica.js +4 -4
  146. package/dist-es/logo.css-mistica.js +5 -5
  147. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  148. package/dist-es/menu.css-mistica.js +12 -12
  149. package/dist-es/menu.js +145 -141
  150. package/dist-es/mosaic.css-mistica.js +1 -1
  151. package/dist-es/navigation-bar.css-mistica.js +16 -16
  152. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  153. package/dist-es/package-version.js +1 -1
  154. package/dist-es/pin-field.css-mistica.js +1 -1
  155. package/dist-es/popover.css-mistica.js +1 -1
  156. package/dist-es/progress-bar.css-mistica.js +4 -4
  157. package/dist-es/radio-button.css-mistica.js +14 -14
  158. package/dist-es/rating.css-mistica.js +2 -2
  159. package/dist-es/responsive-layout.css-mistica.js +4 -4
  160. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  161. package/dist-es/select.css-mistica.js +15 -15
  162. package/dist-es/select.js +96 -90
  163. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  164. package/dist-es/sheet-common.css-mistica.js +1 -1
  165. package/dist-es/sheet-info.css-mistica.js +1 -1
  166. package/dist-es/skeletons.css-mistica.js +4 -4
  167. package/dist-es/skins/skin-contract.css-mistica.js +354 -354
  168. package/dist-es/slider.css-mistica.js +10 -10
  169. package/dist-es/snackbar.css-mistica.js +4 -4
  170. package/dist-es/spinner.css-mistica.js +1 -1
  171. package/dist-es/stack.css-mistica.js +5 -5
  172. package/dist-es/stacking-group.css-mistica.js +1 -1
  173. package/dist-es/stepper.css-mistica.js +2 -2
  174. package/dist-es/style.css +1 -1
  175. package/dist-es/switch-component.css-mistica.js +26 -26
  176. package/dist-es/table.css-mistica.js +8 -8
  177. package/dist-es/tabs.css-mistica.js +12 -12
  178. package/dist-es/tag.css-mistica.js +1 -1
  179. package/dist-es/text-field-base.css-mistica.js +1 -1
  180. package/dist-es/text-field-components.css-mistica.js +3 -3
  181. package/dist-es/text-link.css-mistica.js +5 -5
  182. package/dist-es/text.css-mistica.js +7 -7
  183. package/dist-es/theme-context.css-mistica.js +394 -394
  184. package/dist-es/timeline.css-mistica.js +10 -10
  185. package/dist-es/timer.css-mistica.js +6 -6
  186. package/dist-es/tooltip.css-mistica.js +1 -1
  187. package/dist-es/touchable.css-mistica.js +1 -1
  188. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  189. package/dist-es/video.css-mistica.js +1 -1
  190. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  191. package/package.json +1 -1
@@ -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_28_1sqpivvo v16_28_1y2v1nfin", y = "v16_28_1sqpivvp", a = "v16_28_1sqpivvr v16_28_1y2v1nfbi v16_28_1y2v1nfcr v16_28_1y2v1nf8u v16_28_1y2v1nfa3 v16_28_1y2v1nf2c v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nflt", s = "v16_28_1y2v1nf4q", r = {
6
- show: "v16_28_1sqpivv7",
7
- hide: "v16_28_1sqpivv8"
8
- }, t = "v16_28_1sqpivv6 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfio v16_28_1y2v1nflj v16_28_1y2v1nf4c", p = {
9
- default: "v16_28_1sqpivvd v16_28_1sqpivvc v16_28_1y2v1nfim v16_28_1y2v1nflt",
10
- fullWidth: "v16_28_1sqpivve v16_28_1sqpivvc v16_28_1y2v1nfim v16_28_1y2v1nflt"
5
+ var f = "v16_29_1sqpivvo v16_29_1y2v1nfin", y = "v16_29_1sqpivvp", a = "v16_29_1sqpivvr v16_29_1y2v1nfbi v16_29_1y2v1nfcr v16_29_1y2v1nf8u v16_29_1y2v1nfa3 v16_29_1y2v1nf2c v16_29_1y2v1nfis v16_29_1y2v1nfj7 v16_29_1y2v1nflt", s = "v16_29_1y2v1nf4q", r = {
6
+ show: "v16_29_1sqpivv7",
7
+ hide: "v16_29_1sqpivv8"
8
+ }, t = "v16_29_1sqpivv6 v16_29_1y2v1nf8l v16_29_1y2v1nf9u v16_29_1y2v1nfb3 v16_29_1y2v1nfcc v16_29_1y2v1nfio v16_29_1y2v1nflj v16_29_1y2v1nf4c", p = {
9
+ default: "v16_29_1sqpivvd v16_29_1sqpivvc v16_29_1y2v1nfim v16_29_1y2v1nflt",
10
+ fullWidth: "v16_29_1sqpivve v16_29_1sqpivvc v16_29_1y2v1nfim v16_29_1y2v1nflt"
11
11
  }, l = {
12
- default: "v16_28_1sqpivvl v16_28_1sqpivvk v16_28_1y2v1nfin v16_28_1y2v1nflu v16_28_1y2v1nfl7 v16_28_1y2v1nf2c",
13
- disabled: "v16_28_1sqpivvm v16_28_1sqpivvk v16_28_1y2v1nfin v16_28_1y2v1nflu v16_28_1y2v1nfl7 v16_28_1y2v1nf2c"
12
+ default: "v16_29_1sqpivvl v16_29_1sqpivvk v16_29_1y2v1nfin v16_29_1y2v1nflu v16_29_1y2v1nfl7 v16_29_1y2v1nf2c",
13
+ disabled: "v16_29_1sqpivvm v16_29_1sqpivvk v16_29_1y2v1nfin v16_29_1y2v1nflu v16_29_1y2v1nfl7 v16_29_1y2v1nf2c"
14
14
  }, e = {
15
- default: "v16_28_1sqpivvh v16_28_1sqpivvg v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfla v16_28_1y2v1nflu v16_28_1y2v1nf2c v16_28_1y2v1nf8k v16_28_1y2v1nfjf",
16
- disabled: "v16_28_1sqpivvi v16_28_1sqpivvg v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfla v16_28_1y2v1nflu v16_28_1y2v1nf2c v16_28_1y2v1nf8k v16_28_1y2v1nfjf"
15
+ default: "v16_29_1sqpivvh v16_29_1sqpivvg v16_29_1y2v1nf8l v16_29_1y2v1nf9u v16_29_1y2v1nfla v16_29_1y2v1nflu v16_29_1y2v1nf2c v16_29_1y2v1nf8k v16_29_1y2v1nfjf",
16
+ disabled: "v16_29_1sqpivvi v16_29_1sqpivvg v16_29_1y2v1nf8l v16_29_1y2v1nf9u v16_29_1y2v1nfla v16_29_1y2v1nflu v16_29_1y2v1nf2c v16_29_1y2v1nf8k v16_29_1y2v1nfjf"
17
17
  }, q = {
18
- top: "var(--v16_28_1sqpivv0)",
19
- left: "var(--v16_28_1sqpivv1)",
20
- transformOrigin: "var(--v16_28_1sqpivv2)",
21
- minWidth: "var(--v16_28_1sqpivv3)",
22
- maxHeight: "var(--v16_28_1sqpivv4)"
18
+ top: "var(--v16_29_1sqpivv0)",
19
+ left: "var(--v16_29_1sqpivv1)",
20
+ transformOrigin: "var(--v16_29_1sqpivv2)",
21
+ minWidth: "var(--v16_29_1sqpivv3)",
22
+ maxHeight: "var(--v16_29_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
@@ -51,30 +51,30 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsx as r, jsxs as _, Fragment as Pe } from "react/jsx-runtime";
54
+ import { jsx as r, jsxs as _, Fragment as De } from "react/jsx-runtime";
55
55
  import * as n from "react";
56
56
  import k from "classnames";
57
- import { useForm as De } from "./form-context.js";
58
- import { useTheme as He } from "./hooks.js";
59
- import { SPACE as re, ENTER as oe, ESC as Fe, TAB as We, UP as Ge, DOWN as Le } from "./utils/keys.js";
60
- import { FieldContainer as Ze, HelperText as $e, Label as Be } from "./text-field-components.js";
61
- import se from "./generated/mistica-icons/icon-chevron-down-regular.js";
62
- import { TextFieldBaseAutosuggest as qe } from "./text-field-base.js";
63
- import ze from "./overlay.js";
64
- import { isAndroid as je, isIos as Ke } from "./utils/platform.js";
57
+ import { useForm as He } from "./form-context.js";
58
+ import { useTheme as Fe } from "./hooks.js";
59
+ import { SPACE as oe, ENTER as se, ESC as We, TAB as Ge, UP as Le, DOWN as Ze } from "./utils/keys.js";
60
+ import { FieldContainer as $e, HelperText as Be, Label as qe } from "./text-field-components.js";
61
+ import ie from "./generated/mistica-icons/icon-chevron-down-regular.js";
62
+ import { TextFieldBaseAutosuggest as ze } from "./text-field-base.js";
63
+ import je from "./overlay.js";
64
+ import { isAndroid as Ke, isIos as Ue } from "./utils/platform.js";
65
65
  import { cancelEvent as m } from "./utils/dom.js";
66
- import { Text3 as Ue } from "./text.js";
67
- import { selectVariants as Xe, arrowDown as Je, iconContainer as ie, selectContainerVariants as Qe, selectTextVariants as Ye, vars as b, optionsContainer as et, optionsAnimationsVariants as ce, menuItem as tt, menuItemSelected as nt } from "./select.css-mistica.js";
68
- import { inputWithLabel as ae, inputWithoutLabel as le } from "./text-field-base.css-mistica.js";
69
- import { Portal as rt } from "./portal.js";
70
- import { pxToRem as ot, applyCssVars as st } from "./utils/css.js";
71
- import { ThemeVariant as it } from "./theme-variant-context.js";
72
- import { vars as ue } from "./skins/skin-contract.css-mistica.js";
73
- const ct = (param)=>{
74
- let { id: de, label: u, helperText: fe, value: pe, defaultValue: me, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: he, disabled: Se, error: ve, onBlur: D, autoFocus: z = !1, native: ge } = param;
75
- var ne;
76
- const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = n.useState(!0), [g, we] = n.useState(me), [H, j] = n.useState(!1), [K, U] = n.useState(!1), [X, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), Ee = n.useId(), L = de || Ee, { rawValues: xe, setRawValue: Z, setValue: $, formStatus: Oe, formErrors: J, setFormError: ye, register: B } = De(), { platformOverrides: Q } = He(), Ne = ge || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || je(Q) || Ke(Q), I = Se || Oe === "sending", A = ve || !!J[i], Y = J[i] || fe, l = pe !== null && pe !== void 0 ? pe : xe[i], ee = (e)=>{
77
- C == null || C(e), ye({
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";
68
+ import { inputWithLabel as le, inputWithoutLabel as ue } from "./text-field-base.css-mistica.js";
69
+ import { Portal as ot } from "./portal.js";
70
+ import { pxToRem as st, applyCssVars as it } from "./utils/css.js";
71
+ import { ThemeVariant as ct } from "./theme-variant-context.js";
72
+ import { vars as de } from "./skins/skin-contract.css-mistica.js";
73
+ const at = (param)=>{
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
+ 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({
78
78
  name: i,
79
79
  error: ""
80
80
  }), Z({
@@ -87,41 +87,41 @@ const ct = (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, ke = s.height, N = p + ke, V = Math.min(d.length, 8) * 48 + 16;
91
- if (N + V + 12 > window.innerHeight) {
92
- const Ce = window.innerHeight - N;
93
- if (p > Ce) {
94
- const Me = p - V;
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;
93
+ if (p > Me) {
94
+ const Pe = p - V;
95
95
  F({
96
96
  minWidth: x,
97
97
  left: y,
98
- top: Math.max(Me, 12),
98
+ top: Math.max(Pe, 12),
99
99
  maxHeight: Math.min(p - 12, V),
100
100
  transformOrigin: "center bottom"
101
101
  });
102
102
  } else F({
103
103
  minWidth: x,
104
- top: N,
104
+ top: b,
105
105
  left: y,
106
- maxHeight: window.innerHeight - N - 12,
106
+ maxHeight: window.innerHeight - b - 12,
107
107
  transformOrigin: "center top"
108
108
  });
109
109
  } else F({
110
110
  minWidth: x,
111
- top: N,
111
+ top: b,
112
112
  left: y,
113
113
  maxHeight: V,
114
114
  transformOrigin: "center top"
115
115
  });
116
116
  }
117
- j(!0), requestAnimationFrame(()=>{
118
- G.current && v.current && "scrollTop" in v.current && (v.current.scrollTop = G.current), U(!0);
117
+ K(!0), requestAnimationFrame(()=>{
118
+ G.current && v.current && "scrollTop" in v.current && (v.current.scrollTop = G.current), X(!0);
119
119
  }), W(g !== null && g !== void 0 ? g : l);
120
- } else U(!1), j(!1), W(void 0);
120
+ } else X(!1), K(!1), W(void 0);
121
121
  }, q = (e)=>{
122
122
  var t;
123
- G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), ee && typeof e == "string" && ee(e), typeof l > "u" && we(e);
124
- }, be = (e)=>{
123
+ G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), te && typeof e == "string" && te(e), typeof l > "u" && Ee(e);
124
+ }, Re = (e)=>{
125
125
  var o;
126
126
  const t = (o = v.current) == null ? void 0 : o.getBoundingClientRect();
127
127
  if (t && e && R.current.has(e)) {
@@ -132,7 +132,7 @@ const ct = (param)=>{
132
132
  }
133
133
  s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
134
134
  }
135
- }, Re = f.current, Ae = h.current;
135
+ }, Ae = f.current, Ve = h.current;
136
136
  n.useEffect(()=>{
137
137
  Z({
138
138
  name: i,
@@ -161,15 +161,15 @@ const ct = (param)=>{
161
161
  B,
162
162
  f,
163
163
  h,
164
- Re,
165
164
  Ae,
165
+ Ve,
166
166
  u
167
167
  ]), n.useEffect(()=>{
168
168
  const e = (o)=>{
169
169
  var p;
170
170
  const s = {
171
- [Ge]: -1,
172
- [Le]: 1
171
+ [Le]: -1,
172
+ [Ze]: 1
173
173
  }[o.key];
174
174
  if (s) {
175
175
  m(o);
@@ -178,25 +178,25 @@ const ct = (param)=>{
178
178
  let { value: y } = param;
179
179
  return y === T;
180
180
  }) + s]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
181
- W(x), be(x);
181
+ W(x), Re(x);
182
182
  }
183
183
  }, t = (o)=>{
184
184
  if (H) switch(o.key){
185
- case We:
185
+ case Ge:
186
186
  m(o);
187
187
  break;
188
- case Fe:
188
+ case We:
189
189
  w(!1);
190
190
  break;
191
+ case se:
191
192
  case oe:
192
- case re:
193
193
  m(o), d.findIndex((param)=>{
194
194
  let { value: c } = param;
195
195
  return c === T;
196
196
  }) !== -1 && T !== g && q(T), w(!1);
197
197
  break;
198
198
  }
199
- K && e(o);
199
+ U && e(o);
200
200
  };
201
201
  return document.addEventListener("keydown", t, !1), ()=>{
202
202
  document.removeEventListener("keydown", t, !1);
@@ -206,15 +206,15 @@ const ct = (param)=>{
206
206
  }, [
207
207
  z
208
208
  ]), n.useEffect(()=>{
209
- Ie(!1);
209
+ we(!1);
210
210
  }, []);
211
- const Ve = (e)=>{
211
+ const _e = (e)=>{
212
212
  var t;
213
213
  return e ? (t = d.find((param)=>{
214
214
  let { value: o } = param;
215
215
  return o === e;
216
216
  })) == null ? void 0 : t.text : "";
217
- }, _e = {
217
+ }, ke = {
218
218
  tabIndex: 0,
219
219
  onFocus: ()=>O(!0),
220
220
  onBlur: ()=>O(!1),
@@ -222,30 +222,33 @@ const ct = (param)=>{
222
222
  w(!0), O(!0);
223
223
  },
224
224
  onKeyDown: (e)=>{
225
- !H && (e.key === re || e.key === oe) && (m(e), w(!0));
225
+ !H && (e.key === oe || e.key === se) && (m(e), w(!0));
226
226
  }
227
- }, te = ot(20), E = g !== null && g !== void 0 ? g : l;
227
+ }, ne = st(20), E = g !== null && g !== void 0 ? g : l;
228
228
  var _a_transformOrigin;
229
- return /* @__PURE__ */ r(it, {
230
- isInverse: !1,
231
- children: Ne || Te ? /* @__PURE__ */ _(Ze, {
229
+ return /* @__PURE__ */ r(ct, {
230
+ variant: "default",
231
+ children: Ne || Ie ? /* @__PURE__ */ _($e, {
232
232
  disabled: I,
233
- helperText: /* @__PURE__ */ r($e, {
233
+ helperText: /* @__PURE__ */ r(Be, {
234
234
  error: A,
235
- leftText: Y
235
+ leftText: ee
236
236
  }),
237
237
  fieldRef: S,
238
238
  fullWidth: M,
239
+ dataAttributes: _object_spread({
240
+ testid: "Select"
241
+ }, j),
239
242
  children: [
240
- u && /* @__PURE__ */ r(Be, {
243
+ u && /* @__PURE__ */ r(qe, {
241
244
  error: A,
242
245
  forId: L,
243
- inputState: X ? "focused" : (E !== null && E !== void 0 ? E : (ne = h.current) == null ? void 0 : ne.value) ? "filled" : "default",
244
- showOptional: P && he,
246
+ inputState: J ? "focused" : (E !== null && E !== void 0 ? E : (re = h.current) == null ? void 0 : re.value) ? "filled" : "default",
247
+ showOptional: P && Se,
245
248
  children: u
246
249
  }),
247
250
  /* @__PURE__ */ _("select", {
248
- className: k(Xe[I ? "disabled" : "default"], u ? ae : le),
251
+ className: k(Je[I ? "disabled" : "default"], u ? le : ue),
249
252
  id: L,
250
253
  "aria-invalid": !!A,
251
254
  value: E,
@@ -306,74 +309,77 @@ const ct = (param)=>{
306
309
  ]
307
310
  }),
308
311
  /* @__PURE__ */ r("div", {
309
- className: Je,
312
+ className: Qe,
310
313
  "aria-hidden": !0,
311
314
  children: /* @__PURE__ */ r("div", {
312
- className: ie,
315
+ className: ce,
313
316
  "data-testid": "endIcon",
314
- children: /* @__PURE__ */ r(se, {
315
- size: te,
316
- color: ue.colors.neutralMedium
317
+ children: /* @__PURE__ */ r(ie, {
318
+ size: ne,
319
+ color: de.colors.neutralMedium
317
320
  })
318
321
  })
319
322
  })
320
323
  ]
321
- }) : /* @__PURE__ */ _(Pe, {
324
+ }) : /* @__PURE__ */ _(De, {
322
325
  children: [
323
326
  /* @__PURE__ */ _("div", _object_spread_props(_object_spread({
324
- className: Qe[M ? "fullWidth" : "default"],
327
+ className: Ye[M ? "fullWidth" : "default"],
325
328
  role: "button",
326
329
  "aria-haspopup": "listbox",
327
330
  ref: f
328
- }, !I && _e), {
331
+ }, !I && ke), {
329
332
  children: [
330
- /* @__PURE__ */ r(qe, {
333
+ /* @__PURE__ */ r(ze, {
331
334
  style: {
332
335
  visibility: "hidden"
333
336
  },
334
337
  fullWidth: M,
335
338
  endIcon: /* @__PURE__ */ r("div", {
336
- className: ie,
337
- children: /* @__PURE__ */ r(se, {
338
- size: te,
339
- color: ue.colors.neutralMedium
339
+ className: ce,
340
+ children: /* @__PURE__ */ r(ie, {
341
+ size: ne,
342
+ color: de.colors.neutralMedium
340
343
  })
341
344
  }),
342
- focus: X,
345
+ focus: J,
343
346
  label: u,
344
347
  value: E,
345
348
  shrinkLabel: !!(l || g),
346
349
  name: i,
347
- helperText: Y,
350
+ helperText: ee,
348
351
  required: !P,
349
352
  disabled: I,
350
353
  id: L,
351
354
  error: A,
352
355
  inputRef: h,
353
- fieldRef: S
356
+ fieldRef: S,
357
+ dataAttributes: _object_spread({
358
+ testid: "Select"
359
+ }, j)
354
360
  }),
355
361
  /* @__PURE__ */ r("div", {
356
- className: k(Ye[I ? "disabled" : "default"], u ? ae : le),
357
- children: Ve(E)
362
+ className: k(et[I ? "disabled" : "default"], u ? le : ue),
363
+ children: _e(E)
358
364
  })
359
365
  ]
360
366
  })),
361
- H && /* @__PURE__ */ r(ze, {
367
+ H && /* @__PURE__ */ r(je, {
362
368
  onPress: (e)=>{
363
369
  w(!1), m(e);
364
370
  },
365
371
  disableScroll: !0,
366
- children: /* @__PURE__ */ r(rt, {
372
+ children: /* @__PURE__ */ r(ot, {
367
373
  children: /* @__PURE__ */ r("ul", {
368
- style: st({
369
- [b.top]: a.top ? `${a.top}px` : "",
370
- [b.left]: a.left ? `${a.left}px` : "",
371
- [b.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
372
- [b.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
373
- [b.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
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 : ""
374
380
  }),
375
381
  onPointerDown: m,
376
- className: k(et, K ? ce.show : ce.hide),
382
+ className: k(tt, U ? ae.show : ae.hide),
377
383
  role: "listbox",
378
384
  ref: v,
379
385
  children: d.map((param)=>{
@@ -382,15 +388,15 @@ const ct = (param)=>{
382
388
  role: "option",
383
389
  "aria-selected": e === (g !== null && g !== void 0 ? g : l),
384
390
  "data-value": e,
385
- className: k(tt, {
386
- [nt]: e === T || e === (g !== null && g !== void 0 ? g : l)
391
+ className: k(nt, {
392
+ [rt]: e === T || e === (g !== null && g !== void 0 ? g : l)
387
393
  }),
388
394
  onPointerDown: m,
389
395
  onClick: ()=>q(e),
390
396
  ref: (o)=>{
391
397
  o ? R.current.set(e, o) : R.current.delete(e);
392
398
  },
393
- children: /* @__PURE__ */ r(Ue, {
399
+ children: /* @__PURE__ */ r(Xe, {
394
400
  regular: !0,
395
401
  children: t
396
402
  })
@@ -402,5 +408,5 @@ const ct = (param)=>{
402
408
  ]
403
409
  })
404
410
  });
405
- }, bt = ct;
406
- export { bt as default };
411
+ }, Rt = at;
412
+ export { Rt as default };
@@ -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_28_4k81wx1 v16_28_1y2v1nf90 v16_28_1y2v1nfa9 v16_28_1y2v1nfbi v16_28_1y2v1nfcr v16_28_1y2v1nfis v16_28_1y2v1nfl5 v16_28_1y2v1nfj7";
3
+ var n = "v16_29_4k81wx1 v16_29_1y2v1nf90 v16_29_1y2v1nfa9 v16_29_1y2v1nfbi v16_29_1y2v1nfcr v16_29_1y2v1nfis v16_29_1y2v1nfl5 v16_29_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_28_pidemf6 v16_28_1y2v1nf4b", f = "v16_28_pidemf4 v16_28_1y2v1nfio v16_28_1y2v1nfmf v16_28_1y2v1nfmu v16_28_1y2v1nfn9", y = "v16_28_pidemf9 v16_28_1y2v1nf99 v16_28_1y2v1nfis v16_28_1y2v1nfiy", e = "v16_28_pidemfu", i = "v16_28_1y2v1nflz v16_28_1y2v1nfje v16_28_1y2v1nfis v16_28_1y2v1nfiy", a = "v16_28_pidemfp", r = "v16_28_pidemf7", m = "v16_28_1y2v1nf5m v16_28_1y2v1nfjf v16_28_1y2v1nfjw v16_28_1y2v1nfld", t = "v16_28_pidemfe v16_28_1y2v1nfir", o = "v16_28_1y2v1nfjo v16_28_1y2v1nfjz", d = "v16_28_pidemfj v16_28_1y2v1nf96 v16_28_1y2v1nfaf v16_28_1y2v1nfbo v16_28_1y2v1nfcx v16_28_1y2v1nfin v16_28_1y2v1nfm0 v16_28_1y2v1nfmu", p = "v16_28_pidemfo v16_28_1y2v1nfio v16_28_1y2v1nf4n v16_28_1y2v1nfm0 v16_28_1y2v1nfmf v16_28_1y2v1nfmu v16_28_1y2v1nfn9", l = "v16_28_pidemfc v16_28_1y2v1nf8u v16_28_1y2v1nfa3 v16_28_1y2v1nfin v16_28_1y2v1nfm0 v16_28_1y2v1nfk9 v16_28_1y2v1nfjf v16_28_1y2v1nfis v16_28_1y2v1nfj1", s = "v16_28_pidemft v16_28_1y2v1nfiq v16_28_1y2v1nfn9 v16_28_1y2v1nf4b", h = "v16_28_pidemfr v16_28_1y2v1nfiq v16_28_1y2v1nfm0 v16_28_1y2v1nf4b", u = 400;
3
+ var n = "v16_29_pidemf6 v16_29_1y2v1nf4b", f = "v16_29_pidemf4 v16_29_1y2v1nfio v16_29_1y2v1nfmf v16_29_1y2v1nfmu v16_29_1y2v1nfn9", y = "v16_29_pidemf9 v16_29_1y2v1nf99 v16_29_1y2v1nfis v16_29_1y2v1nfiy", e = "v16_29_pidemfu", i = "v16_29_1y2v1nflz v16_29_1y2v1nfje v16_29_1y2v1nfis v16_29_1y2v1nfiy", a = "v16_29_pidemfp", r = "v16_29_pidemf7", m = "v16_29_1y2v1nf5m v16_29_1y2v1nfjf v16_29_1y2v1nfjw v16_29_1y2v1nfld", t = "v16_29_pidemfe v16_29_1y2v1nfir", o = "v16_29_1y2v1nfjo v16_29_1y2v1nfjz", d = "v16_29_pidemfj v16_29_1y2v1nf96 v16_29_1y2v1nfaf v16_29_1y2v1nfbo v16_29_1y2v1nfcx v16_29_1y2v1nfin v16_29_1y2v1nfm0 v16_29_1y2v1nfmu", p = "v16_29_pidemfo v16_29_1y2v1nfio v16_29_1y2v1nf4n v16_29_1y2v1nfm0 v16_29_1y2v1nfmf v16_29_1y2v1nfmu v16_29_1y2v1nfn9", l = "v16_29_pidemfc v16_29_1y2v1nf8u v16_29_1y2v1nfa3 v16_29_1y2v1nfin v16_29_1y2v1nfm0 v16_29_1y2v1nfk9 v16_29_1y2v1nfjf v16_29_1y2v1nfis v16_29_1y2v1nfj1", s = "v16_29_pidemft v16_29_1y2v1nfiq v16_29_1y2v1nfn9 v16_29_1y2v1nf4b", h = "v16_29_pidemfr v16_29_1y2v1nfiq v16_29_1y2v1nfm0 v16_29_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 };
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
- var _ = "v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfk4", n = "v16_28_1y2v1nfjw v16_28_1y2v1nfis", f = "v16_28_1y2v1nf90 v16_28_1y2v1nfa9 v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfl5";
2
+ var _ = "v16_29_1y2v1nfis v16_29_1y2v1nfj7 v16_29_1y2v1nfk4", n = "v16_29_1y2v1nfjw v16_29_1y2v1nfis", f = "v16_29_1y2v1nf90 v16_29_1y2v1nfa9 v16_29_1y2v1nfis v16_29_1y2v1nfj7 v16_29_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_28_zopolw6 v16_28_1y2v1nfiu", r = {
4
- default: "v16_28_1y2v1nf4o",
5
- inverse: "v16_28_1y2v1nf4p"
6
- }, a = "v16_28_1y2v1nfja v16_28_1y2v1nfjc", o = "v16_28_zopolwa v16_28_1y2v1nfjb", f = "v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfj1";
3
+ var n = "v16_29_zopolw6 v16_29_1y2v1nfiu", r = {
4
+ default: "v16_29_1y2v1nf4o",
5
+ inverse: "v16_29_1y2v1nf4p"
6
+ }, a = "v16_29_1y2v1nfja v16_29_1y2v1nfjc", o = "v16_29_zopolwa v16_29_1y2v1nfjb", f = "v16_29_1y2v1nfis v16_29_1y2v1nfj7 v16_29_1y2v1nfj1";
7
7
  export { n as animation, r as background, a as circle, o as line, f as row };