@wordpress/components 35.0.1 → 35.1.1-next.v.202606191442.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 (264) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/build/alignment-matrix-control/cell.cjs +1 -1
  3. package/build/alignment-matrix-control/cell.cjs.map +2 -2
  4. package/build/alignment-matrix-control/index.cjs +1 -1
  5. package/build/alignment-matrix-control/index.cjs.map +2 -2
  6. package/build/angle-picker-control/angle-circle.cjs +1 -1
  7. package/build/angle-picker-control/angle-circle.cjs.map +2 -2
  8. package/build/angle-picker-control/index.cjs +2 -2
  9. package/build/autocomplete/get-autocomplete-match.cjs.map +1 -1
  10. package/build/autocomplete/index.cjs.map +1 -1
  11. package/build/base-control/styles/base-control-styles.cjs +6 -6
  12. package/build/base-control/styles/base-control-styles.cjs.map +2 -2
  13. package/build/border-control/styles.cjs +17 -14
  14. package/build/border-control/styles.cjs.map +2 -2
  15. package/build/button/index.cjs +3 -7
  16. package/build/button/index.cjs.map +2 -2
  17. package/build/card/card-divider/hook.cjs.map +2 -2
  18. package/build/color-palette/index.cjs.map +1 -1
  19. package/build/color-picker/component.cjs.map +1 -1
  20. package/build/date-time/utils.cjs.map +1 -1
  21. package/build/draggable/index.cjs.map +1 -1
  22. package/build/external-link/index.cjs +1 -1
  23. package/build/external-link/index.cjs.map +1 -1
  24. package/build/menu/popover.cjs.map +1 -1
  25. package/build/menu/styles.cjs +17 -17
  26. package/build/menu/styles.cjs.map +2 -2
  27. package/build/modal/index.cjs.map +1 -1
  28. package/build/modal/use-modal-exit-animation.cjs +37 -52
  29. package/build/modal/use-modal-exit-animation.cjs.map +2 -2
  30. package/build/palette-edit/index.cjs +1 -1
  31. package/build/progress-bar/index.cjs +1 -1
  32. package/build/progress-bar/index.cjs.map +2 -2
  33. package/build/query-controls/index.cjs +2 -2
  34. package/build/query-controls/index.cjs.map +2 -2
  35. package/build/range-control/index.cjs.map +1 -1
  36. package/build/sandbox/index.cjs +7 -1
  37. package/build/sandbox/index.cjs.map +2 -2
  38. package/build/snackbar/index.cjs +1 -1
  39. package/build/spinner/styles.cjs +4 -4
  40. package/build/spinner/styles.cjs.map +2 -2
  41. package/build/tabs/index.cjs +0 -18
  42. package/build/tabs/index.cjs.map +2 -2
  43. package/build/tabs/tablist.cjs +5 -15
  44. package/build/tabs/tablist.cjs.map +2 -2
  45. package/build/tools-panel/styles.cjs +13 -13
  46. package/build/tools-panel/styles.cjs.map +2 -2
  47. package/build/tools-panel/tools-panel/hook.cjs.map +1 -1
  48. package/build/tree-select/index.cjs +1 -1
  49. package/build/tree-select/index.cjs.map +1 -1
  50. package/build/truncate/utils.cjs +1 -1
  51. package/build/truncate/utils.cjs.map +1 -1
  52. package/build/utils/colors-values.cjs +12 -12
  53. package/build/utils/colors-values.cjs.map +2 -2
  54. package/build/utils/config-values.cjs +2 -2
  55. package/build/utils/config-values.cjs.map +2 -2
  56. package/build/utils/dropdown-motion.cjs.map +2 -2
  57. package/build/utils/strings.cjs.map +1 -1
  58. package/build-module/alignment-matrix-control/cell.mjs +1 -1
  59. package/build-module/alignment-matrix-control/cell.mjs.map +2 -2
  60. package/build-module/alignment-matrix-control/index.mjs +1 -1
  61. package/build-module/alignment-matrix-control/index.mjs.map +2 -2
  62. package/build-module/angle-picker-control/angle-circle.mjs +1 -1
  63. package/build-module/angle-picker-control/angle-circle.mjs.map +2 -2
  64. package/build-module/angle-picker-control/index.mjs +2 -2
  65. package/build-module/autocomplete/get-autocomplete-match.mjs.map +1 -1
  66. package/build-module/autocomplete/index.mjs.map +1 -1
  67. package/build-module/base-control/styles/base-control-styles.mjs +6 -6
  68. package/build-module/base-control/styles/base-control-styles.mjs.map +2 -2
  69. package/build-module/border-control/styles.mjs +17 -14
  70. package/build-module/border-control/styles.mjs.map +2 -2
  71. package/build-module/button/index.mjs +2 -5
  72. package/build-module/button/index.mjs.map +2 -2
  73. package/build-module/card/card-divider/hook.mjs.map +2 -2
  74. package/build-module/color-palette/index.mjs.map +1 -1
  75. package/build-module/color-picker/component.mjs.map +1 -1
  76. package/build-module/date-time/utils.mjs.map +1 -1
  77. package/build-module/draggable/index.mjs.map +1 -1
  78. package/build-module/external-link/index.mjs +1 -1
  79. package/build-module/external-link/index.mjs.map +1 -1
  80. package/build-module/menu/popover.mjs.map +1 -1
  81. package/build-module/menu/styles.mjs +17 -17
  82. package/build-module/menu/styles.mjs.map +2 -2
  83. package/build-module/modal/index.mjs.map +1 -1
  84. package/build-module/modal/use-modal-exit-animation.mjs +37 -52
  85. package/build-module/modal/use-modal-exit-animation.mjs.map +2 -2
  86. package/build-module/palette-edit/index.mjs +1 -1
  87. package/build-module/progress-bar/index.mjs +1 -1
  88. package/build-module/progress-bar/index.mjs.map +2 -2
  89. package/build-module/query-controls/index.mjs +2 -2
  90. package/build-module/query-controls/index.mjs.map +2 -2
  91. package/build-module/range-control/index.mjs.map +1 -1
  92. package/build-module/sandbox/index.mjs +3 -1
  93. package/build-module/sandbox/index.mjs.map +2 -2
  94. package/build-module/snackbar/index.mjs +1 -1
  95. package/build-module/spinner/styles.mjs +4 -4
  96. package/build-module/spinner/styles.mjs.map +2 -2
  97. package/build-module/tabs/index.mjs +1 -19
  98. package/build-module/tabs/index.mjs.map +2 -2
  99. package/build-module/tabs/tablist.mjs +5 -15
  100. package/build-module/tabs/tablist.mjs.map +2 -2
  101. package/build-module/tools-panel/styles.mjs +13 -13
  102. package/build-module/tools-panel/styles.mjs.map +2 -2
  103. package/build-module/tools-panel/tools-panel/hook.mjs.map +1 -1
  104. package/build-module/tree-select/index.mjs +1 -1
  105. package/build-module/tree-select/index.mjs.map +1 -1
  106. package/build-module/truncate/utils.mjs +1 -1
  107. package/build-module/truncate/utils.mjs.map +1 -1
  108. package/build-module/utils/colors-values.mjs +12 -12
  109. package/build-module/utils/colors-values.mjs.map +2 -2
  110. package/build-module/utils/config-values.mjs +2 -2
  111. package/build-module/utils/config-values.mjs.map +2 -2
  112. package/build-module/utils/dropdown-motion.mjs.map +2 -2
  113. package/build-module/utils/strings.mjs.map +1 -1
  114. package/build-style/style-rtl.css +82 -82
  115. package/build-style/style.css +82 -82
  116. package/build-types/base-control/styles/base-control-styles.d.ts.map +1 -1
  117. package/build-types/border-control/styles.d.ts.map +1 -1
  118. package/build-types/button/index.d.ts +0 -2
  119. package/build-types/button/index.d.ts.map +1 -1
  120. package/build-types/card/card-divider/hook.d.ts +1 -274
  121. package/build-types/card/card-divider/hook.d.ts.map +1 -1
  122. package/build-types/composite/stories/index.story.d.ts.map +1 -1
  123. package/build-types/confirm-dialog/stories/index.story.d.ts.map +1 -1
  124. package/build-types/dropdown/stories/index.story.d.ts.map +1 -1
  125. package/build-types/menu/styles.d.ts.map +1 -1
  126. package/build-types/menu/types.d.ts +2 -2
  127. package/build-types/sandbox/index.d.ts +15 -0
  128. package/build-types/sandbox/index.d.ts.map +1 -1
  129. package/build-types/spinner/styles.d.ts.map +1 -1
  130. package/build-types/tabs/index.d.ts.map +1 -1
  131. package/build-types/tabs/tablist.d.ts.map +1 -1
  132. package/build-types/tools-panel/styles.d.ts.map +1 -1
  133. package/build-types/utils/colors-values.d.ts.map +1 -1
  134. package/build-types/utils/dropdown-motion.d.ts.map +1 -1
  135. package/build-types/validated-form-controls/components/combobox-control.d.ts +1 -1
  136. package/package.json +34 -28
  137. package/src/angle-picker-control/angle-circle.tsx +3 -3
  138. package/src/base-control/README.md +2 -2
  139. package/src/base-control/styles/base-control-styles.ts +1 -0
  140. package/src/border-control/styles.ts +1 -0
  141. package/src/button/index.tsx +2 -4
  142. package/src/button/style.scss +3 -3
  143. package/src/card/card-divider/hook.ts +5 -1
  144. package/src/card/test/__snapshots__/index.tsx.snap +3 -3
  145. package/src/composite/stories/index.story.tsx +5 -0
  146. package/src/confirm-dialog/stories/index.story.tsx +1 -0
  147. package/src/dropdown/stories/index.story.tsx +5 -0
  148. package/src/dropdown-menu/style.scss +1 -1
  149. package/src/external-link/style.scss +4 -4
  150. package/src/form-toggle/style.scss +1 -1
  151. package/src/heading/test/__snapshots__/index.tsx.snap +4 -4
  152. package/src/menu/README.md +2 -2
  153. package/src/menu/styles.ts +2 -0
  154. package/src/menu/test/index.tsx +120 -87
  155. package/src/menu/types.ts +2 -2
  156. package/src/modal/style.scss +1 -1
  157. package/src/modal/use-modal-exit-animation.ts +2 -2
  158. package/src/notice/style.scss +11 -13
  159. package/src/panel/README.md +2 -0
  160. package/src/panel/stories/index.story.tsx +2 -2
  161. package/src/panel/style.scss +1 -1
  162. package/src/radio-control/style.scss +1 -1
  163. package/src/sandbox/index.tsx +18 -1
  164. package/src/sandbox/test/index.tsx +44 -1
  165. package/src/spinner/styles.ts +1 -0
  166. package/src/tab-panel/style.scss +6 -6
  167. package/src/tabs/index.tsx +1 -26
  168. package/src/tabs/tablist.tsx +5 -21
  169. package/src/tabs/test/index.tsx +16 -27
  170. package/src/text/test/__snapshots__/index.tsx.snap +3 -3
  171. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +34 -26
  172. package/src/toolbar/toolbar-group/style.scss +2 -2
  173. package/src/tools-panel/styles.ts +1 -1
  174. package/src/tooltip/stories/index.story.tsx +2 -2
  175. package/src/utils/colors-values.js +36 -16
  176. package/src/utils/config-values.js +2 -2
  177. package/src/utils/dropdown-motion.ts +6 -4
  178. package/src/utils/theme-variables.scss +18 -13
  179. package/build-types/card/context.d.ts +0 -3
  180. package/build-types/card/context.d.ts.map +0 -1
  181. package/build-types/date-time/date/index.d.ts +0 -23
  182. package/build-types/date-time/date/index.d.ts.map +0 -1
  183. package/build-types/date-time/date/styles.d.ts +0 -45
  184. package/build-types/date-time/date/styles.d.ts.map +0 -1
  185. package/build-types/date-time/date/test/index.d.ts +0 -2
  186. package/build-types/date-time/date/test/index.d.ts.map +0 -1
  187. package/build-types/date-time/date/test/use-lilius.d.ts +0 -2
  188. package/build-types/date-time/date/test/use-lilius.d.ts.map +0 -1
  189. package/build-types/date-time/date/use-lilius/index.d.ts +0 -169
  190. package/build-types/date-time/date/use-lilius/index.d.ts.map +0 -1
  191. package/build-types/date-time/time/index.d.ts +0 -27
  192. package/build-types/date-time/time/index.d.ts.map +0 -1
  193. package/build-types/date-time/time/styles.d.ts +0 -93
  194. package/build-types/date-time/time/styles.d.ts.map +0 -1
  195. package/build-types/date-time/time/test/index.d.ts +0 -2
  196. package/build-types/date-time/time/test/index.d.ts.map +0 -1
  197. package/build-types/date-time/time/time-input/index.d.ts +0 -4
  198. package/build-types/date-time/time/time-input/index.d.ts.map +0 -1
  199. package/build-types/date-time/time/time-input/test/index.d.ts +0 -2
  200. package/build-types/date-time/time/time-input/test/index.d.ts.map +0 -1
  201. package/build-types/date-time/time/timezone.d.ts +0 -7
  202. package/build-types/date-time/time/timezone.d.ts.map +0 -1
  203. package/build-types/mobile/image/constants.d.ts +0 -5
  204. package/build-types/mobile/image/constants.d.ts.map +0 -1
  205. package/build-types/navigation/back-button/index.d.ts +0 -7
  206. package/build-types/navigation/back-button/index.d.ts.map +0 -1
  207. package/build-types/navigation/constants.d.ts +0 -3
  208. package/build-types/navigation/constants.d.ts.map +0 -1
  209. package/build-types/navigation/context.d.ts +0 -4
  210. package/build-types/navigation/context.d.ts.map +0 -1
  211. package/build-types/navigation/group/context.d.ts +0 -7
  212. package/build-types/navigation/group/context.d.ts.map +0 -1
  213. package/build-types/navigation/group/index.d.ts +0 -7
  214. package/build-types/navigation/group/index.d.ts.map +0 -1
  215. package/build-types/navigation/index.d.ts +0 -46
  216. package/build-types/navigation/index.d.ts.map +0 -1
  217. package/build-types/navigation/item/base-content.d.ts +0 -3
  218. package/build-types/navigation/item/base-content.d.ts.map +0 -1
  219. package/build-types/navigation/item/base.d.ts +0 -3
  220. package/build-types/navigation/item/base.d.ts.map +0 -1
  221. package/build-types/navigation/item/index.d.ts +0 -7
  222. package/build-types/navigation/item/index.d.ts.map +0 -1
  223. package/build-types/navigation/item/use-navigation-tree-item.d.ts +0 -3
  224. package/build-types/navigation/item/use-navigation-tree-item.d.ts.map +0 -1
  225. package/build-types/navigation/menu/context.d.ts +0 -7
  226. package/build-types/navigation/menu/context.d.ts.map +0 -1
  227. package/build-types/navigation/menu/index.d.ts +0 -7
  228. package/build-types/navigation/menu/index.d.ts.map +0 -1
  229. package/build-types/navigation/menu/menu-title-search.d.ts +0 -3
  230. package/build-types/navigation/menu/menu-title-search.d.ts.map +0 -1
  231. package/build-types/navigation/menu/menu-title.d.ts +0 -3
  232. package/build-types/navigation/menu/menu-title.d.ts.map +0 -1
  233. package/build-types/navigation/menu/search-no-results-found.d.ts +0 -3
  234. package/build-types/navigation/menu/search-no-results-found.d.ts.map +0 -1
  235. package/build-types/navigation/menu/use-navigation-tree-menu.d.ts +0 -3
  236. package/build-types/navigation/menu/use-navigation-tree-menu.d.ts.map +0 -1
  237. package/build-types/navigation/stories/index.story.d.ts +0 -23
  238. package/build-types/navigation/stories/index.story.d.ts.map +0 -1
  239. package/build-types/navigation/stories/utils/controlled-state.d.ts +0 -7
  240. package/build-types/navigation/stories/utils/controlled-state.d.ts.map +0 -1
  241. package/build-types/navigation/stories/utils/default.d.ts +0 -10
  242. package/build-types/navigation/stories/utils/default.d.ts.map +0 -1
  243. package/build-types/navigation/stories/utils/group.d.ts +0 -10
  244. package/build-types/navigation/stories/utils/group.d.ts.map +0 -1
  245. package/build-types/navigation/stories/utils/hide-if-empty.d.ts +0 -10
  246. package/build-types/navigation/stories/utils/hide-if-empty.d.ts.map +0 -1
  247. package/build-types/navigation/stories/utils/more-examples.d.ts +0 -10
  248. package/build-types/navigation/stories/utils/more-examples.d.ts.map +0 -1
  249. package/build-types/navigation/stories/utils/search.d.ts +0 -10
  250. package/build-types/navigation/stories/utils/search.d.ts.map +0 -1
  251. package/build-types/navigation/styles/navigation-styles.d.ts +0 -55
  252. package/build-types/navigation/styles/navigation-styles.d.ts.map +0 -1
  253. package/build-types/navigation/test/index.d.ts +0 -2
  254. package/build-types/navigation/test/index.d.ts.map +0 -1
  255. package/build-types/navigation/types.d.ts +0 -266
  256. package/build-types/navigation/types.d.ts.map +0 -1
  257. package/build-types/navigation/use-create-navigation-tree.d.ts +0 -15
  258. package/build-types/navigation/use-create-navigation-tree.d.ts.map +0 -1
  259. package/build-types/navigation/use-navigation-tree-nodes.d.ts +0 -10
  260. package/build-types/navigation/use-navigation-tree-nodes.d.ts.map +0 -1
  261. package/build-types/navigation/utils.d.ts +0 -3
  262. package/build-types/navigation/utils.d.ts.map +0 -1
  263. package/build-types/visually-hidden/test/index.d.ts +0 -2
  264. package/build-types/visually-hidden/test/index.d.ts.map +0 -1
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/spinner/styles.ts"],
4
- "sourcesContent": ["import _styled from \"@emotion/styled/base\";\nfunction _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).\"; }\n/**\n * External dependencies\n */\n\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n `;\nexport const StyledSpinner = /*#__PURE__*/_styled(\"svg\", process.env.NODE_ENV === \"production\" ? {\n target: \"ea4tfvq2\"\n} : {\n target: \"ea4tfvq2\",\n label: \"StyledSpinner\"\n})(\"width:\", CONFIG.spinnerSize, \"px;height:\", CONFIG.spinnerSize, \"px;display:inline-block;margin:5px 11px 0;position:relative;color:\", COLORS.theme.accent, \";overflow:visible;opacity:1;background-color:transparent;\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnVDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\"));\nconst commonPathProps = process.env.NODE_ENV === \"production\" ? {\n name: \"9s4963\",\n styles: \"fill:transparent;stroke-width:1.5px\"\n} : {\n name: \"o2zng0-commonPathProps\",\n styles: \"fill:transparent;stroke-width:1.5px;label:commonPathProps;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\nexport const SpinnerTrack = /*#__PURE__*/_styled(\"circle\", process.env.NODE_ENV === \"production\" ? {\n target: \"ea4tfvq1\"\n} : {\n target: \"ea4tfvq1\",\n label: \"SpinnerTrack\"\n})(commonPathProps, \";stroke:\", COLORS.gray[300], \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3lDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\"));\nexport const SpinnerIndicator = /*#__PURE__*/_styled(\"path\", process.env.NODE_ENV === \"production\" ? {\n target: \"ea4tfvq0\"\n} : {\n target: \"ea4tfvq0\",\n label: \"SpinnerIndicator\"\n})(commonPathProps, \";stroke:currentColor;stroke-linecap:round;transform-origin:50% 50%;animation:1.4s linear infinite both \", spinAnimation, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\"));"],
5
- "mappings": ";AAAA,OAAO,aAAa;AAMpB,SAAS,KAAK,iBAAiB;AAK/B,SAAS,QAAQ,cAAc;AAV/B,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAWxR,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQf,IAAM,gBAA6B,wBAAQ,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC/F,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,UAAU,OAAO,aAAa,cAAc,OAAO,aAAa,sEAAsE,OAAO,MAAM,QAAQ,+DAA+D,QAAQ,IAAI,aAAa,eAAe,KAAK,klDAAklD;AAC51D,IAAM,kBAAkB,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC9D,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ;AACO,IAAM,eAA4B,wBAAQ,UAAU,QAAQ,IAAI,aAAa,eAAe;AAAA,EACjG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,iBAAiB,YAAY,OAAO,KAAK,GAAG,GAAG,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,klDAAklD;AACjrD,IAAM,mBAAgC,wBAAQ,QAAQ,QAAQ,IAAI,aAAa,eAAe;AAAA,EACnG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,iBAAiB,2GAA2G,eAAe,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,klDAAklD;",
4
+ "sourcesContent": ["import _styled from \"@emotion/styled/base\";\nfunction _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).\"; }\n/**\n * External dependencies\n */\n\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n `;\nexport const StyledSpinner = /*#__PURE__*/_styled(\"svg\", process.env.NODE_ENV === \"production\" ? {\n target: \"ea4tfvq2\"\n} : {\n target: \"ea4tfvq2\",\n label: \"StyledSpinner\"\n})(\"width:\", CONFIG.spinnerSize, \"px;height:\", CONFIG.spinnerSize, \"px;display:inline-block;margin:5px 11px 0;position:relative;color:\", COLORS.theme.accent, \";overflow:visible;opacity:1;background-color:transparent;\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnVDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG4vLyBUT0RPOiBzaG91bGQgdXNlIHRoZSBgc3Ryb2tlLXN1cmZhY2UtbmV1dHJhbGAgV1BEUyB0b2tlbiB3aGVuIHJlZmFjdG9yZWQgdG8gU0NTUyBtb2R1bGVzXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\"));\nconst commonPathProps = process.env.NODE_ENV === \"production\" ? {\n name: \"9s4963\",\n styles: \"fill:transparent;stroke-width:1.5px\"\n} : {\n name: \"o2zng0-commonPathProps\",\n styles: \"fill:transparent;stroke-width:1.5px;label:commonPathProps;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG4vLyBUT0RPOiBzaG91bGQgdXNlIHRoZSBgc3Ryb2tlLXN1cmZhY2UtbmV1dHJhbGAgV1BEUyB0b2tlbiB3aGVuIHJlZmFjdG9yZWQgdG8gU0NTUyBtb2R1bGVzXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\n\n// TODO: should use the `stroke-surface-neutral` WPDS token when refactored to SCSS modules\nexport const SpinnerTrack = /*#__PURE__*/_styled(\"circle\", process.env.NODE_ENV === \"production\" ? {\n target: \"ea4tfvq1\"\n} : {\n target: \"ea4tfvq1\",\n label: \"SpinnerTrack\"\n})(commonPathProps, \";stroke:\", COLORS.gray[300], \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3lDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG4vLyBUT0RPOiBzaG91bGQgdXNlIHRoZSBgc3Ryb2tlLXN1cmZhY2UtbmV1dHJhbGAgV1BEUyB0b2tlbiB3aGVuIHJlZmFjdG9yZWQgdG8gU0NTUyBtb2R1bGVzXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\"));\nexport const SpinnerIndicator = /*#__PURE__*/_styled(\"path\", process.env.NODE_ENV === \"production\" ? {\n target: \"ea4tfvq0\"\n} : {\n target: \"ea4tfvq0\",\n label: \"SpinnerIndicator\"\n})(commonPathProps, \";stroke:currentColor;stroke-linecap:round;transform-origin:50% 50%;animation:1.4s linear infinite both \", spinAnimation, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbiBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5zdmdgXG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfXB4O1xuXHRoZWlnaHQ6ICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9cHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiA1cHggMTFweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAxO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IGNvbW1vblBhdGhQcm9wcyA9IGNzc2Bcblx0ZmlsbDogdHJhbnNwYXJlbnQ7XG5cdHN0cm9rZS13aWR0aDogMS41cHg7XG5gO1xuXG4vLyBUT0RPOiBzaG91bGQgdXNlIHRoZSBgc3Ryb2tlLXN1cmZhY2UtbmV1dHJhbGAgV1BEUyB0b2tlbiB3aGVuIHJlZmFjdG9yZWQgdG8gU0NTUyBtb2R1bGVzXG5leHBvcnQgY29uc3QgU3Bpbm5lclRyYWNrID0gc3R5bGVkLmNpcmNsZWBcblx0JHsgY29tbW9uUGF0aFByb3BzIH07XG5cdHN0cm9rZTogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU3Bpbm5lckluZGljYXRvciA9IHN0eWxlZC5wYXRoYFxuXHQkeyBjb21tb25QYXRoUHJvcHMgfTtcblx0c3Ryb2tlOiBjdXJyZW50Q29sb3I7XG5cdHN0cm9rZS1saW5lY2FwOiByb3VuZDtcblx0dHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcblx0YW5pbWF0aW9uOiAxLjRzIGxpbmVhciBpbmZpbml0ZSBib3RoICR7IHNwaW5BbmltYXRpb24gfTtcbmA7XG4iXX0= */\"));"],
5
+ "mappings": ";AAAA,OAAO,aAAa;AAMpB,SAAS,KAAK,iBAAiB;AAK/B,SAAS,QAAQ,cAAc;AAV/B,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAWxR,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQf,IAAM,gBAA6B,wBAAQ,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC/F,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,UAAU,OAAO,aAAa,cAAc,OAAO,aAAa,sEAAsE,OAAO,MAAM,QAAQ,+DAA+D,QAAQ,IAAI,aAAa,eAAe,KAAK,8sDAA8sD;AACx9D,IAAM,kBAAkB,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC9D,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ;AAGO,IAAM,eAA4B,wBAAQ,UAAU,QAAQ,IAAI,aAAa,eAAe;AAAA,EACjG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,iBAAiB,YAAY,OAAO,KAAK,GAAG,GAAG,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,8sDAA8sD;AAC7yD,IAAM,mBAAgC,wBAAQ,QAAQ,QAAQ,IAAI,aAAa,eAAe;AAAA,EACnG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,iBAAiB,2GAA2G,eAAe,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,8sDAA8sD;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  // packages/components/src/tabs/index.tsx
2
2
  import * as Ariakit from "@ariakit/react";
3
3
  import { useInstanceId } from "@wordpress/compose";
4
- import { useEffect, useMemo } from "@wordpress/element";
4
+ import { useMemo } from "@wordpress/element";
5
5
  import { isRTL } from "@wordpress/i18n";
6
6
  import { TabsContext } from "./context.mjs";
7
7
  import { Tab } from "./tab.mjs";
@@ -41,24 +41,6 @@ var Tabs = Object.assign(function Tabs2({
41
41
  activeId: externalToInternalTabId(activeTabId, instanceId),
42
42
  rtl: isRTL()
43
43
  });
44
- const {
45
- items,
46
- activeId
47
- } = Ariakit.useStoreState(store);
48
- const {
49
- setActiveId
50
- } = store;
51
- useEffect(() => {
52
- requestAnimationFrame(() => {
53
- const focusedElement = items?.[0]?.element?.ownerDocument.activeElement;
54
- if (!focusedElement || !items.some((item) => focusedElement === item.element)) {
55
- return;
56
- }
57
- if (activeId !== focusedElement.id) {
58
- setActiveId(focusedElement.id);
59
- }
60
- });
61
- }, [activeId, items, setActiveId]);
62
44
  const contextValue = useMemo(() => ({
63
45
  store,
64
46
  instanceId
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tabs/index.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\n\nimport { TabsContext } from './context';\nimport { Tab } from './tab';\nimport { TabList } from './tablist';\nimport { TabPanel } from './tabpanel';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction externalToInternalTabId(externalId, instanceId) {\n return externalId && `${instanceId}-${externalId}`;\n}\nfunction internalToExternalTabId(internalId, instanceId) {\n return typeof internalId === 'string' ? internalId.replace(`${instanceId}-`, '') : internalId;\n}\n\n/**\n * Tabs is a collection of React components that combine to render\n * an [ARIA-compliant tabs pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).\n *\n * Tabs organizes content across different screens, data sets, and interactions.\n * It has two sections: a list of tabs, and the view to show when a tab is chosen.\n *\n * `Tabs` itself is a wrapper component and context provider.\n * It is responsible for managing the state of the tabs, and rendering one instance of the `Tabs.TabList` component and one or more instances of the `Tab.TabPanel` component.\n */\nexport const Tabs = Object.assign(function Tabs({\n selectOnMove = true,\n defaultTabId,\n orientation = 'horizontal',\n onSelect,\n children,\n selectedTabId,\n activeTabId,\n defaultActiveTabId,\n onActiveTabIdChange\n}) {\n const instanceId = useInstanceId(Tabs, 'tabs');\n const store = Ariakit.useTabStore({\n selectOnMove,\n orientation,\n defaultSelectedId: externalToInternalTabId(defaultTabId, instanceId),\n setSelectedId: newSelectedId => {\n onSelect?.(internalToExternalTabId(newSelectedId, instanceId));\n },\n selectedId: externalToInternalTabId(selectedTabId, instanceId),\n defaultActiveId: externalToInternalTabId(defaultActiveTabId, instanceId),\n setActiveId: newActiveId => {\n onActiveTabIdChange?.(internalToExternalTabId(newActiveId, instanceId));\n },\n activeId: externalToInternalTabId(activeTabId, instanceId),\n rtl: isRTL()\n });\n const {\n items,\n activeId\n } = Ariakit.useStoreState(store);\n const {\n setActiveId\n } = store;\n useEffect(() => {\n requestAnimationFrame(() => {\n const focusedElement = items?.[0]?.element?.ownerDocument.activeElement;\n if (!focusedElement || !items.some(item => focusedElement === item.element)) {\n return; // Return early if no tabs are focused.\n }\n\n // If, after ariakit re-computes the active tab, that tab doesn't match\n // the currently focused tab, then we force an update to ariakit to avoid\n // any mismatches, especially when navigating to previous/next tab with\n // arrow keys.\n if (activeId !== focusedElement.id) {\n setActiveId(focusedElement.id);\n }\n });\n }, [activeId, items, setActiveId]);\n const contextValue = useMemo(() => ({\n store,\n instanceId\n }), [store, instanceId]);\n return /*#__PURE__*/_jsx(TabsContext.Provider, {\n value: contextValue,\n children: children\n });\n}, {\n /**\n * Renders a single tab.\n *\n * The currently active tab receives default styling that can be\n * overridden with CSS targeting `[aria-selected=\"true\"]`.\n */\n Tab: Object.assign(Tab, {\n displayName: 'Tabs.Tab'\n }),\n /**\n * A wrapper component for the `Tab` components.\n *\n * It is responsible for rendering the list of tabs.\n */\n TabList: Object.assign(TabList, {\n displayName: 'Tabs.TabList'\n }),\n /**\n * Renders the content to display for a single tab once that tab is selected.\n */\n TabPanel: Object.assign(TabPanel, {\n displayName: 'Tabs.TabPanel'\n }),\n Context: Object.assign(TabsContext, {\n displayName: 'Tabs.Context'\n })\n});"],
5
- "mappings": ";AAGA,YAAY,aAAa;AAKzB,SAAS,qBAAqB;AAC9B,SAAS,WAAW,eAAe;AACnC,SAAS,aAAa;AAMtB,SAAS,mBAAmB;AAC5B,SAAS,WAAW;AACpB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,OAAO,YAAY;AAC5B,SAAS,wBAAwB,YAAY,YAAY;AACvD,SAAO,cAAc,GAAG,UAAU,IAAI,UAAU;AAClD;AACA,SAAS,wBAAwB,YAAY,YAAY;AACvD,SAAO,OAAO,eAAe,WAAW,WAAW,QAAQ,GAAG,UAAU,KAAK,EAAE,IAAI;AACrF;AAYO,IAAM,OAAO,OAAO,OAAO,SAASA,MAAK;AAAA,EAC9C,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,aAAa,cAAcA,OAAM,MAAM;AAC7C,QAAM,QAAgB,oBAAY;AAAA,IAChC;AAAA,IACA;AAAA,IACA,mBAAmB,wBAAwB,cAAc,UAAU;AAAA,IACnE,eAAe,mBAAiB;AAC9B,iBAAW,wBAAwB,eAAe,UAAU,CAAC;AAAA,IAC/D;AAAA,IACA,YAAY,wBAAwB,eAAe,UAAU;AAAA,IAC7D,iBAAiB,wBAAwB,oBAAoB,UAAU;AAAA,IACvE,aAAa,iBAAe;AAC1B,4BAAsB,wBAAwB,aAAa,UAAU,CAAC;AAAA,IACxE;AAAA,IACA,UAAU,wBAAwB,aAAa,UAAU;AAAA,IACzD,KAAK,MAAM;AAAA,EACb,CAAC;AACD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAY,sBAAc,KAAK;AAC/B,QAAM;AAAA,IACJ;AAAA,EACF,IAAI;AACJ,YAAU,MAAM;AACd,0BAAsB,MAAM;AAC1B,YAAM,iBAAiB,QAAQ,CAAC,GAAG,SAAS,cAAc;AAC1D,UAAI,CAAC,kBAAkB,CAAC,MAAM,KAAK,UAAQ,mBAAmB,KAAK,OAAO,GAAG;AAC3E;AAAA,MACF;AAMA,UAAI,aAAa,eAAe,IAAI;AAClC,oBAAY,eAAe,EAAE;AAAA,MAC/B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,OAAO,WAAW,CAAC;AACjC,QAAM,eAAe,QAAQ,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,OAAO,UAAU,CAAC;AACvB,SAAoB,qBAAK,YAAY,UAAU;AAAA,IAC7C,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,KAAK,OAAO,OAAO,KAAK;AAAA,IACtB,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,SAAS,OAAO,OAAO,SAAS;AAAA,IAC9B,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA,EAID,UAAU,OAAO,OAAO,UAAU;AAAA,IAChC,aAAa;AAAA,EACf,CAAC;AAAA,EACD,SAAS,OAAO,OAAO,aAAa;AAAA,IAClC,aAAa;AAAA,EACf,CAAC;AACH,CAAC;",
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\n\nimport { TabsContext } from './context';\nimport { Tab } from './tab';\nimport { TabList } from './tablist';\nimport { TabPanel } from './tabpanel';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction externalToInternalTabId(externalId, instanceId) {\n return externalId && `${instanceId}-${externalId}`;\n}\nfunction internalToExternalTabId(internalId, instanceId) {\n return typeof internalId === 'string' ? internalId.replace(`${instanceId}-`, '') : internalId;\n}\n\n/**\n * Tabs is a collection of React components that combine to render\n * an [ARIA-compliant tabs pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).\n *\n * Tabs organizes content across different screens, data sets, and interactions.\n * It has two sections: a list of tabs, and the view to show when a tab is chosen.\n *\n * `Tabs` itself is a wrapper component and context provider.\n * It is responsible for managing the state of the tabs, and rendering one instance of the `Tabs.TabList` component and one or more instances of the `Tab.TabPanel` component.\n */\nexport const Tabs = Object.assign(function Tabs({\n selectOnMove = true,\n defaultTabId,\n orientation = 'horizontal',\n onSelect,\n children,\n selectedTabId,\n activeTabId,\n defaultActiveTabId,\n onActiveTabIdChange\n}) {\n const instanceId = useInstanceId(Tabs, 'tabs');\n const store = Ariakit.useTabStore({\n selectOnMove,\n orientation,\n defaultSelectedId: externalToInternalTabId(defaultTabId, instanceId),\n setSelectedId: newSelectedId => {\n onSelect?.(internalToExternalTabId(newSelectedId, instanceId));\n },\n selectedId: externalToInternalTabId(selectedTabId, instanceId),\n defaultActiveId: externalToInternalTabId(defaultActiveTabId, instanceId),\n setActiveId: newActiveId => {\n onActiveTabIdChange?.(internalToExternalTabId(newActiveId, instanceId));\n },\n activeId: externalToInternalTabId(activeTabId, instanceId),\n rtl: isRTL()\n });\n const contextValue = useMemo(() => ({\n store,\n instanceId\n }), [store, instanceId]);\n return /*#__PURE__*/_jsx(TabsContext.Provider, {\n value: contextValue,\n children: children\n });\n}, {\n /**\n * Renders a single tab.\n *\n * The currently active tab receives default styling that can be\n * overridden with CSS targeting `[aria-selected=\"true\"]`.\n */\n Tab: Object.assign(Tab, {\n displayName: 'Tabs.Tab'\n }),\n /**\n * A wrapper component for the `Tab` components.\n *\n * It is responsible for rendering the list of tabs.\n */\n TabList: Object.assign(TabList, {\n displayName: 'Tabs.TabList'\n }),\n /**\n * Renders the content to display for a single tab once that tab is selected.\n */\n TabPanel: Object.assign(TabPanel, {\n displayName: 'Tabs.TabPanel'\n }),\n Context: Object.assign(TabsContext, {\n displayName: 'Tabs.Context'\n })\n});"],
5
+ "mappings": ";AAGA,YAAY,aAAa;AAKzB,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AACxB,SAAS,aAAa;AAMtB,SAAS,mBAAmB;AAC5B,SAAS,WAAW;AACpB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,OAAO,YAAY;AAC5B,SAAS,wBAAwB,YAAY,YAAY;AACvD,SAAO,cAAc,GAAG,UAAU,IAAI,UAAU;AAClD;AACA,SAAS,wBAAwB,YAAY,YAAY;AACvD,SAAO,OAAO,eAAe,WAAW,WAAW,QAAQ,GAAG,UAAU,KAAK,EAAE,IAAI;AACrF;AAYO,IAAM,OAAO,OAAO,OAAO,SAASA,MAAK;AAAA,EAC9C,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,aAAa,cAAcA,OAAM,MAAM;AAC7C,QAAM,QAAgB,oBAAY;AAAA,IAChC;AAAA,IACA;AAAA,IACA,mBAAmB,wBAAwB,cAAc,UAAU;AAAA,IACnE,eAAe,mBAAiB;AAC9B,iBAAW,wBAAwB,eAAe,UAAU,CAAC;AAAA,IAC/D;AAAA,IACA,YAAY,wBAAwB,eAAe,UAAU;AAAA,IAC7D,iBAAiB,wBAAwB,oBAAoB,UAAU;AAAA,IACvE,aAAa,iBAAe;AAC1B,4BAAsB,wBAAwB,aAAa,UAAU,CAAC;AAAA,IACxE;AAAA,IACA,UAAU,wBAAwB,aAAa,UAAU;AAAA,IACzD,KAAK,MAAM;AAAA,EACb,CAAC;AACD,QAAM,eAAe,QAAQ,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,OAAO,UAAU,CAAC;AACvB,SAAoB,qBAAK,YAAY,UAAU;AAAA,IAC7C,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,KAAK,OAAO,OAAO,KAAK;AAAA,IACtB,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,SAAS,OAAO,OAAO,SAAS;AAAA,IAC9B,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA,EAID,UAAU,OAAO,OAAO,UAAU;AAAA,IAChC,aAAa;AAAA,EACf,CAAC;AAAA,EACD,SAAS,OAAO,OAAO,aAAa;AAAA,IAClC,aAAa;AAAA,EACf,CAAC;AACH,CAAC;",
6
6
  "names": ["Tabs"]
7
7
  }
@@ -1,5 +1,5 @@
1
1
  // packages/components/src/tabs/tablist.tsx
2
- import * as Ariakit from "@ariakit/react";
2
+ import { useStoreState } from "@ariakit/react";
3
3
  import clsx from "clsx";
4
4
  import warning from "@wordpress/warning";
5
5
  import { forwardRef, useLayoutEffect, useState } from "@wordpress/element";
@@ -50,14 +50,13 @@ var TabList = forwardRef(function TabList2({
50
50
  const {
51
51
  store
52
52
  } = useTabsContext() ?? {};
53
- const selectedId = Ariakit.useStoreState(store, "selectedId");
54
- const activeId = Ariakit.useStoreState(store, "activeId");
55
- const selectOnMove = Ariakit.useStoreState(store, "selectOnMove");
56
- const items = Ariakit.useStoreState(store, "items");
53
+ const selectedId = useStoreState(store, "selectedId");
54
+ const selectOnMove = useStoreState(store, "selectOnMove");
55
+ const items = useStoreState(store, "items");
57
56
  const [parent, setParent] = useState();
58
57
  const refs = useMergeRefs([ref, setParent]);
59
58
  const selectedItem = store?.item(selectedId);
60
- const renderedItems = Ariakit.useStoreState(store, "renderedItems");
59
+ const renderedItems = useStoreState(store, "renderedItems");
61
60
  const selectedItemIndex = renderedItems && selectedItem ? renderedItems.indexOf(selectedItem) : -1;
62
61
  const selectedRect = useTrackElementOffsetRect(selectedItem?.element, [selectedItemIndex]);
63
62
  const overflow = useTrackOverflow(parent, {
@@ -71,14 +70,6 @@ var TabList = forwardRef(function TabList2({
71
70
  roundRect: true
72
71
  });
73
72
  useScrollRectIntoView(parent, selectedRect);
74
- const onBlur = () => {
75
- if (!selectOnMove) {
76
- return;
77
- }
78
- if (selectedId !== activeId) {
79
- store?.setActiveId(selectedId);
80
- }
81
- };
82
73
  if (!store) {
83
74
  globalThis.SCRIPT_DEBUG === true ? warning("`Tabs.TabList` must be wrapped in a `Tabs` component.") : void 0;
84
75
  return null;
@@ -92,7 +83,6 @@ var TabList = forwardRef(function TabList2({
92
83
  // tabbable when it is a scrolling container.
93
84
  tabIndex: props.tabIndex ?? -1
94
85
  }),
95
- onBlur,
96
86
  "data-select-on-move": selectOnMove ? "true" : "false",
97
87
  ...otherProps,
98
88
  className: clsx(overflow.first && "is-overflowing-first", overflow.last && "is-overflowing-last", otherProps.className),
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tabs/tablist.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\nimport { forwardRef, useLayoutEffect, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport { useTabsContext } from './context';\nimport { StyledTabList } from './styles';\nimport { useTrackElementOffsetRect } from '../utils/element-rect';\nimport { useTrackOverflow } from './use-track-overflow';\nimport { useAnimatedOffsetRect } from '../utils/hooks/use-animated-offset-rect';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_SCROLL_MARGIN = 24;\n\n/**\n * Scrolls a given parent element so that a given rect is visible.\n *\n * The scroll is updated initially and whenever the rect changes.\n */\nfunction useScrollRectIntoView(parent, rect, {\n margin = DEFAULT_SCROLL_MARGIN\n} = {}) {\n useLayoutEffect(() => {\n if (!parent || !rect) {\n return;\n }\n const {\n scrollLeft: parentScroll\n } = parent;\n const parentWidth = parent.getBoundingClientRect().width;\n const {\n left: childLeft,\n width: childWidth\n } = rect;\n const parentRightEdge = parentScroll + parentWidth;\n const childRightEdge = childLeft + childWidth;\n const rightOverflow = childRightEdge + margin - parentRightEdge;\n const leftOverflow = parentScroll - (childLeft - margin);\n let scrollLeft = null;\n if (leftOverflow > 0) {\n scrollLeft = parentScroll - leftOverflow;\n } else if (rightOverflow > 0) {\n scrollLeft = parentScroll + rightOverflow;\n }\n if (scrollLeft !== null) {\n /**\n * The optional chaining is used here to avoid unit test failures.\n * It can be removed when JSDOM supports `Element` scroll methods.\n * See: https://github.com/WordPress/gutenberg/pull/66498#issuecomment-2441146096\n */\n parent.scroll?.({\n left: scrollLeft\n });\n }\n }, [margin, parent, rect]);\n}\nexport const TabList = forwardRef(function TabList({\n children,\n ...otherProps\n}, ref) {\n const {\n store\n } = useTabsContext() ?? {};\n const selectedId = Ariakit.useStoreState(store, 'selectedId');\n const activeId = Ariakit.useStoreState(store, 'activeId');\n const selectOnMove = Ariakit.useStoreState(store, 'selectOnMove');\n const items = Ariakit.useStoreState(store, 'items');\n const [parent, setParent] = useState();\n const refs = useMergeRefs([ref, setParent]);\n const selectedItem = store?.item(selectedId);\n const renderedItems = Ariakit.useStoreState(store, 'renderedItems');\n const selectedItemIndex = renderedItems && selectedItem ? renderedItems.indexOf(selectedItem) : -1;\n // Use selectedItemIndex as a dependency to force recalculation when the\n // selected item index changes (elements are swapped / added / removed).\n const selectedRect = useTrackElementOffsetRect(selectedItem?.element, [selectedItemIndex]);\n\n // Track overflow to show scroll hints.\n const overflow = useTrackOverflow(parent, {\n first: items?.at(0)?.element,\n last: items?.at(-1)?.element\n });\n\n // Size, position, and animate the indicator.\n useAnimatedOffsetRect(parent, selectedRect, {\n prefix: 'selected',\n dataAttribute: 'indicator-animated',\n transitionEndFilter: event => event.pseudoElement === '::before',\n roundRect: true\n });\n\n // Make sure selected tab is scrolled into view.\n useScrollRectIntoView(parent, selectedRect);\n const onBlur = () => {\n if (!selectOnMove) {\n return;\n }\n\n // When automatic tab selection is on, make sure that the active tab is up\n // to date with the selected tab when leaving the tablist. This makes sure\n // that the selected tab will receive keyboard focus when tabbing back into\n // the tablist.\n if (selectedId !== activeId) {\n store?.setActiveId(selectedId);\n }\n };\n if (!store) {\n globalThis.SCRIPT_DEBUG === true ? warning('`Tabs.TabList` must be wrapped in a `Tabs` component.') : void 0;\n return null;\n }\n return /*#__PURE__*/_jsx(StyledTabList, {\n ref: refs,\n store: store,\n render: props => /*#__PURE__*/_jsx(\"div\", {\n ...props,\n // Fallback to -1 to prevent browsers from making the tablist\n // tabbable when it is a scrolling container.\n tabIndex: props.tabIndex ?? -1\n }),\n onBlur: onBlur,\n \"data-select-on-move\": selectOnMove ? 'true' : 'false',\n ...otherProps,\n className: clsx(overflow.first && 'is-overflowing-first', overflow.last && 'is-overflowing-last', otherProps.className),\n children: children\n });\n});"],
5
- "mappings": ";AAGA,YAAY,aAAa;AACzB,OAAO,UAAU;AAKjB,OAAO,aAAa;AACpB,SAAS,YAAY,iBAAiB,gBAAgB;AACtD,SAAS,oBAAoB;AAM7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,OAAO,YAAY;AAC5B,IAAM,wBAAwB;AAO9B,SAAS,sBAAsB,QAAQ,MAAM;AAAA,EAC3C,SAAS;AACX,IAAI,CAAC,GAAG;AACN,kBAAgB,MAAM;AACpB,QAAI,CAAC,UAAU,CAAC,MAAM;AACpB;AAAA,IACF;AACA,UAAM;AAAA,MACJ,YAAY;AAAA,IACd,IAAI;AACJ,UAAM,cAAc,OAAO,sBAAsB,EAAE;AACnD,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,IACT,IAAI;AACJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,iBAAiB,YAAY;AACnC,UAAM,gBAAgB,iBAAiB,SAAS;AAChD,UAAM,eAAe,gBAAgB,YAAY;AACjD,QAAI,aAAa;AACjB,QAAI,eAAe,GAAG;AACpB,mBAAa,eAAe;AAAA,IAC9B,WAAW,gBAAgB,GAAG;AAC5B,mBAAa,eAAe;AAAA,IAC9B;AACA,QAAI,eAAe,MAAM;AAMvB,aAAO,SAAS;AAAA,QACd,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,IAAI,CAAC;AAC3B;AACO,IAAM,UAAU,WAAW,SAASA,SAAQ;AAAA,EACjD;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,eAAe,KAAK,CAAC;AACzB,QAAM,aAAqB,sBAAc,OAAO,YAAY;AAC5D,QAAM,WAAmB,sBAAc,OAAO,UAAU;AACxD,QAAM,eAAuB,sBAAc,OAAO,cAAc;AAChE,QAAM,QAAgB,sBAAc,OAAO,OAAO;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS;AACrC,QAAM,OAAO,aAAa,CAAC,KAAK,SAAS,CAAC;AAC1C,QAAM,eAAe,OAAO,KAAK,UAAU;AAC3C,QAAM,gBAAwB,sBAAc,OAAO,eAAe;AAClE,QAAM,oBAAoB,iBAAiB,eAAe,cAAc,QAAQ,YAAY,IAAI;AAGhG,QAAM,eAAe,0BAA0B,cAAc,SAAS,CAAC,iBAAiB,CAAC;AAGzF,QAAM,WAAW,iBAAiB,QAAQ;AAAA,IACxC,OAAO,OAAO,GAAG,CAAC,GAAG;AAAA,IACrB,MAAM,OAAO,GAAG,EAAE,GAAG;AAAA,EACvB,CAAC;AAGD,wBAAsB,QAAQ,cAAc;AAAA,IAC1C,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,qBAAqB,WAAS,MAAM,kBAAkB;AAAA,IACtD,WAAW;AAAA,EACb,CAAC;AAGD,wBAAsB,QAAQ,YAAY;AAC1C,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AAMA,QAAI,eAAe,UAAU;AAC3B,aAAO,YAAY,UAAU;AAAA,IAC/B;AAAA,EACF;AACA,MAAI,CAAC,OAAO;AACV,eAAW,iBAAiB,OAAO,QAAQ,uDAAuD,IAAI;AACtG,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,eAAe;AAAA,IACtC,KAAK;AAAA,IACL;AAAA,IACA,QAAQ,WAAsB,qBAAK,OAAO;AAAA,MACxC,GAAG;AAAA;AAAA;AAAA,MAGH,UAAU,MAAM,YAAY;AAAA,IAC9B,CAAC;AAAA,IACD;AAAA,IACA,uBAAuB,eAAe,SAAS;AAAA,IAC/C,GAAG;AAAA,IACH,WAAW,KAAK,SAAS,SAAS,wBAAwB,SAAS,QAAQ,uBAAuB,WAAW,SAAS;AAAA,IACtH;AAAA,EACF,CAAC;AACH,CAAC;",
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport { useStoreState } from '@ariakit/react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\nimport { forwardRef, useLayoutEffect, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport { useTabsContext } from './context';\nimport { StyledTabList } from './styles';\nimport { useTrackElementOffsetRect } from '../utils/element-rect';\nimport { useTrackOverflow } from './use-track-overflow';\nimport { useAnimatedOffsetRect } from '../utils/hooks/use-animated-offset-rect';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_SCROLL_MARGIN = 24;\n\n/**\n * Scrolls a given parent element so that a given rect is visible.\n *\n * The scroll is updated initially and whenever the rect changes.\n */\nfunction useScrollRectIntoView(parent, rect, {\n margin = DEFAULT_SCROLL_MARGIN\n} = {}) {\n useLayoutEffect(() => {\n if (!parent || !rect) {\n return;\n }\n const {\n scrollLeft: parentScroll\n } = parent;\n const parentWidth = parent.getBoundingClientRect().width;\n const {\n left: childLeft,\n width: childWidth\n } = rect;\n const parentRightEdge = parentScroll + parentWidth;\n const childRightEdge = childLeft + childWidth;\n const rightOverflow = childRightEdge + margin - parentRightEdge;\n const leftOverflow = parentScroll - (childLeft - margin);\n let scrollLeft = null;\n if (leftOverflow > 0) {\n scrollLeft = parentScroll - leftOverflow;\n } else if (rightOverflow > 0) {\n scrollLeft = parentScroll + rightOverflow;\n }\n if (scrollLeft !== null) {\n /**\n * The optional chaining is used here to avoid unit test failures.\n * It can be removed when JSDOM supports `Element` scroll methods.\n * See: https://github.com/WordPress/gutenberg/pull/66498#issuecomment-2441146096\n */\n parent.scroll?.({\n left: scrollLeft\n });\n }\n }, [margin, parent, rect]);\n}\nexport const TabList = forwardRef(function TabList({\n children,\n ...otherProps\n}, ref) {\n const {\n store\n } = useTabsContext() ?? {};\n const selectedId = useStoreState(store, 'selectedId');\n const selectOnMove = useStoreState(store, 'selectOnMove');\n const items = useStoreState(store, 'items');\n const [parent, setParent] = useState();\n const refs = useMergeRefs([ref, setParent]);\n const selectedItem = store?.item(selectedId);\n const renderedItems = useStoreState(store, 'renderedItems');\n const selectedItemIndex = renderedItems && selectedItem ? renderedItems.indexOf(selectedItem) : -1;\n // Use selectedItemIndex as a dependency to force recalculation when the\n // selected item index changes (elements are swapped / added / removed).\n const selectedRect = useTrackElementOffsetRect(selectedItem?.element, [selectedItemIndex]);\n\n // Track overflow to show scroll hints.\n const overflow = useTrackOverflow(parent, {\n first: items?.at(0)?.element,\n last: items?.at(-1)?.element\n });\n\n // Size, position, and animate the indicator.\n useAnimatedOffsetRect(parent, selectedRect, {\n prefix: 'selected',\n dataAttribute: 'indicator-animated',\n transitionEndFilter: event => event.pseudoElement === '::before',\n roundRect: true\n });\n\n // Make sure selected tab is scrolled into view.\n useScrollRectIntoView(parent, selectedRect);\n if (!store) {\n globalThis.SCRIPT_DEBUG === true ? warning('`Tabs.TabList` must be wrapped in a `Tabs` component.') : void 0;\n return null;\n }\n return /*#__PURE__*/_jsx(StyledTabList, {\n ref: refs,\n store: store,\n render: props => /*#__PURE__*/_jsx(\"div\", {\n ...props,\n // Fallback to -1 to prevent browsers from making the tablist\n // tabbable when it is a scrolling container.\n tabIndex: props.tabIndex ?? -1\n }),\n \"data-select-on-move\": selectOnMove ? 'true' : 'false',\n ...otherProps,\n className: clsx(overflow.first && 'is-overflowing-first', overflow.last && 'is-overflowing-last', otherProps.className),\n children: children\n });\n});"],
5
+ "mappings": ";AAGA,SAAS,qBAAqB;AAC9B,OAAO,UAAU;AAKjB,OAAO,aAAa;AACpB,SAAS,YAAY,iBAAiB,gBAAgB;AACtD,SAAS,oBAAoB;AAM7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,OAAO,YAAY;AAC5B,IAAM,wBAAwB;AAO9B,SAAS,sBAAsB,QAAQ,MAAM;AAAA,EAC3C,SAAS;AACX,IAAI,CAAC,GAAG;AACN,kBAAgB,MAAM;AACpB,QAAI,CAAC,UAAU,CAAC,MAAM;AACpB;AAAA,IACF;AACA,UAAM;AAAA,MACJ,YAAY;AAAA,IACd,IAAI;AACJ,UAAM,cAAc,OAAO,sBAAsB,EAAE;AACnD,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,IACT,IAAI;AACJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,iBAAiB,YAAY;AACnC,UAAM,gBAAgB,iBAAiB,SAAS;AAChD,UAAM,eAAe,gBAAgB,YAAY;AACjD,QAAI,aAAa;AACjB,QAAI,eAAe,GAAG;AACpB,mBAAa,eAAe;AAAA,IAC9B,WAAW,gBAAgB,GAAG;AAC5B,mBAAa,eAAe;AAAA,IAC9B;AACA,QAAI,eAAe,MAAM;AAMvB,aAAO,SAAS;AAAA,QACd,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,IAAI,CAAC;AAC3B;AACO,IAAM,UAAU,WAAW,SAASA,SAAQ;AAAA,EACjD;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,eAAe,KAAK,CAAC;AACzB,QAAM,aAAa,cAAc,OAAO,YAAY;AACpD,QAAM,eAAe,cAAc,OAAO,cAAc;AACxD,QAAM,QAAQ,cAAc,OAAO,OAAO;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS;AACrC,QAAM,OAAO,aAAa,CAAC,KAAK,SAAS,CAAC;AAC1C,QAAM,eAAe,OAAO,KAAK,UAAU;AAC3C,QAAM,gBAAgB,cAAc,OAAO,eAAe;AAC1D,QAAM,oBAAoB,iBAAiB,eAAe,cAAc,QAAQ,YAAY,IAAI;AAGhG,QAAM,eAAe,0BAA0B,cAAc,SAAS,CAAC,iBAAiB,CAAC;AAGzF,QAAM,WAAW,iBAAiB,QAAQ;AAAA,IACxC,OAAO,OAAO,GAAG,CAAC,GAAG;AAAA,IACrB,MAAM,OAAO,GAAG,EAAE,GAAG;AAAA,EACvB,CAAC;AAGD,wBAAsB,QAAQ,cAAc;AAAA,IAC1C,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,qBAAqB,WAAS,MAAM,kBAAkB;AAAA,IACtD,WAAW;AAAA,EACb,CAAC;AAGD,wBAAsB,QAAQ,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV,eAAW,iBAAiB,OAAO,QAAQ,uDAAuD,IAAI;AACtG,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,eAAe;AAAA,IACtC,KAAK;AAAA,IACL;AAAA,IACA,QAAQ,WAAsB,qBAAK,OAAO;AAAA,MACxC,GAAG;AAAA;AAAA;AAAA,MAGH,UAAU,MAAM,YAAY;AAAA,IAC9B,CAAC;AAAA,IACD,uBAAuB,eAAe,SAAS;AAAA,IAC/C,GAAG;AAAA,IACH,WAAW,KAAK,SAAS,SAAS,wBAAwB,SAAS,QAAQ,uBAAuB,WAAW,SAAS;AAAA,IACtH;AAAA,EACF,CAAC;AACH,CAAC;",
6
6
  "names": ["TabList"]
7
7
  }