@studiolxd/brand 49.28.0 → 50.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 (279) hide show
  1. package/LICENSE +61 -0
  2. package/README.md +26 -4
  3. package/dist/_shared/assign-ref.js +6 -0
  4. package/dist/_shared/calendargrid.js +57 -57
  5. package/dist/_shared/datepicker.js +67 -65
  6. package/dist/_shared/default-render-link.js +7 -0
  7. package/dist/_shared/dialogsurface.js +1 -1
  8. package/dist/_shared/dropdownitems.js +14 -20
  9. package/dist/_shared/imagecropdialog.js +38 -441
  10. package/dist/_shared/overflow-focusable.js +15 -0
  11. package/dist/_shared/side-offset.js +13 -0
  12. package/dist/_shared/tokens.js +31 -129
  13. package/dist/_shared/useasyncoptions.js +30 -0
  14. package/dist/_types/atoms/Accordion/Accordion.d.ts +7 -1
  15. package/dist/_types/atoms/AsyncMultiSelect/AsyncMultiSelect.d.ts +8 -4
  16. package/dist/_types/atoms/AsyncSelect/AsyncSelect.d.ts +8 -4
  17. package/dist/_types/atoms/Autocomplete/Autocomplete.d.ts +10 -6
  18. package/dist/_types/atoms/CloseButton/CloseButton.d.ts +13 -3
  19. package/dist/_types/atoms/Fieldset/Fieldset.d.ts +1 -1
  20. package/dist/_types/atoms/InputPhone/InputPhone.d.ts +2 -0
  21. package/dist/_types/atoms/MultiSelect/MultiSelect.d.ts +11 -10
  22. package/dist/_types/atoms/Select/Select.d.ts +6 -0
  23. package/dist/_types/atoms/Skeleton/Skeleton.d.ts +1 -1
  24. package/dist/_types/atoms/Spinner/Spinner.d.ts +3 -1
  25. package/dist/_types/atoms/TypingIndicator/TypingIndicator.d.ts +3 -1
  26. package/dist/_types/atoms/_shared/useAsyncOptions.d.ts +36 -0
  27. package/dist/_types/constants/assign-ref.d.ts +12 -0
  28. package/dist/_types/constants/default-render-link.d.ts +13 -0
  29. package/dist/_types/constants/overflow-focusable.d.ts +15 -0
  30. package/dist/_types/constants/side-offset.d.ts +18 -0
  31. package/dist/_types/email/EmailLayout.d.ts +38 -21
  32. package/dist/_types/messages/BrandMessages.d.ts +8 -2
  33. package/dist/_types/messages/index.d.ts +1 -1
  34. package/dist/_types/molecules/AppLauncher/AppLauncher.d.ts +9 -3
  35. package/dist/_types/molecules/Calendar/Calendar.d.ts +10 -1
  36. package/dist/_types/molecules/CalendarPlanner/CalendarPlanner.d.ts +43 -13
  37. package/dist/_types/molecules/CalendarRoster/CalendarRoster.d.ts +10 -2
  38. package/dist/_types/molecules/ContextMenu/ContextMenu.d.ts +8 -1
  39. package/dist/_types/molecules/DatePicker/DatePicker.d.ts +6 -0
  40. package/dist/_types/molecules/DateTimeField/DateTimeField.d.ts +2 -0
  41. package/dist/_types/molecules/DocsSearch/DocsSearch.d.ts +2 -2
  42. package/dist/_types/molecules/FloatingToolbar/FloatingToolbar.d.ts +83 -0
  43. package/dist/_types/molecules/FormField/FormField.d.ts +5 -6
  44. package/dist/_types/molecules/LanguageSwitcher/LanguageSwitcher.d.ts +7 -3
  45. package/dist/_types/molecules/LoadingRegion/LoadingRegion.d.ts +12 -4
  46. package/dist/_types/molecules/Modal/Modal.d.ts +10 -4
  47. package/dist/_types/molecules/OrgSwitcher/OrgSwitcher.d.ts +7 -1
  48. package/dist/_types/molecules/PasswordField/PasswordField.d.ts +9 -2
  49. package/dist/_types/molecules/PrevNextNav/PrevNextNav.d.ts +3 -1
  50. package/dist/_types/molecules/RecurrenceField/RecurrenceField.d.ts +6 -1
  51. package/dist/_types/molecules/SidebarNav/SidebarNav.d.ts +18 -2
  52. package/dist/_types/molecules/SiteNav/SiteNav.d.ts +4 -1
  53. package/dist/_types/molecules/StatTile/StatTile.d.ts +15 -1
  54. package/dist/_types/molecules/Table/Table.d.ts +1 -1
  55. package/dist/_types/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +38 -3
  56. package/dist/_types/molecules/Toast/Toaster.d.ts +8 -0
  57. package/dist/_types/molecules/UserMenu/UserMenu.d.ts +7 -1
  58. package/dist/_types/molecules/_shared/calendarGrid.d.ts +15 -2
  59. package/dist/_types/molecules/_shared/dialogSurface.d.ts +6 -1
  60. package/dist/_types/molecules/_shared/dropdownItems.d.ts +0 -2
  61. package/dist/_types/sections/AppHeader/AppHeader.d.ts +3 -1
  62. package/dist/_types/sections/AppShell/AppShell.d.ts +6 -1
  63. package/dist/_types/sections/LegalFooter/LegalFooter.d.ts +7 -1
  64. package/dist/_types/sections/Sidebar/Sidebar.d.ts +3 -1
  65. package/dist/_types/sections/SiteFooter/SiteFooter.d.ts +6 -2
  66. package/dist/_types/sections/SiteHeader/SiteHeader.d.ts +2 -2
  67. package/dist/_types/templates/ConnectorAuth/ConnectorAuthShell.d.ts +5 -2
  68. package/dist/_types/templates/ConnectorAuth/ConnectorConsentPage.d.ts +1 -1
  69. package/dist/_types/templates/ConnectorAuth/ConnectorExternalSignInPage.d.ts +1 -1
  70. package/dist/_types/templates/ConnectorAuth/ConnectorRejectionPage.d.ts +1 -1
  71. package/dist/_types/templates/ConnectorAuth/ConnectorSignInPage.d.ts +1 -1
  72. package/dist/_types/templates/ErrorPage/ErrorPage.d.ts +7 -1
  73. package/dist/_types/templates/NotFoundPage/NotFoundPage.d.ts +7 -1
  74. package/dist/_types/templates/PublicPageShell/PublicPageShell.d.ts +6 -0
  75. package/dist/accordion.css +1 -1
  76. package/dist/accordion.js +6 -5
  77. package/dist/alert.css +1 -1
  78. package/dist/app-header.js +16 -21
  79. package/dist/app-launcher.css +1 -1
  80. package/dist/app-launcher.js +29 -21
  81. package/dist/app-shell.js +43 -43
  82. package/dist/async-multi-select.css +1 -1
  83. package/dist/async-multi-select.js +104 -173
  84. package/dist/async-select.css +1 -1
  85. package/dist/async-select.js +81 -137
  86. package/dist/autocomplete.css +1 -1
  87. package/dist/autocomplete.js +76 -115
  88. package/dist/brand.css +77 -987
  89. package/dist/breadcrumb.js +11 -16
  90. package/dist/button.css +1 -1
  91. package/dist/calendar-planner.css +1 -1
  92. package/dist/calendar-planner.js +100 -95
  93. package/dist/calendar-roster.css +1 -1
  94. package/dist/calendar-roster.js +69 -61
  95. package/dist/calendar.css +1 -1
  96. package/dist/calendar.js +86 -85
  97. package/dist/card.css +1 -1
  98. package/dist/card.js +42 -41
  99. package/dist/chart.css +1 -1
  100. package/dist/chat-shell.js +48 -47
  101. package/dist/checkbox.css +1 -1
  102. package/dist/close-button.js +14 -12
  103. package/dist/command-palette.css +1 -1
  104. package/dist/connector-consent-page.js +19 -18
  105. package/dist/connector-external-sign-in-page.js +6 -5
  106. package/dist/connector-rejection-page.js +5 -4
  107. package/dist/connector-sign-in-page.js +10 -9
  108. package/dist/consent.css +1 -1
  109. package/dist/context-menu.js +3 -2
  110. package/dist/conversation-list.css +1 -1
  111. package/dist/conversation-thread.css +1 -1
  112. package/dist/conversation-thread.js +1 -0
  113. package/dist/data-table.js +74 -1625
  114. package/dist/date-time-field.js +7 -6
  115. package/dist/docs-search.js +36 -38
  116. package/dist/email.js +10 -7
  117. package/dist/error-page.js +2 -2
  118. package/dist/fieldset.css +1 -1
  119. package/dist/figure.js +1 -0
  120. package/dist/file-upload.css +1 -1
  121. package/dist/file-upload.js +48 -50
  122. package/dist/floating-toolbar.css +1 -0
  123. package/dist/floating-toolbar.js +64 -0
  124. package/dist/form-field.js +55 -53
  125. package/dist/imagecropdialog.css +1 -1
  126. package/dist/input-phone.css +1 -1
  127. package/dist/input-phone.js +30 -31
  128. package/dist/input.css +1 -1
  129. package/dist/label.css +1 -1
  130. package/dist/language-switcher.js +37 -44
  131. package/dist/legal-footer.js +12 -17
  132. package/dist/loading-region.css +1 -1
  133. package/dist/loading-region.js +8 -8
  134. package/dist/menu.css +1 -1
  135. package/dist/menu.js +4 -3
  136. package/dist/message-bubble.css +1 -1
  137. package/dist/message-composer.css +1 -1
  138. package/dist/modal.css +1 -1
  139. package/dist/modal.js +9 -9
  140. package/dist/multi-select.css +1 -1
  141. package/dist/multi-select.js +104 -172
  142. package/dist/not-found-page.js +8 -5
  143. package/dist/notification-list.js +16 -21
  144. package/dist/notification-panel.js +34 -46
  145. package/dist/number-badge.css +1 -1
  146. package/dist/number-input.css +1 -1
  147. package/dist/org-switcher.css +1 -1
  148. package/dist/org-switcher.js +13 -11
  149. package/dist/password-field.js +40 -39
  150. package/dist/popover.css +1 -1
  151. package/dist/popover.js +9 -15
  152. package/dist/prev-next-nav.js +8 -7
  153. package/dist/public-page-shell.js +7 -6
  154. package/dist/radio.css +1 -1
  155. package/dist/recurrence-field.css +1 -1
  156. package/dist/recurrence-field.js +38 -37
  157. package/dist/select.css +1 -1
  158. package/dist/select.js +3 -2
  159. package/dist/sheet.css +1 -1
  160. package/dist/sidebar-nav.css +1 -1
  161. package/dist/sidebar-nav.js +75 -70
  162. package/dist/sidebar.css +1 -1
  163. package/dist/sidebar.js +46 -42
  164. package/dist/site-footer.js +28 -28
  165. package/dist/site-header.js +39 -44
  166. package/dist/site-nav.js +10 -19
  167. package/dist/site-search.js +34 -36
  168. package/dist/site-shell.js +17 -16
  169. package/dist/skeleton.js +8 -6
  170. package/dist/sortable.js +20 -19
  171. package/dist/spinner.js +11 -7
  172. package/dist/stat-tile.js +24 -26
  173. package/dist/switcher.css +1 -1
  174. package/dist/table.css +1 -1
  175. package/dist/table.js +57 -45
  176. package/dist/textarea.css +1 -1
  177. package/dist/theme-switcher.js +57 -56
  178. package/dist/toaster.css +1 -1
  179. package/dist/toggle.css +1 -1
  180. package/dist/tokens.css +75 -986
  181. package/dist/tooltip.css +1 -1
  182. package/dist/tooltip.js +20 -27
  183. package/dist/typing-indicator.css +1 -1
  184. package/dist/typing-indicator.js +4 -4
  185. package/dist/user-menu.css +1 -1
  186. package/dist/user-menu.js +38 -45
  187. package/dist/visuallyhidden.css +1 -1
  188. package/package.json +26 -14
  189. package/src/tokens/components/async-multi-select.css +4 -0
  190. package/src/tokens/components/async-select.css +3 -0
  191. package/src/tokens/components/autocomplete.css +1 -0
  192. package/src/tokens/components/breadcrumb.css +0 -2
  193. package/src/tokens/components/button.css +0 -23
  194. package/src/tokens/components/control.css +0 -4
  195. package/src/tokens/components/file-upload.css +0 -4
  196. package/src/tokens/components/radio.css +2 -0
  197. package/src/tokens/components/site-header.css +0 -1
  198. package/src/tokens/index.css +5 -7
  199. package/src/tokens/molecules/async-multi-select-field.css +0 -6
  200. package/src/tokens/molecules/async-select-field.css +0 -6
  201. package/src/tokens/molecules/autocomplete-field.css +0 -5
  202. package/src/tokens/molecules/avatar-upload.css +0 -6
  203. package/src/tokens/molecules/calendar-roster.css +5 -0
  204. package/src/tokens/molecules/chart.css +0 -3
  205. package/src/tokens/molecules/checkbox-field.css +0 -6
  206. package/src/tokens/molecules/consent.css +1 -0
  207. package/src/tokens/molecules/conversation-thread.css +10 -0
  208. package/src/tokens/molecules/date-picker-field.css +0 -6
  209. package/src/tokens/molecules/date-time-field.css +0 -6
  210. package/src/tokens/molecules/dropdown-field.css +0 -6
  211. package/src/tokens/molecules/file-upload-field.css +0 -6
  212. package/src/tokens/molecules/floating-toolbar.css +18 -0
  213. package/src/tokens/molecules/floating-toolbar.ts +4 -0
  214. package/src/tokens/molecules/input-field.css +0 -1
  215. package/src/tokens/molecules/input-phone-field.css +0 -6
  216. package/src/tokens/molecules/modal.css +1 -0
  217. package/src/tokens/molecules/multi-select-field.css +0 -6
  218. package/src/tokens/molecules/number-input-field.css +0 -6
  219. package/src/tokens/molecules/otp-field.css +0 -6
  220. package/src/tokens/molecules/radio-field.css +0 -6
  221. package/src/tokens/molecules/recurrence-field.css +1 -0
  222. package/src/tokens/molecules/select-field.css +0 -6
  223. package/src/tokens/molecules/sidebar-nav.css +0 -6
  224. package/src/tokens/molecules/site-search.css +0 -2
  225. package/src/tokens/molecules/switcher-field.css +0 -1
  226. package/src/tokens/molecules/table.css +1 -0
  227. package/src/tokens/molecules/textarea-field.css +0 -6
  228. package/src/tokens/molecules/time-field.css +0 -6
  229. package/src/tokens/scss/_index.legacy.scss +1 -0
  230. package/src/tokens/scss/_index.scss +1 -0
  231. package/src/tokens/scss/components/_async-multi-select.scss +4 -0
  232. package/src/tokens/scss/components/_async-select.scss +3 -0
  233. package/src/tokens/scss/components/_autocomplete.scss +1 -0
  234. package/src/tokens/scss/components/_breadcrumb.scss +0 -2
  235. package/src/tokens/scss/components/_button.scss +0 -23
  236. package/src/tokens/scss/components/_control.scss +0 -4
  237. package/src/tokens/scss/components/_file-upload.scss +0 -4
  238. package/src/tokens/scss/components/_site-header.scss +0 -1
  239. package/src/tokens/scss/molecules/_async-multi-select-field.scss +0 -5
  240. package/src/tokens/scss/molecules/_async-select-field.scss +0 -5
  241. package/src/tokens/scss/molecules/_autocomplete-field.scss +0 -5
  242. package/src/tokens/scss/molecules/_avatar-upload.scss +0 -5
  243. package/src/tokens/scss/molecules/_calendar-roster.scss +4 -0
  244. package/src/tokens/scss/molecules/_chart.scss +0 -2
  245. package/src/tokens/scss/molecules/_checkbox-field.scss +0 -5
  246. package/src/tokens/scss/molecules/_consent.scss +1 -0
  247. package/src/tokens/scss/molecules/_conversation-thread.scss +3 -0
  248. package/src/tokens/scss/molecules/_date-picker-field.scss +0 -5
  249. package/src/tokens/scss/molecules/_date-time-field.scss +0 -5
  250. package/src/tokens/scss/molecules/_dropdown-field.scss +0 -5
  251. package/src/tokens/scss/molecules/_file-upload-field.scss +0 -5
  252. package/src/tokens/scss/molecules/_floating-toolbar.scss +15 -0
  253. package/src/tokens/scss/molecules/_input-field.scss +0 -1
  254. package/src/tokens/scss/molecules/_input-phone-field.scss +0 -5
  255. package/src/tokens/scss/molecules/_modal.scss +1 -0
  256. package/src/tokens/scss/molecules/_multi-select-field.scss +0 -5
  257. package/src/tokens/scss/molecules/_number-input-field.scss +0 -5
  258. package/src/tokens/scss/molecules/_otp-field.scss +0 -5
  259. package/src/tokens/scss/molecules/_radio-field.scss +0 -5
  260. package/src/tokens/scss/molecules/_recurrence-field.scss +1 -0
  261. package/src/tokens/scss/molecules/_select-field.scss +0 -5
  262. package/src/tokens/scss/molecules/_sidebar-nav.scss +0 -4
  263. package/src/tokens/scss/molecules/_site-search.scss +0 -2
  264. package/src/tokens/scss/molecules/_switcher-field.scss +0 -1
  265. package/src/tokens/scss/molecules/_table.scss +1 -0
  266. package/src/tokens/scss/molecules/_textarea-field.scss +0 -5
  267. package/src/tokens/scss/molecules/_time-field.scss +0 -5
  268. package/src/tokens/surface-dark-derived.css +2 -1
  269. package/src/tokens/surface-invert.css +15 -21
  270. package/src/tokens/surface-public.css +0 -19
  271. package/src/tokens/tokens.json +31 -129
  272. package/CHANGELOG.md +0 -8154
  273. package/dist/_types/data/home.d.ts +0 -83
  274. package/dist/_types/pages/Auth/AuthPage.d.ts +0 -24
  275. package/dist/_types/pages/Onboarding/OnboardingPage.d.ts +0 -37
  276. package/dist/_types/pages/Status/StatusPage.d.ts +0 -37
  277. package/dist/_types/pages/Status/_datos.d.ts +0 -47
  278. package/src/tokens/surface-light.css +0 -782
  279. package/src/tokens/utils.test.ts +0 -86
@@ -232,6 +232,10 @@ var e = {
232
232
  "--async-multi-select-border-style": "solid",
233
233
  "--async-multi-select-border-width": "1px",
234
234
  "--async-multi-select-disabled-cursor": "not-allowed",
235
+ "--async-multi-select-disabled-opacity": "0.5",
236
+ "--async-multi-select-pill-remove-opacity": "0.7",
237
+ "--async-multi-select-pill-remove-hover-opacity": "1",
238
+ "--async-multi-select-input-min-inline-size": "4rem",
235
239
  "--async-multi-select-color": "#111e30",
236
240
  "--async-multi-select-content-bg": "#ffffff",
237
241
  "--async-multi-select-content-border-color": "#111e30",
@@ -281,6 +285,9 @@ var e = {
281
285
  "--async-select-border-style": "solid",
282
286
  "--async-select-border-width": "1px",
283
287
  "--async-select-disabled-cursor": "not-allowed",
288
+ "--async-select-disabled-opacity": "0.5",
289
+ "--async-select-clear-opacity": "0.7",
290
+ "--async-select-clear-hover-opacity": "1",
284
291
  "--async-select-color": "#111e30",
285
292
  "--async-select-content-bg": "#ffffff",
286
293
  "--async-select-content-border-color": "#111e30",
@@ -322,6 +329,7 @@ var e = {
322
329
  "--autocomplete-border-style": "solid",
323
330
  "--autocomplete-border-width": "1px",
324
331
  "--autocomplete-disabled-cursor": "not-allowed",
332
+ "--autocomplete-disabled-opacity": "0.5",
325
333
  "--autocomplete-color": "#111e30",
326
334
  "--autocomplete-content-bg": "#ffffff",
327
335
  "--autocomplete-content-border-color": "#111e30",
@@ -379,8 +387,6 @@ var e = {
379
387
  "--breadcrumb-separator-color": "#111e30",
380
388
  "--breadcrumb-link-color": "#111e30",
381
389
  "--breadcrumb-link-color-hover": "#111e30",
382
- "--breadcrumb-link-text-decoration": "none",
383
- "--breadcrumb-link-text-decoration-hover": "none",
384
390
  "--breadcrumb-current-color": "#111e30",
385
391
  "--breadcrumb-current-font-weight": "500",
386
392
  "--breadcrumb-focus-ring-color": "#111e30",
@@ -389,7 +395,6 @@ var e = {
389
395
  "--button-border-radius": "0px",
390
396
  "--button-border-width": "1px",
391
397
  "--button-border-style": "solid",
392
- "--button-border-color": "rgba(0, 0, 0, 0)",
393
398
  "--button-justify-content": "center",
394
399
  "--button-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
395
400
  "--button-font-size": "1rem",
@@ -401,7 +406,6 @@ var e = {
401
406
  "--button-transition-duration": "150ms",
402
407
  "--button-transition-easing": "ease",
403
408
  "--button-disabled-cursor": "not-allowed",
404
- "--button-disabled-bg": "#f2f2f2",
405
409
  "--button-disabled-color": "#4a4a4a",
406
410
  "--button-disabled-border": "#4a4a4a",
407
411
  "--button-height": "2.5rem",
@@ -449,28 +453,7 @@ var e = {
449
453
  "--button-primary-active-bg": "#ffcd00",
450
454
  "--button-primary-active-color": "#111e30",
451
455
  "--button-primary-active-border": "#ffcd00",
452
- "--button-destructive-border-radius": "0px",
453
- "--button-destructive-border-width": "1px",
454
- "--button-destructive-border-style": "solid",
455
- "--button-destructive-justify-content": "center",
456
- "--button-destructive-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
457
- "--button-destructive-font-size": "1rem",
458
- "--button-destructive-font-weight": "300",
459
- "--button-destructive-line-height": "1",
460
- "--button-destructive-cursor": "pointer",
461
- "--button-destructive-white-space": "nowrap",
462
- "--button-destructive-text-decoration": "none",
463
- "--button-destructive-transition-duration": "150ms",
464
- "--button-destructive-transition-easing": "ease",
465
- "--button-destructive-disabled-cursor": "not-allowed",
466
- "--button-destructive-disabled-color": "#4a4a4a",
467
- "--button-destructive-disabled-border": "#4a4a4a",
468
- "--button-destructive-padding-inline": "2rem",
469
- "--button-destructive-focus-ring-width": "2px",
470
- "--button-destructive-focus-ring-style": "solid",
471
- "--button-destructive-focus-ring-offset": "0.25rem",
472
456
  "--button-destructive-focus-ring-color": "#b30000",
473
- "--button-destructive-bg": "#ffffff",
474
457
  "--button-destructive-color": "#b30000",
475
458
  "--button-destructive-border": "#b30000",
476
459
  "--button-destructive-hover-bg": "#b30000",
@@ -724,10 +707,6 @@ var e = {
724
707
  "--control-font-size": "1rem",
725
708
  "--control-font-weight": "300",
726
709
  "--control-line-height": "1",
727
- "--control-cursor": "text",
728
- "--control-disabled-cursor": "not-allowed",
729
- "--control-transition-duration": "150ms",
730
- "--control-transition-easing": "ease",
731
710
  "--control-focus-ring-width": "2px",
732
711
  "--control-focus-ring-inset-offset": "1px",
733
712
  "--control-padding-inline": "1rem",
@@ -847,9 +826,7 @@ var e = {
847
826
  "--figure-ratio-16-9": "16 / 9",
848
827
  "--figure-ratio-21-9": "21 / 9",
849
828
  "--file-upload-border-color": "#111e30",
850
- "--file-upload-border-style": "dashed",
851
829
  "--file-upload-border-width": "1px",
852
- "--file-upload-border-radius": "0px",
853
830
  "--file-upload-bg": "#f2f2f2",
854
831
  "--file-upload-padding-inline": "1.5rem",
855
832
  "--file-upload-gap": "0.25rem",
@@ -859,10 +836,8 @@ var e = {
859
836
  "--file-upload-transition-duration": "150ms",
860
837
  "--file-upload-transition-easing": "ease",
861
838
  "--file-upload-drag-border-color": "#111e30",
862
- "--file-upload-drag-border-style": "solid",
863
839
  "--file-upload-drag-bg": "#ffffff",
864
840
  "--file-upload-error-border-color": "#b30000",
865
- "--file-upload-error-border-style": "solid",
866
841
  "--file-upload-error-bg": "#f2f2f2",
867
842
  "--file-upload-disabled-opacity": "0.5",
868
843
  "--file-upload-disabled-cursor": "not-allowed",
@@ -1223,6 +1198,7 @@ var e = {
1223
1198
  "--modal-title-line-height": "1.1",
1224
1199
  "--modal-title-color": "#111e30",
1225
1200
  "--modal-width-max": "560px",
1201
+ "--modal-inline-size": "90vw",
1226
1202
  "--modal-max-height": "90dvh",
1227
1203
  "--modal-transition-duration": "250ms",
1228
1204
  "--modal-transition-easing": "ease-in-out",
@@ -1586,13 +1562,11 @@ var e = {
1586
1562
  "--sidebar-nav-item-font-weight": "300",
1587
1563
  "--sidebar-nav-item-line-height": "1.3",
1588
1564
  "--sidebar-nav-item-color": "#111e30",
1589
- "--sidebar-nav-item-active-color": "#111e30",
1590
1565
  "--sidebar-nav-item-active-font-weight": "500",
1591
1566
  "--sidebar-nav-focus-ring-color": "#111e30",
1592
1567
  "--sidebar-nav-focus-ring-width": "2px",
1593
1568
  "--sidebar-nav-item-gap": "0.25rem",
1594
1569
  "--sidebar-nav-rail-item-size": "2.5rem",
1595
- "--sidebar-nav-rail-active-bar-width": "2px",
1596
1570
  "--sidebar-nav-item-icon-size": "2rem",
1597
1571
  "--sidebar-nav-item-icon-gap": "0.5rem",
1598
1572
  "--sidebar-nav-transition-duration": "150ms",
@@ -1603,8 +1577,6 @@ var e = {
1603
1577
  "--sidebar-nav-item-empty-cursor": "not-allowed",
1604
1578
  "--sidebar-nav-item-empty-mark-font-size": "0.875rem",
1605
1579
  "--sidebar-nav-item-empty-mark-color": "#4a4a4a",
1606
- "--sidebar-nav-item-hover-line-width": "1px",
1607
- "--sidebar-nav-item-hover-line-color": "#111e30",
1608
1580
  "--sidebar-width": "15rem",
1609
1581
  "--sidebar-min-width": "12rem",
1610
1582
  "--sidebar-max-width": "24rem",
@@ -1663,7 +1635,6 @@ var e = {
1663
1635
  "--site-header-panel-transition-duration": "400ms",
1664
1636
  "--site-header-panel-transition-easing": "ease-in-out",
1665
1637
  "--site-header-panel-gap": "3rem",
1666
- "--site-header-settings-margin-block-start": "3rem",
1667
1638
  "--site-header-settings-gap": "1.5rem",
1668
1639
  "--site-shell-text-font-size": "1.25rem",
1669
1640
  "--site-shell-text-line-height": "1.5",
@@ -1826,6 +1797,7 @@ var e = {
1826
1797
  "--table-header-padding-inline": "0.75rem",
1827
1798
  "--table-header-font-weight": "500",
1828
1799
  "--table-header-border-width": "1px",
1800
+ "--table-actions-inline-size": "1px",
1829
1801
  "--table-header-content-gap": "0.5rem",
1830
1802
  "--table-header-border-color": "#111e30",
1831
1803
  "--table-sort-icon-color": "#4a4a4a",
@@ -2177,33 +2149,18 @@ var e = {
2177
2149
  "--assistant-message-timestamp-color": "#4a4a4a",
2178
2150
  "--assistant-message-timestamp-padding-inline": "0.25rem",
2179
2151
  "--async-multi-select-field-gap": "0.5rem",
2180
- "--async-multi-select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2181
- "--async-multi-select-field-error-font-size": "0.875rem",
2182
- "--async-multi-select-field-error-font-weight": "300",
2183
- "--async-multi-select-field-error-line-height": "1.5",
2184
- "--async-multi-select-field-error-color": "#b30000",
2185
2152
  "--async-multi-select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2186
2153
  "--async-multi-select-field-helper-font-size": "0.875rem",
2187
2154
  "--async-multi-select-field-helper-font-weight": "300",
2188
2155
  "--async-multi-select-field-helper-line-height": "1.5",
2189
2156
  "--async-multi-select-field-helper-color": "#111e30",
2190
2157
  "--async-select-field-gap": "0.5rem",
2191
- "--async-select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2192
- "--async-select-field-error-font-size": "0.875rem",
2193
- "--async-select-field-error-font-weight": "300",
2194
- "--async-select-field-error-line-height": "1.5",
2195
- "--async-select-field-error-color": "#b30000",
2196
2158
  "--async-select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2197
2159
  "--async-select-field-helper-font-size": "0.875rem",
2198
2160
  "--async-select-field-helper-font-weight": "300",
2199
2161
  "--async-select-field-helper-line-height": "1.5",
2200
2162
  "--async-select-field-helper-color": "#111e30",
2201
2163
  "--autocomplete-field-gap": "0.5rem",
2202
- "--autocomplete-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2203
- "--autocomplete-field-error-font-size": "0.875rem",
2204
- "--autocomplete-field-error-font-weight": "300",
2205
- "--autocomplete-field-error-line-height": "1.5",
2206
- "--autocomplete-field-error-color": "#b30000",
2207
2164
  "--autocomplete-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2208
2165
  "--autocomplete-field-helper-font-size": "0.875rem",
2209
2166
  "--autocomplete-field-helper-font-weight": "300",
@@ -2224,11 +2181,6 @@ var e = {
2224
2181
  "--avatar-upload-hint-font-weight": "300",
2225
2182
  "--avatar-upload-hint-line-height": "1.5",
2226
2183
  "--avatar-upload-hint-color": "#111e30",
2227
- "--avatar-upload-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2228
- "--avatar-upload-error-font-size": "0.875rem",
2229
- "--avatar-upload-error-font-weight": "300",
2230
- "--avatar-upload-error-line-height": "1.5",
2231
- "--avatar-upload-error-color": "#b30000",
2232
2184
  "--banner-padding-block": "0.75rem",
2233
2185
  "--banner-padding-inline": "1.5rem",
2234
2186
  "--banner-gap": "1rem",
@@ -2309,6 +2261,7 @@ var e = {
2309
2261
  "--calendar-roster-th-name-padding-inline": "0.75rem",
2310
2262
  "--calendar-roster-th-day-width": "2.5rem",
2311
2263
  "--calendar-roster-th-day-font-size": "0.875rem",
2264
+ "--calendar-roster-th-day-line-height": "1.2",
2312
2265
  "--calendar-roster-th-day-sub-font-size": "0.75rem",
2313
2266
  "--calendar-roster-th-day-color": "#111e30",
2314
2267
  "--calendar-roster-th-day-padding-block": "0.5rem",
@@ -2330,6 +2283,9 @@ var e = {
2330
2283
  "--calendar-roster-cell-holiday-bg": "#f2f2f2",
2331
2284
  "--calendar-roster-cell-non-working-bg": "#f2f2f2",
2332
2285
  "--calendar-roster-cell-today-outline-width": "2px",
2286
+ "--calendar-roster-focus-ring-color": "#111e30",
2287
+ "--calendar-roster-focus-ring-width": "2px",
2288
+ "--calendar-roster-focus-ring-offset": "1px",
2333
2289
  "--calendar-roster-schedule-font-size": "0.75rem",
2334
2290
  "--calendar-roster-schedule-color": "#111e30",
2335
2291
  "--calendar-roster-legend-item-gap": "0.25rem",
@@ -2432,11 +2388,6 @@ var e = {
2432
2388
  "--checkbox-field-label-line-height": "1.5",
2433
2389
  "--checkbox-field-label-color": "#111e30",
2434
2390
  "--checkbox-field-label-letter-spacing": "0em",
2435
- "--checkbox-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2436
- "--checkbox-field-error-font-size": "0.875rem",
2437
- "--checkbox-field-error-font-weight": "300",
2438
- "--checkbox-field-error-line-height": "1.5",
2439
- "--checkbox-field-error-color": "#b30000",
2440
2391
  "--checkbox-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2441
2392
  "--checkbox-field-helper-font-size": "0.875rem",
2442
2393
  "--checkbox-field-helper-font-weight": "300",
@@ -2554,6 +2505,7 @@ var e = {
2554
2505
  "--consent-banner-padding-inline": "1rem",
2555
2506
  "--consent-banner-gap": "0.75rem",
2556
2507
  "--consent-banner-text-gap": "0.25rem",
2508
+ "--consent-banner-text-flex-basis": "20rem",
2557
2509
  "--consent-banner-actions-gap": "0.5rem",
2558
2510
  "--consent-banner-max-inline-size": "1280px",
2559
2511
  "--consent-banner-z-index": "100",
@@ -2582,13 +2534,11 @@ var e = {
2582
2534
  "--conversation-list-transition-duration": "150ms",
2583
2535
  "--conversation-list-transition-easing": "ease",
2584
2536
  "--conversation-thread-gap": "1rem",
2537
+ "--conversation-thread-focus-ring-color": "#111e30",
2538
+ "--conversation-thread-focus-ring-width": "2px",
2539
+ "--conversation-thread-focus-ring-offset": "1px",
2585
2540
  "--copy-button-gap": "0.5rem",
2586
2541
  "--date-picker-field-gap": "0.5rem",
2587
- "--date-picker-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2588
- "--date-picker-field-error-font-size": "0.875rem",
2589
- "--date-picker-field-error-font-weight": "300",
2590
- "--date-picker-field-error-line-height": "1.5",
2591
- "--date-picker-field-error-color": "#b30000",
2592
2542
  "--date-picker-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2593
2543
  "--date-picker-field-helper-font-size": "0.875rem",
2594
2544
  "--date-picker-field-helper-font-weight": "300",
@@ -2619,11 +2569,6 @@ var e = {
2619
2569
  "--date-picker-message-color": "#b30000",
2620
2570
  "--date-time-field-gap": "0.5rem",
2621
2571
  "--date-time-field-controls-gap": "0.5rem",
2622
- "--date-time-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2623
- "--date-time-field-error-font-size": "0.875rem",
2624
- "--date-time-field-error-font-weight": "300",
2625
- "--date-time-field-error-line-height": "1.5",
2626
- "--date-time-field-error-color": "#b30000",
2627
2572
  "--date-time-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2628
2573
  "--date-time-field-helper-font-size": "0.875rem",
2629
2574
  "--date-time-field-helper-font-weight": "300",
@@ -2681,11 +2626,6 @@ var e = {
2681
2626
  "--dropdown-field-focus-ring-width": "2px",
2682
2627
  "--dropdown-field-focus-ring-color": "#111e30",
2683
2628
  "--dropdown-field-error-border-color": "#b30000",
2684
- "--dropdown-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2685
- "--dropdown-field-error-font-size": "0.875rem",
2686
- "--dropdown-field-error-font-weight": "300",
2687
- "--dropdown-field-error-line-height": "1.5",
2688
- "--dropdown-field-error-color": "#b30000",
2689
2629
  "--dropdown-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2690
2630
  "--dropdown-field-helper-font-size": "0.875rem",
2691
2631
  "--dropdown-field-helper-font-weight": "300",
@@ -2710,11 +2650,6 @@ var e = {
2710
2650
  "--field-row-empty-line-height": "1.5",
2711
2651
  "--field-row-empty-color": "#4a4a4a",
2712
2652
  "--file-upload-field-gap": "0.5rem",
2713
- "--file-upload-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2714
- "--file-upload-field-error-font-size": "0.875rem",
2715
- "--file-upload-field-error-font-weight": "300",
2716
- "--file-upload-field-error-line-height": "1.5",
2717
- "--file-upload-field-error-color": "#b30000",
2718
2653
  "--file-upload-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2719
2654
  "--file-upload-field-helper-font-size": "0.875rem",
2720
2655
  "--file-upload-field-helper-font-weight": "300",
@@ -2726,6 +2661,18 @@ var e = {
2726
2661
  "--filter-bar-actions-gap": "0.75rem",
2727
2662
  "--filter-bar-label-offset": "calc(0.875rem * 1.5 + 0.5rem)",
2728
2663
  "--filter-bar-control-block-size": "2.5rem",
2664
+ "--floating-toolbar-gap": "0.25rem",
2665
+ "--floating-toolbar-offset": "0.5rem",
2666
+ "--floating-toolbar-padding-block": "0.25rem",
2667
+ "--floating-toolbar-padding-inline": "0.25rem",
2668
+ "--floating-toolbar-button-size": "2rem",
2669
+ "--floating-toolbar-bg": "#ffffff",
2670
+ "--floating-toolbar-border-width": "1px",
2671
+ "--floating-toolbar-border-color": "#111e30",
2672
+ "--floating-toolbar-border-radius": "0px",
2673
+ "--floating-toolbar-shadow": "none",
2674
+ "--floating-toolbar-transition-duration": "150ms",
2675
+ "--floating-toolbar-transition-easing": "ease",
2729
2676
  "--form-field-gap": "0.25rem",
2730
2677
  "--heatmap-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2731
2678
  "--heatmap-radius": "0px",
@@ -2793,7 +2740,6 @@ var e = {
2793
2740
  "--input-field-search-clear-focus-ring-color": "#111e30",
2794
2741
  "--input-field-search-input-padding-inline-start": "2.5rem",
2795
2742
  "--input-field-search-input-padding-inline-end": "2.5rem",
2796
- "--input-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2797
2743
  "--input-field-error-font-size": "0.875rem",
2798
2744
  "--input-field-error-font-weight": "300",
2799
2745
  "--input-field-error-line-height": "1.5",
@@ -2804,11 +2750,6 @@ var e = {
2804
2750
  "--input-field-helper-line-height": "1.5",
2805
2751
  "--input-field-helper-color": "#111e30",
2806
2752
  "--input-phone-field-gap": "0.5rem",
2807
- "--input-phone-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2808
- "--input-phone-field-error-font-size": "0.875rem",
2809
- "--input-phone-field-error-font-weight": "300",
2810
- "--input-phone-field-error-line-height": "1.5",
2811
- "--input-phone-field-error-color": "#b30000",
2812
2753
  "--input-phone-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2813
2754
  "--input-phone-field-helper-font-size": "0.875rem",
2814
2755
  "--input-phone-field-helper-font-weight": "300",
@@ -2839,11 +2780,6 @@ var e = {
2839
2780
  "--message-composer-helper-font-size": "0.875rem",
2840
2781
  "--message-composer-helper-color": "#4a4a4a",
2841
2782
  "--multi-select-field-gap": "0.5rem",
2842
- "--multi-select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2843
- "--multi-select-field-error-font-size": "0.875rem",
2844
- "--multi-select-field-error-font-weight": "300",
2845
- "--multi-select-field-error-line-height": "1.5",
2846
- "--multi-select-field-error-color": "#b30000",
2847
2783
  "--multi-select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2848
2784
  "--multi-select-field-helper-font-size": "0.875rem",
2849
2785
  "--multi-select-field-helper-font-weight": "300",
@@ -2898,22 +2834,12 @@ var e = {
2898
2834
  "--notification-panel-focus-ring-width": "2px",
2899
2835
  "--notification-panel-focus-ring-color": "#111e30",
2900
2836
  "--number-input-field-gap": "0.5rem",
2901
- "--number-input-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2902
- "--number-input-field-error-font-size": "0.875rem",
2903
- "--number-input-field-error-font-weight": "300",
2904
- "--number-input-field-error-line-height": "1.5",
2905
- "--number-input-field-error-color": "#b30000",
2906
2837
  "--number-input-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2907
2838
  "--number-input-field-helper-font-size": "0.875rem",
2908
2839
  "--number-input-field-helper-font-weight": "300",
2909
2840
  "--number-input-field-helper-line-height": "1.5",
2910
2841
  "--number-input-field-helper-color": "#111e30",
2911
2842
  "--otp-field-gap": "0.5rem",
2912
- "--otp-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2913
- "--otp-field-error-font-size": "0.875rem",
2914
- "--otp-field-error-font-weight": "300",
2915
- "--otp-field-error-line-height": "1.5",
2916
- "--otp-field-error-color": "#b30000",
2917
2843
  "--otp-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2918
2844
  "--otp-field-helper-font-size": "0.875rem",
2919
2845
  "--otp-field-helper-font-weight": "300",
@@ -3014,11 +2940,6 @@ var e = {
3014
2940
  "--radio-field-label-line-height": "1.5",
3015
2941
  "--radio-field-label-color": "#111e30",
3016
2942
  "--radio-field-label-letter-spacing": "0em",
3017
- "--radio-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3018
- "--radio-field-error-font-size": "0.875rem",
3019
- "--radio-field-error-font-weight": "300",
3020
- "--radio-field-error-line-height": "1.5",
3021
- "--radio-field-error-color": "#b30000",
3022
2943
  "--radio-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3023
2944
  "--radio-field-helper-font-size": "0.875rem",
3024
2945
  "--radio-field-helper-font-weight": "300",
@@ -3036,6 +2957,7 @@ var e = {
3036
2957
  "--recurrence-field-gap": "1rem",
3037
2958
  "--recurrence-field-row-gap": "0.75rem",
3038
2959
  "--recurrence-field-interval-width": "8rem",
2960
+ "--recurrence-field-end-flex-basis": "12rem",
3039
2961
  "--recurrence-field-weekdays-gap": "0.25rem",
3040
2962
  "--recurrence-field-legend-font-size": "0.875rem",
3041
2963
  "--recurrence-field-legend-color": "#111e30",
@@ -3060,11 +2982,6 @@ var e = {
3060
2982
  "--search-form-submit-focus-ring-color": "#111e30",
3061
2983
  "--search-form-submit-input-padding-inline-end": "2.5rem",
3062
2984
  "--select-field-gap": "0.5rem",
3063
- "--select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3064
- "--select-field-error-font-size": "0.875rem",
3065
- "--select-field-error-font-weight": "300",
3066
- "--select-field-error-line-height": "1.5",
3067
- "--select-field-error-color": "#b30000",
3068
2985
  "--select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3069
2986
  "--select-field-helper-font-size": "0.875rem",
3070
2987
  "--select-field-helper-font-weight": "300",
@@ -3184,7 +3101,6 @@ var e = {
3184
3101
  "--switcher-field-label-line-height": "1.5",
3185
3102
  "--switcher-field-label-color": "#111e30",
3186
3103
  "--switcher-field-label-letter-spacing": "0em",
3187
- "--switcher-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3188
3104
  "--switcher-field-error-font-size": "0.875rem",
3189
3105
  "--switcher-field-error-font-weight": "300",
3190
3106
  "--switcher-field-error-line-height": "1.5",
@@ -3219,11 +3135,6 @@ var e = {
3219
3135
  "--table-of-contents-transition-duration": "150ms",
3220
3136
  "--table-of-contents-transition-easing": "ease",
3221
3137
  "--textarea-field-gap": "0.5rem",
3222
- "--textarea-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3223
- "--textarea-field-error-font-size": "0.875rem",
3224
- "--textarea-field-error-font-weight": "300",
3225
- "--textarea-field-error-line-height": "1.5",
3226
- "--textarea-field-error-color": "#b30000",
3227
3138
  "--textarea-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3228
3139
  "--textarea-field-helper-font-size": "0.875rem",
3229
3140
  "--textarea-field-helper-font-weight": "300",
@@ -3237,11 +3148,6 @@ var e = {
3237
3148
  "--theme-switcher-focus-ring-offset": "2px",
3238
3149
  "--theme-switcher-focus-ring-color": "#111e30",
3239
3150
  "--time-field-gap": "0.5rem",
3240
- "--time-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3241
- "--time-field-error-font-size": "0.875rem",
3242
- "--time-field-error-font-weight": "300",
3243
- "--time-field-error-line-height": "1.5",
3244
- "--time-field-error-color": "#b30000",
3245
3151
  "--time-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3246
3152
  "--time-field-helper-font-size": "0.875rem",
3247
3153
  "--time-field-helper-font-weight": "300",
@@ -3425,11 +3331,9 @@ var e = {
3425
3331
  "--chart-tile-label-color-6": "#000000",
3426
3332
  "--chart-tile-label-color-7": "#ffffff",
3427
3333
  "--chart-tile-label-color-8": "#000000",
3428
- "--chart-tile-label-color-muted": "#ffffff",
3429
3334
  "--chart-padding-block": "0.5rem",
3430
3335
  "--chart-padding-inline": "0.5rem",
3431
3336
  "--chart-axis-gap": "0.5rem",
3432
- "--chart-height": "16rem",
3433
3337
  "--chart-block-gap": "0.75rem",
3434
3338
  "--chart-legend-gap": "0.5rem",
3435
3339
  "--chart-legend-swatch-size": "0.5rem",
@@ -3551,12 +3455,10 @@ var e = {
3551
3455
  "--public-page-shell-preferences-gap": "0.75rem",
3552
3456
  "--site-search-inline-size": "100%",
3553
3457
  "--site-search-gap": "1.5rem",
3554
- "--site-search-block-gap": "0.75rem",
3555
3458
  "--site-search-status-font-size": "0.875rem",
3556
3459
  "--site-search-status-line-height": "1.5",
3557
3460
  "--site-search-status-color": "#4a4a4a",
3558
3461
  "--site-search-status-gap": "0.5rem",
3559
- "--site-search-status-query-font-weight": "500",
3560
3462
  "--site-search-results-gap": "2rem",
3561
3463
  "--site-search-result-gap": "0.5rem",
3562
3464
  "--site-search-result-title-font-size": "1.25rem",
@@ -0,0 +1,30 @@
1
+ import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
2
+ //#region src/stories/atoms/_shared/useAsyncOptions.ts
3
+ function i(i, a) {
4
+ let [o, s] = r([]), [c, l] = r(!1), [u, d] = r(!1), f = n(null), p = n(0), m = e((e) => {
5
+ f.current && clearTimeout(f.current);
6
+ let t = ++p.current;
7
+ l(!0), d(!1), Promise.resolve().then(() => i(e)).then((e) => e, () => []).then((e) => {
8
+ t === p.current && (s(e), l(!1), d(!0));
9
+ });
10
+ }, [i]), h = e((e) => {
11
+ f.current && clearTimeout(f.current), a > 0 ? f.current = setTimeout(() => m(e), a) : m(e);
12
+ }, [a, m]), g = e(() => {
13
+ f.current && clearTimeout(f.current), p.current += 1, l(!1);
14
+ }, []), _ = e(() => {
15
+ s([]), d(!1);
16
+ }, []);
17
+ return t(() => () => {
18
+ p.current += 1, f.current && clearTimeout(f.current);
19
+ }, []), {
20
+ results: o,
21
+ loading: c,
22
+ hasSearched: u,
23
+ search: m,
24
+ schedule: h,
25
+ cancel: g,
26
+ clear: _
27
+ };
28
+ }
29
+ //#endregion
30
+ export { i as t };
@@ -45,9 +45,15 @@ export interface AccordionTriggerProps {
45
45
  className?: string;
46
46
  /** Tamaño del chevron indicador. */
47
47
  chevronSize?: 'sm' | 'md' | 'lg';
48
+ /**
49
+ * Nivel del encabezado que envuelve el botón (default `3`). Bájalo o súbelo
50
+ * para que el acordeón encaje en el esquema de la página: tras un `<h1>` sin
51
+ * `<h2>` de por medio, un `<h3>` se salta un nivel.
52
+ */
53
+ headingLevel?: 2 | 3 | 4 | 5 | 6;
48
54
  children: ReactNode;
49
55
  }
50
- export declare function AccordionTrigger({ className, chevronSize, children }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
56
+ export declare function AccordionTrigger({ className, chevronSize, headingLevel, children }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
51
57
  export interface AccordionContentProps {
52
58
  className?: string;
53
59
  children: ReactNode;
@@ -1,4 +1,4 @@
1
- import { Popover as BasePopover } from '@base-ui/react/popover';
1
+ import { Combobox } from '@base-ui/react/combobox';
2
2
  import './AsyncMultiSelect.css';
3
3
  export interface AsyncMultiSelectOption {
4
4
  value: string;
@@ -98,10 +98,14 @@ export interface AsyncMultiSelectProps {
98
98
  * solo para llevar la capa a otro sitio: un `.surface-dark` **anidado**, el
99
99
  * cajón de un shell propio. Gana siempre.
100
100
  */
101
- container?: React.ComponentPropsWithoutRef<typeof BasePopover.Portal>['container'];
101
+ container?: React.ComponentPropsWithoutRef<typeof Combobox.Portal>['container'];
102
102
  }
103
103
  /**
104
- * Búsqueda con resultados asíncronos y varios valores. El `ref` va al
105
- * `<input>` de búsqueda, que es lo que se enfoca.
104
+ * Búsqueda con resultados asíncronos y varios valores, sobre el `Combobox`
105
+ * múltiple de Base UI: el teclado (flechas, Intro para marcar y desmarcar,
106
+ * Retroceso para quitar la última ficha, flechas laterales para recorrerlas),
107
+ * el foco virtual, los anuncios y el cierre son suyos. El componente decide qué
108
+ * opciones hay (carga con rebote, `useAsyncOptions`) y qué etiqueta lleva cada
109
+ * ficha. El `ref` va al `<input>` de búsqueda, que es lo que se enfoca.
106
110
  */
107
111
  export declare const AsyncMultiSelect: import("react").ForwardRefExoticComponent<AsyncMultiSelectProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,4 @@
1
- import { Popover as BasePopover } from '@base-ui/react/popover';
1
+ import { Combobox } from '@base-ui/react/combobox';
2
2
  import './AsyncSelect.css';
3
3
  export interface AsyncSelectOption {
4
4
  value: string;
@@ -87,10 +87,14 @@ export interface AsyncSelectProps {
87
87
  * solo para llevar la capa a otro sitio: un `.surface-dark` **anidado**, el
88
88
  * cajón de un shell propio. Gana siempre.
89
89
  */
90
- container?: React.ComponentPropsWithoutRef<typeof BasePopover.Portal>['container'];
90
+ container?: React.ComponentPropsWithoutRef<typeof Combobox.Portal>['container'];
91
91
  }
92
92
  /**
93
- * Búsqueda con resultados asíncronos y un solo valor. El `ref` va al `<input>`
94
- * de búsqueda, que es lo que se enfoca.
93
+ * Búsqueda con resultados asíncronos y un solo valor, sobre el `Combobox` de
94
+ * Base UI: el teclado, el foco virtual (`aria-activedescendant`), los anuncios
95
+ * y el cierre son suyos. El componente decide qué opciones hay (carga con
96
+ * rebote, `useAsyncOptions`) y qué texto enseña el campo: abierto, lo que se
97
+ * escribe; cerrado, la etiqueta de lo elegido. El `ref` va al `<input>` de
98
+ * búsqueda, que es lo que se enfoca.
95
99
  */
96
100
  export declare const AsyncSelect: import("react").ForwardRefExoticComponent<AsyncSelectProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,4 @@
1
- import { Popover as BasePopover } from '@base-ui/react/popover';
1
+ import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
2
2
  import './Autocomplete.css';
3
3
  export interface AutocompleteOption {
4
4
  /** Identifica la sugerencia: es lo que recibe `onSelect` para saber cuál se eligió. */
@@ -72,12 +72,16 @@ export interface AutocompleteProps {
72
72
  * `Portal.container`). Mismo contrato que `AsyncSelect`: por defecto, el nodo
73
73
  * de la superficie que llegue por contexto, o `document.body`.
74
74
  */
75
- container?: React.ComponentPropsWithoutRef<typeof BasePopover.Portal>['container'];
75
+ container?: React.ComponentPropsWithoutRef<typeof BaseAutocomplete.Portal>['container'];
76
76
  }
77
77
  /**
78
- * Campo de texto con sugerencias. A diferencia de `AsyncSelect`, **no obliga a
79
- * elegir**: el valor es el texto escrito y una sugerencia es solo una forma de
80
- * escribirlo más deprisa. Patrón ARIA de combobox con lista (`aria-activedescendant`):
81
- * el foco no sale nunca del `<input>`. El `ref` va a ese `<input>`.
78
+ * Campo de texto con sugerencias, sobre el `Autocomplete` de Base UI. A
79
+ * diferencia de `AsyncSelect`, **no obliga a elegir**: el valor es el texto
80
+ * escrito y una sugerencia es solo una forma de escribirlo más deprisa. El
81
+ * teclado, el foco virtual (`aria-activedescendant`: el foco no sale nunca del
82
+ * `<input>`), los anuncios y el cierre son de Base UI; el componente decide qué
83
+ * sugerencias hay —filtrando `options` o pidiéndolas a `onSearch` con rebote
84
+ * (`useAsyncOptions`)— y cuándo merece la pena abrir la lista. El `ref` va al
85
+ * `<input>`.
82
86
  */
83
87
  export declare const Autocomplete: import("react").ForwardRefExoticComponent<AutocompleteProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,10 +1,20 @@
1
1
  import { type ComponentPropsWithoutRef } from 'react';
2
2
  import './CloseButton.css';
3
+ /**
4
+ * El único texto del aspa suelta, y es **cromo**: «Cerrar». Los componentes
5
+ * que la montan (`Modal`, `Sheet`, `Alert`, `Banner`, `Toaster`,
6
+ * `FloatingDock`) le pasan siempre el suyo, de su propio espacio; esta clave
7
+ * solo se lee cuando alguien usa el aspa por su cuenta sin `label`.
8
+ */
9
+ export interface CloseButtonMessages {
10
+ /** Nombre accesible del aspa. */
11
+ label: string;
12
+ }
3
13
  export interface CloseButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children'> {
4
14
  /**
5
- * Nombre accesible del aspa. Default: «Cerrar» (castellano). Dice **qué**
6
- * cierra o quita, no qué forma tiene: «Cerrar», «Descartar aviso»,
7
- * «Quitar a Ana». Una app multiidioma debe pasarlo traducido.
15
+ * Nombre accesible del aspa. Dice **qué** cierra o quita, no qué forma
16
+ * tiene: «Cerrar», «Descartar aviso», «Quitar a Ana». **Sin default**: sin
17
+ * él, sale de `closeButton.label` del `BrandMessagesProvider`.
8
18
  */
9
19
  label?: string;
10
20
  /** Talla del botón: un cuadrado de 32, 40 o 48px. El glifo mide 24 en las tres. */
@@ -1,6 +1,6 @@
1
+ import type { HeadingSize } from '../Heading/Heading';
1
2
  import './Fieldset.css';
2
3
  type HeadingWeight = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
3
- type HeadingSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
4
4
  export interface FieldsetProps {
5
5
  /** Texto del legend (título del grupo de campos). */
6
6
  legend: React.ReactNode;
@@ -57,6 +57,8 @@ export interface InputPhoneProps {
57
57
  * cajón de un shell propio. Gana siempre.
58
58
  */
59
59
  container?: React.ComponentPropsWithoutRef<typeof BaseSelect.Portal>['container'];
60
+ /** Se añade DESPUÉS de las clases propias (el consumidor añade, no sustituye). */
61
+ className?: string;
60
62
  }
61
63
  /**
62
64
  * Campo de teléfono con selector de país. El `ref` va al `<input>` real del