@getflip/swirl-components-react 0.84.1 → 0.86.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 (269) hide show
  1. package/dist/{file-manager.entry.f8eb0f70.js → file-manager.entry.f178298a.js} +1 -1
  2. package/dist/index.3e13cbcd.js +2843 -0
  3. package/dist/stencil-generated/index.d.ts +7 -0
  4. package/dist/{swirl-action-list-section.entry.6595c7fe.js → swirl-action-list-section.entry.a2e28c41.js} +1 -1
  5. package/dist/{swirl-action-list_3.entry.ee5f1d61.js → swirl-action-list_3.entry.19655e71.js} +1 -1
  6. package/dist/{swirl-app-bar.entry.adea6f16.js → swirl-app-bar.entry.ade7de28.js} +1 -1
  7. package/dist/{swirl-app-icon.entry.85573567.js → swirl-app-icon.entry.e7920d4b.js} +1 -1
  8. package/dist/{swirl-app-layout_7.entry.7b93ae1b.js → swirl-app-layout_7.entry.e6f28259.js} +43 -39
  9. package/dist/swirl-autocomplete.entry.337b1837.js +108 -0
  10. package/dist/{swirl-avatar-group.entry.4b07e231.js → swirl-avatar-group.entry.3f7df0c4.js} +1 -1
  11. package/dist/{swirl-avatar.entry.2e1b637b.js → swirl-avatar.entry.76856d95.js} +1 -1
  12. package/dist/{swirl-badge.entry.5b6e6b8d.js → swirl-badge.entry.3f29f752.js} +1 -1
  13. package/dist/{swirl-banner.entry.4a52e229.js → swirl-banner.entry.253790e3.js} +1 -1
  14. package/dist/{swirl-button-group.entry.0434c47c.js → swirl-button-group.entry.1a5db5c7.js} +1 -1
  15. package/dist/{swirl-button.entry.4f4f6063.js → swirl-button.entry.db2250ae.js} +2 -2
  16. package/dist/{swirl-card.entry.131b6219.js → swirl-card.entry.73672a8b.js} +1 -1
  17. package/dist/{swirl-carousel-slide.entry.1b68d855.js → swirl-carousel-slide.entry.013030f9.js} +1 -1
  18. package/dist/{swirl-carousel.entry.ff20395c.js → swirl-carousel.entry.2ededa78.js} +1 -1
  19. package/dist/{swirl-checkbox.entry.384e3c4d.js → swirl-checkbox.entry.2d7687f8.js} +1 -1
  20. package/dist/{swirl-chip.entry.a38c9d18.js → swirl-chip.entry.8b5c4e07.js} +1 -1
  21. package/dist/{swirl-columns.entry.397fb09d.js → swirl-columns.entry.c7c81c2a.js} +1 -1
  22. package/dist/swirl-components-react.js +271 -264
  23. package/dist/swirl-components-react.umd.cjs +45 -43
  24. package/dist/{swirl-console-layout.entry.c70393a4.js → swirl-console-layout.entry.42a6501f.js} +1 -1
  25. package/dist/{swirl-date-input.entry.57e248ea.js → swirl-date-input.entry.435ec1de.js} +1 -1
  26. package/dist/{swirl-date-picker_2.entry.bddbb099.js → swirl-date-picker_2.entry.a2207630.js} +1 -1
  27. package/dist/{swirl-description-list-item.entry.42a423b9.js → swirl-description-list-item.entry.39d5024b.js} +1 -1
  28. package/dist/{swirl-description-list.entry.85d56afd.js → swirl-description-list.entry.47cc4c1a.js} +1 -1
  29. package/dist/{swirl-dialog.entry.0ce71dc0.js → swirl-dialog.entry.d8ab572a.js} +1 -1
  30. package/dist/swirl-emoji-clap.entry.b423a516.js +17 -0
  31. package/dist/swirl-emoji-happy.entry.a6b837b4.js +17 -0
  32. package/dist/swirl-emoji-idea.entry.dc81fdfe.js +17 -0
  33. package/dist/swirl-emoji-love.entry.8fb2b77f.js +17 -0
  34. package/dist/swirl-emoji-sad.entry.9ca3175a.js +17 -0
  35. package/dist/swirl-emoji-thumbs-up.entry.db9d1d0f.js +17 -0
  36. package/dist/swirl-emoji.entry.a5397887.js +16 -0
  37. package/dist/{swirl-file-uploader.entry.0ae3a2ef.js → swirl-file-uploader.entry.a70db637.js} +1 -1
  38. package/dist/{swirl-file-viewer_7.entry.1246d911.js → swirl-file-viewer_7.entry.8499be78.js} +1 -1
  39. package/dist/swirl-form-control.entry.421c4b58.js +77 -0
  40. package/dist/{swirl-form-group.entry.6303a45c.js → swirl-form-group.entry.00533736.js} +1 -1
  41. package/dist/{swirl-heading.entry.8cf25246.js → swirl-heading.entry.932dc03e.js} +1 -1
  42. package/dist/{swirl-icon-add-photo.entry.e40d5c9d.js → swirl-icon-add-photo.entry.fecf22af.js} +1 -1
  43. package/dist/{swirl-icon-add_6.entry.c4f1bfb2.js → swirl-icon-add_6.entry.2151ffd4.js} +1 -1
  44. package/dist/{swirl-icon-admin-panel-settings.entry.990bbd52.js → swirl-icon-admin-panel-settings.entry.8fa1b527.js} +1 -1
  45. package/dist/{swirl-icon-ai.entry.75fc0ae9.js → swirl-icon-ai.entry.dd25377f.js} +1 -1
  46. package/dist/{swirl-icon-arrow-back.entry.b78ba6b5.js → swirl-icon-arrow-back.entry.3ea0a021.js} +1 -1
  47. package/dist/{swirl-icon-arrow-downward_2.entry.b90c949d.js → swirl-icon-arrow-downward_2.entry.363cdd10.js} +1 -1
  48. package/dist/{swirl-icon-arrow-forward.entry.373d8f7e.js → swirl-icon-arrow-forward.entry.d1d7fc60.js} +1 -1
  49. package/dist/{swirl-icon-arrow-left_4.entry.3832e812.js → swirl-icon-arrow-left_4.entry.c72c1950.js} +1 -1
  50. package/dist/{swirl-icon-arrow-right-small.entry.2461a6ae.js → swirl-icon-arrow-right-small.entry.4426bf07.js} +1 -1
  51. package/dist/{swirl-icon-attachment.entry.410f03e7.js → swirl-icon-attachment.entry.ec562366.js} +1 -1
  52. package/dist/{swirl-icon-bar-chart.entry.3c9f5777.js → swirl-icon-bar-chart.entry.afad4ba9.js} +1 -1
  53. package/dist/{swirl-icon-block.entry.670ecfdb.js → swirl-icon-block.entry.c710989a.js} +1 -1
  54. package/dist/{swirl-icon-bookmark.entry.8de39f45.js → swirl-icon-bookmark.entry.279caa52.js} +1 -1
  55. package/dist/{swirl-icon-cancel_4.entry.8b462e0e.js → swirl-icon-cancel_4.entry.93acf02e.js} +1 -1
  56. package/dist/{swirl-icon-chat-bubble.entry.26386096.js → swirl-icon-chat-bubble.entry.5827a18e.js} +1 -1
  57. package/dist/{swirl-icon-chats-filled.entry.e64d245d.js → swirl-icon-chats-filled.entry.6079c337.js} +1 -1
  58. package/dist/{swirl-icon-chats-outlined.entry.463420b0.js → swirl-icon-chats-outlined.entry.557aa432.js} +1 -1
  59. package/dist/{swirl-icon-check-circle_3.entry.dde5f2c6.js → swirl-icon-check-circle_3.entry.0beb2e23.js} +1 -1
  60. package/dist/{swirl-icon-check-small_3.entry.74cccf39.js → swirl-icon-check-small_3.entry.a1225e6a.js} +1 -1
  61. package/dist/{swirl-icon-check-strong.entry.3e3cf470.js → swirl-icon-check-strong.entry.869fa67c.js} +1 -1
  62. package/dist/{swirl-icon-check.entry.00c572a8.js → swirl-icon-check.entry.accd6d48.js} +1 -1
  63. package/dist/{swirl-icon-chevron-left.entry.e3d3842f.js → swirl-icon-chevron-left.entry.83075a66.js} +1 -1
  64. package/dist/{swirl-icon-chevron-right.entry.d74c5b4d.js → swirl-icon-chevron-right.entry.2428000e.js} +1 -1
  65. package/dist/{swirl-icon-close-small.entry.04ca1baa.js → swirl-icon-close-small.entry.9bf55ad3.js} +1 -1
  66. package/dist/{swirl-icon-close.entry.27cf71af.js → swirl-icon-close.entry.c6067e14.js} +1 -1
  67. package/dist/{swirl-icon-cloud-upload.entry.979ba9de.js → swirl-icon-cloud-upload.entry.211b2b77.js} +1 -1
  68. package/dist/{swirl-icon-column.entry.3e915c52.js → swirl-icon-column.entry.e2ed4ae1.js} +1 -1
  69. package/dist/{swirl-icon-comment.entry.84c31ec2.js → swirl-icon-comment.entry.e4e78469.js} +1 -1
  70. package/dist/{swirl-icon-copy.entry.152a6e33.js → swirl-icon-copy.entry.5822832d.js} +1 -1
  71. package/dist/{swirl-icon-date-range.entry.df0f3f42.js → swirl-icon-date-range.entry.a537bf50.js} +1 -1
  72. package/dist/{swirl-icon-delete.entry.9712e881.js → swirl-icon-delete.entry.86e975d4.js} +1 -1
  73. package/dist/{swirl-icon-description.entry.616e183f.js → swirl-icon-description.entry.0955c761.js} +1 -1
  74. package/dist/{swirl-icon-double-arrow-left.entry.4e417d9c.js → swirl-icon-double-arrow-left.entry.6e018ca1.js} +1 -1
  75. package/dist/{swirl-icon-double-arrow-right.entry.657b35e0.js → swirl-icon-double-arrow-right.entry.c804b211.js} +1 -1
  76. package/dist/{swirl-icon-download.entry.388cccc9.js → swirl-icon-download.entry.24c5ec93.js} +1 -1
  77. package/dist/{swirl-icon-edit.entry.ad57845a.js → swirl-icon-edit.entry.7ca8481a.js} +1 -1
  78. package/dist/{swirl-icon-emoji-mood.entry.c26924b6.js → swirl-icon-emoji-mood.entry.5adde519.js} +1 -1
  79. package/dist/{swirl-icon-emoji-satisfied.entry.4e128ecf.js → swirl-icon-emoji-satisfied.entry.b11ea308.js} +1 -1
  80. package/dist/{swirl-icon-error_3.entry.619ea4d8.js → swirl-icon-error_3.entry.55bb408c.js} +1 -1
  81. package/dist/{swirl-icon-expand-more.entry.23af759c.js → swirl-icon-expand-more.entry.b05518fd.js} +1 -1
  82. package/dist/{swirl-icon-filter.entry.d693f017.js → swirl-icon-filter.entry.25edf068.js} +1 -1
  83. package/dist/{swirl-icon-folder.entry.b94619ac.js → swirl-icon-folder.entry.62ec63c6.js} +1 -1
  84. package/dist/{swirl-icon-format-h-one.entry.ba5f30ec.js → swirl-icon-format-h-one.entry.40d1a342.js} +1 -1
  85. package/dist/{swirl-icon-gif.entry.6fd32d99.js → swirl-icon-gif.entry.f88c3724.js} +1 -1
  86. package/dist/{swirl-icon-group-assign.entry.161f7496.js → swirl-icon-group-assign.entry.ee0b7d56.js} +1 -1
  87. package/dist/{swirl-icon-groups-custom.entry.6e2c97cf.js → swirl-icon-groups-custom.entry.dc606686.js} +1 -1
  88. package/dist/{swirl-icon-groups-filled.entry.79faa067.js → swirl-icon-groups-filled.entry.53c8155d.js} +1 -1
  89. package/dist/{swirl-icon-groups-outlined.entry.ab5cf1df.js → swirl-icon-groups-outlined.entry.626b7a39.js} +1 -1
  90. package/dist/{swirl-icon-groups.entry.635406b4.js → swirl-icon-groups.entry.1bb85c79.js} +1 -1
  91. package/dist/{swirl-icon-help.entry.42189363.js → swirl-icon-help.entry.8319d152.js} +1 -1
  92. package/dist/{swirl-icon-highlight.entry.24a7260c.js → swirl-icon-highlight.entry.730b780a.js} +1 -1
  93. package/dist/{swirl-icon-home.entry.9daace8c.js → swirl-icon-home.entry.13deba1a.js} +1 -1
  94. package/dist/{swirl-icon-image.entry.a5c7daa9.js → swirl-icon-image.entry.7b5f01ed.js} +1 -1
  95. package/dist/{swirl-icon-improve-text.entry.ce36dbe1.js → swirl-icon-improve-text.entry.1a0ca1eb.js} +1 -1
  96. package/dist/{swirl-icon-insert-below.entry.e456bce2.js → swirl-icon-insert-below.entry.72574807.js} +1 -1
  97. package/dist/{swirl-icon-insert-on-top.entry.3c712763.js → swirl-icon-insert-on-top.entry.cdd32937.js} +1 -1
  98. package/dist/{swirl-icon-inventory.entry.60847266.js → swirl-icon-inventory.entry.4c52ee70.js} +1 -1
  99. package/dist/{swirl-icon-like.entry.b2cfac3e.js → swirl-icon-like.entry.c9afe9a6.js} +1 -1
  100. package/dist/{swirl-icon-link.entry.232c162e.js → swirl-icon-link.entry.9f546126.js} +1 -1
  101. package/dist/{swirl-icon-lock-person.entry.a2b0fb8e.js → swirl-icon-lock-person.entry.9151810d.js} +1 -1
  102. package/dist/{swirl-icon-lock.entry.db78d302.js → swirl-icon-lock.entry.5bc79c86.js} +1 -1
  103. package/dist/{swirl-icon-logout.entry.121292f5.js → swirl-icon-logout.entry.92e389b7.js} +1 -1
  104. package/dist/{swirl-icon-long-text.entry.666953b5.js → swirl-icon-long-text.entry.2ae69f2f.js} +1 -1
  105. package/dist/{swirl-icon-mail.entry.2d6e0ec9.js → swirl-icon-mail.entry.fc32d3f4.js} +1 -1
  106. package/dist/{swirl-icon-manage-accounts.entry.8d09320c.js → swirl-icon-manage-accounts.entry.2c6537d3.js} +1 -1
  107. package/dist/{swirl-icon-mark-chat-read.entry.a3855b5d.js → swirl-icon-mark-chat-read.entry.06afdac0.js} +1 -1
  108. package/dist/{swirl-icon-mark-chat-unread.entry.46aca105.js → swirl-icon-mark-chat-unread.entry.1838f1be.js} +1 -1
  109. package/dist/{swirl-icon-mention.entry.24c2dfd7.js → swirl-icon-mention.entry.967f5726.js} +1 -1
  110. package/dist/{swirl-icon-menu-filled.entry.8f4e822e.js → swirl-icon-menu-filled.entry.2a295893.js} +1 -1
  111. package/dist/{swirl-icon-menu-outlined.entry.a6f0cfcc.js → swirl-icon-menu-outlined.entry.36406c7c.js} +1 -1
  112. package/dist/{swirl-icon-menu.entry.151c3d4a.js → swirl-icon-menu.entry.9f330727.js} +1 -1
  113. package/dist/{swirl-icon-message.entry.88a58d20.js → swirl-icon-message.entry.20d6f89d.js} +1 -1
  114. package/dist/{swirl-icon-mic.entry.02f33d2c.js → swirl-icon-mic.entry.37f2df1c.js} +1 -1
  115. package/dist/{swirl-icon-more-horizontal.entry.976bee31.js → swirl-icon-more-horizontal.entry.ecfaeae2.js} +1 -1
  116. package/dist/{swirl-icon-news-filled.entry.d3e2861a.js → swirl-icon-news-filled.entry.26965c60.js} +1 -1
  117. package/dist/{swirl-icon-news-outlined.entry.ee59aa3d.js → swirl-icon-news-outlined.entry.82906156.js} +1 -1
  118. package/dist/{swirl-icon-notifications-active.entry.e668854a.js → swirl-icon-notifications-active.entry.510ac00d.js} +1 -1
  119. package/dist/{swirl-icon-notifications-off.entry.bf2c4d06.js → swirl-icon-notifications-off.entry.d2c6abcb.js} +1 -1
  120. package/dist/{swirl-icon-notifications.entry.fabc9684.js → swirl-icon-notifications.entry.86904d1e.js} +1 -1
  121. package/dist/{swirl-icon-open-in-full.entry.77e6503f.js → swirl-icon-open-in-full.entry.c7ac821d.js} +1 -1
  122. package/dist/{swirl-icon-open-in-new.entry.2a9955fc.js → swirl-icon-open-in-new.entry.a957bea8.js} +1 -1
  123. package/dist/{swirl-icon-pause-circle.entry.c76f0cb5.js → swirl-icon-pause-circle.entry.cea83e42.js} +1 -1
  124. package/dist/{swirl-icon-pause.entry.0723ae70.js → swirl-icon-pause.entry.ac3c3186.js} +1 -1
  125. package/dist/{swirl-icon-people-alt.entry.8b3d8fb3.js → swirl-icon-people-alt.entry.c563dbc6.js} +1 -1
  126. package/dist/{swirl-icon-person-off.entry.9fd67c3a.js → swirl-icon-person-off.entry.8bfeda03.js} +1 -1
  127. package/dist/{swirl-icon-person.entry.0284e32a.js → swirl-icon-person.entry.614d34a0.js} +1 -1
  128. package/dist/{swirl-icon-phone.entry.c5a4a41a.js → swirl-icon-phone.entry.f2b24556.js} +1 -1
  129. package/dist/{swirl-icon-play-arrow.entry.0a483a91.js → swirl-icon-play-arrow.entry.f7b5b289.js} +1 -1
  130. package/dist/{swirl-icon-poll.entry.348a746e.js → swirl-icon-poll.entry.6a703aca.js} +1 -1
  131. package/dist/{swirl-icon-print.entry.b6dd7214.js → swirl-icon-print.entry.c2d73913.js} +1 -1
  132. package/dist/{swirl-icon-recieved.entry.b780ed24.js → swirl-icon-recieved.entry.c2b82db5.js} +1 -1
  133. package/dist/{swirl-icon-reply.entry.ee10fbe6.js → swirl-icon-reply.entry.3b34405f.js} +1 -1
  134. package/dist/{swirl-icon-report.entry.39142c2c.js → swirl-icon-report.entry.5882a2a2.js} +1 -1
  135. package/dist/{swirl-icon-roadmap.entry.da0654b8.js → swirl-icon-roadmap.entry.8374b661.js} +1 -1
  136. package/dist/{swirl-icon-search-strong.entry.d47b4ce6.js → swirl-icon-search-strong.entry.606eb7ba.js} +1 -1
  137. package/dist/{swirl-icon-search.entry.b6e8b87b.js → swirl-icon-search.entry.f3305be1.js} +1 -1
  138. package/dist/{swirl-icon-send.entry.97e1a3f3.js → swirl-icon-send.entry.f20a032d.js} +1 -1
  139. package/dist/{swirl-icon-settings.entry.b3d0b498.js → swirl-icon-settings.entry.218bda0e.js} +1 -1
  140. package/dist/{swirl-icon-short-text.entry.ef0a80a6.js → swirl-icon-short-text.entry.9fa73a19.js} +1 -1
  141. package/dist/{swirl-icon-simplify.entry.5e5137fd.js → swirl-icon-simplify.entry.dea95fd4.js} +1 -1
  142. package/dist/{swirl-icon-spellcheck.entry.516027f1.js → swirl-icon-spellcheck.entry.c177b951.js} +1 -1
  143. package/dist/{swirl-icon-stop.entry.e9c78225.js → swirl-icon-stop.entry.4950305d.js} +1 -1
  144. package/dist/{swirl-icon-sync.entry.3a16710e.js → swirl-icon-sync.entry.6020eea2.js} +1 -1
  145. package/dist/{swirl-icon-tasks-filled.entry.baec9c35.js → swirl-icon-tasks-filled.entry.f32e697f.js} +1 -1
  146. package/dist/{swirl-icon-tasks-outlined.entry.4b0a25d8.js → swirl-icon-tasks-outlined.entry.535a2eca.js} +1 -1
  147. package/dist/{swirl-icon-time-filled.entry.9e1fd84e.js → swirl-icon-time-filled.entry.e5cc72d8.js} +1 -1
  148. package/dist/{swirl-icon-time-outlined.entry.77083bab.js → swirl-icon-time-outlined.entry.4c20d444.js} +1 -1
  149. package/dist/{swirl-icon-translate.entry.263994d5.js → swirl-icon-translate.entry.36d30b37.js} +1 -1
  150. package/dist/{swirl-icon-undo.entry.b3d0f1c3.js → swirl-icon-undo.entry.d5a0c5d6.js} +1 -1
  151. package/dist/{swirl-icon-unlock-person.entry.923315b2.js → swirl-icon-unlock-person.entry.479ed334.js} +1 -1
  152. package/dist/{swirl-icon-user-assign.entry.b05beacf.js → swirl-icon-user-assign.entry.c865c8f8.js} +1 -1
  153. package/dist/{swirl-icon-video-camera.entry.27695276.js → swirl-icon-video-camera.entry.eb0ed13f.js} +1 -1
  154. package/dist/{swirl-icon-video-library.entry.72142c31.js → swirl-icon-video-library.entry.1560c7fc.js} +1 -1
  155. package/dist/{swirl-icon-voice.entry.9093ad82.js → swirl-icon-voice.entry.5253f976.js} +1 -1
  156. package/dist/{swirl-icon.entry.ee2fa0e6.js → swirl-icon.entry.268fa707.js} +4 -4
  157. package/dist/{swirl-image-grid-item.entry.d5d22401.js → swirl-image-grid-item.entry.576bea5b.js} +1 -1
  158. package/dist/{swirl-image-grid.entry.ca3bd50d.js → swirl-image-grid.entry.34885402.js} +1 -1
  159. package/dist/{swirl-inline-notification.entry.f3611b7a.js → swirl-inline-notification.entry.79781379.js} +1 -1
  160. package/dist/{swirl-inline-status.entry.bae5f09d.js → swirl-inline-status.entry.524286d4.js} +1 -1
  161. package/dist/{swirl-lightbox.entry.554ee93e.js → swirl-lightbox.entry.3ee36430.js} +1 -1
  162. package/dist/{swirl-link.entry.a6a752e5.js → swirl-link.entry.106859d1.js} +1 -1
  163. package/dist/{swirl-list.entry.8a58502d.js → swirl-list.entry.2eead45d.js} +1 -1
  164. package/dist/{swirl-menu-item.entry.9136ea00.js → swirl-menu-item.entry.255d0844.js} +1 -1
  165. package/dist/{swirl-menu.entry.ec13bb0f.js → swirl-menu.entry.3c0a44a0.js} +1 -1
  166. package/dist/{swirl-modal.entry.a4c13a61.js → swirl-modal.entry.8db602ec.js} +1 -1
  167. package/dist/{swirl-option-list-section.entry.514596ed.js → swirl-option-list-section.entry.11984a20.js} +1 -1
  168. package/dist/{swirl-option-list.entry.69b4d845.js → swirl-option-list_2.entry.8ac4882c.js} +33 -15
  169. package/dist/{swirl-pagination.entry.4edac1ca.js → swirl-pagination.entry.0dc80061.js} +1 -1
  170. package/dist/{swirl-pdf-reader.entry.e6ecb742.js → swirl-pdf-reader.entry.1815131a.js} +1 -1
  171. package/dist/{swirl-popover_2.entry.d5a5fff3.js → swirl-popover_2.entry.002b17e6.js} +1 -1
  172. package/dist/{swirl-progress-indicator.entry.05bca8c4.js → swirl-progress-indicator.entry.77a1a8b4.js} +1 -1
  173. package/dist/{swirl-radio-group.entry.ab2320df.js → swirl-radio-group.entry.a5ec7575.js} +1 -1
  174. package/dist/{swirl-radio.entry.945131f0.js → swirl-radio.entry.a48981f2.js} +1 -1
  175. package/dist/{swirl-resource-list-file-item.entry.271dccbb.js → swirl-resource-list-file-item.entry.3eb1ae5e.js} +1 -1
  176. package/dist/{swirl-search.entry.9c9615f3.js → swirl-search.entry.5bfaefbe.js} +1 -1
  177. package/dist/{swirl-select.entry.26d65d09.js → swirl-select.entry.c209c0f3.js} +3 -3
  178. package/dist/{swirl-shell-layout.entry.7cf3394a.js → swirl-shell-layout.entry.dc5ea772.js} +1 -1
  179. package/dist/{swirl-shell-navigation-item.entry.ce310418.js → swirl-shell-navigation-item.entry.67ff3671.js} +1 -1
  180. package/dist/{swirl-skeleton-box.entry.e79c3f35.js → swirl-skeleton-box.entry.c6c43015.js} +1 -1
  181. package/dist/{swirl-skeleton-text.entry.3f711264.js → swirl-skeleton-text.entry.9f41e885.js} +1 -1
  182. package/dist/{swirl-stack.entry.3abaf583.js → swirl-stack.entry.b4ee1187.js} +1 -1
  183. package/dist/{swirl-status-indicator.entry.a85d6f73.js → swirl-status-indicator.entry.861b8aa3.js} +1 -1
  184. package/dist/{swirl-switch.entry.3d58812f.js → swirl-switch.entry.b8b9a168.js} +1 -1
  185. package/dist/{swirl-symbol-account-circle.entry.3140030c.js → swirl-symbol-account-circle.entry.686220a8.js} +1 -1
  186. package/dist/{swirl-symbol-alternate-email.entry.cfb2df21.js → swirl-symbol-alternate-email.entry.378c3527.js} +1 -1
  187. package/dist/{swirl-symbol-android.entry.b92469dd.js → swirl-symbol-android.entry.60da032a.js} +1 -1
  188. package/dist/{swirl-symbol-announcement.entry.1ee114b4.js → swirl-symbol-announcement.entry.98d7a3a9.js} +1 -1
  189. package/dist/{swirl-symbol-backup.entry.4c6c2729.js → swirl-symbol-backup.entry.c61a3cbd.js} +1 -1
  190. package/dist/{swirl-symbol-beach-access.entry.50f755fd.js → swirl-symbol-beach-access.entry.9797a3de.js} +1 -1
  191. package/dist/{swirl-symbol-bookmark.entry.74622ab9.js → swirl-symbol-bookmark.entry.95efd057.js} +1 -1
  192. package/dist/{swirl-symbol-cloud.entry.acf7e7ee.js → swirl-symbol-cloud.entry.f1994a00.js} +1 -1
  193. package/dist/{swirl-symbol-coronavirus.entry.ad2ec679.js → swirl-symbol-coronavirus.entry.6e3775f0.js} +1 -1
  194. package/dist/{swirl-symbol-desktop-windows.entry.9701a762.js → swirl-symbol-desktop-windows.entry.50f1bf9b.js} +1 -1
  195. package/dist/{swirl-symbol-directions-car-filled.entry.ae4fd9f2.js → swirl-symbol-directions-car-filled.entry.518faefb.js} +1 -1
  196. package/dist/{swirl-symbol-edit-calendar.entry.40abf315.js → swirl-symbol-edit-calendar.entry.af654b69.js} +1 -1
  197. package/dist/{swirl-symbol-email.entry.034b7ecc.js → swirl-symbol-email.entry.4a7aed98.js} +1 -1
  198. package/dist/{swirl-symbol-emoji-food-beverage.entry.6f29f8ea.js → swirl-symbol-emoji-food-beverage.entry.8b85e1b2.js} +1 -1
  199. package/dist/{swirl-symbol-event-menu.entry.22aa9759.js → swirl-symbol-event-menu.entry.5457c4b2.js} +1 -1
  200. package/dist/{swirl-symbol-facebook.entry.630a5034.js → swirl-symbol-facebook.entry.f71661ac.js} +1 -1
  201. package/dist/{swirl-symbol-favorite.entry.1a3166c7.js → swirl-symbol-favorite.entry.393c1641.js} +1 -1
  202. package/dist/{swirl-symbol-fitness-center.entry.a7df7856.js → swirl-symbol-fitness-center.entry.3a3b0b85.js} +1 -1
  203. package/dist/{swirl-symbol-flag.entry.0e799a1b.js → swirl-symbol-flag.entry.c749e59b.js} +1 -1
  204. package/dist/{swirl-symbol-folder.entry.d8b997af.js → swirl-symbol-folder.entry.f3063f44.js} +1 -1
  205. package/dist/{swirl-symbol-globe.entry.5972f568.js → swirl-symbol-globe.entry.67033416.js} +1 -1
  206. package/dist/{swirl-symbol-groups.entry.964fc2bd.js → swirl-symbol-groups.entry.97117e2b.js} +1 -1
  207. package/dist/{swirl-symbol-help.entry.4e83d93a.js → swirl-symbol-help.entry.0de148ca.js} +1 -1
  208. package/dist/{swirl-symbol-image.entry.a54c0a65.js → swirl-symbol-image.entry.27d84ea3.js} +1 -1
  209. package/dist/{swirl-symbol-info-menu.entry.b2dd8e24.js → swirl-symbol-info-menu.entry.475515e1.js} +1 -1
  210. package/dist/{swirl-symbol-instagram.entry.febf1775.js → swirl-symbol-instagram.entry.b8d5e48e.js} +1 -1
  211. package/dist/{swirl-symbol-ios.entry.7cb0093e.js → swirl-symbol-ios.entry.d84c6a7f.js} +1 -1
  212. package/dist/{swirl-symbol-language.entry.6a4e0cc2.js → swirl-symbol-language.entry.79896ec5.js} +1 -1
  213. package/dist/{swirl-symbol-leaderboard.entry.e9bebd58.js → swirl-symbol-leaderboard.entry.35e29df4.js} +1 -1
  214. package/dist/{swirl-symbol-lightbulb.entry.fc24d7dd.js → swirl-symbol-lightbulb.entry.1fdf41d9.js} +1 -1
  215. package/dist/{swirl-symbol-linkedin.entry.92d85d88.js → swirl-symbol-linkedin.entry.1e5617e4.js} +1 -1
  216. package/dist/{swirl-symbol-location-on.entry.4bf80119.js → swirl-symbol-location-on.entry.1e2256d6.js} +1 -1
  217. package/dist/{swirl-symbol-loyalty.entry.76132d57.js → swirl-symbol-loyalty.entry.986c5d0f.js} +1 -1
  218. package/dist/{swirl-symbol-maps-home-work.entry.a64b5d99.js → swirl-symbol-maps-home-work.entry.22f1bedf.js} +1 -1
  219. package/dist/{swirl-symbol-notifications.entry.4781532d.js → swirl-symbol-notifications.entry.b0724d98.js} +1 -1
  220. package/dist/{swirl-symbol-open-in-new.entry.bbd7d2f7.js → swirl-symbol-open-in-new.entry.2d7401c6.js} +1 -1
  221. package/dist/{swirl-symbol-pedal-bike.entry.96149b14.js → swirl-symbol-pedal-bike.entry.024e9ec3.js} +1 -1
  222. package/dist/{swirl-symbol-pinterest.entry.0d2c7732.js → swirl-symbol-pinterest.entry.29b77af0.js} +1 -1
  223. package/dist/{swirl-symbol-policy.entry.b84b0a6b.js → swirl-symbol-policy.entry.911b5cb9.js} +1 -1
  224. package/dist/{swirl-symbol-push-pin.entry.2aba510a.js → swirl-symbol-push-pin.entry.3e10046b.js} +1 -1
  225. package/dist/{swirl-symbol-redeem.entry.1845b673.js → swirl-symbol-redeem.entry.6398129d.js} +1 -1
  226. package/dist/{swirl-symbol-report-problem.entry.ff922584.js → swirl-symbol-report-problem.entry.a4c21319.js} +1 -1
  227. package/dist/{swirl-symbol-restaurant.entry.9dfae4e2.js → swirl-symbol-restaurant.entry.63f03371.js} +1 -1
  228. package/dist/{swirl-symbol-roadmap.entry.c03349c5.js → swirl-symbol-roadmap.entry.766e914f.js} +1 -1
  229. package/dist/{swirl-symbol-room.entry.3c11cef2.js → swirl-symbol-room.entry.12c39cde.js} +1 -1
  230. package/dist/{swirl-symbol-savings.entry.a7dda9ad.js → swirl-symbol-savings.entry.9a0f890e.js} +1 -1
  231. package/dist/{swirl-symbol-settings-voice.entry.5fb9bab7.js → swirl-symbol-settings-voice.entry.424ce9ce.js} +1 -1
  232. package/dist/{swirl-symbol-shopping-cart.entry.cfc00400.js → swirl-symbol-shopping-cart.entry.b1993352.js} +1 -1
  233. package/dist/{swirl-symbol-smartphone.entry.832e6ab2.js → swirl-symbol-smartphone.entry.bc4a8a30.js} +1 -1
  234. package/dist/{swirl-symbol-star.entry.3783a54f.js → swirl-symbol-star.entry.aef2230a.js} +1 -1
  235. package/dist/{swirl-symbol-supervisor-account.entry.95b3914d.js → swirl-symbol-supervisor-account.entry.488e2eb5.js} +1 -1
  236. package/dist/{swirl-symbol-thumbs-up-down.entry.61ddfe2d.js → swirl-symbol-thumbs-up-down.entry.581ce2de.js} +1 -1
  237. package/dist/{swirl-symbol-twitter.entry.4cc61a0a.js → swirl-symbol-twitter.entry.b8fe8d92.js} +1 -1
  238. package/dist/{swirl-symbol-wb-sunny.entry.78b99b07.js → swirl-symbol-wb-sunny.entry.e78aa632.js} +1 -1
  239. package/dist/{swirl-symbol-wechat.entry.aa6a5b93.js → swirl-symbol-wechat.entry.0f4ede56.js} +1 -1
  240. package/dist/{swirl-symbol-weibo.entry.859c7351.js → swirl-symbol-weibo.entry.1c3ae705.js} +1 -1
  241. package/dist/{swirl-symbol-work.entry.18079c62.js → swirl-symbol-work.entry.ccee9511.js} +1 -1
  242. package/dist/{swirl-symbol-xing.entry.e8a4c307.js → swirl-symbol-xing.entry.27e73fe5.js} +1 -1
  243. package/dist/{swirl-symbol-youtube.entry.05a97cad.js → swirl-symbol-youtube.entry.a51f5035.js} +1 -1
  244. package/dist/{swirl-symbol.entry.d03817ae.js → swirl-symbol.entry.2e7bd060.js} +1 -1
  245. package/dist/swirl-tab-bar.entry.0753b841.js +33 -0
  246. package/dist/{swirl-tab.entry.34fcf0c1.js → swirl-tab.entry.95278952.js} +5 -5
  247. package/dist/{swirl-table-cell.entry.4bbcd337.js → swirl-table-cell.entry.e76f52c5.js} +1 -1
  248. package/dist/{swirl-table-column.entry.379986f2.js → swirl-table-column.entry.c099f65e.js} +1 -1
  249. package/dist/{swirl-table-row-group.entry.9d98e6b1.js → swirl-table-row-group.entry.0d39f5c7.js} +1 -1
  250. package/dist/{swirl-table-row.entry.10ad2a39.js → swirl-table-row.entry.14be267f.js} +1 -1
  251. package/dist/{swirl-table.entry.cc1b1aea.js → swirl-table.entry.2051e0c3.js} +1 -1
  252. package/dist/{swirl-tabs.entry.79270dee.js → swirl-tabs.entry.a05a8737.js} +5 -4
  253. package/dist/{swirl-text-input.entry.563ae85d.js → swirl-text-input.entry.cd50fa7b.js} +6 -6
  254. package/dist/{swirl-text.entry.0ac7e73a.js → swirl-text.entry.659a273a.js} +1 -1
  255. package/dist/{swirl-theme-provider.entry.c1a5a6dc.js → swirl-theme-provider.entry.e3b6e27e.js} +1 -1
  256. package/dist/{swirl-time-input.entry.be8b4bfe.js → swirl-time-input.entry.47b2d112.js} +1 -1
  257. package/dist/{swirl-toast-provider.entry.118fb4bf.js → swirl-toast-provider.entry.9f9e2ca4.js} +1 -1
  258. package/dist/{swirl-toast.entry.ad010649.js → swirl-toast.entry.700d56b2.js} +1 -1
  259. package/dist/{swirl-tooltip.entry.6517efa5.js → swirl-tooltip.entry.2f88afcb.js} +1 -1
  260. package/dist/{swirl-tree-navigation-item.entry.fcae79a1.js → swirl-tree-navigation-item.entry.12309124.js} +1 -1
  261. package/dist/{swirl-video-thumbnail.entry.dd3154d0.js → swirl-video-thumbnail.entry.41fcc4e6.js} +1 -1
  262. package/dist/{swirl-visually-hidden.entry.7c3f627a.js → swirl-visually-hidden.entry.fe592f49.js} +1 -1
  263. package/dist/{wc-datepicker.entry.7eb44c98.js → wc-datepicker.entry.1d53db37.js} +1 -1
  264. package/package.json +2 -2
  265. package/dist/index.b2639202.js +0 -2806
  266. package/dist/swirl-autocomplete.entry.b6d0d4b3.js +0 -69
  267. package/dist/swirl-form-control.entry.6fe6d752.js +0 -77
  268. package/dist/swirl-tab-bar.entry.f885360a.js +0 -33
  269. package/dist/swirl-tag.entry.b01c5cc3.js +0 -23
@@ -26,6 +26,13 @@ export declare const SwirlDatePicker: import("react").ForwardRefExoticComponent<
26
26
  export declare const SwirlDescriptionList: import("react").ForwardRefExoticComponent<JSX.SwirlDescriptionList & Omit<import("react").HTMLAttributes<HTMLSwirlDescriptionListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlDescriptionListElement>>;
27
27
  export declare const SwirlDescriptionListItem: import("react").ForwardRefExoticComponent<JSX.SwirlDescriptionListItem & Omit<import("react").HTMLAttributes<HTMLSwirlDescriptionListItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlDescriptionListItemElement>>;
28
28
  export declare const SwirlDialog: import("react").ForwardRefExoticComponent<JSX.SwirlDialog & Omit<import("react").HTMLAttributes<HTMLSwirlDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlDialogElement>>;
29
+ export declare const SwirlEmoji: import("react").ForwardRefExoticComponent<JSX.SwirlEmoji & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiElement>>;
30
+ export declare const SwirlEmojiClap: import("react").ForwardRefExoticComponent<JSX.SwirlEmojiClap & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiClapElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiClapElement>>;
31
+ export declare const SwirlEmojiHappy: import("react").ForwardRefExoticComponent<JSX.SwirlEmojiHappy & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiHappyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiHappyElement>>;
32
+ export declare const SwirlEmojiIdea: import("react").ForwardRefExoticComponent<JSX.SwirlEmojiIdea & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiIdeaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiIdeaElement>>;
33
+ export declare const SwirlEmojiLove: import("react").ForwardRefExoticComponent<JSX.SwirlEmojiLove & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiLoveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiLoveElement>>;
34
+ export declare const SwirlEmojiSad: import("react").ForwardRefExoticComponent<JSX.SwirlEmojiSad & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiSadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiSadElement>>;
35
+ export declare const SwirlEmojiThumbsUp: import("react").ForwardRefExoticComponent<JSX.SwirlEmojiThumbsUp & Omit<import("react").HTMLAttributes<HTMLSwirlEmojiThumbsUpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmojiThumbsUpElement>>;
29
36
  export declare const SwirlEmptyState: import("react").ForwardRefExoticComponent<JSX.SwirlEmptyState & Omit<import("react").HTMLAttributes<HTMLSwirlEmptyStateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlEmptyStateElement>>;
30
37
  export declare const SwirlFileUploader: import("react").ForwardRefExoticComponent<JSX.SwirlFileUploader & Omit<import("react").HTMLAttributes<HTMLSwirlFileUploaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlFileUploaderElement>>;
31
38
  export declare const SwirlFileViewer: import("react").ForwardRefExoticComponent<JSX.SwirlFileViewer & Omit<import("react").HTMLAttributes<HTMLSwirlFileViewerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlFileViewerElement>>;
@@ -1,4 +1,4 @@
1
- import { r as s, h as t, H as e } from "./index.b2639202.js";
1
+ import { r as s, h as t, H as e } from "./index.3e13cbcd.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {
@@ -1,4 +1,4 @@
1
- import { r as a, h as e, H as n, g as c } from "./index.b2639202.js";
1
+ import { r as a, h as e, H as n, g as c } from "./index.3e13cbcd.js";
2
2
  import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
3
3
  import { c as l } from "./index-d280dafb.186cdb0e.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as e, c as o, h as t, H as n, g as a } from "./index.b2639202.js";
1
+ import { r as e, c as o, h as t, H as n, g as a } from "./index.3e13cbcd.js";
2
2
  import { c as l } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as o, h as e, H as t } from "./index.b2639202.js";
1
+ import { r as o, h as e, H as t } from "./index.3e13cbcd.js";
2
2
  import { c as n } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,10 +1,10 @@
1
- import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.b2639202.js";
1
+ import { r as o, c as s, h as t, H as l, g as p, F as r } from "./index.3e13cbcd.js";
2
2
  import { c as d } from "./index-d280dafb.186cdb0e.js";
3
- import { i as c, g as y } from "./utils-bc84f36e.1fee9865.js";
4
- import { S as v } from "./sortable.esm-8c3d5856.57c4f048.js";
3
+ import { i as c, g as w } from "./utils-bc84f36e.1fee9865.js";
4
+ import { S as _ } from "./sortable.esm-8c3d5856.57c4f048.js";
5
5
  import "react";
6
6
  import "react-dom";
7
- const w = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"
7
+ const f = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"
8
8
  "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
9
9
  "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"
10
10
  "navigation body"}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
@@ -20,9 +20,9 @@ const w = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
20
20
  "content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8);--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-16)}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"
21
21
  "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
22
22
  "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
23
- "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}`, _ = class {
23
+ "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}`, x = class {
24
24
  constructor(i) {
25
- s(this, i), this.ctaClick = o(this, "ctaClick", 7), this.mobileViewChange = o(this, "mobileViewChange", 7), this.navigationBackButtonClick = o(this, "navigationBackButtonClick", 7), this.sidebarToggle = o(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
25
+ o(this, i), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
26
26
  this.changeMobileView("navigation");
27
27
  }, this.onCtaClick = (e) => {
28
28
  this.ctaClick.emit(e);
@@ -107,10 +107,10 @@ const w = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
107
107
  };
108
108
  }
109
109
  };
110
- _.style = w;
111
- const f = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", x = class {
110
+ x.style = f;
111
+ const k = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", C = class {
112
112
  constructor(i) {
113
- s(this, i), this.bordered = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.maxWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0;
113
+ o(this, i), this.bordered = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.maxWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0;
114
114
  }
115
115
  render() {
116
116
  const i = {
@@ -134,39 +134,39 @@ const f = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
134
134
  return t(l, { class: e, style: i }, t("slot", null));
135
135
  }
136
136
  };
137
- x.style = f;
138
- const k = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", C = class {
137
+ C.style = k;
138
+ const I = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", S = class {
139
139
  constructor(i) {
140
- s(this, i), this.heading = void 0, this.illustration = void 0;
140
+ o(this, i), this.heading = void 0, this.illustration = void 0;
141
141
  }
142
142
  render() {
143
143
  return t(l, null, t("div", { class: "empty-state" }, this.illustration && t("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { class: "empty-state__body" }, this.heading && t("swirl-heading", { align: "center", as: "p", text: this.heading }), t("div", { class: "empty-state__content" }, t("swirl-text", { align: "center", color: "subdued" }, t("slot", null))))));
144
144
  }
145
145
  };
146
- C.style = k;
147
- const I = ":host{display:inline-flex}", S = class {
146
+ S.style = I;
147
+ const B = ":host{display:inline-flex}", D = class {
148
148
  constructor(i) {
149
- s(this, i), this.size = 24;
149
+ o(this, i), this.size = 24;
150
150
  }
151
151
  render() {
152
152
  const i = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
153
153
  return t("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, null, t("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, null, t("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, null, t("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
154
154
  }
155
155
  };
156
- S.style = I;
157
- const B = ":host{display:inline-flex}", D = class {
156
+ D.style = B;
157
+ const M = ":host{display:inline-flex}", z = class {
158
158
  constructor(i) {
159
- s(this, i), this.size = 24;
159
+ o(this, i), this.size = 24;
160
160
  }
161
161
  render() {
162
162
  const i = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
163
163
  return t("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, null, t("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, null, t("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && t(r, null, t("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
164
164
  }
165
165
  };
166
- D.style = B;
167
- const M = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", z = class {
166
+ z.style = M;
167
+ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", T = class {
168
168
  constructor(i) {
169
- s(this, i), this.itemDrop = o(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
169
+ o(this, i), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
170
170
  const a = e.detail;
171
171
  Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
172
172
  }, this.startDrag = (e) => {
@@ -228,7 +228,7 @@ const M = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
228
228
  });
229
229
  }
230
230
  setupDragDrop() {
231
- Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = v.create(this.gridEl, {
231
+ Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = _.create(this.gridEl, {
232
232
  animation: 150,
233
233
  draggable: "swirl-resource-list-item",
234
234
  handle: ".resource-list-item__drag-handle",
@@ -272,11 +272,13 @@ const M = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
272
272
  };
273
273
  }
274
274
  };
275
- z.style = M;
276
- const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
277
- 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, T = class {
275
+ T.style = L;
276
+ const V = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
277
+ --swirl-resource-list-item-background-hovered
278
+ );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{opacity:1;pointer-events:auto}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{opacity:0;pointer-events:none}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{opacity:0;pointer-events:none}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
279
+ 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, A = class {
278
280
  constructor(i) {
279
- s(this, i), this.toggleDrag = o(this, "toggleDrag", 7), this.valueChange = o(this, "valueChange", 7), this.desktopMediaQuery = y(), this.desktopMediaQueryHandler = (e) => {
281
+ o(this, i), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (e) => {
280
282
  this.forceIconProps(e.matches), this.updateIconSize(e.matches);
281
283
  }, this.onClick = () => {
282
284
  !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
@@ -284,7 +286,7 @@ const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
284
286
  this.disabled && !Boolean(this.href) && e.stopPropagation();
285
287
  }, this.onDragHandleKeyDown = (e) => {
286
288
  (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
287
- }, this.allowDrag = void 0, this.checked = !1, this.description = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
289
+ }, this.active = void 0, this.allowDrag = void 0, this.checked = !1, this.description = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
288
290
  }
289
291
  async componentWillLoad() {
290
292
  this.updateMediaState();
@@ -309,29 +311,31 @@ const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
309
311
  e !== this.hasMedia && (this.hasMedia = e);
310
312
  }
311
313
  render() {
312
- const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.menuTriggerId) || this.el.querySelector("[slot='control']"), n = this.interactive && Boolean(this.href) ? this.href : void 0, u = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, h = Boolean(this.meta) && !this.selectable, m = this.selectable ? String(this.checked) : void 0, g = this.interactive && this.selectable ? "checkbox" : void 0, b = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
314
+ const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), n = Boolean(this.menuTriggerId) || this.el.querySelector("[slot='control']"), u = this.interactive && Boolean(this.href) ? this.href : void 0, m = Boolean(this.meta) || a, h = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, g = (Boolean(this.meta) || a) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, y = this.interactive && this.selectable ? "checkbox" : void 0, v = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
315
+ "resource-list-item--active": this.active,
313
316
  "resource-list-item--checked": this.checked,
314
317
  "resource-list-item--disabled": this.disabled,
315
318
  "resource-list-item--draggable": this.allowDrag,
316
319
  "resource-list-item--dragging": this.dragging,
317
- "resource-list-item--has-menu": a,
320
+ "resource-list-item--has-menu": n,
318
321
  "resource-list-item--hide-divider": this.hideDivider,
319
322
  "resource-list-item--interactive": this.interactive || this.selectable,
320
- "resource-list-item--selectable": this.selectable
323
+ "resource-list-item--selectable": this.selectable,
324
+ "resource-list-item--show-control-on-focus": m
321
325
  });
322
- return t(l, { role: "row" }, t("div", { class: b, role: "gridcell" }, t(i, { "aria-checked": m, "aria-disabled": e ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: n, disabled: e, onClick: this.onClick, part: "resource-list-item__content", role: g, tabIndex: 0 }, this.hasMedia && t("span", { class: "resource-list-item__media" }, t("slot", { name: "media" })), t("span", { class: "resource-list-item__label-container" }, t("span", { class: "resource-list-item__label", id: "label", innerHTML: this.label }), this.description && t("span", { class: "resource-list-item__description" }, this.description))), this.selectable && t("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", null))), h && t("span", { class: "resource-list-item__meta" }, this.meta), t("span", { class: "resource-list-item__control" }, t("slot", { name: "control" })), u && t("swirl-popover-trigger", { popover: this.menuTriggerId }, t("swirl-button", { "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { size: this.iconSize })));
326
+ return t(l, { role: "row" }, t("div", { class: v, role: "gridcell" }, t(i, { "aria-checked": b, "aria-disabled": e ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, part: "resource-list-item__content", role: y, tabIndex: 0 }, this.hasMedia && t("span", { class: "resource-list-item__media" }, t("slot", { name: "media" })), t("span", { class: "resource-list-item__label-container" }, t("span", { class: "resource-list-item__label", id: "label", innerHTML: this.label }), this.description && t("span", { class: "resource-list-item__description" }, this.description)), g && t("span", { class: "resource-list-item__meta" }, t("span", { class: "resource-list-item__meta-text" }, this.meta), t("span", { class: "resource-list-item__badges" }, t("slot", { name: "badges" })))), this.selectable && t("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", null))), t("span", { class: "resource-list-item__control" }, t("slot", { name: "control" })), h && t("swirl-popover-trigger", { popover: this.menuTriggerId }, t("swirl-button", { "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { size: this.iconSize })));
323
327
  }
324
328
  get el() {
325
329
  return p(this);
326
330
  }
327
331
  };
328
- T.style = L;
332
+ A.style = V;
329
333
  export {
330
- _ as swirl_app_layout,
331
- x as swirl_box,
332
- C as swirl_empty_state,
333
- S as swirl_icon_file,
334
- D as swirl_icon_folder_shared,
335
- z as swirl_resource_list,
336
- T as swirl_resource_list_item
334
+ x as swirl_app_layout,
335
+ C as swirl_box,
336
+ S as swirl_empty_state,
337
+ D as swirl_icon_file,
338
+ z as swirl_icon_folder_shared,
339
+ T as swirl_resource_list,
340
+ A as swirl_resource_list_item
337
341
  };
@@ -0,0 +1,108 @@
1
+ import { r as p, c as m, h as l, H as g, g as f } from "./index.3e13cbcd.js";
2
+ import { a as v, c as b, o as y } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
3
+ import { c as w } from "./index-d280dafb.186cdb0e.js";
4
+ import { d as S } from "./utils-bc84f36e.1fee9865.js";
5
+ import "react";
6
+ import "react-dom";
7
+ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow:hidden;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-bottom:var(--s-space-4);margin-top:var(--swirl-autocomplete-tags-margin-top)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}", A = class {
8
+ constructor(i) {
9
+ p(this, i), this.valueChange = m(this, "valueChange", 7), this.onChange = (t) => {
10
+ t.stopPropagation(), this.updateTerm(t);
11
+ }, this.updateTerm = S(async (t) => {
12
+ this.updateSuggestions(t.detail), this.open(), !this.multiSelect && (!Boolean(t.detail) || t.detail === "") && (this.value = void 0, this.valueChange.emit(this.value));
13
+ }, 250, !1), this.onSelect = async (t) => {
14
+ var a, u;
15
+ if (t.stopPropagation(), this.multiSelect) {
16
+ const n = t.detail, o = this.suggestions.filter((s) => !n.includes(s.id)).map((s) => s.id);
17
+ this.value = [
18
+ ...this.value.filter((s) => !o.includes(s.id)),
19
+ ...this.suggestions.filter((s) => n.includes(s.id) && !this.value.some((r) => r.id === s.id))
20
+ ], this.valueChange.emit(this.value), (a = this.inputEl.querySelector("input")) == null || a.focus(), await this.updateSuggestions(this.inputEl.querySelector("input").value);
21
+ } else if (Boolean(t.detail[0])) {
22
+ const n = t.detail[0], o = this.suggestions.find((s) => s.id === n);
23
+ if (!Boolean(o))
24
+ return;
25
+ this.value = o, this.valueChange.emit(this.value), (u = this.inputEl.querySelector("input")) == null || u.focus(), this.close();
26
+ }
27
+ }, this.onRemoveValue = (t) => {
28
+ !Array.isArray(this.value) || (this.value = this.value.filter((a) => a.id !== t), this.valueChange.emit(this.value));
29
+ }, this.onFocusOut = (t) => {
30
+ const a = t.relatedTarget;
31
+ Boolean(a) && !this.el.contains(a) && this.close();
32
+ }, this.onFocus = () => {
33
+ this.updateSuggestions(), this.open();
34
+ }, this.onKeyDown = (t) => {
35
+ t.code === "Escape" && (t.preventDefault(), t.stopPropagation(), this.inputEl.querySelector("input").focus(), this.close());
36
+ }, this.onInputKeyDown = (t) => {
37
+ t.code === "ArrowDown" && (t.preventDefault(), this.listboxEl.querySelector('[role="listbox"]').focus());
38
+ }, this.autoSelect = void 0, this.clearable = !0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.generateSuggestions = async () => [], this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.menuLabel = "Suggestions", this.mode = void 0, this.multiSelect = void 0, this.placeholder = void 0, this.required = void 0, this.spellCheck = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.active = !1, this.loading = !1, this.position = void 0, this.suggestions = [];
39
+ }
40
+ componentWillLoad() {
41
+ const i = document.querySelectorAll("swirl-datepicker").length;
42
+ this.id = `autocomplete-${i}`, this.handleInitialValue();
43
+ }
44
+ onWindowClick(i) {
45
+ const t = i.target;
46
+ this.el.contains(t) || this.close();
47
+ }
48
+ watchMultiSelect() {
49
+ this.handleInitialValue();
50
+ }
51
+ async close() {
52
+ var t;
53
+ if (!this.active)
54
+ return;
55
+ this.disableAutoUpdate && this.disableAutoUpdate();
56
+ const i = this.inputEl.querySelector("input");
57
+ Boolean(i) && (this.multiSelect ? i.value = "" : i.value = ((t = this.value) == null ? void 0 : t.label) || ""), this.active = !1;
58
+ }
59
+ async open() {
60
+ this.active || (this.active = !0, requestAnimationFrame(async () => {
61
+ await this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = v(this.inputEl, this.listboxContainerEl, this.reposition.bind(this), { animationFrame: !0 }), this.listboxContainerEl.scrollTop = 0, this.updateSuggestions(this.inputEl.querySelector("input").value);
62
+ }));
63
+ }
64
+ async reposition() {
65
+ !Boolean(this.listboxContainerEl) || (this.position = await b(this.inputEl, this.listboxContainerEl, {
66
+ middleware: [y({ crossAxis: -16, mainAxis: 16 })],
67
+ placement: "bottom-start",
68
+ strategy: "fixed"
69
+ }));
70
+ }
71
+ async updateSuggestions(i) {
72
+ this.loading = !0, this.suggestions = [], this.suggestions = await this.generateSuggestions(i), this.loading = !1;
73
+ }
74
+ handleInitialValue() {
75
+ this.multiSelect && !Array.isArray(this.value) && (this.value = []), !this.multiSelect && Array.isArray(this.value) && (this.value = void 0);
76
+ }
77
+ render() {
78
+ var o, s, r, h;
79
+ const i = `${this.id}-suggestions`, t = this.clearable && !this.multiSelect, a = this.multiSelect ? this.value.map((e) => e.id) : Boolean(this.value) ? [this.value.id] : [], u = this.multiSelect ? void 0 : ((o = this.value) == null ? void 0 : o.label) || "", n = w("autocomplete", {
80
+ "autocomplete--inactive": !this.active
81
+ });
82
+ return l(g, null, l("div", { class: n, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && l("div", { class: "autocomplete__multi-select-tags" }, l("swirl-stack", { orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((e) => l("swirl-tag", {
83
+ key: e.id,
84
+ label: e.label,
85
+ onRemove: () => this.onRemoveValue(e.id),
86
+ removable: !this.disabled
87
+ })))), l("swirl-text-input", { autoSelect: this.autoSelect, class: "autocomplete__input", clearable: t, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: u }), l("div", { class: "autocomplete__listbox-container", ref: (e) => this.listboxContainerEl = e, style: {
88
+ top: Boolean(this.position) ? `${(s = this.position) == null ? void 0 : s.y}px` : "",
89
+ left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : "",
90
+ width: `${((h = this.inputEl) == null ? void 0 : h.getBoundingClientRect().width) + 32}px`
91
+ } }, this.loading && l("div", { class: "autocomplete__spinner" }, l("swirl-spinner", null)), this.suggestions.length > 0 && l("swirl-option-list", { allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (e) => this.listboxEl = e, value: a }, this.suggestions.map((e) => {
92
+ var c;
93
+ return l("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === e.id) : ((c = this.value) == null ? void 0 : c.id) === e.id, key: e.id, disabled: e.disabled, label: e.label, value: e.id });
94
+ })))));
95
+ }
96
+ get el() {
97
+ return f(this);
98
+ }
99
+ static get watchers() {
100
+ return {
101
+ multiSelect: ["watchMultiSelect"]
102
+ };
103
+ }
104
+ };
105
+ A.style = x;
106
+ export {
107
+ A as swirl_autocomplete
108
+ };
@@ -1,4 +1,4 @@
1
- import { r as s, h as a, H as i } from "./index.b2639202.js";
1
+ import { r as s, h as a, H as i } from "./index.3e13cbcd.js";
2
2
  import { c as e } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as d, h as i, H as h, g as u } from "./index.b2639202.js";
1
+ import { r as d, h as i, H as h, g as u } from "./index.3e13cbcd.js";
2
2
  import { c as s } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as i, h as e, H as t } from "./index.b2639202.js";
1
+ import { r as i, h as e, H as t } from "./index.3e13cbcd.js";
2
2
  import { c as r } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as o, c as r, h as t, H as c, g as l } from "./index.b2639202.js";
1
+ import { r as o, c as r, h as t, H as c, g as l } from "./index.3e13cbcd.js";
2
2
  import { c as b } from "./index-d280dafb.186cdb0e.js";
3
3
  import { g as d } from "./utils-bc84f36e.1fee9865.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as s, h as r, H as i } from "./index.b2639202.js";
1
+ import { r as s, h as r, H as i } from "./index.3e13cbcd.js";
2
2
  import { c as e } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,9 +1,9 @@
1
- import { r as e, h as o, H as l } from "./index.b2639202.js";
1
+ import { r as e, h as o, H as l } from "./index.3e13cbcd.js";
2
2
  import { c as u } from "./index-d280dafb.186cdb0e.js";
3
3
  import { g as b } from "./utils-bc84f36e.1fee9865.js";
4
4
  import "react";
5
5
  import "react-dom";
6
- const c = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-default);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
6
+ const c = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
7
7
  var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
8
8
  var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-default)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
9
9
  --swirl-icon-button-border-bottom-right-radius
@@ -1,4 +1,4 @@
1
- import { r as d, h as e, H as n, g as o } from "./index.b2639202.js";
1
+ import { r as d, h as e, H as n, g as o } from "./index.3e13cbcd.js";
2
2
  import { c } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as e, h as i, H as t } from "./index.b2639202.js";
1
+ import { r as e, h as i, H as t } from "./index.3e13cbcd.js";
2
2
  import { c as l } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, c as a, h as l, H as r, g as c } from "./index.b2639202.js";
1
+ import { r as n, c as a, h as l, H as r, g as c } from "./index.3e13cbcd.js";
2
2
  import { d } from "./utils-bc84f36e.1fee9865.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as t, c as a, h as c, H as b } from "./index.b2639202.js";
1
+ import { r as t, c as a, h as c, H as b } from "./index.3e13cbcd.js";
2
2
  import { c as n } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as o, c, h as i, H as n, g as h } from "./index.b2639202.js";
1
+ import { r as o, c, h as i, H as n, g as h } from "./index.3e13cbcd.js";
2
2
  import { c as p } from "./index-d280dafb.186cdb0e.js";
3
3
  import { g as l } from "./utils-bc84f36e.1fee9865.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as t, h as s, H as i } from "./index.b2639202.js";
1
+ import { r as t, h as s, H as i } from "./index.3e13cbcd.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {