@wordpress/components 26.0.2 → 27.0.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 (223) hide show
  1. package/.stylelintrc.js +2 -2
  2. package/CHANGELOG.md +23 -0
  3. package/CONTRIBUTING.md +72 -0
  4. package/build/autocomplete/index.js +3 -8
  5. package/build/autocomplete/index.js.map +1 -1
  6. package/build/color-picker/component.js +10 -1
  7. package/build/color-picker/component.js.map +1 -1
  8. package/build/color-picker/styles.js +8 -9
  9. package/build/color-picker/styles.js.map +1 -1
  10. package/build/combobox-control/index.js +4 -9
  11. package/build/combobox-control/index.js.map +1 -1
  12. package/build/custom-select-control/index.js +2 -15
  13. package/build/custom-select-control/index.js.map +1 -1
  14. package/build/custom-select-control-v2/custom-select-item.js +32 -0
  15. package/build/custom-select-control-v2/custom-select-item.js.map +1 -0
  16. package/build/custom-select-control-v2/custom-select.js +91 -0
  17. package/build/custom-select-control-v2/custom-select.js.map +1 -0
  18. package/build/custom-select-control-v2/default-component/index.js +41 -0
  19. package/build/custom-select-control-v2/default-component/index.js.map +1 -0
  20. package/build/custom-select-control-v2/index.js +13 -82
  21. package/build/custom-select-control-v2/index.js.map +1 -1
  22. package/build/custom-select-control-v2/legacy-adapter.js +29 -0
  23. package/build/custom-select-control-v2/legacy-adapter.js.map +1 -0
  24. package/build/custom-select-control-v2/legacy-component/index.js +123 -0
  25. package/build/custom-select-control-v2/legacy-component/index.js.map +1 -0
  26. package/build/custom-select-control-v2/styles.js +73 -50
  27. package/build/custom-select-control-v2/styles.js.map +1 -1
  28. package/build/custom-select-control-v2/types.js.map +1 -1
  29. package/build/font-size-picker/font-size-picker-select.js +0 -1
  30. package/build/font-size-picker/font-size-picker-select.js.map +1 -1
  31. package/build/form-token-field/index.js +3 -8
  32. package/build/form-token-field/index.js.map +1 -1
  33. package/build/form-token-field/suggestions-list.js +5 -12
  34. package/build/form-token-field/suggestions-list.js.map +1 -1
  35. package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
  36. package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
  37. package/build/modal/index.js +2 -10
  38. package/build/modal/index.js.map +1 -1
  39. package/build/progress-bar/styles.js +5 -5
  40. package/build/progress-bar/styles.js.map +1 -1
  41. package/build/utils/with-ignore-ime-events.js +34 -0
  42. package/build/utils/with-ignore-ime-events.js.map +1 -0
  43. package/build-module/autocomplete/index.js +3 -8
  44. package/build-module/autocomplete/index.js.map +1 -1
  45. package/build-module/color-picker/component.js +11 -2
  46. package/build-module/color-picker/component.js.map +1 -1
  47. package/build-module/color-picker/styles.js +8 -9
  48. package/build-module/color-picker/styles.js.map +1 -1
  49. package/build-module/combobox-control/index.js +4 -9
  50. package/build-module/combobox-control/index.js.map +1 -1
  51. package/build-module/custom-select-control/index.js +2 -15
  52. package/build-module/custom-select-control/index.js.map +1 -1
  53. package/build-module/custom-select-control-v2/custom-select-item.js +26 -0
  54. package/build-module/custom-select-control-v2/custom-select-item.js.map +1 -0
  55. package/build-module/custom-select-control-v2/custom-select.js +82 -0
  56. package/build-module/custom-select-control-v2/custom-select.js.map +1 -0
  57. package/build-module/custom-select-control-v2/default-component/index.js +30 -0
  58. package/build-module/custom-select-control-v2/default-component/index.js.map +1 -0
  59. package/build-module/custom-select-control-v2/index.js +2 -74
  60. package/build-module/custom-select-control-v2/index.js.map +1 -1
  61. package/build-module/custom-select-control-v2/legacy-adapter.js +21 -0
  62. package/build-module/custom-select-control-v2/legacy-adapter.js.map +1 -0
  63. package/build-module/custom-select-control-v2/legacy-component/index.js +111 -0
  64. package/build-module/custom-select-control-v2/legacy-component/index.js.map +1 -0
  65. package/build-module/custom-select-control-v2/styles.js +73 -42
  66. package/build-module/custom-select-control-v2/styles.js.map +1 -1
  67. package/build-module/custom-select-control-v2/types.js.map +1 -1
  68. package/build-module/font-size-picker/font-size-picker-select.js +0 -1
  69. package/build-module/font-size-picker/font-size-picker-select.js.map +1 -1
  70. package/build-module/form-token-field/index.js +3 -8
  71. package/build-module/form-token-field/index.js.map +1 -1
  72. package/build-module/form-token-field/suggestions-list.js +5 -12
  73. package/build-module/form-token-field/suggestions-list.js.map +1 -1
  74. package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
  75. package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
  76. package/build-module/modal/index.js +3 -10
  77. package/build-module/modal/index.js.map +1 -1
  78. package/build-module/progress-bar/styles.js +5 -5
  79. package/build-module/progress-bar/styles.js.map +1 -1
  80. package/build-module/utils/with-ignore-ime-events.js +28 -0
  81. package/build-module/utils/with-ignore-ime-events.js.map +1 -0
  82. package/build-style/style-rtl.css +8 -1
  83. package/build-style/style.css +8 -1
  84. package/build-types/alignment-matrix-control/stories/index.story.d.ts +1 -1
  85. package/build-types/angle-picker-control/stories/index.story.d.ts +1 -1
  86. package/build-types/animate/stories/index.story.d.ts +7 -7
  87. package/build-types/autocomplete/index.d.ts.map +1 -1
  88. package/build-types/base-control/stories/index.story.d.ts +1 -1
  89. package/build-types/border-box-control/stories/index.story.d.ts +1 -1
  90. package/build-types/border-control/stories/index.story.d.ts +6 -6
  91. package/build-types/box-control/stories/index.story.d.ts +6 -6
  92. package/build-types/button/stories/e2e/index.story.d.ts +1 -1
  93. package/build-types/button/stories/index.story.d.ts +7 -7
  94. package/build-types/card/stories/index.story.d.ts +2 -2
  95. package/build-types/circular-option-picker/stories/index.story.d.ts +5 -5
  96. package/build-types/color-palette/stories/index.story.d.ts +3 -3
  97. package/build-types/color-picker/component.d.ts.map +1 -1
  98. package/build-types/color-picker/stories/index.story.d.ts +1 -1
  99. package/build-types/color-picker/styles.d.ts.map +1 -1
  100. package/build-types/combobox-control/index.d.ts.map +1 -1
  101. package/build-types/combobox-control/stories/index.story.d.ts +2 -2
  102. package/build-types/confirm-dialog/stories/index.story.d.ts +2 -2
  103. package/build-types/custom-gradient-picker/stories/index.story.d.ts +1 -1
  104. package/build-types/custom-select-control/index.d.ts.map +1 -1
  105. package/build-types/custom-select-control-v2/custom-select-item.d.ts +9 -0
  106. package/build-types/custom-select-control-v2/custom-select-item.d.ts.map +1 -0
  107. package/build-types/custom-select-control-v2/custom-select.d.ts +6 -0
  108. package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -0
  109. package/build-types/custom-select-control-v2/default-component/index.d.ts +5 -0
  110. package/build-types/custom-select-control-v2/default-component/index.d.ts.map +1 -0
  111. package/build-types/custom-select-control-v2/index.d.ts +5 -6
  112. package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
  113. package/build-types/custom-select-control-v2/legacy-adapter.d.ts +6 -0
  114. package/build-types/custom-select-control-v2/legacy-adapter.d.ts.map +1 -0
  115. package/build-types/custom-select-control-v2/legacy-component/index.d.ts +5 -0
  116. package/build-types/custom-select-control-v2/legacy-component/index.d.ts.map +1 -0
  117. package/build-types/custom-select-control-v2/stories/default.story.d.ts +29 -0
  118. package/build-types/custom-select-control-v2/stories/default.story.d.ts.map +1 -0
  119. package/build-types/custom-select-control-v2/stories/legacy.story.d.ts +12 -0
  120. package/build-types/custom-select-control-v2/stories/legacy.story.d.ts.map +1 -0
  121. package/build-types/custom-select-control-v2/styles.d.ts +31 -6
  122. package/build-types/custom-select-control-v2/styles.d.ts.map +1 -1
  123. package/build-types/custom-select-control-v2/types.d.ts +137 -14
  124. package/build-types/custom-select-control-v2/types.d.ts.map +1 -1
  125. package/build-types/dimension-control/stories/index.story.d.ts +2 -2
  126. package/build-types/drop-zone/stories/index.story.d.ts +1 -1
  127. package/build-types/dropdown/stories/index.story.d.ts +3 -3
  128. package/build-types/dropdown-menu/stories/index.story.d.ts +2 -2
  129. package/build-types/dropdown-menu-v2/stories/index.story.d.ts.map +1 -1
  130. package/build-types/duotone-picker/stories/duotone-picker.story.d.ts +1 -1
  131. package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts +3 -3
  132. package/build-types/focal-point-picker/stories/index.story.d.ts +4 -4
  133. package/build-types/font-size-picker/font-size-picker-select.d.ts.map +1 -1
  134. package/build-types/form-file-upload/stories/index.story.d.ts +5 -5
  135. package/build-types/form-token-field/index.d.ts.map +1 -1
  136. package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
  137. package/build-types/gradient-picker/stories/index.story.d.ts +3 -3
  138. package/build-types/guide/stories/index.story.d.ts +1 -1
  139. package/build-types/icon/stories/index.story.d.ts +4 -4
  140. package/build-types/input-control/stories/index.story.d.ts +6 -6
  141. package/build-types/keyboard-shortcuts/stories/index.story.d.ts +1 -1
  142. package/build-types/menu-group/stories/index.story.d.ts +1 -1
  143. package/build-types/menu-item/stories/index.story.d.ts +4 -4
  144. package/build-types/modal/index.d.ts.map +1 -1
  145. package/build-types/navigation/stories/index.story.d.ts +6 -6
  146. package/build-types/notice/stories/index.story.d.ts +4 -4
  147. package/build-types/number-control/stories/index.story.d.ts +1 -1
  148. package/build-types/palette-edit/stories/index.story.d.ts +2 -2
  149. package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
  150. package/build-types/query-controls/stories/index.story.d.ts +1 -1
  151. package/build-types/resizable-box/stories/index.story.d.ts +2 -2
  152. package/build-types/responsive-wrapper/stories/index.story.d.ts +1 -1
  153. package/build-types/sandbox/stories/index.story.d.ts +1 -1
  154. package/build-types/search-control/stories/index.story.d.ts +2 -2
  155. package/build-types/select-control/stories/index.story.d.ts +2 -2
  156. package/build-types/shortcut/stories/index.story.d.ts +1 -1
  157. package/build-types/tab-panel/stories/index.story.d.ts +4 -4
  158. package/build-types/tabs/stories/index.story.d.ts +9 -9
  159. package/build-types/tabs/stories/index.story.d.ts.map +1 -1
  160. package/build-types/text/stories/index.story.d.ts +3 -3
  161. package/build-types/theme/stories/index.story.d.ts +1 -1
  162. package/build-types/theme/stories/index.story.d.ts.map +1 -1
  163. package/build-types/toggle-control/stories/index.story.d.ts +2 -2
  164. package/build-types/toolbar/stories/index.story.d.ts +3 -3
  165. package/build-types/tooltip/stories/index.story.d.ts +1 -1
  166. package/build-types/tree-grid/stories/index.story.d.ts +1 -1
  167. package/build-types/tree-select/stories/index.story.d.ts +1 -1
  168. package/build-types/utils/with-ignore-ime-events.d.ts +15 -0
  169. package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -0
  170. package/build-types/v-stack/stories/index.story.d.ts +1 -1
  171. package/package.json +19 -20
  172. package/src/alignment-matrix-control/test/index.tsx +3 -1
  173. package/src/autocomplete/index.tsx +3 -10
  174. package/src/circular-option-picker/test/index.tsx +4 -1
  175. package/src/color-picker/component.tsx +22 -11
  176. package/src/color-picker/styles.ts +1 -15
  177. package/src/combobox-control/index.tsx +33 -41
  178. package/src/composite/legacy/test/index.tsx +18 -2
  179. package/src/custom-select-control/README.md +0 -10
  180. package/src/custom-select-control/index.js +3 -22
  181. package/src/custom-select-control/stories/index.story.js +0 -1
  182. package/src/custom-select-control/test/index.js +17 -17
  183. package/src/custom-select-control-v2/README.md +97 -7
  184. package/src/custom-select-control-v2/custom-select-item.tsx +29 -0
  185. package/src/custom-select-control-v2/custom-select.tsx +122 -0
  186. package/src/custom-select-control-v2/default-component/index.tsx +24 -0
  187. package/src/custom-select-control-v2/index.tsx +2 -102
  188. package/src/custom-select-control-v2/legacy-adapter.tsx +25 -0
  189. package/src/custom-select-control-v2/legacy-component/index.tsx +133 -0
  190. package/src/custom-select-control-v2/stories/{index.story.tsx → default.story.tsx} +27 -33
  191. package/src/custom-select-control-v2/stories/legacy.story.tsx +88 -0
  192. package/src/custom-select-control-v2/styles.ts +82 -38
  193. package/src/custom-select-control-v2/test/index.tsx +808 -148
  194. package/src/custom-select-control-v2/types.ts +148 -20
  195. package/src/dropdown-menu-v2/stories/index.story.tsx +1 -0
  196. package/src/dropdown-menu-v2/test/index.tsx +4 -1
  197. package/src/font-size-picker/font-size-picker-select.tsx +0 -1
  198. package/src/form-token-field/index.tsx +3 -10
  199. package/src/form-token-field/suggestions-list.tsx +5 -17
  200. package/src/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
  201. package/src/modal/index.tsx +2 -12
  202. package/src/modal/style.scss +1 -0
  203. package/src/progress-bar/stories/index.story.tsx +1 -0
  204. package/src/progress-bar/styles.ts +2 -2
  205. package/src/tab-panel/test/index.tsx +8 -1
  206. package/src/tabs/stories/index.story.tsx +1 -0
  207. package/src/tabs/test/index.tsx +36 -6
  208. package/src/theme/stories/index.story.tsx +1 -0
  209. package/src/toggle-group-control/test/index.tsx +4 -0
  210. package/src/toolbar/toolbar-group/style.scss +1 -0
  211. package/src/tooltip/test/index.tsx +5 -0
  212. package/src/utils/with-ignore-ime-events.ts +32 -0
  213. package/tsconfig.json +0 -1
  214. package/tsconfig.tsbuildinfo +1 -1
  215. package/build/custom-select-control/styles.js +0 -27
  216. package/build/custom-select-control/styles.js.map +0 -1
  217. package/build-module/custom-select-control/styles.js +0 -18
  218. package/build-module/custom-select-control/styles.js.map +0 -1
  219. package/build-types/custom-select-control/styles.d.ts +0 -11
  220. package/build-types/custom-select-control/styles.d.ts.map +0 -1
  221. package/build-types/custom-select-control-v2/stories/index.story.d.ts +0 -20
  222. package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +0 -1
  223. package/src/custom-select-control/styles.ts +0 -28
@@ -1,71 +1,102 @@
1
1
  import _styled from "@emotion/styled/base";
2
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
3
  /**
3
4
  * External dependencies
4
5
  */
5
-
6
6
  // eslint-disable-next-line no-restricted-imports
7
7
  import * as Ariakit from '@ariakit/react';
8
-
8
+ import { css } from '@emotion/react';
9
9
  /**
10
10
  * Internal dependencies
11
11
  */
12
- import { COLORS } from '../utils';
12
+ import { COLORS, CONFIG } from '../utils';
13
13
  import { space } from '../utils/space';
14
- export const CustomSelectLabel = /*#__PURE__*/_styled(Ariakit.SelectLabel, process.env.NODE_ENV === "production" ? {
15
- target: "e1p3eej73"
14
+ const ITEM_PADDING = space(2);
15
+ export const WithHintWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
16
+ target: "e1p3eej77"
16
17
  } : {
17
- target: "e1p3eej73",
18
- label: "CustomSelectLabel"
19
- })("font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjOEQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jdXN0b20tc2VsZWN0LWNvbnRyb2wtdjIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0ICogYXMgQXJpYWtpdCBmcm9tICdAYXJpYWtpdC9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHR5cGUgeyBDdXN0b21TZWxlY3RQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5jb25zdCBpbnB1dEhlaWdodHMgPSB7XG5cdGRlZmF1bHQ6IDQwLFxuXHRzbWFsbDogMjQsXG59O1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0QnV0dG9uID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0UHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBpc1NtYWxsU2l6ZSA9IHNpemUgPT09ICdzbWFsbCcgJiYgISBoYXNDdXN0b21SZW5kZXJQcm9wO1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdHJldHVybiB7XG5cdFx0ZGlzcGxheTogJ2ZsZXgnLFxuXHRcdGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG5cdFx0YWxpZ25JdGVtczogJ2NlbnRlcicsXG5cdFx0YmFja2dyb3VuZENvbG9yOiBDT0xPUlMud2hpdGUsXG5cdFx0Ym9yZGVyOiBgMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA2MDAgXSB9YCxcblx0XHRib3JkZXJSYWRpdXM6IHNwYWNlKCAwLjUgKSxcblx0XHRjdXJzb3I6ICdwb2ludGVyJyxcblx0XHR3aWR0aDogJzEwMCUnLFxuXHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogYCR7IGlucHV0SGVpZ2h0c1sgc2l6ZSBdIH1weGAsXG5cdFx0cGFkZGluZzogaXNTbWFsbFNpemUgPyBzcGFjZSggMiApIDogc3BhY2UoIDQgKSxcblx0XHRmb250U2l6ZTogaXNTbWFsbFNpemUgPyAnMTFweCcgOiAnMTNweCcsXG5cdFx0JyZbZGF0YS1mb2N1cy12aXNpYmxlXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogJ3NvbGlkJyxcblx0XHR9LFxuXHRcdCcmW2FyaWEtZXhwYW5kZWQ9XCJ0cnVlXCJdJzoge1xuXHRcdFx0b3V0bGluZVN0eWxlOiBgMS41cHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9YCxcblx0XHR9LFxuXHR9O1xufSApO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0UG9wb3ZlciA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RQb3BvdmVyIClgXG5cdGJvcmRlci1yYWRpdXM6ICR7IHNwYWNlKCAwLjUgKSB9O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgc3BhY2UoIDIgKSB9O1xuXHQmW2RhdGEtYWN0aXZlLWl0ZW1dIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0fVxuYDtcbiJdfQ== */"));
20
- const inputHeights = {
21
- default: 40,
22
- small: 24
23
- };
24
- export const CustomSelectButton = /*#__PURE__*/_styled(Ariakit.Select, process.env.NODE_ENV === "production" ? {
18
+ target: "e1p3eej77",
19
+ label: "WithHintWrapper"
20
+ })(process.env.NODE_ENV === "production" ? {
21
+ name: "iii8mv",
22
+ styles: "display:flex;justify-content:space-between;flex:1"
23
+ } : {
24
+ name: "iii8mv",
25
+ styles: "display:flex;justify-content:space-between;flex:1",
26
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */",
27
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
+ });
29
+ export const SelectedExperimentalHintItem = _styled("span", process.env.NODE_ENV === "production" ? {
30
+ target: "e1p3eej76"
31
+ } : {
32
+ target: "e1p3eej76",
33
+ label: "SelectedExperimentalHintItem"
34
+ })("color:", COLORS.theme.gray[600], ";margin-inline-start:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
35
+ export const ExperimentalHintItem = _styled("span", process.env.NODE_ENV === "production" ? {
36
+ target: "e1p3eej75"
37
+ } : {
38
+ target: "e1p3eej75",
39
+ label: "ExperimentalHintItem"
40
+ })("color:", COLORS.theme.gray[600], ";text-align:right;margin-inline-end:", space(1), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQitDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
41
+ export const SelectLabel = /*#__PURE__*/_styled(Ariakit.SelectLabel, process.env.NODE_ENV === "production" ? {
42
+ target: "e1p3eej74"
43
+ } : {
44
+ target: "e1p3eej74",
45
+ label: "SelectLabel"
46
+ })("font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
47
+ export const Select = /*#__PURE__*/_styled(Ariakit.Select, process.env.NODE_ENV === "production" ? {
25
48
  // Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component
26
49
  shouldForwardProp: prop => prop !== 'hasCustomRenderProp',
27
- target: "e1p3eej72"
50
+ target: "e1p3eej73"
28
51
  } : {
29
52
  // Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component
30
53
  shouldForwardProp: prop => prop !== 'hasCustomRenderProp',
31
- target: "e1p3eej72",
32
- label: "CustomSelectButton"
54
+ target: "e1p3eej73",
55
+ label: "Select"
33
56
  })(({
34
57
  size,
35
58
  hasCustomRenderProp
36
59
  }) => {
37
- const isSmallSize = size === 'small' && !hasCustomRenderProp;
38
60
  const heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';
39
- return {
40
- display: 'flex',
41
- justifyContent: 'space-between',
42
- alignItems: 'center',
43
- backgroundColor: COLORS.white,
44
- border: `1px solid ${COLORS.gray[600]}`,
45
- borderRadius: space(0.5),
46
- cursor: 'pointer',
47
- width: '100%',
48
- [heightProperty]: `${inputHeights[size]}px`,
49
- padding: isSmallSize ? space(2) : space(4),
50
- fontSize: isSmallSize ? '11px' : '13px',
51
- '&[data-focus-visible]': {
52
- outlineStyle: 'solid'
53
- },
54
- '&[aria-expanded="true"]': {
55
- outlineStyle: `1.5px solid ${COLORS.theme.accent}`
56
- }
61
+ const getSize = () => {
62
+ const sizes = {
63
+ compact: {
64
+ [heightProperty]: 32,
65
+ paddingInlineStart: space(2),
66
+ paddingInlineEnd: space(1)
67
+ },
68
+ default: {
69
+ [heightProperty]: 40,
70
+ paddingInlineStart: space(4),
71
+ paddingInlineEnd: space(3)
72
+ },
73
+ small: {
74
+ [heightProperty]: 24,
75
+ paddingInlineStart: space(2),
76
+ paddingInlineEnd: space(1),
77
+ fontSize: 11
78
+ }
79
+ };
80
+ return sizes[size] || sizes.default;
57
81
  };
58
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmtDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0UHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdExhYmVsID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdExhYmVsIClgXG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IDEuNDtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuY29uc3QgaW5wdXRIZWlnaHRzID0ge1xuXHRkZWZhdWx0OiA0MCxcblx0c21hbGw6IDI0LFxufTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEJ1dHRvbiA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3QsIHtcblx0Ly8gRG8gbm90IGZvcndhcmQgYGhhc0N1c3RvbVJlbmRlclByb3BgIHRvIHRoZSB1bmRlcmx5aW5nIEFyaWFraXQuU2VsZWN0IGNvbXBvbmVudFxuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wICkgPT4gcHJvcCAhPT0gJ2hhc0N1c3RvbVJlbmRlclByb3AnLFxufSApKCAoIHtcblx0c2l6ZSxcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcCxcbn06IHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IEN1c3RvbVNlbGVjdFByb3BzWyAnc2l6ZScgXSA+O1xuXHRoYXNDdXN0b21SZW5kZXJQcm9wOiBib29sZWFuO1xufSApID0+IHtcblx0Y29uc3QgaXNTbWFsbFNpemUgPSBzaXplID09PSAnc21hbGwnICYmICEgaGFzQ3VzdG9tUmVuZGVyUHJvcDtcblx0Y29uc3QgaGVpZ2h0UHJvcGVydHkgPSBoYXNDdXN0b21SZW5kZXJQcm9wID8gJ21pbkhlaWdodCcgOiAnaGVpZ2h0JztcblxuXHRyZXR1cm4ge1xuXHRcdGRpc3BsYXk6ICdmbGV4Jyxcblx0XHRqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuXHRcdGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXHRcdGJhY2tncm91bmRDb2xvcjogQ09MT1JTLndoaXRlLFxuXHRcdGJvcmRlcjogYDFweCBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNjAwIF0gfWAsXG5cdFx0Ym9yZGVyUmFkaXVzOiBzcGFjZSggMC41ICksXG5cdFx0Y3Vyc29yOiAncG9pbnRlcicsXG5cdFx0d2lkdGg6ICcxMDAlJyxcblx0XHRbIGhlaWdodFByb3BlcnR5IF06IGAkeyBpbnB1dEhlaWdodHNbIHNpemUgXSB9cHhgLFxuXHRcdHBhZGRpbmc6IGlzU21hbGxTaXplID8gc3BhY2UoIDIgKSA6IHNwYWNlKCA0ICksXG5cdFx0Zm9udFNpemU6IGlzU21hbGxTaXplID8gJzExcHgnIDogJzEzcHgnLFxuXHRcdCcmW2RhdGEtZm9jdXMtdmlzaWJsZV0nOiB7XG5cdFx0XHRvdXRsaW5lU3R5bGU6ICdzb2xpZCcsXG5cdFx0fSxcblx0XHQnJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogYDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfWAsXG5cdFx0fSxcblx0fTtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAkeyBzcGFjZSggMC41ICkgfTtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLndoaXRlIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEl0ZW0gPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0SXRlbSApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCAyICkgfTtcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG4iXX0= */");
59
- export const CustomSelectPopover = /*#__PURE__*/_styled(Ariakit.SelectPopover, process.env.NODE_ENV === "production" ? {
82
+ return /*#__PURE__*/css("display:flex;align-items:center;justify-content:space-between;background-color:", COLORS.theme.background, ";border:1px solid ", COLORS.ui.border, ";border-radius:2px;cursor:pointer;font-size:", CONFIG.fontSize, ";width:100%;&[data-focus-visible]{outline-style:solid;}&[aria-expanded='true']{outline:1.5px solid ", COLORS.theme.accent, ";}", getSize(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Select;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RVciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jdXN0b20tc2VsZWN0LWNvbnRyb2wtdjIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0ICogYXMgQXJpYWtpdCBmcm9tICdAYXJpYWtpdC9yZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHR5cGUgeyBDdXN0b21TZWxlY3RCdXR0b25Qcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBJVEVNX1BBRERJTkcgPSBzcGFjZSggMiApO1xuXG5leHBvcnQgY29uc3QgV2l0aEhpbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdGVkRXhwZXJpbWVudGFsSGludEl0ZW0gPSBzdHlsZWQuc3BhbmBcblx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5ncmF5WyA2MDAgXSB9O1xuXHRtYXJnaW4taW5saW5lLXN0YXJ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRXhwZXJpbWVudGFsSGludEl0ZW0gPSBzdHlsZWQuc3BhbmBcblx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5ncmF5WyA2MDAgXSB9O1xuXHR0ZXh0LWFsaWduOiByaWdodDtcblx0bWFyZ2luLWlubGluZS1lbmQ6ICR7IHNwYWNlKCAxICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RMYWJlbCA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RMYWJlbCApYFxuXHRmb250LXNpemU6IDExcHg7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiAxLjQ7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0LCB7XG5cdC8vIERvIG5vdCBmb3J3YXJkIGBoYXNDdXN0b21SZW5kZXJQcm9wYCB0byB0aGUgdW5kZXJseWluZyBBcmlha2l0LlNlbGVjdCBjb21wb25lbnRcblx0c2hvdWxkRm9yd2FyZFByb3A6ICggcHJvcCApID0+IHByb3AgIT09ICdoYXNDdXN0b21SZW5kZXJQcm9wJyxcbn0gKSggKCB7XG5cdHNpemUsXG5cdGhhc0N1c3RvbVJlbmRlclByb3AsXG59OiB7XG5cdHNpemU6IE5vbk51bGxhYmxlPCBDdXN0b21TZWxlY3RCdXR0b25Qcm9wc1sgJ3NpemUnIF0gPjtcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcDogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGNvbnN0IGhlaWdodFByb3BlcnR5ID0gaGFzQ3VzdG9tUmVuZGVyUHJvcCA/ICdtaW5IZWlnaHQnIDogJ2hlaWdodCc7XG5cblx0Y29uc3QgZ2V0U2l6ZSA9ICgpID0+IHtcblx0XHRjb25zdCBzaXplcyA9IHtcblx0XHRcdGNvbXBhY3Q6IHtcblx0XHRcdFx0WyBoZWlnaHRQcm9wZXJ0eSBdOiAzMixcblx0XHRcdFx0cGFkZGluZ0lubGluZVN0YXJ0OiBzcGFjZSggMiApLFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lRW5kOiBzcGFjZSggMSApLFxuXHRcdFx0fSxcblx0XHRcdGRlZmF1bHQ6IHtcblx0XHRcdFx0WyBoZWlnaHRQcm9wZXJ0eSBdOiA0MCxcblx0XHRcdFx0cGFkZGluZ0lubGluZVN0YXJ0OiBzcGFjZSggNCApLFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lRW5kOiBzcGFjZSggMyApLFxuXHRcdFx0fSxcblx0XHRcdHNtYWxsOiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMjQsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdFx0Zm9udFNpemU6IDExLFxuXHRcdFx0fSxcblx0XHR9O1xuXG5cdFx0cmV0dXJuIHNpemVzWyBzaXplIF0gfHwgc2l6ZXMuZGVmYXVsdDtcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmJhY2tncm91bmQgfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdCZbZGF0YS1mb2N1cy12aXNpYmxlXSB7XG5cdFx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHR9XG5cdFx0JlthcmlhLWV4cGFuZGVkPSd0cnVlJ10ge1xuXHRcdFx0b3V0bGluZTogMS41cHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdH1cblx0XHQkeyBnZXRTaXplKCkgfVxuXHRgO1xufSApO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UG9wb3ZlciA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RQb3BvdmVyIClgXG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmZvcmVncm91bmQgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RJdGVtID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdEl0ZW0gKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwYWRkaW5nOiAkeyBJVEVNX1BBRERJTkcgfTtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0bGluZS1oZWlnaHQ6IDIuMTVyZW07IC8vIFRPRE86IFJlbW92ZSB0aGlzIGluIGRlZmF1bHQgYnV0IGtlZXAgZm9yIGJhY2stY29tcGF0IGluIGxlZ2FjeVxuXHQmW2RhdGEtYWN0aXZlLWl0ZW1dIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMzAwIF0gfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdGVkSXRlbUNoZWNrID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdEl0ZW1DaGVjayApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRtYXJnaW4taW5saW5lLXN0YXJ0OiAkeyBJVEVNX1BBRERJTkcgfTtcblx0Zm9udC1zaXplOiAyNHB4OyAvLyBTaXplIG9mIGNoZWNrbWFyayBpY29uXG5gO1xuIl19 */");
83
+ }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3NCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */");
84
+ export const SelectPopover = /*#__PURE__*/_styled(Ariakit.SelectPopover, process.env.NODE_ENV === "production" ? {
85
+ target: "e1p3eej72"
86
+ } : {
87
+ target: "e1p3eej72",
88
+ label: "SelectPopover"
89
+ })("border-radius:2px;background:", COLORS.theme.background, ";border:1px solid ", COLORS.theme.foreground, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzREIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
90
+ export const SelectItem = /*#__PURE__*/_styled(Ariakit.SelectItem, process.env.NODE_ENV === "production" ? {
60
91
  target: "e1p3eej71"
61
92
  } : {
62
93
  target: "e1p3eej71",
63
- label: "CustomSelectPopover"
64
- })("border-radius:", space(0.5), ";background:", COLORS.white, ";border:1px solid ", COLORS.gray[900], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtFIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0UHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdExhYmVsID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdExhYmVsIClgXG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IDEuNDtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuY29uc3QgaW5wdXRIZWlnaHRzID0ge1xuXHRkZWZhdWx0OiA0MCxcblx0c21hbGw6IDI0LFxufTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEJ1dHRvbiA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3QsIHtcblx0Ly8gRG8gbm90IGZvcndhcmQgYGhhc0N1c3RvbVJlbmRlclByb3BgIHRvIHRoZSB1bmRlcmx5aW5nIEFyaWFraXQuU2VsZWN0IGNvbXBvbmVudFxuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wICkgPT4gcHJvcCAhPT0gJ2hhc0N1c3RvbVJlbmRlclByb3AnLFxufSApKCAoIHtcblx0c2l6ZSxcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcCxcbn06IHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IEN1c3RvbVNlbGVjdFByb3BzWyAnc2l6ZScgXSA+O1xuXHRoYXNDdXN0b21SZW5kZXJQcm9wOiBib29sZWFuO1xufSApID0+IHtcblx0Y29uc3QgaXNTbWFsbFNpemUgPSBzaXplID09PSAnc21hbGwnICYmICEgaGFzQ3VzdG9tUmVuZGVyUHJvcDtcblx0Y29uc3QgaGVpZ2h0UHJvcGVydHkgPSBoYXNDdXN0b21SZW5kZXJQcm9wID8gJ21pbkhlaWdodCcgOiAnaGVpZ2h0JztcblxuXHRyZXR1cm4ge1xuXHRcdGRpc3BsYXk6ICdmbGV4Jyxcblx0XHRqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuXHRcdGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXHRcdGJhY2tncm91bmRDb2xvcjogQ09MT1JTLndoaXRlLFxuXHRcdGJvcmRlcjogYDFweCBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNjAwIF0gfWAsXG5cdFx0Ym9yZGVyUmFkaXVzOiBzcGFjZSggMC41ICksXG5cdFx0Y3Vyc29yOiAncG9pbnRlcicsXG5cdFx0d2lkdGg6ICcxMDAlJyxcblx0XHRbIGhlaWdodFByb3BlcnR5IF06IGAkeyBpbnB1dEhlaWdodHNbIHNpemUgXSB9cHhgLFxuXHRcdHBhZGRpbmc6IGlzU21hbGxTaXplID8gc3BhY2UoIDIgKSA6IHNwYWNlKCA0ICksXG5cdFx0Zm9udFNpemU6IGlzU21hbGxTaXplID8gJzExcHgnIDogJzEzcHgnLFxuXHRcdCcmW2RhdGEtZm9jdXMtdmlzaWJsZV0nOiB7XG5cdFx0XHRvdXRsaW5lU3R5bGU6ICdzb2xpZCcsXG5cdFx0fSxcblx0XHQnJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogYDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfWAsXG5cdFx0fSxcblx0fTtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAkeyBzcGFjZSggMC41ICkgfTtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLndoaXRlIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEl0ZW0gPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0SXRlbSApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCAyICkgfTtcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG4iXX0= */"));
65
- export const CustomSelectItem = /*#__PURE__*/_styled(Ariakit.SelectItem, process.env.NODE_ENV === "production" ? {
94
+ label: "SelectItem"
95
+ })("display:flex;align-items:center;justify-content:space-between;padding:", ITEM_PADDING, ";font-size:", CONFIG.fontSize, ";line-height:2.15rem;&[data-active-item]{background-color:", COLORS.theme.gray[300], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR3NEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
96
+ export const SelectedItemCheck = /*#__PURE__*/_styled(Ariakit.SelectItemCheck, process.env.NODE_ENV === "production" ? {
66
97
  target: "e1p3eej70"
67
98
  } : {
68
99
  target: "e1p3eej70",
69
- label: "CustomSelectItem"
70
- })("display:flex;align-items:center;justify-content:space-between;padding:", space(2), ";&[data-active-item]{background-color:", COLORS.gray[300], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRTREIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0UHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdExhYmVsID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdExhYmVsIClgXG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IDEuNDtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuY29uc3QgaW5wdXRIZWlnaHRzID0ge1xuXHRkZWZhdWx0OiA0MCxcblx0c21hbGw6IDI0LFxufTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEJ1dHRvbiA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3QsIHtcblx0Ly8gRG8gbm90IGZvcndhcmQgYGhhc0N1c3RvbVJlbmRlclByb3BgIHRvIHRoZSB1bmRlcmx5aW5nIEFyaWFraXQuU2VsZWN0IGNvbXBvbmVudFxuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wICkgPT4gcHJvcCAhPT0gJ2hhc0N1c3RvbVJlbmRlclByb3AnLFxufSApKCAoIHtcblx0c2l6ZSxcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcCxcbn06IHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IEN1c3RvbVNlbGVjdFByb3BzWyAnc2l6ZScgXSA+O1xuXHRoYXNDdXN0b21SZW5kZXJQcm9wOiBib29sZWFuO1xufSApID0+IHtcblx0Y29uc3QgaXNTbWFsbFNpemUgPSBzaXplID09PSAnc21hbGwnICYmICEgaGFzQ3VzdG9tUmVuZGVyUHJvcDtcblx0Y29uc3QgaGVpZ2h0UHJvcGVydHkgPSBoYXNDdXN0b21SZW5kZXJQcm9wID8gJ21pbkhlaWdodCcgOiAnaGVpZ2h0JztcblxuXHRyZXR1cm4ge1xuXHRcdGRpc3BsYXk6ICdmbGV4Jyxcblx0XHRqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuXHRcdGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXHRcdGJhY2tncm91bmRDb2xvcjogQ09MT1JTLndoaXRlLFxuXHRcdGJvcmRlcjogYDFweCBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNjAwIF0gfWAsXG5cdFx0Ym9yZGVyUmFkaXVzOiBzcGFjZSggMC41ICksXG5cdFx0Y3Vyc29yOiAncG9pbnRlcicsXG5cdFx0d2lkdGg6ICcxMDAlJyxcblx0XHRbIGhlaWdodFByb3BlcnR5IF06IGAkeyBpbnB1dEhlaWdodHNbIHNpemUgXSB9cHhgLFxuXHRcdHBhZGRpbmc6IGlzU21hbGxTaXplID8gc3BhY2UoIDIgKSA6IHNwYWNlKCA0ICksXG5cdFx0Zm9udFNpemU6IGlzU21hbGxTaXplID8gJzExcHgnIDogJzEzcHgnLFxuXHRcdCcmW2RhdGEtZm9jdXMtdmlzaWJsZV0nOiB7XG5cdFx0XHRvdXRsaW5lU3R5bGU6ICdzb2xpZCcsXG5cdFx0fSxcblx0XHQnJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogYDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfWAsXG5cdFx0fSxcblx0fTtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAkeyBzcGFjZSggMC41ICkgfTtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLndoaXRlIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEl0ZW0gPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0SXRlbSApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCAyICkgfTtcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG4iXX0= */"));
100
+ label: "SelectedItemCheck"
101
+ })("display:flex;align-items:center;margin-inline-start:", ITEM_PADDING, ";font-size:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSGtFIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
71
102
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Ariakit","COLORS","space","CustomSelectLabel","_styled","SelectLabel","process","env","NODE_ENV","target","label","inputHeights","default","small","CustomSelectButton","Select","shouldForwardProp","prop","size","hasCustomRenderProp","isSmallSize","heightProperty","display","justifyContent","alignItems","backgroundColor","white","border","gray","borderRadius","cursor","width","padding","fontSize","outlineStyle","theme","accent","CustomSelectPopover","SelectPopover","CustomSelectItem","SelectItem"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectProps } from './types';\n\nexport const CustomSelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nconst inputHeights = {\n\tdefault: 40,\n\tsmall: 24,\n};\n\nexport const CustomSelectButton = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectProps[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst isSmallSize = size === 'small' && ! hasCustomRenderProp;\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\treturn {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tbackgroundColor: COLORS.white,\n\t\tborder: `1px solid ${ COLORS.gray[ 600 ] }`,\n\t\tborderRadius: space( 0.5 ),\n\t\tcursor: 'pointer',\n\t\twidth: '100%',\n\t\t[ heightProperty ]: `${ inputHeights[ size ] }px`,\n\t\tpadding: isSmallSize ? space( 2 ) : space( 4 ),\n\t\tfontSize: isSmallSize ? '11px' : '13px',\n\t\t'&[data-focus-visible]': {\n\t\t\toutlineStyle: 'solid',\n\t\t},\n\t\t'&[aria-expanded=\"true\"]': {\n\t\t\toutlineStyle: `1.5px solid ${ COLORS.theme.accent }`,\n\t\t},\n\t};\n} );\n\nexport const CustomSelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: ${ space( 0.5 ) };\n\tbackground: ${ COLORS.white };\n\tborder: 1px solid ${ COLORS.gray[ 900 ] };\n`;\n\nexport const CustomSelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ space( 2 ) };\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.gray[ 300 ] };\n\t}\n`;\n"],"mappings":";AAAA;AACA;AACA;;AAEA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,KAAK,QAAQ,gBAAgB;AAGtC,OAAO,MAAMC,iBAAiB,GAAG,aAAAC,OAAA,CAAQJ,OAAO,CAACK,WAAW,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2FAK3CR,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,oqGAC5B;AAED,MAAMG,YAAY,GAAG;EACpBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,aAAAV,OAAA,CAAQJ,OAAO,CAACe,MAAM,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACvD;EACAQ,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAR,MAAA;AAAA;EAD7D;EACAO,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAR,MAAA;EAAAC,KAAA;AAAA,CAC5D,CAAC,CAAE,CAAE;EACNQ,IAAI;EACJC;AAID,CAAC,KAAM;EACN,MAAMC,WAAW,GAAGF,IAAI,KAAK,OAAO,IAAI,CAAEC,mBAAmB;EAC7D,MAAME,cAAc,GAAGF,mBAAmB,GAAG,WAAW,GAAG,QAAQ;EAEnE,OAAO;IACNG,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAExB,MAAM,CAACyB,KAAK;IAC7BC,MAAM,EAAG,aAAa1B,MAAM,CAAC2B,IAAI,CAAE,GAAG,CAAI,EAAC;IAC3CC,YAAY,EAAE3B,KAAK,CAAE,GAAI,CAAC;IAC1B4B,MAAM,EAAE,SAAS;IACjBC,KAAK,EAAE,MAAM;IACb,CAAEV,cAAc,GAAK,GAAGV,YAAY,CAAEO,IAAI,CAAI,IAAG;IACjDc,OAAO,EAAEZ,WAAW,GAAGlB,KAAK,CAAE,CAAE,CAAC,GAAGA,KAAK,CAAE,CAAE,CAAC;IAC9C+B,QAAQ,EAAEb,WAAW,GAAG,MAAM,GAAG,MAAM;IACvC,uBAAuB,EAAE;MACxBc,YAAY,EAAE;IACf,CAAC;IACD,yBAAyB,EAAE;MAC1BA,YAAY,EAAG,eAAejC,MAAM,CAACkC,KAAK,CAACC,MAAQ;IACpD;EACD,CAAC;AACF,CAAC,EAAA9B,OAAA,CAAAC,GAAA,CAAAC,QAAA,kqGAAC,CAAC;AAEH,OAAO,MAAM6B,mBAAmB,GAAG,aAAAjC,OAAA,CAAQJ,OAAO,CAACsC,aAAa,EAAAhC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,mBAC/CR,KAAK,CAAE,GAAI,CAAC,kBACfD,MAAM,CAACyB,KAAK,wBACNzB,MAAM,CAAC2B,IAAI,CAAE,GAAG,CAAE,SAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oqGACvC;AAED,OAAO,MAAM+B,gBAAgB,GAAG,aAAAnC,OAAA,CAAQJ,OAAO,CAACwC,UAAU,EAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2EAI/CR,KAAK,CAAE,CAAE,CAAC,4CAEAD,MAAM,CAAC2B,IAAI,CAAE,GAAG,CAAE,UAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oqGAExC"}
1
+ {"version":3,"names":["Ariakit","css","COLORS","CONFIG","space","ITEM_PADDING","WithHintWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectedExperimentalHintItem","theme","gray","ExperimentalHintItem","SelectLabel","Select","shouldForwardProp","prop","size","hasCustomRenderProp","heightProperty","getSize","sizes","compact","paddingInlineStart","paddingInlineEnd","default","small","fontSize","background","ui","border","accent","SelectPopover","foreground","SelectItem","SelectedItemCheck","SelectItemCheck"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectButtonProps } from './types';\n\nconst ITEM_PADDING = space( 2 );\n\nexport const WithHintWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex: 1;\n`;\n\nexport const SelectedExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\tmargin-inline-start: ${ space( 2 ) };\n`;\n\nexport const ExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\ttext-align: right;\n\tmargin-inline-end: ${ space( 1 ) };\n`;\n\nexport const SelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nexport const Select = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectButtonProps[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\tconst getSize = () => {\n\t\tconst sizes = {\n\t\t\tcompact: {\n\t\t\t\t[ heightProperty ]: 32,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t},\n\t\t\tdefault: {\n\t\t\t\t[ heightProperty ]: 40,\n\t\t\t\tpaddingInlineStart: space( 4 ),\n\t\t\t\tpaddingInlineEnd: space( 3 ),\n\t\t\t},\n\t\t\tsmall: {\n\t\t\t\t[ heightProperty ]: 24,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t\tfontSize: 11,\n\t\t\t},\n\t\t};\n\n\t\treturn sizes[ size ] || sizes.default;\n\t};\n\n\treturn css`\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tbackground-color: ${ COLORS.theme.background };\n\t\tborder: 1px solid ${ COLORS.ui.border };\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tfont-size: ${ CONFIG.fontSize };\n\t\twidth: 100%;\n\t\t&[data-focus-visible] {\n\t\t\toutline-style: solid;\n\t\t}\n\t\t&[aria-expanded='true'] {\n\t\t\toutline: 1.5px solid ${ COLORS.theme.accent };\n\t\t}\n\t\t${ getSize() }\n\t`;\n} );\n\nexport const SelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: 2px;\n\tbackground: ${ COLORS.theme.background };\n\tborder: 1px solid ${ COLORS.theme.foreground };\n`;\n\nexport const SelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ ITEM_PADDING };\n\tfont-size: ${ CONFIG.fontSize };\n\tline-height: 2.15rem; // TODO: Remove this in default but keep for back-compat in legacy\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.theme.gray[ 300 ] };\n\t}\n`;\n\nexport const SelectedItemCheck = styled( Ariakit.SelectItemCheck )`\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: ${ ITEM_PADDING };\n\tfont-size: 24px; // Size of checkmark icon\n`;\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;AACzC,SAASC,GAAG,QAAQ,gBAAgB;AAEpC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,KAAK,QAAQ,gBAAgB;AAGtC,MAAMC,YAAY,GAAGD,KAAK,CAAE,CAAE,CAAC;AAE/B,OAAO,MAAME,eAAe,GAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAI3B;AAED,OAAO,MAAMC,4BAA4B,GAAAX,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,aAC9BV,MAAM,CAACiB,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,2BACVhB,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAClC;AAED,OAAO,MAAMW,oBAAoB,GAAAd,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,aACtBV,MAAM,CAACiB,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,0CAEZhB,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAChC;AAED,OAAO,MAAMY,WAAW,GAAG,aAAAf,OAAA,CAAQP,OAAO,CAACsB,WAAW,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2FAKrCR,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAC5B;AAED,OAAO,MAAMa,MAAM,GAAG,aAAAhB,OAAA,CAAQP,OAAO,CAACuB,MAAM,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAC3C;EACAc,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAd,MAAA;AAAA;EAD7D;EACAa,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAd,MAAA;EAAAC,KAAA;AAAA,CAC5D,CAAC,CAAE,CAAE;EACNc,IAAI;EACJC;AAID,CAAC,KAAM;EACN,MAAMC,cAAc,GAAGD,mBAAmB,GAAG,WAAW,GAAG,QAAQ;EAEnE,MAAME,OAAO,GAAGA,CAAA,KAAM;IACrB,MAAMC,KAAK,GAAG;MACbC,OAAO,EAAE;QACR,CAAEH,cAAc,GAAI,EAAE;QACtBI,kBAAkB,EAAE5B,KAAK,CAAE,CAAE,CAAC;QAC9B6B,gBAAgB,EAAE7B,KAAK,CAAE,CAAE;MAC5B,CAAC;MACD8B,OAAO,EAAE;QACR,CAAEN,cAAc,GAAI,EAAE;QACtBI,kBAAkB,EAAE5B,KAAK,CAAE,CAAE,CAAC;QAC9B6B,gBAAgB,EAAE7B,KAAK,CAAE,CAAE;MAC5B,CAAC;MACD+B,KAAK,EAAE;QACN,CAAEP,cAAc,GAAI,EAAE;QACtBI,kBAAkB,EAAE5B,KAAK,CAAE,CAAE,CAAC;QAC9B6B,gBAAgB,EAAE7B,KAAK,CAAE,CAAE,CAAC;QAC5BgC,QAAQ,EAAE;MACX;IACD,CAAC;IAED,OAAON,KAAK,CAAEJ,IAAI,CAAE,IAAII,KAAK,CAACI,OAAO;EACtC,CAAC;EAED,oBAAOjC,GAAG,oFAIYC,MAAM,CAACiB,KAAK,CAACkB,UAAU,wBACvBnC,MAAM,CAACoC,EAAE,CAACC,MAAM,kDAGvBpC,MAAM,CAACiC,QAAQ,yGAMJlC,MAAM,CAACiB,KAAK,CAACqB,MAAM,QAEzCX,OAAO,CAAC,CAAC,SAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAEd,CAAC,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,kpJAAC,CAAC;AAEH,OAAO,MAAM+B,aAAa,GAAG,aAAAlC,OAAA,CAAQP,OAAO,CAACyC,aAAa,EAAAjC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,kCAE5CV,MAAM,CAACiB,KAAK,CAACkB,UAAU,wBACjBnC,MAAM,CAACiB,KAAK,CAACuB,UAAU,SAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAC5C;AAED,OAAO,MAAMiC,UAAU,GAAG,aAAApC,OAAA,CAAQP,OAAO,CAAC2C,UAAU,EAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2EAIzCP,YAAY,iBACVF,MAAM,CAACiC,QAAQ,gEAGPlC,MAAM,CAACiB,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,UAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAE9C;AAED,OAAO,MAAMkC,iBAAiB,GAAG,aAAArC,OAAA,CAAQP,OAAO,CAAC6C,eAAe,EAAArC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,yDAGzCP,YAAY,wBAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAEpC"}
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type * as Ariakit from '@ariakit/react';\n\nexport type CustomSelectContext =\n\t| {\n\t\t\t/**\n\t\t\t * The store object returned by Ariakit's `useSelectStore` hook.\n\t\t\t */\n\t\t\tstore: Ariakit.SelectStore;\n\t }\n\t| undefined;\n\nexport type CustomSelectProps = {\n\t/**\n\t * The child elements. This should be composed of CustomSelectItem components.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * An optional default value for the control. If left `undefined`, the first\n\t * non-disabled item will be used.\n\t */\n\tdefaultValue?: string | string[];\n\t/**\n\t * Label for the control.\n\t */\n\tlabel: string;\n\t/**\n\t * A function that receives the new value of the input.\n\t */\n\tonChange?: ( newValue: string | string[] ) => void;\n\t/**\n\t * Can be used to render select UI with custom styled values.\n\t */\n\trenderSelectedValue?: (\n\t\tselectedValue: string | string[]\n\t) => React.ReactNode;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'default' | 'small';\n\t/**\n\t * Can be used to externally control the value of the control.\n\t */\n\tvalue?: string | string[];\n};\n\nexport type CustomSelectItemProps = {\n\t/**\n\t * The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t */\n\tvalue: string;\n\t/**\n\t * The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":""}
1
+ {"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type * as Ariakit from '@ariakit/react';\nimport type { FocusEventHandler, MouseEventHandler } from 'react';\n\nexport type CustomSelectStore = {\n\t/**\n\t * The store object returned by Ariakit's `useSelectStore` hook.\n\t */\n\tstore: Ariakit.SelectStore;\n};\n\nexport type CustomSelectContext = CustomSelectStore | undefined;\n\nexport type CustomSelectButtonProps = {\n\t/**\n\t * An optional default value for the control when used in uncontrolled mode.\n\t * If left `undefined`, the first non-disabled item will be used.\n\t */\n\tdefaultValue?: string | string[];\n\t/**\n\t * A function that receives the new value of the input.\n\t */\n\tonChange?: ( newValue: string | string[] ) => void;\n\t/**\n\t * Can be used to render select UI with custom styled values.\n\t */\n\trenderSelectedValue?: (\n\t\tselectedValue: string | string[]\n\t) => React.ReactNode;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'compact' | 'default' | 'small';\n\t/**\n\t * The value of the control when used in uncontrolled mode.\n\t */\n\tvalue?: string | string[];\n};\n\nexport type _CustomSelectProps = {\n\t/**\n\t * The child elements. This should be composed of `CustomSelectItem` components.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * Used to visually hide the label. It will always be visible to screen readers.\n\t *\n\t * @default false\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * Accessible label for the control.\n\t */\n\tlabel: string;\n};\n\nexport type CustomSelectProps = _CustomSelectProps &\n\tOmit< CustomSelectButtonProps, 'size' > & {\n\t\t/**\n\t\t * The size of the control.\n\t\t *\n\t\t * @default 'default'\n\t\t */\n\t\tsize?: Exclude< CustomSelectButtonProps[ 'size' ], 'small' >;\n\t};\n\n/**\n * The legacy object structure for the options array.\n */\ntype LegacyOption = {\n\tkey: string;\n\tname: string;\n\tstyle?: React.CSSProperties;\n\tclassName?: string;\n\t__experimentalHint?: string;\n};\n\n/**\n * The legacy object returned from the onChange event.\n */\ntype LegacyOnChangeObject = {\n\thighlightedIndex?: number;\n\tinputValue?: string;\n\tisOpen?: boolean;\n\ttype?: string;\n\tselectedItem: LegacyOption;\n};\n\nexport type LegacyCustomSelectProps = {\n\tchildren?: never;\n\t/**\n\t * Optional classname for the component.\n\t */\n\tclassName?: string;\n\t/**\n\t * Used to visually hide the label. It will always be visible to screen readers.\n\t *\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * Pass in a description that will be shown to screen readers associated with the\n\t * select trigger button. If no value is passed, the text \"Currently selected:\n\t * selectedItem.name\" will be used fully translated.\n\t */\n\tdescribedBy?: string;\n\t/**\n\t * Label for the control.\n\t */\n\tlabel: string;\n\t/**\n\t * Function called with the control's internal state changes. The `selectedItem`\n\t * property contains the next selected item.\n\t */\n\tonChange?: ( newValue: LegacyOnChangeObject ) => void;\n\t/**\n\t * A handler for `onBlur` events.\n\t *\n\t * @ignore\n\t */\n\tonBlur?: FocusEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onFocus` events.\n\t *\n\t * @ignore\n\t */\n\tonFocus?: FocusEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onMouseOver` events.\n\t *\n\t * @ignore\n\t */\n\tonMouseOut?: MouseEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onMouseOut` events.\n\t *\n\t * @ignore\n\t */\n\tonMouseOver?: MouseEventHandler< HTMLButtonElement >;\n\t/**\n\t * The options that can be chosen from.\n\t */\n\toptions: Array< LegacyOption >;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'default' | 'small' | '__unstable-large';\n\t/**\n\t * Can be used to externally control the value of the control.\n\t */\n\tvalue?: LegacyOption;\n\t/**\n\t * Legacy way to add additional text to the right of each option.\n\t *\n\t * @default false\n\t */\n\t__experimentalShowSelectedHint?: boolean;\n\t/**\n\t * Opt-in prop for an unconstrained width style which became the default in\n\t * WordPress 6.5. The prop is no longer needed and can be safely removed.\n\t *\n\t * @deprecated\n\t * @ignore\n\t */\n\t__nextUnconstrainedWidth?: boolean;\n\t/**\n\t * Start opting into the larger default height that will become the default size in a future version.\n\t *\n\t * @default false\n\t */\n\t__next40pxDefaultSize?: boolean;\n};\n\nexport type CustomSelectItemProps = {\n\t/**\n\t * The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t */\n\tvalue: string;\n\t/**\n\t * The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":""}
@@ -51,7 +51,6 @@ const FontSizePickerSelect = props => {
51
51
  const selectedOption = value ? (_options$find = options.find(option => option.value === value)) !== null && _options$find !== void 0 ? _options$find : CUSTOM_OPTION : DEFAULT_OPTION;
52
52
  return createElement(CustomSelectControl, {
53
53
  __next40pxDefaultSize: __next40pxDefaultSize,
54
- __nextUnconstrainedWidth: true,
55
54
  className: "components-font-size-picker__select",
56
55
  label: __('Font size'),
57
56
  hideLabelFromVision: true,
@@ -1 +1 @@
1
- {"version":3,"names":["__","sprintf","CustomSelectControl","parseQuantityAndUnitFromRawValue","getCommonSizeUnit","isSimpleCssValue","DEFAULT_OPTION","key","name","value","undefined","CUSTOM_OPTION","FontSizePickerSelect","props","_options$find","__next40pxDefaultSize","fontSizes","disableCustomFontSizes","size","onChange","onSelectCustom","areAllSizesSameUnit","options","map","fontSize","hint","quantity","String","slug","__experimentalHint","selectedOption","find","option","createElement","__nextUnconstrainedWidth","className","label","hideLabelFromVision","describedBy","__experimentalShowSelectedHint","selectedItem"],"sources":["@wordpress/components/src/font-size-picker/font-size-picker-select.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomSelectControl from '../custom-select-control';\nimport { parseQuantityAndUnitFromRawValue } from '../unit-control';\nimport type {\n\tFontSizePickerSelectProps,\n\tFontSizePickerSelectOption,\n} from './types';\nimport { getCommonSizeUnit, isSimpleCssValue } from './utils';\n\nconst DEFAULT_OPTION: FontSizePickerSelectOption = {\n\tkey: 'default',\n\tname: __( 'Default' ),\n\tvalue: undefined,\n};\n\nconst CUSTOM_OPTION: FontSizePickerSelectOption = {\n\tkey: 'custom',\n\tname: __( 'Custom' ),\n};\n\nconst FontSizePickerSelect = ( props: FontSizePickerSelectProps ) => {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\tfontSizes,\n\t\tvalue,\n\t\tdisableCustomFontSizes,\n\t\tsize,\n\t\tonChange,\n\t\tonSelectCustom,\n\t} = props;\n\n\tconst areAllSizesSameUnit = !! getCommonSizeUnit( fontSizes );\n\n\tconst options: FontSizePickerSelectOption[] = [\n\t\tDEFAULT_OPTION,\n\t\t...fontSizes.map( ( fontSize ) => {\n\t\t\tlet hint;\n\t\t\tif ( areAllSizesSameUnit ) {\n\t\t\t\tconst [ quantity ] = parseQuantityAndUnitFromRawValue(\n\t\t\t\t\tfontSize.size\n\t\t\t\t);\n\t\t\t\tif ( quantity !== undefined ) {\n\t\t\t\t\thint = String( quantity );\n\t\t\t\t}\n\t\t\t} else if ( isSimpleCssValue( fontSize.size ) ) {\n\t\t\t\thint = String( fontSize.size );\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tkey: fontSize.slug,\n\t\t\t\tname: fontSize.name || fontSize.slug,\n\t\t\t\tvalue: fontSize.size,\n\t\t\t\t__experimentalHint: hint,\n\t\t\t};\n\t\t} ),\n\t\t...( disableCustomFontSizes ? [] : [ CUSTOM_OPTION ] ),\n\t];\n\n\tconst selectedOption = value\n\t\t? options.find( ( option ) => option.value === value ) ?? CUSTOM_OPTION\n\t\t: DEFAULT_OPTION;\n\n\treturn (\n\t\t<CustomSelectControl\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t__nextUnconstrainedWidth\n\t\t\tclassName=\"components-font-size-picker__select\"\n\t\t\tlabel={ __( 'Font size' ) }\n\t\t\thideLabelFromVision\n\t\t\tdescribedBy={ sprintf(\n\t\t\t\t// translators: %s: Currently selected font size.\n\t\t\t\t__( 'Currently selected font size: %s' ),\n\t\t\t\tselectedOption.name\n\t\t\t) }\n\t\t\toptions={ options }\n\t\t\tvalue={ selectedOption }\n\t\t\t__experimentalShowSelectedHint\n\t\t\tonChange={ ( {\n\t\t\t\tselectedItem,\n\t\t\t}: {\n\t\t\t\tselectedItem: FontSizePickerSelectOption;\n\t\t\t} ) => {\n\t\t\t\tif ( selectedItem === CUSTOM_OPTION ) {\n\t\t\t\t\tonSelectCustom();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selectedItem.value );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tsize={ size }\n\t\t/>\n\t);\n};\n\nexport default FontSizePickerSelect;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,SAASC,gCAAgC,QAAQ,iBAAiB;AAKlE,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,SAAS;AAE7D,MAAMC,cAA0C,GAAG;EAClDC,GAAG,EAAE,SAAS;EACdC,IAAI,EAAER,EAAE,CAAE,SAAU,CAAC;EACrBS,KAAK,EAAEC;AACR,CAAC;AAED,MAAMC,aAAyC,GAAG;EACjDJ,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAER,EAAE,CAAE,QAAS;AACpB,CAAC;AAED,MAAMY,oBAAoB,GAAKC,KAAgC,IAAM;EAAA,IAAAC,aAAA;EACpE,MAAM;IACLC,qBAAqB;IACrBC,SAAS;IACTP,KAAK;IACLQ,sBAAsB;IACtBC,IAAI;IACJC,QAAQ;IACRC;EACD,CAAC,GAAGP,KAAK;EAET,MAAMQ,mBAAmB,GAAG,CAAC,CAAEjB,iBAAiB,CAAEY,SAAU,CAAC;EAE7D,MAAMM,OAAqC,GAAG,CAC7ChB,cAAc,EACd,GAAGU,SAAS,CAACO,GAAG,CAAIC,QAAQ,IAAM;IACjC,IAAIC,IAAI;IACR,IAAKJ,mBAAmB,EAAG;MAC1B,MAAM,CAAEK,QAAQ,CAAE,GAAGvB,gCAAgC,CACpDqB,QAAQ,CAACN,IACV,CAAC;MACD,IAAKQ,QAAQ,KAAKhB,SAAS,EAAG;QAC7Be,IAAI,GAAGE,MAAM,CAAED,QAAS,CAAC;MAC1B;IACD,CAAC,MAAM,IAAKrB,gBAAgB,CAAEmB,QAAQ,CAACN,IAAK,CAAC,EAAG;MAC/CO,IAAI,GAAGE,MAAM,CAAEH,QAAQ,CAACN,IAAK,CAAC;IAC/B;IACA,OAAO;MACNX,GAAG,EAAEiB,QAAQ,CAACI,IAAI;MAClBpB,IAAI,EAAEgB,QAAQ,CAAChB,IAAI,IAAIgB,QAAQ,CAACI,IAAI;MACpCnB,KAAK,EAAEe,QAAQ,CAACN,IAAI;MACpBW,kBAAkB,EAAEJ;IACrB,CAAC;EACF,CAAE,CAAC,EACH,IAAKR,sBAAsB,GAAG,EAAE,GAAG,CAAEN,aAAa,CAAE,CAAE,CACtD;EAED,MAAMmB,cAAc,GAAGrB,KAAK,IAAAK,aAAA,GACzBQ,OAAO,CAACS,IAAI,CAAIC,MAAM,IAAMA,MAAM,CAACvB,KAAK,KAAKA,KAAM,CAAC,cAAAK,aAAA,cAAAA,aAAA,GAAIH,aAAa,GACrEL,cAAc;EAEjB,OACC2B,aAAA,CAAC/B,mBAAmB;IACnBa,qBAAqB,EAAGA,qBAAuB;IAC/CmB,wBAAwB;IACxBC,SAAS,EAAC,qCAAqC;IAC/CC,KAAK,EAAGpC,EAAE,CAAE,WAAY,CAAG;IAC3BqC,mBAAmB;IACnBC,WAAW,EAAGrC,OAAO;IACpB;IACAD,EAAE,CAAE,kCAAmC,CAAC,EACxC8B,cAAc,CAACtB,IAChB,CAAG;IACHc,OAAO,EAAGA,OAAS;IACnBb,KAAK,EAAGqB,cAAgB;IACxBS,8BAA8B;IAC9BpB,QAAQ,EAAGA,CAAE;MACZqB;IAGD,CAAC,KAAM;MACN,IAAKA,YAAY,KAAK7B,aAAa,EAAG;QACrCS,cAAc,CAAC,CAAC;MACjB,CAAC,MAAM;QACND,QAAQ,CAAEqB,YAAY,CAAC/B,KAAM,CAAC;MAC/B;IACD,CAAG;IACHS,IAAI,EAAGA;EAAM,CACb,CAAC;AAEJ,CAAC;AAED,eAAeN,oBAAoB"}
1
+ {"version":3,"names":["__","sprintf","CustomSelectControl","parseQuantityAndUnitFromRawValue","getCommonSizeUnit","isSimpleCssValue","DEFAULT_OPTION","key","name","value","undefined","CUSTOM_OPTION","FontSizePickerSelect","props","_options$find","__next40pxDefaultSize","fontSizes","disableCustomFontSizes","size","onChange","onSelectCustom","areAllSizesSameUnit","options","map","fontSize","hint","quantity","String","slug","__experimentalHint","selectedOption","find","option","createElement","className","label","hideLabelFromVision","describedBy","__experimentalShowSelectedHint","selectedItem"],"sources":["@wordpress/components/src/font-size-picker/font-size-picker-select.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomSelectControl from '../custom-select-control';\nimport { parseQuantityAndUnitFromRawValue } from '../unit-control';\nimport type {\n\tFontSizePickerSelectProps,\n\tFontSizePickerSelectOption,\n} from './types';\nimport { getCommonSizeUnit, isSimpleCssValue } from './utils';\n\nconst DEFAULT_OPTION: FontSizePickerSelectOption = {\n\tkey: 'default',\n\tname: __( 'Default' ),\n\tvalue: undefined,\n};\n\nconst CUSTOM_OPTION: FontSizePickerSelectOption = {\n\tkey: 'custom',\n\tname: __( 'Custom' ),\n};\n\nconst FontSizePickerSelect = ( props: FontSizePickerSelectProps ) => {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\tfontSizes,\n\t\tvalue,\n\t\tdisableCustomFontSizes,\n\t\tsize,\n\t\tonChange,\n\t\tonSelectCustom,\n\t} = props;\n\n\tconst areAllSizesSameUnit = !! getCommonSizeUnit( fontSizes );\n\n\tconst options: FontSizePickerSelectOption[] = [\n\t\tDEFAULT_OPTION,\n\t\t...fontSizes.map( ( fontSize ) => {\n\t\t\tlet hint;\n\t\t\tif ( areAllSizesSameUnit ) {\n\t\t\t\tconst [ quantity ] = parseQuantityAndUnitFromRawValue(\n\t\t\t\t\tfontSize.size\n\t\t\t\t);\n\t\t\t\tif ( quantity !== undefined ) {\n\t\t\t\t\thint = String( quantity );\n\t\t\t\t}\n\t\t\t} else if ( isSimpleCssValue( fontSize.size ) ) {\n\t\t\t\thint = String( fontSize.size );\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tkey: fontSize.slug,\n\t\t\t\tname: fontSize.name || fontSize.slug,\n\t\t\t\tvalue: fontSize.size,\n\t\t\t\t__experimentalHint: hint,\n\t\t\t};\n\t\t} ),\n\t\t...( disableCustomFontSizes ? [] : [ CUSTOM_OPTION ] ),\n\t];\n\n\tconst selectedOption = value\n\t\t? options.find( ( option ) => option.value === value ) ?? CUSTOM_OPTION\n\t\t: DEFAULT_OPTION;\n\n\treturn (\n\t\t<CustomSelectControl\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tclassName=\"components-font-size-picker__select\"\n\t\t\tlabel={ __( 'Font size' ) }\n\t\t\thideLabelFromVision\n\t\t\tdescribedBy={ sprintf(\n\t\t\t\t// translators: %s: Currently selected font size.\n\t\t\t\t__( 'Currently selected font size: %s' ),\n\t\t\t\tselectedOption.name\n\t\t\t) }\n\t\t\toptions={ options }\n\t\t\tvalue={ selectedOption }\n\t\t\t__experimentalShowSelectedHint\n\t\t\tonChange={ ( {\n\t\t\t\tselectedItem,\n\t\t\t}: {\n\t\t\t\tselectedItem: FontSizePickerSelectOption;\n\t\t\t} ) => {\n\t\t\t\tif ( selectedItem === CUSTOM_OPTION ) {\n\t\t\t\t\tonSelectCustom();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selectedItem.value );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tsize={ size }\n\t\t/>\n\t);\n};\n\nexport default FontSizePickerSelect;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,SAASC,gCAAgC,QAAQ,iBAAiB;AAKlE,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,SAAS;AAE7D,MAAMC,cAA0C,GAAG;EAClDC,GAAG,EAAE,SAAS;EACdC,IAAI,EAAER,EAAE,CAAE,SAAU,CAAC;EACrBS,KAAK,EAAEC;AACR,CAAC;AAED,MAAMC,aAAyC,GAAG;EACjDJ,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAER,EAAE,CAAE,QAAS;AACpB,CAAC;AAED,MAAMY,oBAAoB,GAAKC,KAAgC,IAAM;EAAA,IAAAC,aAAA;EACpE,MAAM;IACLC,qBAAqB;IACrBC,SAAS;IACTP,KAAK;IACLQ,sBAAsB;IACtBC,IAAI;IACJC,QAAQ;IACRC;EACD,CAAC,GAAGP,KAAK;EAET,MAAMQ,mBAAmB,GAAG,CAAC,CAAEjB,iBAAiB,CAAEY,SAAU,CAAC;EAE7D,MAAMM,OAAqC,GAAG,CAC7ChB,cAAc,EACd,GAAGU,SAAS,CAACO,GAAG,CAAIC,QAAQ,IAAM;IACjC,IAAIC,IAAI;IACR,IAAKJ,mBAAmB,EAAG;MAC1B,MAAM,CAAEK,QAAQ,CAAE,GAAGvB,gCAAgC,CACpDqB,QAAQ,CAACN,IACV,CAAC;MACD,IAAKQ,QAAQ,KAAKhB,SAAS,EAAG;QAC7Be,IAAI,GAAGE,MAAM,CAAED,QAAS,CAAC;MAC1B;IACD,CAAC,MAAM,IAAKrB,gBAAgB,CAAEmB,QAAQ,CAACN,IAAK,CAAC,EAAG;MAC/CO,IAAI,GAAGE,MAAM,CAAEH,QAAQ,CAACN,IAAK,CAAC;IAC/B;IACA,OAAO;MACNX,GAAG,EAAEiB,QAAQ,CAACI,IAAI;MAClBpB,IAAI,EAAEgB,QAAQ,CAAChB,IAAI,IAAIgB,QAAQ,CAACI,IAAI;MACpCnB,KAAK,EAAEe,QAAQ,CAACN,IAAI;MACpBW,kBAAkB,EAAEJ;IACrB,CAAC;EACF,CAAE,CAAC,EACH,IAAKR,sBAAsB,GAAG,EAAE,GAAG,CAAEN,aAAa,CAAE,CAAE,CACtD;EAED,MAAMmB,cAAc,GAAGrB,KAAK,IAAAK,aAAA,GACzBQ,OAAO,CAACS,IAAI,CAAIC,MAAM,IAAMA,MAAM,CAACvB,KAAK,KAAKA,KAAM,CAAC,cAAAK,aAAA,cAAAA,aAAA,GAAIH,aAAa,GACrEL,cAAc;EAEjB,OACC2B,aAAA,CAAC/B,mBAAmB;IACnBa,qBAAqB,EAAGA,qBAAuB;IAC/CmB,SAAS,EAAC,qCAAqC;IAC/CC,KAAK,EAAGnC,EAAE,CAAE,WAAY,CAAG;IAC3BoC,mBAAmB;IACnBC,WAAW,EAAGpC,OAAO;IACpB;IACAD,EAAE,CAAE,kCAAmC,CAAC,EACxC8B,cAAc,CAACtB,IAChB,CAAG;IACHc,OAAO,EAAGA,OAAS;IACnBb,KAAK,EAAGqB,cAAgB;IACxBQ,8BAA8B;IAC9BnB,QAAQ,EAAGA,CAAE;MACZoB;IAGD,CAAC,KAAM;MACN,IAAKA,YAAY,KAAK5B,aAAa,EAAG;QACrCS,cAAc,CAAC,CAAC;MACjB,CAAC,MAAM;QACND,QAAQ,CAAEoB,YAAY,CAAC9B,KAAM,CAAC;MAC/B;IACD,CAAG;IACHS,IAAI,EAAGA;EAAM,CACb,CAAC;AAEJ,CAAC;AAED,eAAeN,oBAAoB"}
@@ -23,6 +23,7 @@ import { FlexItem } from '../flex';
23
23
  import { StyledHelp, StyledLabel } from '../base-control/styles/base-control-styles';
24
24
  import { Spacer } from '../spacer';
25
25
  import { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';
26
+ import { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';
26
27
  const identity = value => value;
27
28
 
28
29
  /**
@@ -160,13 +161,7 @@ export function FormTokenField(props) {
160
161
  }
161
162
  function onKeyDown(event) {
162
163
  let preventDefault = false;
163
- if (event.defaultPrevented ||
164
- // Ignore keydowns from IMEs
165
- event.nativeEvent.isComposing ||
166
- // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
167
- // is `isComposing=false`, even though it's technically still part of the composition.
168
- // These can only be detected by keyCode.
169
- event.keyCode === 229) {
164
+ if (event.defaultPrevented) {
170
165
  return;
171
166
  }
172
167
  switch (event.key) {
@@ -505,7 +500,7 @@ export function FormTokenField(props) {
505
500
  const matchingSuggestions = getMatchingSuggestions();
506
501
  if (!disabled) {
507
502
  tokenFieldProps = Object.assign({}, tokenFieldProps, {
508
- onKeyDown,
503
+ onKeyDown: withIgnoreIMEEvents(onKeyDown),
509
504
  onKeyPress,
510
505
  onFocus: onFocusHandler
511
506
  });