@telefonica/mistica 16.69.0 → 16.71.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 (215) 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/autocomplete.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 +14 -14
  11. package/dist/button.css-mistica.js +30 -30
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-internal.css-mistica.js +15 -15
  14. package/dist/carousel.css-mistica.js +8 -8
  15. package/dist/checkbox.css-mistica.js +11 -11
  16. package/dist/chip.css-mistica.js +15 -15
  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/ai-card.css-mistica.js +13 -13
  20. package/dist/community/blocks.css-mistica.js +1 -1
  21. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  22. package/dist/community/example-component.css-mistica.js +2 -2
  23. package/dist/counter.css-mistica.js +1 -1
  24. package/dist/cover-hero.css-mistica.js +2 -2
  25. package/dist/credit-card-number-field.css-mistica.js +3 -3
  26. package/dist/date-field.css-mistica.js +1 -1
  27. package/dist/date-time-picker.css-mistica.js +1 -1
  28. package/dist/dialog.css-mistica.js +4 -4
  29. package/dist/divider.css-mistica.js +5 -5
  30. package/dist/double-field.css-mistica.js +2 -2
  31. package/dist/drawer.css-mistica.js +1 -1
  32. package/dist/drawer.js +70 -79
  33. package/dist/empty-state-card.css-mistica.js +1 -1
  34. package/dist/empty-state.css-mistica.js +5 -5
  35. package/dist/fade-in.css-mistica.js +1 -1
  36. package/dist/feedback.css-mistica.js +1 -1
  37. package/dist/file-upload.css-mistica.js +7 -7
  38. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  39. package/dist/form.css-mistica.js +1 -1
  40. package/dist/grid-layout.css-mistica.js +3 -3
  41. package/dist/grid.css-mistica.js +120 -120
  42. package/dist/header.css-mistica.js +1 -1
  43. package/dist/hero.css-mistica.js +2 -2
  44. package/dist/horizontal-scroll.css-mistica.js +1 -1
  45. package/dist/icon-button.css-mistica.js +53 -53
  46. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  47. package/dist/icons/icon-error.css-mistica.js +1 -1
  48. package/dist/image.css-mistica.js +2 -2
  49. package/dist/index.d.ts +1 -0
  50. package/dist/index.js +4 -0
  51. package/dist/inline.css-mistica.js +9 -9
  52. package/dist/list.css-mistica.js +1 -1
  53. package/dist/loading-bar.css-mistica.js +1 -1
  54. package/dist/loading-screen.css-mistica.js +4 -4
  55. package/dist/logo.css-mistica.js +5 -5
  56. package/dist/menu.css-mistica.js +13 -13
  57. package/dist/mosaic.css-mistica.js +1 -1
  58. package/dist/navigation-bar.css-mistica.js +18 -18
  59. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  60. package/dist/package-version.js +1 -1
  61. package/dist/pagination.css-mistica.js +67 -0
  62. package/dist/pagination.css.d.ts +12 -0
  63. package/dist/pagination.d.ts +34 -0
  64. package/dist/pagination.js +318 -0
  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/select.js +45 -43
  74. package/dist/sheet-action-row.css-mistica.js +1 -1
  75. package/dist/sheet-common.css-mistica.js +1 -1
  76. package/dist/sheet-info.css-mistica.js +1 -1
  77. package/dist/skeletons.css-mistica.js +6 -6
  78. package/dist/skins/skin-contract.css-mistica.js +684 -684
  79. package/dist/skip-link.css-mistica.js +1 -1
  80. package/dist/slider.css-mistica.js +18 -18
  81. package/dist/snackbar.css-mistica.js +4 -4
  82. package/dist/spinner.css-mistica.js +1 -1
  83. package/dist/square.css-mistica.js +1 -1
  84. package/dist/stack.css-mistica.js +5 -5
  85. package/dist/stacking-group.css-mistica.js +1 -1
  86. package/dist/stepper.css-mistica.js +2 -2
  87. package/dist/switch-component.css-mistica.js +35 -35
  88. package/dist/table.css-mistica.js +9 -9
  89. package/dist/tabs.css-mistica.js +17 -17
  90. package/dist/tag.css-mistica.js +1 -1
  91. package/dist/text-field-base.css-mistica.js +15 -15
  92. package/dist/text-field-components.css-mistica.js +3 -3
  93. package/dist/text-link.css-mistica.js +6 -6
  94. package/dist/text-tokens.d.ts +14 -0
  95. package/dist/text-tokens.js +173 -117
  96. package/dist/text.css-mistica.js +6 -6
  97. package/dist/timeline.css-mistica.js +9 -9
  98. package/dist/timer.css-mistica.js +6 -6
  99. package/dist/tooltip.css-mistica.js +1 -1
  100. package/dist/touchable.css-mistica.js +1 -1
  101. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  102. package/dist/video.css-mistica.js +1 -1
  103. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  104. package/dist-es/accordion.css-mistica.js +6 -6
  105. package/dist-es/align.css-mistica.js +1 -1
  106. package/dist-es/autocomplete.css-mistica.js +1 -1
  107. package/dist-es/avatar.css-mistica.js +1 -1
  108. package/dist-es/badge.css-mistica.js +1 -1
  109. package/dist-es/box.css-mistica.js +13 -13
  110. package/dist-es/boxed.css-mistica.js +23 -23
  111. package/dist-es/button-group.css-mistica.js +1 -1
  112. package/dist-es/button-layout.css-mistica.js +14 -14
  113. package/dist-es/button.css-mistica.js +30 -30
  114. package/dist-es/callout.css-mistica.js +11 -11
  115. package/dist-es/card-internal.css-mistica.js +15 -15
  116. package/dist-es/carousel.css-mistica.js +8 -8
  117. package/dist-es/checkbox.css-mistica.js +11 -11
  118. package/dist-es/chip.css-mistica.js +15 -15
  119. package/dist-es/circle.css-mistica.js +1 -1
  120. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  121. package/dist-es/community/ai-card.css-mistica.js +4 -4
  122. package/dist-es/community/blocks.css-mistica.js +1 -1
  123. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  124. package/dist-es/community/example-component.css-mistica.js +2 -2
  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/drawer.js +87 -96
  135. package/dist-es/empty-state-card.css-mistica.js +1 -1
  136. package/dist-es/empty-state.css-mistica.js +5 -5
  137. package/dist-es/fade-in.css-mistica.js +1 -1
  138. package/dist-es/feedback.css-mistica.js +1 -1
  139. package/dist-es/file-upload.css-mistica.js +7 -7
  140. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  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 +2 -2
  151. package/dist-es/index.js +2290 -2289
  152. package/dist-es/inline.css-mistica.js +9 -9
  153. package/dist-es/list.css-mistica.js +1 -1
  154. package/dist-es/loading-bar.css-mistica.js +1 -1
  155. package/dist-es/loading-screen.css-mistica.js +4 -4
  156. package/dist-es/logo.css-mistica.js +5 -5
  157. package/dist-es/menu.css-mistica.js +13 -13
  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/pagination.css-mistica.js +20 -0
  163. package/dist-es/pagination.js +252 -0
  164. package/dist-es/pin-field.css-mistica.js +1 -1
  165. package/dist-es/popover.css-mistica.js +1 -1
  166. package/dist-es/progress-bar.css-mistica.js +6 -6
  167. package/dist-es/radio-button.css-mistica.js +19 -19
  168. package/dist-es/rating.css-mistica.js +2 -2
  169. package/dist-es/responsive-layout.css-mistica.js +6 -6
  170. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  171. package/dist-es/select.css-mistica.js +15 -15
  172. package/dist-es/select.js +69 -67
  173. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  174. package/dist-es/sheet-common.css-mistica.js +1 -1
  175. package/dist-es/sheet-info.css-mistica.js +1 -1
  176. package/dist-es/skeletons.css-mistica.js +6 -6
  177. package/dist-es/skins/skin-contract.css-mistica.js +684 -684
  178. package/dist-es/skip-link.css-mistica.js +1 -1
  179. package/dist-es/slider.css-mistica.js +18 -18
  180. package/dist-es/snackbar.css-mistica.js +4 -4
  181. package/dist-es/spinner.css-mistica.js +1 -1
  182. package/dist-es/square.css-mistica.js +1 -1
  183. package/dist-es/stack.css-mistica.js +5 -5
  184. package/dist-es/stacking-group.css-mistica.js +1 -1
  185. package/dist-es/stepper.css-mistica.js +2 -2
  186. package/dist-es/style.css +1 -1
  187. package/dist-es/switch-component.css-mistica.js +35 -35
  188. package/dist-es/table.css-mistica.js +9 -9
  189. package/dist-es/tabs.css-mistica.js +17 -17
  190. package/dist-es/tag.css-mistica.js +1 -1
  191. package/dist-es/text-field-base.css-mistica.js +15 -15
  192. package/dist-es/text-field-components.css-mistica.js +3 -3
  193. package/dist-es/text-link.css-mistica.js +6 -6
  194. package/dist-es/text-tokens.js +94 -59
  195. package/dist-es/text.css-mistica.js +6 -6
  196. package/dist-es/timeline.css-mistica.js +9 -9
  197. package/dist-es/timer.css-mistica.js +6 -6
  198. package/dist-es/tooltip.css-mistica.js +1 -1
  199. package/dist-es/touchable.css-mistica.js +1 -1
  200. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  201. package/dist-es/video.css-mistica.js +1 -1
  202. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  203. package/doc/components.md +27 -0
  204. package/doc/patterns.md +20 -0
  205. package/package.json +2 -2
  206. package/src/button.css.ts +1 -0
  207. package/src/drawer.tsx +0 -14
  208. package/src/focus-trap.tsx +0 -1
  209. package/src/index.tsx +1 -0
  210. package/src/package-version.tsx +1 -1
  211. package/src/pagination.css.ts +303 -0
  212. package/src/pagination.tsx +376 -0
  213. package/src/select.tsx +2 -1
  214. package/src/test-utils/index.tsx +2 -1
  215. package/src/text-tokens.tsx +56 -0
@@ -41,21 +41,21 @@ _export(exports, {
41
41
  }
42
42
  });
43
43
  /* empty css */ /* empty css */ /* empty css */ /* empty css */ var f = {
44
- top: "var(--v16_69_1sqpivv0)",
45
- left: "var(--v16_69_1sqpivv1)",
46
- transformOrigin: "var(--v16_69_1sqpivv2)",
47
- minWidth: "var(--v16_69_1sqpivv3)",
48
- maxHeight: "var(--v16_69_1sqpivv4)"
49
- }, s = "v16_69_1sqpivv6 v16_69_1sqpivv5 v16_69_1y2v1nffx v16_69_1y2v1nfh6 v16_69_1y2v1nfif v16_69_1y2v1nfjo v16_69_1y2v1nfq0 v16_69_1y2v1nfsv v16_69_1y2v1nf83", p = {
50
- show: "v16_69_1sqpivv7",
51
- hide: "v16_69_1sqpivv8"
44
+ top: "var(--v16_71_1sqpivv0)",
45
+ left: "var(--v16_71_1sqpivv1)",
46
+ transformOrigin: "var(--v16_71_1sqpivv2)",
47
+ minWidth: "var(--v16_71_1sqpivv3)",
48
+ maxHeight: "var(--v16_71_1sqpivv4)"
49
+ }, s = "v16_71_1sqpivv6 v16_71_1sqpivv5 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfq0 v16_71_1y2v1nfsv v16_71_1y2v1nf83", p = {
50
+ show: "v16_71_1sqpivv7",
51
+ hide: "v16_71_1sqpivv8"
52
52
  }, y = {
53
- default: "v16_69_1sqpivvd v16_69_1sqpivvc v16_69_1sqpivvb v16_69_1y2v1nfpy v16_69_1y2v1nft7",
54
- fullWidth: "v16_69_1sqpivve v16_69_1sqpivvc v16_69_1sqpivvb v16_69_1y2v1nfpy v16_69_1y2v1nft7"
53
+ default: "v16_71_1sqpivvd v16_71_1sqpivvc v16_71_1sqpivvb v16_71_1y2v1nfpy v16_71_1y2v1nft7",
54
+ fullWidth: "v16_71_1sqpivve v16_71_1sqpivvc v16_71_1sqpivvb v16_71_1y2v1nfpy v16_71_1y2v1nft7"
55
55
  }, q = {
56
- default: "v16_69_1sqpivvh v16_69_1sqpivvg v16_69_1sqpivvf v16_69_1y2v1nffx v16_69_1y2v1nfh6 v16_69_1y2v1nfsm v16_69_1y2v1nft8 v16_69_1y2v1nf4x v16_69_1y2v1nffw v16_69_1y2v1nfqr v16_69_1y2v1nfsv",
57
- disabled: "v16_69_1sqpivvi v16_69_1sqpivvg v16_69_1sqpivvf v16_69_1y2v1nffx v16_69_1y2v1nfh6 v16_69_1y2v1nfsm v16_69_1y2v1nft8 v16_69_1y2v1nf4x v16_69_1y2v1nffw v16_69_1y2v1nfqr v16_69_1y2v1nfsv"
56
+ default: "v16_71_1sqpivvh v16_71_1sqpivvg v16_71_1sqpivvf v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfsm v16_71_1y2v1nft8 v16_71_1y2v1nf4x v16_71_1y2v1nffw v16_71_1y2v1nfqr v16_71_1y2v1nfsv",
57
+ disabled: "v16_71_1sqpivvi v16_71_1sqpivvg v16_71_1sqpivvf v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfsm v16_71_1y2v1nft8 v16_71_1y2v1nf4x v16_71_1y2v1nffw v16_71_1y2v1nfqr v16_71_1y2v1nfsv"
58
58
  }, t = {
59
- default: "v16_69_1sqpivvl v16_69_1sqpivvk v16_69_1sqpivvj v16_69_1y2v1nfpz v16_69_1y2v1nft8 v16_69_1y2v1nfsj v16_69_1y2v1nf4x",
60
- disabled: "v16_69_1sqpivvm v16_69_1sqpivvk v16_69_1sqpivvj v16_69_1y2v1nfpz v16_69_1y2v1nft8 v16_69_1y2v1nfsj v16_69_1y2v1nf4x"
61
- }, a = "v16_69_1sqpivvo v16_69_1sqpivvn v16_69_1y2v1nfpz", r = "v16_69_1sqpivvp", e = "v16_69_1sqpivvr v16_69_1sqpivvq v16_69_1y2v1nfio v16_69_1y2v1nfjx v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nf4x v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nft7", o = "v16_69_1sqpivvs v16_69_1y2v1nf7z";
59
+ default: "v16_71_1sqpivvl v16_71_1sqpivvk v16_71_1sqpivvj v16_71_1y2v1nfpz v16_71_1y2v1nft8 v16_71_1y2v1nfsj v16_71_1y2v1nf4x",
60
+ disabled: "v16_71_1sqpivvm v16_71_1sqpivvk v16_71_1sqpivvj v16_71_1y2v1nfpz v16_71_1y2v1nft8 v16_71_1y2v1nfsj v16_71_1y2v1nf4x"
61
+ }, a = "v16_71_1sqpivvo v16_71_1sqpivvn v16_71_1y2v1nfpz", r = "v16_71_1sqpivvp", e = "v16_71_1sqpivvr v16_71_1sqpivvq v16_71_1y2v1nfio v16_71_1y2v1nfjx v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nf4x v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nft7", o = "v16_71_1sqpivvs v16_71_1y2v1nf7z";
package/dist/select.js CHANGED
@@ -127,10 +127,10 @@ function _object_spread_props(target, source) {
127
127
  return target;
128
128
  }
129
129
  const Nt = (param)=>{
130
- let { id: ce, label: c, helperText: ue, value: de, defaultValue: fe, onChangeValue: pe, name: s, fullWidth: P, options: u, optional: _, showOptionalLabel: me, disabled: he, error: Se, onBlur: ge, autoFocus: $ = !1, native: ve, dataAttributes: q } = param;
130
+ let { id: ce, label: c, helperText: ue, value: de, defaultValue: fe, onChangeValue: me, name: s, fullWidth: _, options: u, optional: E, showOptionalLabel: pe, disabled: he, error: Se, onBlur: ge, autoFocus: $ = !1, native: ve, dataAttributes: q } = param;
131
131
  var _h_current;
132
- const h = _react.useRef(null), d = _react.useRef(null), y = _react.useRef(null), S = _react.useRef(null), b = _react.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = _react.useState(!0), [g, we] = _react.useState(fe), [k, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, E] = _react.useState(!1), [a, M] = _react.useState({}), [v, D] = _react.useState(), H = _react.useRef(null), Ee = _react.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), ye = (0, _textfieldcomponents.useApplyCssVars)(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), T = he || Oe === "sending", N = Se || !!X[s], Q = X[s] || ue, l = de !== null && de !== void 0 ? de : xe[s], Y = (e)=>{
133
- pe === null || pe === void 0 ? void 0 : pe(e), Re({
132
+ const h = _react.useRef(null), d = _react.useRef(null), b = _react.useRef(null), S = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = _react.useState(!0), [g, we] = _react.useState(fe), [k, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [a, M] = _react.useState({}), [v, D] = _react.useState(), H = _react.useRef(null), Ee = _react.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), ye = (0, _textfieldcomponents.useApplyCssVars)(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), T = he || Oe === "sending", V = Se || !!X[s], Q = X[s] || ue, l = de !== null && de !== void 0 ? de : xe[s], Y = (e)=>{
133
+ me === null || me === void 0 ? void 0 : me(e), Re({
134
134
  name: s,
135
135
  error: ""
136
136
  }), B({
@@ -142,31 +142,31 @@ const Nt = (param)=>{
142
142
  });
143
143
  }, I = (e)=>{
144
144
  if (e) {
145
- if (y === null || y === void 0 ? void 0 : y.current) {
146
- const f = y.current.getBoundingClientRect(), p = f.top, x = f.width, Z = f.left, _e = f.height, O = p + _e, V = Math.min(u.length, 8) * 48 + 16;
147
- if (O + V + 12 > window.innerHeight) {
148
- const ke = window.innerHeight - O;
149
- if (p > ke) {
150
- const Me = p - V;
145
+ if (b === null || b === void 0 ? void 0 : b.current) {
146
+ const f = b.current.getBoundingClientRect(), m = f.top, O = f.width, Z = f.left, _e = f.height, R = m + _e, C = Math.min(u.length, 8) * 48 + 16;
147
+ if (R + C + 12 > window.innerHeight) {
148
+ const ke = window.innerHeight - R;
149
+ if (m > ke) {
150
+ const Me = m - C;
151
151
  M({
152
- minWidth: x,
152
+ minWidth: O,
153
153
  left: Z,
154
154
  top: Math.max(Me, 12),
155
- maxHeight: Math.min(p - 12, V),
155
+ maxHeight: Math.min(m - 12, C),
156
156
  transformOrigin: "center bottom"
157
157
  });
158
158
  } else M({
159
- minWidth: x,
160
- top: O,
159
+ minWidth: O,
160
+ top: R,
161
161
  left: Z,
162
- maxHeight: window.innerHeight - O - 12,
162
+ maxHeight: window.innerHeight - R - 12,
163
163
  transformOrigin: "center top"
164
164
  });
165
165
  } else M({
166
- minWidth: x,
167
- top: O,
166
+ minWidth: O,
167
+ top: R,
168
168
  left: Z,
169
- maxHeight: V,
169
+ maxHeight: C,
170
170
  transformOrigin: "center top"
171
171
  });
172
172
  }
@@ -180,8 +180,8 @@ const Nt = (param)=>{
180
180
  }, Ne = (e)=>{
181
181
  var _S_current;
182
182
  const r = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.getBoundingClientRect();
183
- if (r && e && b.current.has(e)) {
184
- const o = b.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
183
+ if (r && e && N.current.has(e)) {
184
+ const o = N.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
185
185
  if (i && i.top + i.height / 2 >= r.top + r.height) {
186
186
  o === null || o === void 0 ? void 0 : o.scrollIntoView();
187
187
  return;
@@ -205,7 +205,8 @@ const Nt = (param)=>{
205
205
  ]), _react.useEffect(()=>(G(s, {
206
206
  input: h.current,
207
207
  focusableElement: d.current,
208
- label: c
208
+ label: c,
209
+ required: !E
209
210
  }), ()=>{
210
211
  G(s, {
211
212
  input: null,
@@ -219,7 +220,8 @@ const Nt = (param)=>{
219
220
  h,
220
221
  Ve,
221
222
  Ce,
222
- c
223
+ c,
224
+ E
223
225
  ]), _react.useEffect(()=>{
224
226
  const e = (o)=>{
225
227
  const f = {
@@ -230,11 +232,11 @@ const Nt = (param)=>{
230
232
  var _u_;
231
233
  (0, _dom.cancelEvent)(o);
232
234
  var _u__value;
233
- const p = (_u__value = (_u_ = u[u.findIndex((param)=>{
234
- let { value: x } = param;
235
- return x === v;
235
+ const m = (_u__value = (_u_ = u[u.findIndex((param)=>{
236
+ let { value: O } = param;
237
+ return O === v;
236
238
  }) + f]) === null || _u_ === void 0 ? void 0 : _u_.value) !== null && _u__value !== void 0 ? _u__value : v;
237
- D(p), Ne(p);
239
+ D(m), Ne(m);
238
240
  }
239
241
  }, r = (o)=>{
240
242
  if (k) switch(o.key){
@@ -272,10 +274,10 @@ const Nt = (param)=>{
272
274
  })) === null || _u_find === void 0 ? void 0 : _u_find.text : "";
273
275
  }, Pe = {
274
276
  tabIndex: 0,
275
- onFocus: ()=>E(!0),
276
- onBlur: ()=>E(!1),
277
+ onFocus: ()=>x(!0),
278
+ onBlur: ()=>x(!1),
277
279
  onClick: ()=>{
278
- I(!0), E(!0);
280
+ I(!0), x(!0);
279
281
  },
280
282
  onKeyDown: (e)=>{
281
283
  !k && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
@@ -287,35 +289,35 @@ const Nt = (param)=>{
287
289
  children: be || Te ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
288
290
  disabled: T,
289
291
  helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
290
- error: N,
292
+ error: V,
291
293
  leftText: Q
292
294
  }),
293
- fieldRef: y,
294
- fullWidth: P,
295
+ fieldRef: b,
296
+ fullWidth: _,
295
297
  dataAttributes: _object_spread({
296
298
  testid: "Select"
297
299
  }, q),
298
300
  children: [
299
301
  c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
300
- error: N,
302
+ error: V,
301
303
  forId: F,
302
304
  inputState: U ? "focused" : (w !== null && w !== void 0 ? w : (_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.value) ? "filled" : "default",
303
- showOptional: _ && me,
305
+ showOptional: E && pe,
304
306
  children: c
305
307
  }),
306
308
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
307
309
  className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], c ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
308
310
  id: F,
309
- "aria-invalid": !!N,
311
+ "aria-invalid": !!V,
310
312
  value: w,
311
- required: !_,
313
+ required: !E,
312
314
  disabled: T,
313
315
  onChange: (e)=>{
314
316
  L(e.target.value);
315
317
  },
316
- onFocus: ()=>E(!0),
318
+ onFocus: ()=>x(!0),
317
319
  onBlur: (e)=>{
318
- E(!1), ge === null || ge === void 0 ? void 0 : ge(e);
320
+ x(!1), ge === null || ge === void 0 ? void 0 : ge(e);
319
321
  },
320
322
  ref: (e)=>{
321
323
  [
@@ -379,7 +381,7 @@ const Nt = (param)=>{
379
381
  }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
380
382
  children: [
381
383
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
382
- className: _selectcssmistica.selectContainerVariants[P ? "fullWidth" : "default"],
384
+ className: _selectcssmistica.selectContainerVariants[_ ? "fullWidth" : "default"],
383
385
  role: "button",
384
386
  "aria-haspopup": "listbox",
385
387
  ref: d
@@ -390,7 +392,7 @@ const Nt = (param)=>{
390
392
  style: {
391
393
  visibility: "hidden"
392
394
  },
393
- fullWidth: P,
395
+ fullWidth: _,
394
396
  endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
395
397
  className: _selectcssmistica.iconContainer,
396
398
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
@@ -404,12 +406,12 @@ const Nt = (param)=>{
404
406
  shrinkLabel: !!(l || g),
405
407
  name: s,
406
408
  helperText: Q,
407
- required: !_,
409
+ required: !E,
408
410
  disabled: T,
409
411
  id: F,
410
- error: N,
412
+ error: V,
411
413
  inputRef: h,
412
- fieldRef: y,
414
+ fieldRef: b,
413
415
  dataAttributes: _object_spread({
414
416
  testid: "Select"
415
417
  }, q)
@@ -450,7 +452,7 @@ const Nt = (param)=>{
450
452
  onPointerDown: _dom.cancelEvent,
451
453
  onClick: ()=>L(e),
452
454
  ref: (o)=>{
453
- o ? b.current.set(e, o) : b.current.delete(e);
455
+ o ? N.current.set(e, o) : N.current.delete(e);
454
456
  },
455
457
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
456
458
  regular: !0,
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "sheetActionRow", {
8
8
  return n;
9
9
  }
10
10
  });
11
- /* empty css */ /* empty css */ var n = "v16_69_4k81wx1 v16_69_4k81wx0 v16_69_1y2v1nfgc v16_69_1y2v1nfhl v16_69_1y2v1nfiu v16_69_1y2v1nfk3 v16_69_1y2v1nfq4 v16_69_1y2v1nfsh v16_69_1y2v1nfqj";
11
+ /* empty css */ /* empty css */ var n = "v16_71_4k81wx1 v16_71_4k81wx0 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfq4 v16_71_1y2v1nfsh v16_71_1y2v1nfqj";
@@ -55,4 +55,4 @@ _export(exports, {
55
55
  return f;
56
56
  }
57
57
  });
58
- /* empty css */ /* empty css */ var f = 400, n = "v16_69_pidemf4 v16_69_pidemf3 v16_69_1y2v1nfq0 v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun", e = "v16_69_pidemf6 v16_69_pidemf5 v16_69_1y2v1nf7y", y = "v16_69_pidemf7", i = "v16_69_pidemf9 v16_69_pidemf8 v16_69_1y2v1nfgl v16_69_1y2v1nfq4 v16_69_1y2v1nfqa", r = "v16_69_pidemfa v16_69_1y2v1nftd v16_69_1y2v1nfqq v16_69_1y2v1nfq4 v16_69_1y2v1nfqa", t = "v16_69_pidemfc v16_69_pidemfb v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfpz v16_69_1y2v1nfte v16_69_1y2v1nfrl v16_69_1y2v1nfqr v16_69_1y2v1nfq4 v16_69_1y2v1nfqd", d = "v16_69_pidemfe v16_69_pidemfd v16_69_1y2v1nfq3", p = "v16_69_pidemff v16_69_1y2v1nfbk v16_69_1y2v1nfr0 v16_69_1y2v1nfrb v16_69_1y2v1nfsp", a = "v16_69_pidemfi v16_69_pidemfh v16_69_1y2v1nfq0 v16_69_1y2v1nf8e v16_69_1y2v1nfte v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun", m = "v16_69_pidemfj", o = "v16_69_pidemfl v16_69_pidemfk v16_69_1y2v1nfpz", q = "v16_69_pidemfn v16_69_pidemfm v16_69_1y2v1nfq2 v16_69_1y2v1nfte v16_69_1y2v1nf7y", l = "v16_69_pidemfp v16_69_pidemfo v16_69_1y2v1nfq2 v16_69_1y2v1nfun v16_69_1y2v1nf7y", s = "v16_69_pidemfq";
58
+ /* empty css */ /* empty css */ var f = 400, n = "v16_71_pidemf4 v16_71_pidemf3 v16_71_1y2v1nfq0 v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun", e = "v16_71_pidemf6 v16_71_pidemf5 v16_71_1y2v1nf7y", y = "v16_71_pidemf7", i = "v16_71_pidemf9 v16_71_pidemf8 v16_71_1y2v1nfgl v16_71_1y2v1nfq4 v16_71_1y2v1nfqa", r = "v16_71_pidemfa v16_71_1y2v1nftd v16_71_1y2v1nfqq v16_71_1y2v1nfq4 v16_71_1y2v1nfqa", t = "v16_71_pidemfc v16_71_pidemfb v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nfrl v16_71_1y2v1nfqr v16_71_1y2v1nfq4 v16_71_1y2v1nfqd", d = "v16_71_pidemfe v16_71_pidemfd v16_71_1y2v1nfq3", p = "v16_71_pidemff v16_71_1y2v1nfbk v16_71_1y2v1nfr0 v16_71_1y2v1nfrb v16_71_1y2v1nfsp", a = "v16_71_pidemfi v16_71_pidemfh v16_71_1y2v1nfq0 v16_71_1y2v1nf8e v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun", m = "v16_71_pidemfj", o = "v16_71_pidemfl v16_71_pidemfk v16_71_1y2v1nfpz", q = "v16_71_pidemfn v16_71_pidemfm v16_71_1y2v1nfq2 v16_71_1y2v1nfte v16_71_1y2v1nf7y", l = "v16_71_pidemfp v16_71_pidemfo v16_71_1y2v1nfq2 v16_71_1y2v1nfun v16_71_1y2v1nf7y", s = "v16_71_pidemfq";
@@ -19,4 +19,4 @@ _export(exports, {
19
19
  return r;
20
20
  }
21
21
  });
22
- /* empty css */ /* empty css */ var n = "v16_69_12pggsm0 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfrg", f = "v16_69_12pggsm1 v16_69_1y2v1nfr8 v16_69_1y2v1nfq4", r = "v16_69_12pggsm2 v16_69_1y2v1nfgc v16_69_1y2v1nfhl v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfsh";
22
+ /* empty css */ /* empty css */ var n = "v16_71_12pggsm0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfrg", f = "v16_71_12pggsm1 v16_71_1y2v1nfr8 v16_71_1y2v1nfq4", r = "v16_71_12pggsm2 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfsh";
@@ -26,9 +26,9 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  /* empty css */ /* empty css */ var o = {
29
- default: "v16_69_zopolw5 v16_69_zopolw0 v16_69_1y2v1nf8f",
30
- alternative: "v16_69_zopolw6 v16_69_zopolw1 v16_69_1y2v1nf8f",
31
- brand: "v16_69_zopolw7 v16_69_zopolw2 v16_69_1y2v1nf8i",
32
- negative: "v16_69_zopolw8 v16_69_zopolw3 v16_69_1y2v1nf8h",
33
- media: "v16_69_zopolw9 v16_69_zopolw4 v16_69_1y2v1nf8h"
34
- }, l = "v16_69_zopolwc v16_69_zopolwb v16_69_1y2v1nfq6", n = "v16_69_zopolwd v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd", p = "v16_69_zopolwe v16_69_1y2v1nfqm v16_69_1y2v1nfqo", w = "v16_69_zopolwg v16_69_zopolwf v16_69_1y2v1nfqn";
29
+ default: "v16_71_zopolw5 v16_71_zopolw0 v16_71_1y2v1nf8f",
30
+ alternative: "v16_71_zopolw6 v16_71_zopolw1 v16_71_1y2v1nf8f",
31
+ brand: "v16_71_zopolw7 v16_71_zopolw2 v16_71_1y2v1nf8i",
32
+ negative: "v16_71_zopolw8 v16_71_zopolw3 v16_71_1y2v1nf8h",
33
+ media: "v16_71_zopolw9 v16_71_zopolw4 v16_71_1y2v1nf8h"
34
+ }, l = "v16_71_zopolwc v16_71_zopolwb v16_71_1y2v1nfq6", n = "v16_71_zopolwd v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", p = "v16_71_zopolwe v16_71_1y2v1nfqm v16_71_1y2v1nfqo", w = "v16_71_zopolwg v16_71_zopolwf v16_71_1y2v1nfqn";