themelia-react-ui 2.0.1 → 2.0.2

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 (480) hide show
  1. package/CHANGELOG.md +307 -131
  2. package/README.md +28 -8
  3. package/THIRD_PARTY_NOTICES.md +13 -0
  4. package/dist/{accordion-B6a3vVgA.js → accordion-Cjb6sx0G.js} +14 -13
  5. package/dist/accordion-Cjb6sx0G.js.map +1 -0
  6. package/dist/action-menu-CllU52Mm.js +280 -0
  7. package/dist/action-menu-CllU52Mm.js.map +1 -0
  8. package/dist/affordance-geometry.generated-tF36bREk.js +140 -0
  9. package/dist/affordance-geometry.generated-tF36bREk.js.map +1 -0
  10. package/dist/ai-artifact-DvTwDVyL.js +1148 -0
  11. package/dist/ai-artifact-DvTwDVyL.js.map +1 -0
  12. package/dist/{app-shell-ZK5RWdo6.js → app-shell-C4FhvCqF.js} +5 -5
  13. package/dist/{app-shell-ZK5RWdo6.js.map → app-shell-C4FhvCqF.js.map} +1 -1
  14. package/dist/attachment-BxDfL2mw.js +246 -0
  15. package/dist/attachment-BxDfL2mw.js.map +1 -0
  16. package/dist/{auth-CYxKfo69.js → auth-ax2BqjrI.js} +58 -54
  17. package/dist/auth-ax2BqjrI.js.map +1 -0
  18. package/dist/{avatar-BBnEJIx8.js → avatar-DAPlDvhJ.js} +7 -7
  19. package/dist/avatar-DAPlDvhJ.js.map +1 -0
  20. package/dist/{badge-MrKVNzW9.js → badge-HpFqoqSY.js} +40 -40
  21. package/dist/badge-HpFqoqSY.js.map +1 -0
  22. package/dist/base/accordion.js +1 -1
  23. package/dist/base/action-menu.js +1 -1
  24. package/dist/base/attachment.js +1 -1
  25. package/dist/base/avatar.js +1 -1
  26. package/dist/base/badge.js +1 -1
  27. package/dist/base/batch-action-bar.js +1 -1
  28. package/dist/base/buttons.js +1 -1
  29. package/dist/base/cards.js +2 -2
  30. package/dist/base/carousel.js +40 -36
  31. package/dist/base/carousel.js.map +1 -1
  32. package/dist/base/cascader.js +92 -92
  33. package/dist/base/cascader.js.map +1 -1
  34. package/dist/base/chart.js +1 -1
  35. package/dist/base/choice-inputs.js +2 -2
  36. package/dist/base/code-block.js +1 -1
  37. package/dist/base/combobox.js +2 -2
  38. package/dist/base/command.js +1 -1
  39. package/dist/base/copyable.js +1 -1
  40. package/dist/base/date-pickers.js +2 -2
  41. package/dist/base/display.js +6 -6
  42. package/dist/base/feedback.js +3 -3
  43. package/dist/base/forms-numeric.js +1 -1
  44. package/dist/base/forms.js +2 -2
  45. package/dist/base/inline-edit.js +14 -14
  46. package/dist/base/inline-edit.js.map +1 -1
  47. package/dist/base/item.js +1 -1
  48. package/dist/base/media-gallery.js +1 -1
  49. package/dist/base/metadata-list.js +1 -1
  50. package/dist/base/navigation.js +6 -6
  51. package/dist/base/popover-menu.js +1 -1
  52. package/dist/base/popover.js +1 -1
  53. package/dist/base/qr-code.js +1 -1
  54. package/dist/base/repeaters.js +171 -176
  55. package/dist/base/repeaters.js.map +1 -1
  56. package/dist/base/sheet.js +1 -1
  57. package/dist/base/sidebar.js +1 -1
  58. package/dist/base/signature-pad.js +6 -6
  59. package/dist/base/skeleton.js +1 -1
  60. package/dist/base/spinner.js +79 -2
  61. package/dist/base/spinner.js.map +1 -0
  62. package/dist/base/structure.js +1 -1
  63. package/dist/base/table.js +1 -1
  64. package/dist/base/text-inputs.js +2 -2
  65. package/dist/base/toaster.js +46 -45
  66. package/dist/base/toaster.js.map +1 -1
  67. package/dist/base/tree.js +1 -1
  68. package/dist/base/upload-queue.js +1 -1
  69. package/dist/base/upload.js +3 -3
  70. package/dist/base/value-inputs.js +1 -1
  71. package/dist/{batch-action-bar-BZGDG-Si.js → batch-action-bar-DnUJ21NQ.js} +6 -5
  72. package/dist/batch-action-bar-DnUJ21NQ.js.map +1 -0
  73. package/dist/blocks/admin.js +42 -42
  74. package/dist/blocks/admin.js.map +1 -1
  75. package/dist/blocks/ai.js +260 -240
  76. package/dist/blocks/ai.js.map +1 -1
  77. package/dist/blocks/analytics/usage-card.js +1 -1
  78. package/dist/blocks/analytics.js +620 -585
  79. package/dist/blocks/analytics.js.map +1 -1
  80. package/dist/blocks/collaboration.js +1 -1
  81. package/dist/blocks/commerce/receipt.js +1 -1
  82. package/dist/blocks/commerce.js +1152 -1109
  83. package/dist/blocks/commerce.js.map +1 -1
  84. package/dist/blocks/data-display.js +2 -2
  85. package/dist/blocks/onboarding.js +48 -39
  86. package/dist/blocks/onboarding.js.map +1 -1
  87. package/dist/blocks/planning.js +13 -12
  88. package/dist/blocks/planning.js.map +1 -1
  89. package/dist/blocks/timelines.js +1 -1
  90. package/dist/{breadcrumbs-D5t7I023.js → breadcrumbs-C-oqs1sQ.js} +5 -5
  91. package/dist/breadcrumbs-C-oqs1sQ.js.map +1 -0
  92. package/dist/{button-QYwiyhD2.js → button-DVzspB_G.js} +2 -2
  93. package/dist/{button-QYwiyhD2.js.map → button-DVzspB_G.js.map} +1 -1
  94. package/dist/{buttons-SbIcm1HJ.js → buttons-DPZekJFu.js} +20 -15
  95. package/dist/buttons-DPZekJFu.js.map +1 -0
  96. package/dist/cards-BaBZR-AU.js +68 -0
  97. package/dist/cards-BaBZR-AU.js.map +1 -0
  98. package/dist/{chart-QfrARkXl.js → chart-ZOYyK2xG.js} +58 -55
  99. package/dist/chart-ZOYyK2xG.js.map +1 -0
  100. package/dist/{checkbox-DhB6K0bK.js → checkbox-AWIhNhmo.js} +2 -2
  101. package/dist/{checkbox-DhB6K0bK.js.map → checkbox-AWIhNhmo.js.map} +1 -1
  102. package/dist/{choice-inputs-t6w3ATNz.js → choice-inputs-CNHvARCJ.js} +49 -45
  103. package/dist/choice-inputs-CNHvARCJ.js.map +1 -0
  104. package/dist/{code-block-Dgbu-CU3.js → code-block-DeneBJR_.js} +8 -8
  105. package/dist/code-block-DeneBJR_.js.map +1 -0
  106. package/dist/{collapsible-D8AEGU1-.js → collapsible-C-_l4hpy.js} +3 -3
  107. package/dist/{collapsible-D8AEGU1-.js.map → collapsible-C-_l4hpy.js.map} +1 -1
  108. package/dist/{collection-content-uK16Grv0.js → collection-content-By56pLog.js} +3 -3
  109. package/dist/{collection-content-uK16Grv0.js.map → collection-content-By56pLog.js.map} +1 -1
  110. package/dist/combobox-C0EQW6dr.js +875 -0
  111. package/dist/combobox-C0EQW6dr.js.map +1 -0
  112. package/dist/combobox-xCQ2RMNE.js +309 -0
  113. package/dist/combobox-xCQ2RMNE.js.map +1 -0
  114. package/dist/{command-kNR20o7x.js → command-C25VMRII.js} +7 -7
  115. package/dist/{command-kNR20o7x.js.map → command-C25VMRII.js.map} +1 -1
  116. package/dist/{comments-BpDuCUUu.js → comments-BYYlTA8E.js} +114 -105
  117. package/dist/comments-BYYlTA8E.js.map +1 -0
  118. package/dist/components/base/badge/badge.recipes.d.ts +1 -1
  119. package/dist/components/base/buttons/loader-button.d.ts +2 -1
  120. package/dist/components/base/cards/card.recipes.d.ts +2 -3
  121. package/dist/components/base/cards/partials/smart-card-skeleton.d.ts +3 -13
  122. package/dist/components/base/cards/smart-card.types.d.ts +11 -4
  123. package/dist/components/base/chart/chart.d.ts +2 -5
  124. package/dist/components/base/combobox/combobox.strings.d.ts +7 -0
  125. package/dist/components/base/combobox/index.d.ts +30 -4
  126. package/dist/components/base/forms/form-sizing.d.ts +11 -3
  127. package/dist/components/base/navigation/pagination.d.ts +5 -2
  128. package/dist/components/base/popover/popover.recipes.d.ts +15 -1
  129. package/dist/components/base/table/index.d.ts +9 -2
  130. package/dist/components/base/text-inputs/input-group.d.ts +2 -2
  131. package/dist/components/blocks/ai/ai-shimmer/ai-shimmer.d.ts +1 -1
  132. package/dist/components/blocks/ai/ai-shimmer/types.d.ts +3 -0
  133. package/dist/components/blocks/commerce/fulfillment-group/types.d.ts +3 -1
  134. package/dist/components/blocks/data-display/inline-stat/inline-stat.d.ts +16 -8
  135. package/dist/components/features/activities/partials/activity-marker.d.ts +6 -3
  136. package/dist/components/features/appointment-calendar/appointment-calendar.d.ts +5 -0
  137. package/dist/components/features/appointment-calendar/appointment-calendar.types.d.ts +220 -0
  138. package/dist/components/features/appointment-calendar/appointment-calendar.utils.d.ts +41 -0
  139. package/dist/components/features/appointment-calendar/index.d.ts +3 -0
  140. package/dist/components/features/appointment-calendar/partials/appointment-agenda.d.ts +32 -0
  141. package/dist/components/features/appointment-calendar/partials/appointment-month.d.ts +13 -0
  142. package/dist/components/features/combobox/combobox.strings.d.ts +15 -1
  143. package/dist/components/features/combobox/types.d.ts +4 -0
  144. package/dist/components/features/media-library/media-library.strings.d.ts +2 -0
  145. package/dist/components/features/rich-text-editor/index.d.ts +1 -1
  146. package/dist/components/features/rich-text-editor/rich-text-editor.recipes.d.ts +6 -0
  147. package/dist/components/features/rich-text-editor/rich-text-editor.types.d.ts +9 -1
  148. package/dist/components/features/table/table-header.d.ts +1 -1
  149. package/dist/components/features/table/table.strings.d.ts +55 -1
  150. package/dist/components/features/table/table.types.d.ts +17 -4
  151. package/dist/components/features/theme-tweaker/theme-tweaker.types.d.ts +5 -0
  152. package/dist/components/primitives/number.d.ts +4 -2
  153. package/dist/components/primitives/value.d.ts +3 -1
  154. package/dist/components/typography/text-link.d.ts +4 -0
  155. package/dist/components/ui/combobox.d.ts +6 -2
  156. package/dist/components/ui/item.d.ts +8 -8
  157. package/dist/components/ui/tabs.d.ts +1 -1
  158. package/dist/{containers-DmWiJa2I.js → containers-Mu1LMGV1.js} +2 -2
  159. package/dist/{containers-DmWiJa2I.js.map → containers-Mu1LMGV1.js.map} +1 -1
  160. package/dist/{copyable-B3Gwgdqc.js → copyable-ClBuk_UK.js} +4 -4
  161. package/dist/{copyable-B3Gwgdqc.js.map → copyable-ClBuk_UK.js.map} +1 -1
  162. package/dist/{data-display-DafIvCl5.js → data-display-DT_khPl_.js} +98 -87
  163. package/dist/data-display-DT_khPl_.js.map +1 -0
  164. package/dist/{date-BgK3bTdo.js → date-DCrsDTZc.js} +5 -5
  165. package/dist/{date-BgK3bTdo.js.map → date-DCrsDTZc.js.map} +1 -1
  166. package/dist/{date-picker-CF-DtUpF.js → date-picker-ay0Pha_a.js} +594 -593
  167. package/dist/date-picker-ay0Pha_a.js.map +1 -0
  168. package/dist/date-pickers-Ccw8DL2b.js +175 -0
  169. package/dist/date-pickers-Ccw8DL2b.js.map +1 -0
  170. package/dist/{display-DsQTVzMz.js → display-hAc1HjpI.js} +49 -49
  171. package/dist/display-hAc1HjpI.js.map +1 -0
  172. package/dist/dropdown-menu-Cl4X7L5S.js +193 -0
  173. package/dist/dropdown-menu-Cl4X7L5S.js.map +1 -0
  174. package/dist/editable-text-recipe-Cn61kEcv.js +10 -0
  175. package/dist/editable-text-recipe-Cn61kEcv.js.map +1 -0
  176. package/dist/features/activities.js +398 -375
  177. package/dist/features/activities.js.map +1 -1
  178. package/dist/features/ai-chat.js +188 -179
  179. package/dist/features/ai-chat.js.map +1 -1
  180. package/dist/features/appointment-calendar.js +683 -0
  181. package/dist/features/appointment-calendar.js.map +1 -0
  182. package/dist/features/async-preview.js +109 -107
  183. package/dist/features/async-preview.js.map +1 -1
  184. package/dist/features/combobox.js +1 -1
  185. package/dist/features/comments.js +1 -1
  186. package/dist/features/data-view.js +137 -137
  187. package/dist/features/data-view.js.map +1 -1
  188. package/dist/features/email-composer.js +255 -255
  189. package/dist/features/email-composer.js.map +1 -1
  190. package/dist/features/event-calendar.js +254 -248
  191. package/dist/features/event-calendar.js.map +1 -1
  192. package/dist/features/filters.js +1 -1
  193. package/dist/features/global-search.js +35 -32
  194. package/dist/features/global-search.js.map +1 -1
  195. package/dist/features/kanban.js +118 -117
  196. package/dist/features/kanban.js.map +1 -1
  197. package/dist/features/map.js +233 -231
  198. package/dist/features/map.js.map +1 -1
  199. package/dist/features/media-library.js +789 -775
  200. package/dist/features/media-library.js.map +1 -1
  201. package/dist/features/mentions.js +1 -1
  202. package/dist/features/overlays.js +1 -1
  203. package/dist/features/products.js +922 -902
  204. package/dist/features/products.js.map +1 -1
  205. package/dist/features/questionnaire.js +28 -24
  206. package/dist/features/questionnaire.js.map +1 -1
  207. package/dist/features/resource-assignment.js +18 -15
  208. package/dist/features/resource-assignment.js.map +1 -1
  209. package/dist/features/resource.js +12 -12
  210. package/dist/features/resource.js.map +1 -1
  211. package/dist/features/rich-text-editor.js +2 -2
  212. package/dist/features/schema-form.js +15 -13
  213. package/dist/features/schema-form.js.map +1 -1
  214. package/dist/features/suggestions.js +3 -3
  215. package/dist/features/sync.js +11 -5
  216. package/dist/features/sync.js.map +1 -1
  217. package/dist/features/table.js +1 -1
  218. package/dist/features/theme-tweaker.js +493 -489
  219. package/dist/features/theme-tweaker.js.map +1 -1
  220. package/dist/feedback-BYIhtitP.js +239 -0
  221. package/dist/feedback-BYIhtitP.js.map +1 -0
  222. package/dist/{field-affordance-recipes-qQeIf4lG.js → field-affordance-recipes-DZhnIL_Y.js} +11 -18
  223. package/dist/field-affordance-recipes-DZhnIL_Y.js.map +1 -0
  224. package/dist/{filters-BkHH53uv.js → filters-BGfvjP4d.js} +589 -580
  225. package/dist/filters-BGfvjP4d.js.map +1 -0
  226. package/dist/{form-field-DUt4UxSV.js → form-field-CwH9y77i.js} +6 -5
  227. package/dist/form-field-CwH9y77i.js.map +1 -0
  228. package/dist/{form-sizing-By94KzXE.js → form-sizing-BdP_Mf5p.js} +39 -44
  229. package/dist/form-sizing-BdP_Mf5p.js.map +1 -0
  230. package/dist/{forms-Bzha-Y3B.js → forms-B9G_xwzi.js} +8 -8
  231. package/dist/{forms-Bzha-Y3B.js.map → forms-B9G_xwzi.js.map} +1 -1
  232. package/dist/{forms-numeric-C0bvjRPZ.js → forms-numeric-B_jraJaQ.js} +309 -309
  233. package/dist/forms-numeric-B_jraJaQ.js.map +1 -0
  234. package/dist/{header-BOefOKd1.js → header-CGXuhcRm.js} +160 -153
  235. package/dist/header-CGXuhcRm.js.map +1 -0
  236. package/dist/{hooks-9k_TtmKh.js → hooks-Dkz0K2WT.js} +2 -2
  237. package/dist/{hooks-9k_TtmKh.js.map → hooks-Dkz0K2WT.js.map} +1 -1
  238. package/dist/{icon-badge-CAuKupo9.js → icon-badge-DYKIwvOV.js} +4 -4
  239. package/dist/{icon-badge-CAuKupo9.js.map → icon-badge-DYKIwvOV.js.map} +1 -1
  240. package/dist/index.js +3 -3
  241. package/dist/input-CZw8iU99.js +21 -0
  242. package/dist/input-CZw8iU99.js.map +1 -0
  243. package/dist/input-DQdEd0YD.js +263 -0
  244. package/dist/input-DQdEd0YD.js.map +1 -0
  245. package/dist/{interaction-recipes-CHr0dJUs.js → interaction-recipes-XR9ZpVYL.js} +2 -1
  246. package/dist/interaction-recipes-XR9ZpVYL.js.map +1 -0
  247. package/dist/item-K5_ghvze.js +275 -0
  248. package/dist/item-K5_ghvze.js.map +1 -0
  249. package/dist/layout/app-shell.js +1 -1
  250. package/dist/layout/auth.js +1 -1
  251. package/dist/layout/containers.js +1 -1
  252. package/dist/layout/header.js +1 -1
  253. package/dist/layout/hooks.js +1 -1
  254. package/dist/layout/navigation.js +1 -1
  255. package/dist/layout/page.js +1 -1
  256. package/dist/layout/settings.js +1 -1
  257. package/dist/layout/sidebar.js +2 -2
  258. package/dist/layout/workspace.js +1 -1
  259. package/dist/layout.js +10 -10
  260. package/dist/lib/affordance-geometry.generated.d.ts +71 -0
  261. package/dist/lib/editable-text-recipe.d.ts +4 -4
  262. package/dist/lib/field-affordance-recipes.d.ts +2 -2
  263. package/dist/lib/interaction-recipes.d.ts +5 -0
  264. package/dist/lib/theme-mode-css.d.ts +7 -0
  265. package/dist/lib/tone-recipes.d.ts +8 -0
  266. package/dist/lib/ui-provider/types.d.ts +2 -2
  267. package/dist/lib/utils.js +1 -1
  268. package/dist/{media-gallery-DcTtAaeC.js → media-gallery-3zIVLMWH.js} +8 -8
  269. package/dist/media-gallery-3zIVLMWH.js.map +1 -0
  270. package/dist/{mentions-D-uyCh01.js → mentions-utuUvH1K.js} +144 -142
  271. package/dist/mentions-utuUvH1K.js.map +1 -0
  272. package/dist/{message-CdHgIWKf.js → message-DZ_ruyUV.js} +6 -5
  273. package/dist/message-DZ_ruyUV.js.map +1 -0
  274. package/dist/{metadata-list-X5rYAKSB.js → metadata-list-8N16ZMW_.js} +130 -119
  275. package/dist/metadata-list-8N16ZMW_.js.map +1 -0
  276. package/dist/{navigation-D3KwXmaq.js → navigation-Bnotn4AQ.js} +19 -19
  277. package/dist/navigation-Bnotn4AQ.js.map +1 -0
  278. package/dist/{navigation-HJf5zxlH.js → navigation-BzhHI3lo.js} +36 -35
  279. package/dist/navigation-BzhHI3lo.js.map +1 -0
  280. package/dist/{navigation-row-recipes-BVowojQw.js → navigation-row-recipes-BFLCk_Aq.js} +2 -2
  281. package/dist/{navigation-row-recipes-BVowojQw.js.map → navigation-row-recipes-BFLCk_Aq.js.map} +1 -1
  282. package/dist/{number-DMhe-Vsk.js → number-DbV1Dija.js} +36 -34
  283. package/dist/{number-DMhe-Vsk.js.map → number-DbV1Dija.js.map} +1 -1
  284. package/dist/{overflow-tab-bar-sQHXLlwQ.js → overflow-tab-bar-CWY7Nogn.js} +105 -103
  285. package/dist/overflow-tab-bar-CWY7Nogn.js.map +1 -0
  286. package/dist/{overlays-I0axtYA6.js → overlays-DNWmZrJ4.js} +14 -12
  287. package/dist/overlays-DNWmZrJ4.js.map +1 -0
  288. package/dist/{page-B5dTH9gE.js → page-Bgl1F560.js} +8 -8
  289. package/dist/{page-B5dTH9gE.js.map → page-Bgl1F560.js.map} +1 -1
  290. package/dist/{page-header-commands-DjzFEq3E.js → page-header-commands-DOb6WsfD.js} +5 -5
  291. package/dist/{page-header-commands-DjzFEq3E.js.map → page-header-commands-DOb6WsfD.js.map} +1 -1
  292. package/dist/pagination-BL25hu2s.js +158 -0
  293. package/dist/pagination-BL25hu2s.js.map +1 -0
  294. package/dist/{popover-Di55PyAI.js → popover-7_m66eYW.js} +8 -7
  295. package/dist/{popover-Di55PyAI.js.map → popover-7_m66eYW.js.map} +1 -1
  296. package/dist/popover-menu-B9WWygpa.js +100 -0
  297. package/dist/popover-menu-B9WWygpa.js.map +1 -0
  298. package/dist/{popover.recipes-Bdyhj2db.js → popover.recipes-D3j8R8Yp.js} +17 -10
  299. package/dist/popover.recipes-D3j8R8Yp.js.map +1 -0
  300. package/dist/{primitives-B-CkiEMU.js → primitives-BFK08r9M.js} +45 -44
  301. package/dist/primitives-BFK08r9M.js.map +1 -0
  302. package/dist/primitives.js +4 -4
  303. package/dist/{progress-rnS8-uAW.js → progress-B1VnCT0K.js} +5 -5
  304. package/dist/{progress-rnS8-uAW.js.map → progress-B1VnCT0K.js.map} +1 -1
  305. package/dist/{receipt-D0oswZ0p.js → receipt-BVSOH3Xo.js} +9 -6
  306. package/dist/{receipt-D0oswZ0p.js.map → receipt-BVSOH3Xo.js.map} +1 -1
  307. package/dist/{rich-text-DvGulsNJ.js → rich-text-GOUyKQ-s.js} +3 -3
  308. package/dist/{rich-text-DvGulsNJ.js.map → rich-text-GOUyKQ-s.js.map} +1 -1
  309. package/dist/{rich-text-editor-sMU_Scqm.js → rich-text-editor-cRLC-eBK.js} +418 -426
  310. package/dist/rich-text-editor-cRLC-eBK.js.map +1 -0
  311. package/dist/rich-text-editor-toolbar-DfXg0-VC.js +94 -0
  312. package/dist/rich-text-editor-toolbar-DfXg0-VC.js.map +1 -0
  313. package/dist/{scroll-area-Bt_vXY2b.js → scroll-area-DcI-M1UT.js} +2 -2
  314. package/dist/{scroll-area-Bt_vXY2b.js.map → scroll-area-DcI-M1UT.js.map} +1 -1
  315. package/dist/{separator-C8DlRGwF.js → separator-BDV-Y648.js} +3 -3
  316. package/dist/{separator-C8DlRGwF.js.map → separator-BDV-Y648.js.map} +1 -1
  317. package/dist/{separator-CYHnjsAb.js → separator-Bom7NsGO.js} +2 -2
  318. package/dist/{separator-CYHnjsAb.js.map → separator-Bom7NsGO.js.map} +1 -1
  319. package/dist/services/actions.js +1 -1
  320. package/dist/{settings-CQW3b-Cu.js → settings-ybnjVwbd.js} +20 -19
  321. package/dist/settings-ybnjVwbd.js.map +1 -0
  322. package/dist/{sheet-4SEvVYzA.js → sheet-CGpB3omz.js} +8 -7
  323. package/dist/{sheet-4SEvVYzA.js.map → sheet-CGpB3omz.js.map} +1 -1
  324. package/dist/{sidebar-d7Dg80ln.js → sidebar-A0ElHINE.js} +14 -13
  325. package/dist/{sidebar-d7Dg80ln.js.map → sidebar-A0ElHINE.js.map} +1 -1
  326. package/dist/{sidebar-C7WWR29L.js → sidebar-CPx_7YBa.js} +183 -182
  327. package/dist/sidebar-CPx_7YBa.js.map +1 -0
  328. package/dist/{skeleton-Cz890JZF.js → skeleton-Byjnt7qr.js} +3 -3
  329. package/dist/{skeleton-Cz890JZF.js.map → skeleton-Byjnt7qr.js.map} +1 -1
  330. package/dist/smart-card-DiC5aac3.js +604 -0
  331. package/dist/smart-card-DiC5aac3.js.map +1 -0
  332. package/dist/{structure-DC2dygdA.js → structure-BmisBK-3.js} +2 -2
  333. package/dist/{structure-DC2dygdA.js.map → structure-BmisBK-3.js.map} +1 -1
  334. package/dist/style.css +1 -1
  335. package/dist/table-BweFy_P9.js +1530 -0
  336. package/dist/table-BweFy_P9.js.map +1 -0
  337. package/dist/{table-CIKyLUsy.js → table-DsfzoUia.js} +75 -63
  338. package/dist/table-DsfzoUia.js.map +1 -0
  339. package/dist/{tabs-DwBJfjxX.js → tabs-CDocW5D1.js} +14 -13
  340. package/dist/tabs-CDocW5D1.js.map +1 -0
  341. package/dist/text-inputs-f9Ia-aCi.js +353 -0
  342. package/dist/text-inputs-f9Ia-aCi.js.map +1 -0
  343. package/dist/theme-mode-css-BB-_RYab.js +14 -0
  344. package/dist/theme-mode-css-BB-_RYab.js.map +1 -0
  345. package/dist/theme-scope-BJ6eE2xt.js +50 -0
  346. package/dist/theme-scope-BJ6eE2xt.js.map +1 -0
  347. package/dist/theme.css +285 -228
  348. package/dist/themes/green.css +16 -12
  349. package/dist/timelines-CwM_9IhD.js +457 -0
  350. package/dist/timelines-CwM_9IhD.js.map +1 -0
  351. package/dist/{tone-recipes-CPoExcTE.js → tone-recipes-BPsRAvhu.js} +5 -2
  352. package/dist/tone-recipes-BPsRAvhu.js.map +1 -0
  353. package/dist/{tooltip-CsfgrfS7.js → tooltip-yiRJUFjp.js} +4 -4
  354. package/dist/{tooltip-CsfgrfS7.js.map → tooltip-yiRJUFjp.js.map} +1 -1
  355. package/dist/{tree-BiKhg8AY.js → tree-WnKQzwbq.js} +9 -9
  356. package/dist/{tree-BiKhg8AY.js.map → tree-WnKQzwbq.js.map} +1 -1
  357. package/dist/typography/rich-text.js +1 -1
  358. package/dist/{typography-DTRkE9zL.js → typography-UTnveOEy.js} +6 -6
  359. package/dist/typography-UTnveOEy.js.map +1 -0
  360. package/dist/typography.js +2 -2
  361. package/dist/{ui-provider-1D_NSYzO.js → ui-provider-C_U0Xma4.js} +3 -3
  362. package/dist/ui-provider-C_U0Xma4.js.map +1 -0
  363. package/dist/ui-provider.js +2 -2
  364. package/dist/{upload-BO8-CLN6.js → upload-CXyxmQBP.js} +13 -12
  365. package/dist/upload-CXyxmQBP.js.map +1 -0
  366. package/dist/{upload-queue-EOC8g1gf.js → upload-queue-Boscubn9.js} +11 -9
  367. package/dist/upload-queue-Boscubn9.js.map +1 -0
  368. package/dist/{usage-card-obRaBskq.js → usage-card-BhO5eqkX.js} +53 -37
  369. package/dist/usage-card-BhO5eqkX.js.map +1 -0
  370. package/dist/{utils-l5LpDw2z.js → utils-BRhFDwuU.js} +59 -44
  371. package/dist/utils-BRhFDwuU.js.map +1 -0
  372. package/dist/{value-inputs-TAYMX111.js → value-inputs-DXPDjvBU.js} +268 -252
  373. package/dist/value-inputs-DXPDjvBU.js.map +1 -0
  374. package/dist/{value-typography-b8wpz1eX.js → value-typography-BP8OG6h5.js} +2 -2
  375. package/dist/{value-typography-b8wpz1eX.js.map → value-typography-BP8OG6h5.js.map} +1 -1
  376. package/dist/{workspace-DH0v0KcB.js → workspace-Cdrg7k9f.js} +34 -33
  377. package/dist/workspace-Cdrg7k9f.js.map +1 -0
  378. package/docs/consumer-skill/SKILL.md +2 -2
  379. package/docs/consumer-skill/references/agents-md.md +1 -1
  380. package/docs/consumer-skill/references/composition.md +8 -6
  381. package/docs/consumer-skill/references/integration.md +4 -3
  382. package/docs/consumer-skill/references/public-api.json +105 -2
  383. package/docs/consumer-skill/references/review.md +7 -0
  384. package/docs/consumer-skill/references/theming.md +71 -6
  385. package/docs/consumer-skill/references/tokens.json +1 -1
  386. package/docs/consumer-skill/references/workflows.md +25 -0
  387. package/docs/consumer-skill/scripts/composition-policy.mjs +3 -2
  388. package/docs/consumer-skill/scripts/surface-policy.mjs +11 -0
  389. package/package.json +8 -4
  390. package/dist/accordion-B6a3vVgA.js.map +0 -1
  391. package/dist/action-menu-TzCoSlwL.js +0 -280
  392. package/dist/action-menu-TzCoSlwL.js.map +0 -1
  393. package/dist/affordance-geometry.generated-B5iu-Mkr.js +0 -69
  394. package/dist/affordance-geometry.generated-B5iu-Mkr.js.map +0 -1
  395. package/dist/ai-artifact-BMJdv-6q.js +0 -1115
  396. package/dist/ai-artifact-BMJdv-6q.js.map +0 -1
  397. package/dist/attachment-BtfhGm8i.js +0 -245
  398. package/dist/attachment-BtfhGm8i.js.map +0 -1
  399. package/dist/auth-CYxKfo69.js.map +0 -1
  400. package/dist/avatar-BBnEJIx8.js.map +0 -1
  401. package/dist/badge-MrKVNzW9.js.map +0 -1
  402. package/dist/batch-action-bar-BZGDG-Si.js.map +0 -1
  403. package/dist/breadcrumbs-D5t7I023.js.map +0 -1
  404. package/dist/buttons-SbIcm1HJ.js.map +0 -1
  405. package/dist/cards-CiiHpKYd.js +0 -66
  406. package/dist/cards-CiiHpKYd.js.map +0 -1
  407. package/dist/chart-QfrARkXl.js.map +0 -1
  408. package/dist/choice-inputs-t6w3ATNz.js.map +0 -1
  409. package/dist/code-block-Dgbu-CU3.js.map +0 -1
  410. package/dist/combobox-2Ic8N9bL.js +0 -278
  411. package/dist/combobox-2Ic8N9bL.js.map +0 -1
  412. package/dist/combobox-DLl0bfiq.js +0 -867
  413. package/dist/combobox-DLl0bfiq.js.map +0 -1
  414. package/dist/comments-BpDuCUUu.js.map +0 -1
  415. package/dist/data-display-DafIvCl5.js.map +0 -1
  416. package/dist/date-picker-CF-DtUpF.js.map +0 -1
  417. package/dist/date-pickers-BmzxJl5l.js +0 -174
  418. package/dist/date-pickers-BmzxJl5l.js.map +0 -1
  419. package/dist/display-DsQTVzMz.js.map +0 -1
  420. package/dist/dropdown-menu-E2qmdC7o.js +0 -193
  421. package/dist/dropdown-menu-E2qmdC7o.js.map +0 -1
  422. package/dist/editable-text-recipe-Bkm6wKHp.js +0 -10
  423. package/dist/editable-text-recipe-Bkm6wKHp.js.map +0 -1
  424. package/dist/feedback-qNuMBtRH.js +0 -233
  425. package/dist/feedback-qNuMBtRH.js.map +0 -1
  426. package/dist/field-affordance-recipes-qQeIf4lG.js.map +0 -1
  427. package/dist/filters-BkHH53uv.js.map +0 -1
  428. package/dist/form-field-DUt4UxSV.js.map +0 -1
  429. package/dist/form-sizing-By94KzXE.js.map +0 -1
  430. package/dist/forms-numeric-C0bvjRPZ.js.map +0 -1
  431. package/dist/header-BOefOKd1.js.map +0 -1
  432. package/dist/input-DWhBBBww.js +0 -262
  433. package/dist/input-DWhBBBww.js.map +0 -1
  434. package/dist/input-Ddi_LSYv.js +0 -20
  435. package/dist/input-Ddi_LSYv.js.map +0 -1
  436. package/dist/interaction-recipes-CHr0dJUs.js.map +0 -1
  437. package/dist/item-DEmDiTlD.js +0 -265
  438. package/dist/item-DEmDiTlD.js.map +0 -1
  439. package/dist/media-gallery-DcTtAaeC.js.map +0 -1
  440. package/dist/mentions-D-uyCh01.js.map +0 -1
  441. package/dist/message-CdHgIWKf.js.map +0 -1
  442. package/dist/metadata-list-X5rYAKSB.js.map +0 -1
  443. package/dist/navigation-D3KwXmaq.js.map +0 -1
  444. package/dist/navigation-HJf5zxlH.js.map +0 -1
  445. package/dist/overflow-tab-bar-sQHXLlwQ.js.map +0 -1
  446. package/dist/overlays-I0axtYA6.js.map +0 -1
  447. package/dist/pagination-3bPA_a6K.js +0 -149
  448. package/dist/pagination-3bPA_a6K.js.map +0 -1
  449. package/dist/popover-menu-B71Tn2Qz.js +0 -99
  450. package/dist/popover-menu-B71Tn2Qz.js.map +0 -1
  451. package/dist/popover.recipes-Bdyhj2db.js.map +0 -1
  452. package/dist/primitives-B-CkiEMU.js.map +0 -1
  453. package/dist/rich-text-editor-sMU_Scqm.js.map +0 -1
  454. package/dist/rich-text-editor.recipes-CadiF_Uu.js +0 -88
  455. package/dist/rich-text-editor.recipes-CadiF_Uu.js.map +0 -1
  456. package/dist/settings-CQW3b-Cu.js.map +0 -1
  457. package/dist/sidebar-C7WWR29L.js.map +0 -1
  458. package/dist/smart-card-lFKxn5Hu.js +0 -595
  459. package/dist/smart-card-lFKxn5Hu.js.map +0 -1
  460. package/dist/spinner-fa3h1Aif.js +0 -80
  461. package/dist/spinner-fa3h1Aif.js.map +0 -1
  462. package/dist/table-CIKyLUsy.js.map +0 -1
  463. package/dist/table-CrcLN9Io.js +0 -1458
  464. package/dist/table-CrcLN9Io.js.map +0 -1
  465. package/dist/tabs-DwBJfjxX.js.map +0 -1
  466. package/dist/text-inputs-aaK9wcDT.js +0 -326
  467. package/dist/text-inputs-aaK9wcDT.js.map +0 -1
  468. package/dist/theme-scope-kStaAer0.js +0 -39
  469. package/dist/theme-scope-kStaAer0.js.map +0 -1
  470. package/dist/timelines-C_SBwHNP.js +0 -442
  471. package/dist/timelines-C_SBwHNP.js.map +0 -1
  472. package/dist/tone-recipes-CPoExcTE.js.map +0 -1
  473. package/dist/typography-DTRkE9zL.js.map +0 -1
  474. package/dist/ui-provider-1D_NSYzO.js.map +0 -1
  475. package/dist/upload-BO8-CLN6.js.map +0 -1
  476. package/dist/upload-queue-EOC8g1gf.js.map +0 -1
  477. package/dist/usage-card-obRaBskq.js.map +0 -1
  478. package/dist/utils-l5LpDw2z.js.map +0 -1
  479. package/dist/value-inputs-TAYMX111.js.map +0 -1
  480. package/dist/workspace-DH0v0KcB.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"media-library.js","names":["_Fragment","NumberValue","useDensityConfig","resolveComponentScale","cn","Button","Text","focusRecipes","Grid","Stack","SurfaceTitle","LoadingState","ErrorState","ActionDialog","interactionRecipes","formatFileSize","FileSize","Dimensions","Percent","Number$1","Badge","BatchActionBar","Input","FormField","Switch","Select","segmentedControlRecipes","controlGroupHeightClasses","uploadDropTargetRecipes","Dropzone","EmptyState","Fragment$1","defaultMediaLibraryStrings","formatMediaLibraryString","template","values","key","one","other","DEFAULT_UPLOAD_OPTIONS","EMPTY_ITEMS","useControllableState","internal","setInternal","useState","defaultValue","value","controlled","useCallback","resolved","next","onChange","defaultAccessors","item","resolveMediaLibraryAccessors","accessors","formatMediaLibrarySize","bytes","getMediaLibraryDimensions","width","height","getUploadedTime","time","inferFileType","file","createPreviewUrl","revokePreviewUrl","url","normalizeFetchResult","result","mergePatch","patch","filterItems","normalizedQuery","query","items","type","collection","sortItems","sorted","sort","a","b","useMediaLibrary","itemsProp","accessorsProp","tabProp","viewProp","queryProp","typeProp","collectionProp","sortProp","uploadOptionsProp","selectingProp","useMemo","tab","setTab","defaultTab","onTabChange","view","setView","defaultView","onViewChange","setQuery","defaultQuery","onQueryChange","setType","defaultType","onTypeChange","setCollection","defaultCollection","onCollectionChange","setSort","defaultSort","onSortChange","detailId","setDetailId","internalValue","setInternalValue","fetchedItems","setFetchedItems","fetchedTotal","setFetchedTotal","loading","setLoading","error","setError","createdItems","setCreatedItems","removedIds","setRemovedIds","itemPatches","setItemPatches","stagedFiles","setStagedFiles","uploading","setUploading","defaultResolvedUploadOptions","defaultUploadOptions","uploadOptions","setUploadOptions","onUploadOptionsChange","isSelectionControlled","selectedIds","selectedSet","objectUrlRef","useRef","uploadControllerRef","mutationVersionRef","useEffect","fetcher","controller","normalized","nextError","onError","objectUrls","sourceItems","patchedItems","visibleItems","filtered","totalCount","filteredCount","selectedItems","hasFilters","applySelection","nextIds","nextSet","nextItems","onValueChange","toggleSelection","selectionMode","id","clearSelection","selectionRequested","setSelectionRequested","defaultSelecting","onSelectingChange","selecting","setSelecting","clearFilters","addFiles","current","files","src","index","removeStagedFile","target","clearStagedFiles","updateUploadOptions","setUploadFile","fileId","helpers","progress","uploaded","onUpload","uploadedIds","mutationKey","version","previousPatch","onItemUpdate","wasRemoved","onItemDelete","selectedId","selectionTargetClassName","checkClassName","checkSelectedClassName","typeIcon","jsx","ImageIcon","Video","File","className","typeLabel","strings","usedInLabel","count","MediaPreview","tint","MediaPreviewImage","failed","setFailed","MediaLibraryEmptyState","description","action","icon","MediaLibraryToolbar","size","defaultScale","typeOptions","typeFilters","option","collectionOptions","collections","sortOptions","trimmedQuery","hasQuery","hasActiveFilters","event","Search","Icon","active","Grid2X2","LayoutList","onClearFilters","toolbarEnd","MediaLibraryCard","name","alt","usageCount","isPrivate","duration","opens","onOpen","activate","onToggle","selected","density","Check","onDetails","Info","Play","Lock","showMeta","Layers3","MediaLibraryList","DisplayLabel","MediaLibraryDetailPanel","tags","isPublic","custom","renderDetail","onUpdate","onRemove","onReplace","onClose","ArrowLeft","label","tag","checked","MediaLibraryUploadPanel","onFiles","onRemoveFile","X","empty","onOptionsChange","MediaLibraryFooterSummary","selectedCount","stagedSize","sum","stagedCount","summaryClassName","onClearSelection","MediaLibraryFooterActions","onCancelUpload","cancelLabel","onCancel","onConfirm","confirmLabel","MediaLibraryFooter","chrome","MediaLibraryFooterPortalContext","createContext","useResolvedCollections","explicit","seen","getCollection","MediaLibrary","stringsProp","props","useStrings","state","confirmOnSelect","resolvedCollections","activeTab","allowUpload","detailItem","footerPortal","useContext","usesDefaultFooter","slots","dialogSelectionSummary","hasHeaderIdentity","title","titleSuffix","hasHeaderControls","hasHeader","confirm","cancel","confirmItem","sectionRef","detailOpenerRef","showDetail","openItem","onItemOpen","opener","countLabel","usesBulkBar","bulkActions","resultsRef","bulkSelectedCount","footer","heightClassName","UploadCloud","candidate","ctx","rendered","onItemReplace","removed","createPortal","MediaLibraryDialog","internalOpen","setInternalOpen","footerElement","setFooterElement","isOpenControlled","open","resolvedOpen","handleOpenChange","nextOpen","onOpenChange","closeMediaLibrary","dialogTitle","dialogDescription","dialogClassName","contentClassName","moveItem","from","to","MediaResourceGallery","total","resolvedPrimaryId","primaryId","canAdd","readOnly","onAdd","maxItems","defaultAction","layout","Plus","move","shouldShowEmptyState","renderAddTile","ImagePlus","isPrimary","canMovePrevious","canMoveNext","renderItem","onPrimaryChange","Star","ArrowRight","Trash2"],"sources":["../../src/components/features/media-library/media-library.strings.ts","../../src/components/features/media-library/hooks/use-media-library.ts","../../src/components/features/media-library/partials/media-library-partials.tsx","../../src/components/features/media-library/media-library.tsx","../../src/components/features/media-library/media-resource-gallery.tsx"],"sourcesContent":["export interface MediaLibraryStrings {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Supporting copy shown under the label. */\n\tdescription: string;\n\tclose: string;\n\ttabs: {\n\t\tlibrary: string;\n\t\tupload: string;\n\t};\n\tsearchPlaceholder: string;\n\tclearSearch: string;\n\ttypeFilterLabel: string;\n\tcollectionFilterLabel: string;\n\tsortLabel: string;\n\tviewLabel: string;\n\tallTypes: string;\n\timages: string;\n\tvideos: string;\n\tfiles: string;\n\tallCollections: string;\n\tsortNewest: string;\n\tsortName: string;\n\tsortSize: string;\n\tsortUsage: string;\n\tgridView: string;\n\ttableView: string;\n\tcountAll: string;\n\tcountFiltered: string;\n\tcountSearch: string;\n\tactiveSearchLabel: string;\n\tresultsLabel: string;\n\temptyLibraryTitle: string;\n\temptyLibraryDescription: string;\n\temptyFilteredTitle: string;\n\temptyFilteredDescription: string;\n\tclearFilters: string;\n\tuploadMedia: string;\n\tloading: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tcardDetails: string;\n\t/** Toolbar toggle that turns selection mode on or off. */\n\tselectMode: string;\n\t/** Check control that selects one asset while browsing; `{name}` is the asset. */\n\tselectItem: string;\n\tprivateLabel: string;\n\tpublicLabel: string;\n\ttypeImage: string;\n\ttypeVideo: string;\n\ttypeFile: string;\n\tunknownSize: string;\n\tnotUsed: string;\n\tusedIn: string;\n\ttable: {\n\t\tname: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tcollection: string;\n\t\tused: string;\n\t};\n\tdetail: {\n\t\ttitle: string;\n\t\taltText: string;\n\t\taltPlaceholder: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tprivateHint: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tdimensions: string;\n\t\tuploaded: string;\n\t\tusedIn: string;\n\t\treplace: string;\n\t\tdelete: string;\n\t\tclose: string;\n\t};\n\tupload: {\n\t\tdropTitle: string;\n\t\tdropHint: string;\n\t\tdragOver: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tnoFiles: string;\n\t\tstagedCount: string;\n\t\tremoveFile: string;\n\t\tuploading: string;\n\t\tdone: string;\n\t};\n\tfooter: {\n\t\tpickOne: string;\n\t\tpickMany: string;\n\t\tselectedCount: string;\n\t\tclear: string;\n\t\tcancel: string;\n\t\tconfirmEmpty: string;\n\t\tconfirmOne: string;\n\t\tconfirmMany: string;\n\t\tnoFiles: string;\n\t\tstagedSummary: string;\n\t\tupload: string;\n\t\tuploadMany: string;\n\t\tuploading: string;\n\t};\n\tgallery: {\n\t\temptyTitle: string;\n\t\temptyDescription: string;\n\t\tadd: string;\n\t\taddMore: string;\n\t\taddTile: string;\n\t\tcover: string;\n\t\tprimary: string;\n\t\tsetPrimary: string;\n\t\tremove: string;\n\t\tmovePrevious: string;\n\t\tmoveNext: string;\n\t\titemPosition: string;\n\t\tmaxReached: string;\n\t};\n}\n\nexport const defaultMediaLibraryStrings: MediaLibraryStrings = {\n\ttitle: 'Add media',\n\tdescription: 'Pick from the library, or upload new files.',\n\tclose: 'Close media library',\n\ttabs: {\n\t\tlibrary: 'Library',\n\t\tupload: 'Upload',\n\t},\n\tsearchPlaceholder: 'Search by name or tag...',\n\tclearSearch: 'Clear search',\n\ttypeFilterLabel: 'Type',\n\tcollectionFilterLabel: 'Collection',\n\tsortLabel: 'Sort',\n\tviewLabel: 'View',\n\tallTypes: 'All',\n\timages: 'Images',\n\tvideos: 'Videos',\n\tfiles: 'Files',\n\tallCollections: 'All collections',\n\tsortNewest: 'Newest',\n\tsortName: 'Name',\n\tsortSize: 'Size',\n\tsortUsage: 'Most used',\n\tgridView: 'Grid view',\n\ttableView: 'Table view',\n\tcountAll: '{count} items',\n\tcountFiltered: '{count} of {total} items',\n\tcountSearch: '{count} of {total} items for \"{query}\"',\n\tactiveSearchLabel: 'Search',\n\tresultsLabel: 'Media results',\n\temptyLibraryTitle: 'Library is empty',\n\temptyLibraryDescription: 'Upload images or videos to start building the library.',\n\temptyFilteredTitle: 'No media matches',\n\temptyFilteredDescription: 'Try a different search term, or clear the filters.',\n\tclearFilters: 'Clear filters',\n\tuploadMedia: 'Upload media',\n\tloading: 'Loading media...',\n\terrorTitle: 'Media could not load',\n\terrorDescription: 'Try again or adjust your filters.',\n\tcardDetails: 'Details for {name}',\n\tselectMode: 'Select',\n\tselectItem: 'Select {name}',\n\tprivateLabel: 'Private',\n\tpublicLabel: 'Public',\n\ttypeImage: 'Image',\n\ttypeVideo: 'Video',\n\ttypeFile: 'File',\n\tunknownSize: 'Unknown',\n\tnotUsed: 'Not used yet',\n\tusedIn: '{count} {count, plural, one {place} other {places}}',\n\ttable: {\n\t\tname: 'Name',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tcollection: 'Collection',\n\t\tused: 'Used',\n\t},\n\tdetail: {\n\t\ttitle: 'Details',\n\t\taltText: 'Alt text',\n\t\taltPlaceholder: 'Describe this media for screen readers',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Served from the public CDN',\n\t\tprivateHint: 'Only visible in the admin',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tdimensions: 'Dimensions',\n\t\tuploaded: 'Uploaded',\n\t\tusedIn: 'Used in',\n\t\treplace: 'Replace file',\n\t\tdelete: 'Delete',\n\t\tclose: 'Close details',\n\t},\n\tupload: {\n\t\tdropTitle: 'Drag files here or click to browse',\n\t\tdropHint: 'JPG, PNG, WebP, SVG and MP4 up to 50 MB per file',\n\t\tdragOver: 'Release to stage files',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Serve from the public CDN',\n\t\tnoFiles: 'No files staged',\n\t\tstagedCount: '{count} {count, plural, one {file} other {files}}',\n\t\tremoveFile: 'Remove {name}',\n\t\tuploading: 'Uploading',\n\t\tdone: 'Done',\n\t},\n\tfooter: {\n\t\tpickOne: 'Pick one item',\n\t\tpickMany: 'Pick one or more items',\n\t\tselectedCount: '{count} selected',\n\t\tclear: 'Clear',\n\t\tcancel: 'Cancel',\n\t\tconfirmEmpty: 'Add to product',\n\t\tconfirmOne: 'Add 1 item',\n\t\tconfirmMany: 'Add {count} items',\n\t\tnoFiles: 'No files staged',\n\t\tstagedSummary: '{count} {count, plural, one {file} other {files}} · {size}',\n\t\tupload: 'Upload',\n\t\tuploadMany: 'Upload {count} files',\n\t\tuploading: 'Uploading...',\n\t},\n\tgallery: {\n\t\temptyTitle: 'No media attached',\n\t\temptyDescription: 'Add images, video, or files to this resource.',\n\t\tadd: 'Add media',\n\t\taddMore: 'Add more',\n\t\taddTile: 'Add another media item',\n\t\tcover: 'Cover',\n\t\tprimary: 'Primary',\n\t\tsetPrimary: 'Set primary',\n\t\tremove: 'Remove',\n\t\tmovePrevious: 'Move previous',\n\t\tmoveNext: 'Move next',\n\t\titemPosition: '{index} of {total}',\n\t\tmaxReached: 'Maximum reached',\n\t},\n};\n\nexport function formatMediaLibraryString(\n\ttemplate: string,\n\tvalues: Record<string, string | number>,\n): string {\n\treturn template\n\t\t.replace(\n\t\t\t/\\{(\\w+), plural, one \\{([^}]*)\\} other \\{([^}]*)\\}\\}/g,\n\t\t\t(_, key: string, one: string, other: string) =>\n\t\t\t\tNumber(values[key]) === 1 ? one : other,\n\t\t)\n\t\t.replace(/\\{(\\w+)\\}/g, (_, key: string) => String(values[key] ?? ''));\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { formatFileSize } from '../../../primitives';\n\nimport type {\n\tMediaLibraryAccessors,\n\tMediaLibraryFetchResult,\n\tMediaLibraryItem,\n\tMediaLibraryItemPatch,\n\tMediaLibraryItemType,\n\tMediaLibraryStagedFile,\n\tMediaLibraryUploadOptions,\n\tMediaLibraryUploadStatus,\n\tResolvedMediaLibraryAccessors,\n\tUseMediaLibraryOptions,\n\tMediaLibraryState,\n} from '../media-library.types';\n\nconst DEFAULT_UPLOAD_OPTIONS: MediaLibraryUploadOptions = {\n\tcollection: undefined,\n\ttags: [],\n\tpublic: true,\n};\nconst EMPTY_ITEMS: readonly unknown[] = [];\n\nfunction useControllableState<T>(\n\tcontrolled: T | undefined,\n\tdefaultValue: T,\n\tonChange: ((value: T) => void) | undefined,\n) {\n\tconst [internal, setInternal] = useState(defaultValue);\n\tconst value = controlled ?? internal;\n\tconst setValue = useCallback((next: T | ((current: T) => T)) => {\n\t\tconst resolved = typeof next === 'function'\n\t\t\t? (next as (current: T) => T)(value)\n\t\t\t: next;\n\t\tif (controlled === undefined) setInternal(resolved);\n\t\tonChange?.(resolved);\n\t}, [controlled, onChange, value]);\n\treturn [value, setValue] as const;\n}\n\nconst defaultAccessors: ResolvedMediaLibraryAccessors<MediaLibraryItem> = {\n\tgetId: (item) => item.id,\n\tgetName: (item) => item.name,\n\tgetType: (item) => item.type,\n\tgetSrc: (item) => item.src,\n\tgetAlt: (item) => item.alt,\n\tgetSize: (item) => item.size,\n\tgetWidth: (item) => item.width,\n\tgetHeight: (item) => item.height,\n\tgetDuration: (item) => item.duration,\n\tgetCollection: (item) => item.collection,\n\tgetTags: (item) => item.tags ?? [],\n\tgetPublic: (item) => item.public,\n\tgetUploadedAt: (item) => item.uploadedAt,\n\tgetUsageCount: (item) => item.usageCount,\n\tgetTint: (item) => item.tint,\n\tgetMimeType: (item) => item.mimeType,\n};\n\nexport function resolveMediaLibraryAccessors<TItem = MediaLibraryItem>(\n\taccessors?: MediaLibraryAccessors<TItem>,\n): ResolvedMediaLibraryAccessors<TItem> {\n\treturn {\n\t\t...(defaultAccessors as unknown as ResolvedMediaLibraryAccessors<TItem>),\n\t\t...accessors,\n\t};\n}\n\nexport function formatMediaLibrarySize(bytes?: number): string {\n\treturn formatFileSize(bytes) ?? '';\n}\n\nexport function getMediaLibraryDimensions<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n): string {\n\tconst width = accessors.getWidth(item);\n\tconst height = accessors.getHeight(item);\n\tif (!width || !height) return '';\n\treturn `${width} x ${height}`;\n}\n\nfunction getUploadedTime<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n) {\n\tconst value = accessors.getUploadedAt(item);\n\tif (!value) return 0;\n\tconst date = value instanceof Date ? value : new Date(value);\n\tconst time = date.getTime();\n\treturn Number.isFinite(time) ? time : 0;\n}\n\nfunction inferFileType(file: File): MediaLibraryItemType {\n\tif (file.type.startsWith('image/')) return 'image';\n\tif (file.type.startsWith('video/')) return 'video';\n\treturn 'file';\n}\n\nfunction createPreviewUrl(file: File): string | undefined {\n\tif (!file.type.startsWith('image/')) return undefined;\n\tif (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {\n\t\treturn undefined;\n\t}\n\treturn URL.createObjectURL(file);\n}\n\nfunction revokePreviewUrl(url: string | undefined) {\n\tif (!url || typeof URL === 'undefined' || typeof URL.revokeObjectURL !== 'function') {\n\t\treturn;\n\t}\n\tURL.revokeObjectURL(url);\n}\n\nfunction normalizeFetchResult<TItem>(\n\tresult: MediaLibraryFetchResult<TItem> | TItem[],\n): MediaLibraryFetchResult<TItem> {\n\tif (Array.isArray(result)) return { items: result, total: result.length };\n\treturn result;\n}\n\nfunction mergePatch<TItem>(item: TItem, patch?: MediaLibraryItemPatch): TItem {\n\tif (!patch) return item;\n\tif (typeof item === 'object' && item !== null) {\n\t\treturn { ...(item as object), ...patch } as TItem;\n\t}\n\treturn item;\n}\n\nfunction filterItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tquery: string,\n\ttype: string,\n\tcollection: string,\n) {\n\tconst normalizedQuery = query.trim().toLowerCase();\n\treturn items.filter((item) => {\n\t\tif (type !== 'all' && accessors.getType(item) !== type) return false;\n\t\tif (collection !== 'all' && accessors.getCollection(item) !== collection) return false;\n\t\tif (!normalizedQuery) return true;\n\n\t\tconst haystack = [\n\t\t\taccessors.getName(item),\n\t\t\taccessors.getAlt(item),\n\t\t\taccessors.getCollection(item),\n\t\t\t...accessors.getTags(item),\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\t\t\t.toLowerCase();\n\t\treturn haystack.includes(normalizedQuery);\n\t});\n}\n\nfunction sortItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tsort: string,\n) {\n\tconst sorted = items.slice();\n\tif (sort === 'name') {\n\t\tsorted.sort((a, b) => accessors.getName(a).localeCompare(accessors.getName(b)));\n\t} else if (sort === 'size') {\n\t\tsorted.sort((a, b) => (accessors.getSize(b) ?? 0) - (accessors.getSize(a) ?? 0));\n\t} else if (sort === 'usage') {\n\t\tsorted.sort(\n\t\t\t(a, b) => (accessors.getUsageCount(b) ?? 0) - (accessors.getUsageCount(a) ?? 0),\n\t\t);\n\t} else {\n\t\tsorted.sort((a, b) => getUploadedTime(b, accessors) - getUploadedTime(a, accessors));\n\t}\n\treturn sorted;\n}\n\nexport function useMediaLibrary<TItem = MediaLibraryItem>({\n\titems: itemsProp = EMPTY_ITEMS as readonly TItem[],\n\tfetcher,\n\taccessors: accessorsProp,\n\tselectionMode = 'multiple',\n\tvalue,\n\tdefaultValue = [],\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonUpload,\n\tonError,\n\ttab: tabProp,\n\tdefaultTab = 'library',\n\tonTabChange,\n\tview: viewProp,\n\tdefaultView = 'grid',\n\tonViewChange,\n\tquery: queryProp,\n\tdefaultQuery = '',\n\tonQueryChange,\n\ttype: typeProp,\n\tdefaultType = 'all',\n\tonTypeChange,\n\tcollection: collectionProp,\n\tdefaultCollection = 'all',\n\tonCollectionChange,\n\tsort: sortProp,\n\tdefaultSort = 'newest',\n\tonSortChange,\n\tuploadOptions: uploadOptionsProp,\n\tdefaultUploadOptions,\n\tonUploadOptionsChange,\n\tselecting: selectingProp,\n\tdefaultSelecting = false,\n\tonSelectingChange,\n}: UseMediaLibraryOptions<TItem> = {}): MediaLibraryState<TItem> {\n\tconst accessors = useMemo(\n\t\t() => resolveMediaLibraryAccessors(accessorsProp),\n\t\t[accessorsProp],\n\t);\n\tconst [tab, setTab] = useControllableState(tabProp, defaultTab, onTabChange);\n\tconst [view, setView] = useControllableState(viewProp, defaultView, onViewChange);\n\tconst [query, setQuery] = useControllableState(queryProp, defaultQuery, onQueryChange);\n\tconst [type, setType] = useControllableState(typeProp, defaultType, onTypeChange);\n\tconst [collection, setCollection] = useControllableState(\n\t\tcollectionProp,\n\t\tdefaultCollection,\n\t\tonCollectionChange,\n\t);\n\tconst [sort, setSort] = useControllableState(sortProp, defaultSort, onSortChange);\n\tconst [detailId, setDetailId] = useState<string | null>(null);\n\tconst [internalValue, setInternalValue] = useState<string[]>(() => [...defaultValue]);\n\tconst [fetchedItems, setFetchedItems] = useState<TItem[]>([]);\n\tconst [fetchedTotal, setFetchedTotal] = useState<number | undefined>();\n\tconst [loading, setLoading] = useState(false);\n\tconst [error, setError] = useState<unknown>(null);\n\tconst [createdItems, setCreatedItems] = useState<TItem[]>([]);\n\tconst [removedIds, setRemovedIds] = useState<Set<string>>(() => new Set());\n\tconst [itemPatches, setItemPatches] = useState<Record<string, MediaLibraryItemPatch>>({});\n\tconst [stagedFiles, setStagedFiles] = useState<MediaLibraryStagedFile[]>([]);\n\tconst [uploading, setUploading] = useState(false);\n\tconst defaultResolvedUploadOptions = useMemo<MediaLibraryUploadOptions>(() => ({\n\t\t...DEFAULT_UPLOAD_OPTIONS,\n\t\t...defaultUploadOptions,\n\t\ttags: defaultUploadOptions?.tags ?? DEFAULT_UPLOAD_OPTIONS.tags,\n\t}), [defaultUploadOptions]);\n\tconst controlledUploadOptions = useMemo<MediaLibraryUploadOptions | undefined>(\n\t\t() => uploadOptionsProp ? {\n\t\t\t...DEFAULT_UPLOAD_OPTIONS,\n\t\t\t...uploadOptionsProp,\n\t\t\ttags: uploadOptionsProp.tags ?? DEFAULT_UPLOAD_OPTIONS.tags,\n\t\t} : undefined,\n\t\t[uploadOptionsProp],\n\t);\n\tconst [uploadOptions, setUploadOptions] = useControllableState(\n\t\tcontrolledUploadOptions,\n\t\tdefaultResolvedUploadOptions,\n\t\tonUploadOptionsChange,\n\t);\n\tconst isSelectionControlled = value !== undefined;\n\tconst selectedIds = useMemo(\n\t\t() => (isSelectionControlled ? [...(value ?? [])] : internalValue),\n\t\t[internalValue, isSelectionControlled, value],\n\t);\n\tconst selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\tconst objectUrlRef = useRef<Set<string>>(new Set());\n\tconst uploadControllerRef = useRef<AbortController | null>(null);\n\tconst mutationVersionRef = useRef<Map<string, number>>(new Map());\n\n\tuseEffect(() => {\n\t\tif (!fetcher) return;\n\t\tconst controller = new AbortController();\n\t\tsetLoading(true);\n\t\tsetError(null);\n\t\tfetcher({\n\t\t\tquery,\n\t\t\ttype,\n\t\t\tcollection: collection === 'all' ? undefined : collection,\n\t\t\tsort,\n\t\t\tsignal: controller.signal,\n\t\t})\n\t\t\t.then((result) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tconst normalized = normalizeFetchResult(result);\n\t\t\t\tsetFetchedItems(normalized.items);\n\t\t\t\tsetFetchedTotal(normalized.total);\n\t\t\t})\n\t\t\t.catch((nextError) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (!controller.signal.aborted) setLoading(false);\n\t\t\t});\n\t\treturn () => controller.abort();\n\t}, [collection, fetcher, onError, query, sort, type]);\n\n\tuseEffect(() => {\n\t\tconst objectUrls = objectUrlRef.current;\n\t\treturn () => {\n\t\t\tuploadControllerRef.current?.abort();\n\t\t\tfor (const url of objectUrls) revokePreviewUrl(url);\n\t\t\tobjectUrls.clear();\n\t\t};\n\t}, []);\n\n\tconst sourceItems = useMemo(\n\t\t() => (fetcher ? fetchedItems : [...createdItems, ...itemsProp]),\n\t\t[createdItems, fetchedItems, fetcher, itemsProp],\n\t);\n\tconst patchedItems = useMemo(\n\t\t() =>\n\t\t\tsourceItems\n\t\t\t\t.filter((item) => !removedIds.has(accessors.getId(item)))\n\t\t\t\t.map((item) => mergePatch(item, itemPatches[accessors.getId(item)])),\n\t\t[accessors, itemPatches, removedIds, sourceItems],\n\t);\n\tconst visibleItems = useMemo(() => {\n\t\tconst filtered = fetcher\n\t\t\t? patchedItems\n\t\t\t: filterItems(patchedItems, accessors, query, type, collection);\n\t\treturn fetcher ? filtered : sortItems(filtered, accessors, sort);\n\t}, [accessors, collection, fetcher, patchedItems, query, sort, type]);\n\tconst totalCount = fetchedTotal ?? patchedItems.length;\n\tconst filteredCount = visibleItems.length;\n\tconst selectedItems = useMemo(\n\t\t() => patchedItems.filter((item) => selectedSet.has(accessors.getId(item))),\n\t\t[accessors, patchedItems, selectedSet],\n\t);\n\tconst hasFilters = Boolean(query.trim()) || type !== 'all' || collection !== 'all';\n\n\tconst applySelection = useCallback(\n\t\t(nextIds: string[]) => {\n\t\t\tif (!isSelectionControlled) setInternalValue(nextIds);\n\t\t\tconst nextSet = new Set(nextIds);\n\t\t\tconst nextItems = patchedItems.filter((item) => nextSet.has(accessors.getId(item)));\n\t\t\tonValueChange?.(nextIds, nextItems);\n\t\t},\n\t\t[accessors, isSelectionControlled, onValueChange, patchedItems],\n\t);\n\n\tconst toggleSelection = useCallback(\n\t\t(id: string) => {\n\t\t\tconst next = new Set(selectionMode === 'single' ? [] : selectedSet);\n\t\t\tif (selectedSet.has(id) && selectionMode !== 'single') {\n\t\t\t\tnext.delete(id);\n\t\t\t} else {\n\t\t\t\tnext.add(id);\n\t\t\t}\n\t\t\tapplySelection(Array.from(next));\n\t\t},\n\t\t[applySelection, selectedSet, selectionMode],\n\t);\n\n\tconst clearSelection = useCallback(() => applySelection([]), [applySelection]);\n\tconst [selectionRequested, setSelectionRequested] = useControllableState(\n\t\tselectingProp,\n\t\tdefaultSelecting,\n\t\tonSelectingChange,\n\t);\n\t// Selection mode is explicit (the Select toggle, a picker) or implied by any selection.\n\tconst selecting = selectionRequested || selectedIds.length > 0;\n\tconst setSelecting = useCallback((next: boolean) => {\n\t\tsetSelectionRequested(next);\n\t\t// Leaving selection mode returns to browsing, which shows no selection.\n\t\tif (!next && selectedIds.length > 0) applySelection([]);\n\t}, [applySelection, selectedIds.length, setSelectionRequested]);\n\tconst clearFilters = useCallback(() => {\n\t\tsetQuery('');\n\t\tsetType('all');\n\t\tsetCollection('all');\n\t}, [setCollection, setQuery, setType]);\n\n\tconst addFiles = useCallback((files: File[]) => {\n\t\tsetStagedFiles((current) => [\n\t\t\t...current,\n\t\t\t...files.map((file, index) => {\n\t\t\t\tconst src = createPreviewUrl(file);\n\t\t\t\tif (src) objectUrlRef.current.add(src);\n\t\t\t\treturn {\n\t\t\t\t\tid: `staged-${Date.now()}-${index}`,\n\t\t\t\t\tfile,\n\t\t\t\t\tname: file.name,\n\t\t\t\t\tsize: file.size,\n\t\t\t\t\ttype: inferFileType(file),\n\t\t\t\t\tsrc,\n\t\t\t\t\tprogress: 0,\n\t\t\t\t\tstatus: 'staged' as const,\n\t\t\t\t};\n\t\t\t}),\n\t\t]);\n\t}, []);\n\n\tconst removeStagedFile = useCallback((id: string) => {\n\t\tsetStagedFiles((current) => {\n\t\t\tconst target = current.find((file) => file.id === id);\n\t\t\tif (target?.src) {\n\t\t\t\trevokePreviewUrl(target.src);\n\t\t\t\tobjectUrlRef.current.delete(target.src);\n\t\t\t}\n\t\t\treturn current.filter((file) => file.id !== id);\n\t\t});\n\t}, []);\n\n\tconst clearStagedFiles = useCallback(() => {\n\t\tsetStagedFiles((current) => {\n\t\t\tfor (const file of current) {\n\t\t\t\tif (file.src) {\n\t\t\t\t\trevokePreviewUrl(file.src);\n\t\t\t\t\tobjectUrlRef.current.delete(file.src);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn [];\n\t\t});\n\t}, []);\n\n\tconst updateUploadOptions = useCallback((patch: Partial<MediaLibraryUploadOptions>) => {\n\t\tsetUploadOptions((current) => ({ ...current, ...patch }));\n\t}, [setUploadOptions]);\n\n\tconst setUploadFile = useCallback(\n\t\t(fileId: string, patch: Partial<Pick<MediaLibraryStagedFile, 'progress' | 'status' | 'error'>>) => {\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => (file.id === fileId ? { ...file, ...patch } : file)),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\tconst startUpload = useCallback(async () => {\n\t\tif (uploading || stagedFiles.length === 0) return;\n\t\tconst controller = new AbortController();\n\t\tuploadControllerRef.current?.abort();\n\t\tuploadControllerRef.current = controller;\n\t\tsetError(null);\n\t\tsetUploading(true);\n\t\tsetStagedFiles((current) =>\n\t\t\tcurrent.map((file) => ({ ...file, status: 'uploading', progress: 0 })),\n\t\t);\n\t\tconst helpers = {\n\t\t\tsignal: controller.signal,\n\t\t\tsetProgress: (fileId: string, progress: number) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetUploadFile(fileId, { progress: Math.max(0, Math.min(100, progress)) });\n\t\t\t},\n\t\t\tsetFileStatus: (\n\t\t\t\tfileId: string,\n\t\t\t\tstatus: MediaLibraryUploadStatus,\n\t\t\t\tnextError?: string,\n\t\t\t) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetUploadFile(fileId, { status, error: nextError });\n\t\t\t},\n\t\t};\n\n\t\ttry {\n\t\t\tconst files = stagedFiles.map((file) => file.file);\n\t\t\tconst uploaded = await onUpload?.(files, uploadOptions, helpers);\n\t\t\tif (controller.signal.aborted) return;\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => ({ ...file, status: 'done', progress: 100 })),\n\t\t\t);\n\t\t\tif (uploaded?.length) {\n\t\t\t\tsetCreatedItems((current) => [...uploaded, ...current]);\n\t\t\t\tconst uploadedIds = uploaded.map((item) => accessors.getId(item));\n\t\t\t\tapplySelection(\n\t\t\t\t\tselectionMode === 'single'\n\t\t\t\t\t\t? uploadedIds.slice(0, 1)\n\t\t\t\t\t\t: Array.from(new Set([...uploadedIds, ...selectedIds])),\n\t\t\t\t);\n\t\t\t}\n\t\t\tclearStagedFiles();\n\t\t\tsetTab('library');\n\t\t} catch (nextError) {\n\t\t\tif (controller.signal.aborted) return;\n\t\t\tsetError(nextError);\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) =>\n\t\t\t\t\tfile.status === 'uploading'\n\t\t\t\t\t\t? { ...file, status: 'error', error: 'Upload failed' }\n\t\t\t\t\t\t: file,\n\t\t\t\t),\n\t\t\t);\n\t\t\tonError?.(nextError);\n\t\t} finally {\n\t\t\tif (uploadControllerRef.current === controller) {\n\t\t\t\tuploadControllerRef.current = null;\n\t\t\t\tsetUploading(false);\n\t\t\t}\n\t\t}\n\t}, [\n\t\taccessors,\n\t\tapplySelection,\n\t\tclearStagedFiles,\n\t\tonError,\n\t\tonUpload,\n\t\tselectedIds,\n\t\tselectionMode,\n\t\tsetTab,\n\t\tsetUploadFile,\n\t\tstagedFiles,\n\t\tuploadOptions,\n\t\tuploading,\n\t]);\n\n\tconst cancelUpload = useCallback(() => {\n\t\tuploadControllerRef.current?.abort();\n\t\tuploadControllerRef.current = null;\n\t\tsetUploading(false);\n\t\tsetStagedFiles((current) =>\n\t\t\tcurrent.map((file) =>\n\t\t\t\tfile.status === 'uploading'\n\t\t\t\t\t? { ...file, status: 'staged', progress: 0, error: undefined }\n\t\t\t\t\t: file,\n\t\t\t),\n\t\t);\n\t}, []);\n\n\tconst updateItem = useCallback(\n\t\tasync (item: TItem, patch: MediaLibraryItemPatch): Promise<boolean> => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tconst mutationKey = `update:${id}`;\n\t\t\tconst version = (mutationVersionRef.current.get(mutationKey) ?? 0) + 1;\n\t\t\tmutationVersionRef.current.set(mutationKey, version);\n\t\t\tconst previousPatch = itemPatches[id];\n\t\t\tsetError(null);\n\t\t\tsetItemPatches((current) => ({ ...current, [id]: { ...current[id], ...patch } }));\n\t\t\ttry {\n\t\t\t\tawait onItemUpdate?.(item, patch);\n\t\t\t\treturn true;\n\t\t\t} catch (nextError) {\n\t\t\t\tif (mutationVersionRef.current.get(mutationKey) === version) {\n\t\t\t\t\tsetItemPatches((current) => {\n\t\t\t\t\t\tconst next = { ...current };\n\t\t\t\t\t\tif (previousPatch) next[id] = previousPatch;\n\t\t\t\t\t\telse delete next[id];\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\t[accessors, itemPatches, onError, onItemUpdate],\n\t);\n\n\tconst removeItem = useCallback(\n\t\tasync (item: TItem): Promise<boolean> => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tconst mutationKey = `delete:${id}`;\n\t\t\tconst version = (mutationVersionRef.current.get(mutationKey) ?? 0) + 1;\n\t\t\tmutationVersionRef.current.set(mutationKey, version);\n\t\t\tconst wasRemoved = removedIds.has(id);\n\t\t\tsetError(null);\n\t\t\tsetRemovedIds((current) => new Set(current).add(id));\n\t\t\ttry {\n\t\t\t\tawait onItemDelete?.(item);\n\t\t\t\tif (selectedSet.has(id)) {\n\t\t\t\t\tapplySelection(selectedIds.filter((selectedId) => selectedId !== id));\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} catch (nextError) {\n\t\t\t\tif (\n\t\t\t\t\t!wasRemoved &&\n\t\t\t\t\tmutationVersionRef.current.get(mutationKey) === version\n\t\t\t\t) {\n\t\t\t\t\tsetRemovedIds((current) => {\n\t\t\t\t\t\tconst next = new Set(current);\n\t\t\t\t\t\tnext.delete(id);\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\taccessors,\n\t\t\tapplySelection,\n\t\t\tonError,\n\t\t\tonItemDelete,\n\t\t\tremovedIds,\n\t\t\tselectedIds,\n\t\t\tselectedSet,\n\t\t],\n\t);\n\n\treturn {\n\t\ttab,\n\t\tsetTab,\n\t\tview,\n\t\tsetView,\n\t\tquery,\n\t\tsetQuery,\n\t\ttype,\n\t\tsetType,\n\t\tcollection,\n\t\tsetCollection,\n\t\tsort,\n\t\tsetSort,\n\t\tdetailId,\n\t\tsetDetailId,\n\t\titems: patchedItems,\n\t\tvisibleItems,\n\t\tselectedIds,\n\t\tselectedItems,\n\t\tselectedSet,\n\t\ttoggleSelection,\n\t\tclearSelection,\n\t\tselecting,\n\t\tsetSelecting,\n\t\tclearFilters,\n\t\tloading,\n\t\terror,\n\t\thasFilters,\n\t\ttotalCount,\n\t\tfilteredCount,\n\t\tstagedFiles,\n\t\taddFiles,\n\t\tremoveStagedFile,\n\t\tclearStagedFiles,\n\t\tupdateUploadOptions,\n\t\tuploadOptions,\n\t\tuploading,\n\t\tstartUpload,\n\t\tcancelUpload,\n\t\tupdateItem,\n\t\tremoveItem,\n\t\taccessors,\n\t};\n}\n","import {\n\tArrowLeft,\n\tCheck,\n\tFile,\n\tGrid2X2,\n\tImageIcon,\n\tInfo,\n\tLayoutList,\n\tLayers3,\n\tLock,\n\tPlay,\n\tSearch,\n\tVideo,\n\tX,\n} from 'lucide-react';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { EmptyState } from '../../../blocks/data-display';\nimport { FormField } from '../../../base/forms';\nimport { Input } from '../../../base/text-inputs';\nimport { Select, Switch } from '../../../base/choice-inputs';\nimport { Dropzone } from '../../../base/upload';\nimport { Grid, Stack } from '../../../base/structure';\nimport { Dimensions, FileSize, Percent, formatFileSize } from '../../../primitives';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\nimport { controlGroupHeightClasses, segmentedControlRecipes } from '../../../../lib/control-group-recipes';\nimport { useDensityConfig } from '../../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../../lib/ui-provider/scale';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\n\nconst selectionTargetClassName = `absolute inset-0 z-10 box-border block h-full w-full cursor-pointer border-0 bg-transparent p-0 font-sans outline-none ${focusRecipes.inset}`;\n/** The check on a card: a passive indicator in selection mode, a select control while browsing. */\nconst checkClassName = 'media-library-card--check absolute left-2 top-2 inline-flex size-icon-lg items-center justify-center rounded-radius border border-border bg-background p-0 text-transparent shadow-xs';\nconst checkSelectedClassName = 'border-primary bg-primary text-primary-foreground opacity-100';\n\nimport {\n\tformatMediaLibraryString,\n\ttype MediaLibraryStrings,\n} from '../media-library.strings';\nimport type {\n\tMediaLibraryCardProps,\n\tMediaLibraryDetailPanelProps,\n\tMediaLibraryEmptyStateProps,\n\tMediaLibraryFooterActionsProps,\n\tMediaLibraryFooterProps,\n\tMediaLibraryFooterSummaryProps,\n\tMediaLibraryListProps,\n\tMediaLibraryToolbarProps,\n\tMediaLibraryUploadPanelProps,\n\tMediaLibraryItemType,\n} from '../media-library.types';\nimport { EMPTY } from '../../../../lib/format';\n\nfunction typeIcon(type: MediaLibraryItemType, className?: string) {\n\tif (type === 'image') return <ImageIcon className={className ?? 'size-icon'} />;\n\tif (type === 'video') return <Video className={className ?? 'size-icon'} />;\n\treturn <File className={className ?? 'size-icon'} />;\n}\n\nfunction typeLabel(type: MediaLibraryItemType, strings: MediaLibraryStrings) {\n\tif (type === 'image') return strings.typeImage;\n\tif (type === 'video') return strings.typeVideo;\n\treturn strings.typeFile;\n}\n\nfunction usedInLabel(count: number | undefined, strings: MediaLibraryStrings) {\n\tif (!count) return strings.notUsed;\n\treturn formatMediaLibraryString(strings.usedIn, { count });\n}\n\nfunction MediaPreview({\n\tchildren,\n\ttint,\n\tclassName,\n}: {\n\tchildren: ReactNode;\n\ttint?: string;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-preview relative overflow-hidden bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={tint ? { background: tint } : undefined}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nfunction MediaPreviewImage({\n\tsrc,\n\talt,\n\ttype,\n\tclassName,\n\tloading = 'lazy',\n}: {\n\tsrc?: string;\n\talt: string;\n\ttype: MediaLibraryItemType;\n\tclassName?: string;\n\tloading?: 'eager' | 'lazy';\n}) {\n\tconst [failed, setFailed] = useState(false);\n\n\tuseEffect(() => {\n\t\tsetFailed(false);\n\t}, [src]);\n\n\tif (!src || failed) {\n\t\treturn (\n\t\t\t<div className=\"media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t{typeIcon(type, 'size-6')}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tsrc={src}\n\t\t\talt={alt}\n\t\t\tloading={loading}\n\t\t\tclassName={className}\n\t\t\tonError={() => setFailed(true)}\n\t\t/>\n\t);\n}\n\nexport function MediaLibraryEmptyState({\n\ticon,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n}: MediaLibraryEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={title}\n\t\t\tdescription={description ?? false}\n\t\t\tactions={action}\n\t\t\tmedia={icon ?? <ImageIcon className=\"size-icon\" aria-hidden=\"true\" />}\n\t\t\tmediaVariant=\"icon-soft\"\n\t\t\tpadding=\"md\"\n\t\t\tborder\n\t\t\tclassName={cn('media-library-empty-state--component min-h-64 bg-muted/30', className)}\n\t\t/>\n\t);\n}\n\nexport function MediaLibraryToolbar({\n\tquery,\n\ttype,\n\ttypeFilters,\n\tcollection,\n\tsort,\n\tview,\n\tcollections = [],\n\tstrings,\n\tonQueryChange,\n\tonTypeChange,\n\tonCollectionChange,\n\tonSortChange,\n\tonViewChange,\n\tonClearFilters,\n\ttoolbarEnd,\n\tselecting = false,\n\tonSelectingChange,\n}: MediaLibraryToolbarProps) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(undefined, defaultScale);\n\tconst typeOptions = [\n\t\t{ value: 'all', label: strings.allTypes, icon: null },\n\t\t{ value: 'image', label: strings.images, icon: ImageIcon },\n\t\t{ value: 'video', label: strings.videos, icon: Video },\n\t\t{ value: 'file', label: strings.files, icon: File },\n\t].filter((option) => (typeFilters ?? ['all', 'image', 'video']).includes(option.value as typeof type));\n\tconst collectionOptions = [\n\t\t{ value: 'all', label: strings.allCollections },\n\t\t...collections.map((option) => ({\n\t\t\tvalue: option.value,\n\t\t\tlabel: String(option.label),\n\t\t})),\n\t];\n\tconst sortOptions = [\n\t\t{ value: 'newest', label: strings.sortNewest },\n\t\t{ value: 'name', label: strings.sortName },\n\t\t{ value: 'size', label: strings.sortSize },\n\t\t{ value: 'usage', label: strings.sortUsage },\n\t];\n\tconst trimmedQuery = query.trim();\n\tconst hasQuery = trimmedQuery.length > 0;\n\tconst hasActiveFilters = hasQuery || type !== 'all' || collection !== 'all';\n\n\treturn (\n\t\t<Stack direction=\"horizontal\" wrap align=\"start\" gap=\"md\" className=\"media-library-toolbar--component\">\n\t\t\t<Stack gap=\"xs\" className=\"media-library-toolbar--search min-w-52 flex-1\">\n\t\t\t\t<Input\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonChange={(event) => onQueryChange(event.target.value)}\n\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\tstartIcon={Search}\n\t\t\t\t\tclearable\n\t\t\t\t\tonClear={() => onQueryChange('')}\n\t\t\t\t\tstrings={{ clear: strings.clearSearch }}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t\t{!!hasQuery && (\n\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"xs\" wrap={false} className=\"media-library-toolbar--search-value px-space-xs\">\n\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"max-w-full\">\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"text-current\">\n\t\t\t\t\t\t\t\t{strings.activeSearchLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"normal\" className=\"min-w-0 truncate text-current\">\n\t\t\t\t\t\t\t\t{trimmedQuery}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t\t<div className={cn('media-library-toolbar--type-toggle', segmentedControlRecipes.frame, controlGroupHeightClasses[size])} role=\"tablist\" aria-label={strings.typeFilterLabel}>\n\t\t\t\t{typeOptions.map((option) => {\n\t\t\t\t\tconst Icon = option.icon;\n\t\t\t\t\tconst active = type === option.value;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\taria-selected={active}\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tsegmentedControlRecipes.item, 'shadow-none',\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t? `${interactionRecipes.segmentActive} hover:bg-card`\n\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => onTypeChange(option.value as typeof type)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{Icon && <Icon className=\"size-icon-md\" />}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"text-inherit\">{option.label}</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<div className=\"min-w-40\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={collection}\n\t\t\t\t\toptions={collectionOptions}\n\t\t\t\t\tonValueChange={(value) => onCollectionChange(value ?? 'all')}\n\t\t\t\t\tplaceholder={strings.collectionFilterLabel}\n\t\t\t\t\taria-label={strings.collectionFilterLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"min-w-32\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={sort}\n\t\t\t\t\toptions={sortOptions}\n\t\t\t\t\tonValueChange={(value) => onSortChange((value ?? 'newest') as typeof sort)}\n\t\t\t\t\tplaceholder={strings.sortLabel}\n\t\t\t\t\taria-label={strings.sortLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className={cn('media-library-toolbar--view-toggle ml-auto', segmentedControlRecipes.frame, controlGroupHeightClasses[size])}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone={view === 'grid' ? 'neutral' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'grid' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\tclassName={cn(segmentedControlRecipes.item, view === 'grid' && `${interactionRecipes.segmentActive} hover:bg-card`)}\n\t\t\t\t\taria-label={strings.gridView}\n\t\t\t\t\tonClick={() => onViewChange('grid')}\n\t\t\t\t>\n\t\t\t\t\t<Grid2X2 className=\"size-icon-md\" />\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone={view === 'table' ? 'neutral' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'table' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\tclassName={cn(segmentedControlRecipes.item, view === 'table' && `${interactionRecipes.segmentActive} hover:bg-card`)}\n\t\t\t\t\taria-label={strings.tableView}\n\t\t\t\t\tonClick={() => onViewChange('table')}\n\t\t\t\t>\n\t\t\t\t\t<LayoutList className=\"size-icon-md\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{!!hasActiveFilters && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tonClick={onClearFilters}\n\t\t\t\t>\n\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t{!!onSelectingChange && (\n\t\t\t\t// Selection is an explicit mode: while it is off, activating an asset opens it.\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-pressed={selecting}\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tclassName={cn('media-library-toolbar--select', selecting && interactionRecipes.togglePressed)}\n\t\t\t\t\tonClick={() => onSelectingChange(!selecting)}\n\t\t\t\t>\n\t\t\t\t\t{strings.selectMode}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t{toolbarEnd}\n\t\t</Stack>\n\t);\n}\n\nexport function MediaLibraryCard<TItem>({\n\titem,\n\tselected = false,\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n\tonOpen,\n\tselecting = false,\n\tclassName,\n}: MediaLibraryCardProps<TItem>) {\n\tconst type = accessors.getType(item);\n\tconst name = accessors.getName(item);\n\tconst src = accessors.getSrc(item);\n\tconst alt = accessors.getAlt(item) || name;\n\tconst size = accessors.getSize(item);\n\tconst usageCount = accessors.getUsageCount(item);\n\tconst isPrivate = accessors.getPublic(item) === false;\n\tconst duration = accessors.getDuration(item);\n\t// Browsing opens the asset and a separate check selects it; selection mode toggles.\n\tconst opens = !!onOpen && !selecting;\n\tconst activate = opens ? onOpen : onToggle;\n\n\treturn (\n\t\t<div\n\t\t\tdata-selected={selected || undefined}\n\t\t\tdata-selecting={selecting || undefined}\n\t\t\tdata-gallery-density={density}\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-card--component relative group/card overflow-hidden rounded-radius border border-border bg-card text-left shadow-xs transition-all',\n\t\t\t\t`${interactionRecipes.tileHover} hover:shadow-sm`,\n\t\t\t\tselected && 'media-library-card--selected border-primary ring-1 ring-primary',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tonClick={activate}\n\t\t>\n\t\t\t{!!activate && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label={name}\n\t\t\t\t\taria-pressed={opens ? undefined : selected}\n\t\t\t\t\tclassName={cn('media-library-card--select rounded-radius', selectionTargetClassName)}\n\t\t\t\t\tonClick={(event) => { event.stopPropagation(); activate(); }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<MediaPreview\n\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\tclassName={cn(density === 'compact' ? 'aspect-square' : 'aspect-[4/3]')}\n\t\t\t>\n\t\t\t\t<MediaPreviewImage src={src} alt={alt} type={type} className=\"size-full object-cover\" />\n\t\t\t\t{opens && !!onToggle ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.selectItem, { name })}\n\t\t\t\t\t\taria-pressed={selected}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcheckClassName,\n\t\t\t\t\t\t\t`z-10 cursor-pointer opacity-0 transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100 ${focusRecipes.frame}`,\n\t\t\t\t\t\t\tselected && checkSelectedClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={(event) => { event.stopPropagation(); onToggle(); }}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcheckClassName,\n\t\t\t\t\t\t\t'transition-opacity',\n\t\t\t\t\t\t\tselecting ? 'opacity-100' : 'opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100',\n\t\t\t\t\t\t\tselected && checkSelectedClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{!!onDetails && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tclassName=\"media-library-card--details absolute z-10 right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100\"\n\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tonDetails();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-icon-md\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--duration absolute bottom-2 left-2 bg-inverse-background text-inverse-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Play className=\"size-icon-sm fill-current\" />\n\t\t\t\t\t\t{duration}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t\t{isPrivate && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--private absolute bottom-2 right-2 bg-card text-card-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Lock className=\"size-icon-sm\" />\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</MediaPreview>\n\t\t\t<div className={cn(\n\t\t\t\t'media-library-card--body',\n\t\t\t\tdensity === 'compact' ? 'p-surface-xs' : 'p-surface',\n\t\t\t)}>\n\t\t\t<Grid columns={1} gap=\"xs\">\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{showMeta && (\n\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t\t\t<FileSize value={size} size=\"xs\" className=\"truncate\" emptyLabel={strings.unknownSize} />\n\t\t\t\t\t\t{!!usageCount && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex items-center gap-space-xs\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Layers3 className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t\t{usageCount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Grid>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryList<TItem>({\n\titems,\n\tselectedSet,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n\tonOpen,\n\tselecting = false,\n}: MediaLibraryListProps<TItem>) {\n\t// Browsing opens the row's asset and its check selects it; selection mode toggles.\n\tconst opens = !!onOpen && !selecting;\n\treturn (\n\t\t<div\n\t\t\tclassName=\"media-library-list--component min-w-180\"\n\t\t>\n\t\t\t<div className=\"sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border bg-background px-row-x py-row-y\">\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.name}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.type}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.size}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.collection}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.used}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<span />\n\t\t\t</div>\n\t\t\t{items.map((item) => {\n\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\tconst selected = selectedSet.has(id);\n\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\tdata-selected={selected || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library-list--row relative grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border/60 px-row-x py-row-y last:border-b-0',\n\t\t\t\t\t\t\t`cursor-pointer rounded-inner transition-colors ${interactionRecipes.rowHover}`,\n\t\t\t\t\t\t\tselected && interactionRecipes.rowSelected,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => (opens && onOpen ? onOpen(id) : onToggle(id))}\n\t\t\t\t\t>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label={name}\n\t\t\t\t\t\t\taria-pressed={opens ? undefined : selected}\n\t\t\t\t\t\t\tclassName={cn('media-library-list--select rounded-inner', selectionTargetClassName)}\n\t\t\t\t\t\t\tonClick={(event) => { event.stopPropagation(); if (opens && onOpen) onOpen(id); else onToggle(id); }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{opens ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.selectItem, { name })}\n\t\t\t\t\t\t\t\taria-pressed={selected}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t`relative z-10 inline-flex size-icon-lg cursor-pointer items-center justify-center rounded-radius border border-input bg-background p-0 text-transparent ${focusRecipes.frame}`,\n\t\t\t\t\t\t\t\t\tselected && 'border-primary bg-primary text-primary-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={(event) => { event.stopPropagation(); onToggle(id); }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex size-icon-lg items-center justify-center rounded-radius border border-border text-transparent',\n\t\t\t\t\t\t\t\t\tselected && 'border-primary bg-primary text-primary-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<MediaPreview\n\t\t\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\t\t\tclassName=\"size-9 rounded-inner\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t<img src={src} alt=\"\" loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{typeIcon(type, 'size-icon')}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"flex min-w-0 items-center gap-space-xs truncate\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t{isPrivate && <Lock className=\"size-icon-sm shrink-0 text-muted-foreground\" />}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Badge tone=\"secondary\">{typeLabel(type, strings)}</Badge>\n\t\t\t\t\t\t<FileSize value={accessors.getSize(item)} size=\"xs\" emptyLabel={strings.unknownSize} />\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{accessors.getCollection(item) || EMPTY}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{accessors.getUsageCount(item) ? accessors.getUsageCount(item) : EMPTY}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\tclassName=\"relative z-10\"\n\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonDetails(id);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Info className=\"size-icon-md\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryDetailPanel<TItem>({\n\titem,\n\tcollections = [],\n\taccessors,\n\tstrings,\n\tonClose,\n\tonUpdate,\n\tonRemove,\n\tonReplace,\n\trenderDetail,\n}: MediaLibraryDetailPanelProps<TItem>) {\n\tif (!item) return null;\n\tconst name = accessors.getName(item);\n\tconst type = accessors.getType(item);\n\tconst src = accessors.getSrc(item);\n\tconst collection = accessors.getCollection(item) ?? collections[0]?.value ?? '';\n\tconst tags = accessors.getTags(item);\n\tconst isPublic = accessors.getPublic(item) ?? true;\n\tconst custom = renderDetail?.(item, {\n\t\taccessors,\n\t\tupdate: onUpdate,\n\t\tremove: onRemove,\n\t\treplace: onReplace,\n\t\tclose: onClose,\n\t});\n\tif (custom) return <>{custom}</>;\n\n\treturn (\n\t\t<aside className=\"media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background @2xl/media-library:w-72\">\n\t\t\t<div className=\"media-library-detail-panel--header border-b border-border p-surface\">\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"md\">\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\taria-label={strings.detail.close}\n\t\t\t\t\tdata-media-detail-close=\"\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-icon-md\" />\n\t\t\t\t</Button>\n\t\t\t\t<Text weight=\"semibold\">{strings.detail.title}</Text>\n\t\t\t</Stack>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-detail-panel--body grid min-h-0 gap-space-xl overflow-y-auto p-surface\">\n\t\t\t\t<MediaPreview\n\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\tclassName=\"aspect-[4/3] rounded-radius border border-border\"\n\t\t\t\t>\n\t\t\t\t\t<MediaPreviewImage src={src} alt={accessors.getAlt(item) || name} type={type} className=\"size-full object-cover\" />\n\t\t\t\t\t{type === 'video' && !!accessors.getDuration(item) && (\n\t\t\t\t\t\t<Badge className=\"absolute bottom-2 right-2 bg-inverse-background text-inverse-foreground\">\n\t\t\t\t\t\t\t<Play className=\"size-icon-sm fill-current\" />\n\t\t\t\t\t\t\t{accessors.getDuration(item)}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</MediaPreview>\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"break-words\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t\t<Grid render={<dl />} columns={1} gap=\"md\" className=\"media-library-detail-panel--facts\">\n\t\t\t\t\t\t{([\n\t\t\t\t\t\t\t[strings.detail.type, typeLabel(type, strings)],\n\t\t\t\t\t\t\t[strings.detail.size, <FileSize value={accessors.getSize(item)} weight=\"medium\" emptyLabel={strings.unknownSize} />],\n\t\t\t\t\t\t\t[strings.detail.dimensions, (\n\t\t\t\t\t\t\t\t<Dimensions\n\t\t\t\t\t\t\t\t\twidth={accessors.getWidth(item)}\n\t\t\t\t\t\t\t\t\theight={accessors.getHeight(item)}\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\temptyLabel={strings.unknownSize}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)],\n\t\t\t\t\t\t\t[strings.detail.uploaded, String(accessors.getUploadedAt(item) ?? EMPTY)],\n\t\t\t\t\t\t\t[strings.detail.usedIn, usedInLabel(accessors.getUsageCount(item), strings)],\n\t\t\t\t\t\t] satisfies Array<[string, ReactNode]>).map(([label, value]) => (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" justify=\"between\" gap=\"xl\" key={label}>\n\t\t\t\t\t\t\t<dt>\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t<dd className=\"m-0 text-right\">\n\t\t\t\t\t\t\t\t{typeof value === 'string' ? (\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tvalue\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t))}\n\t\t\t\t\t</Grid>\n\t\t\t\t<FormField label={strings.detail.altText}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={accessors.getAlt(item) ?? ''}\n\t\t\t\t\t\tplaceholder={strings.detail.altPlaceholder}\n\t\t\t\t\t\tonChange={(event) => onUpdate({ alt: event.target.value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={collection}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.detail.collection}\n\t\t\t\t\t\tonValueChange={(value) => onUpdate({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.detail.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonUpdate({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<div className=\"media-library-detail-panel--public\">\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"xl\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\">\n\t\t\t\t\t\t\t{strings.detail.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{isPublic ? strings.detail.publicHint : strings.detail.privateHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Switch\n\t\t\t\t\t\taria-label={strings.detail.public}\n\t\t\t\t\t\tchecked={isPublic}\n\t\t\t\t\t\tonValueChange={(checked) => onUpdate({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"media-library-detail-panel--actions flex flex-wrap gap-space-md\">\n\t\t\t\t\t{onReplace && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"outline\" onClick={onReplace}>\n\t\t\t\t\t\t{strings.detail.replace}\n\t\t\t\t\t</Button>}\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.detail.delete}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n\nexport function MediaLibraryUploadPanel({\n\tstagedFiles,\n\tuploadOptions,\n\tcollections = [],\n\tuploading = false,\n\tstrings,\n\tonFiles,\n\tonRemoveFile,\n\tonOptionsChange,\n\tempty,\n}: MediaLibraryUploadPanelProps) {\n\treturn (\n\t\t<div className=\"media-library-upload-panel--component p-surface\">\n\t\t<Stack gap=\"xl\">\n\t\t\t<Dropzone\n\t\t\t\tonDrop={onFiles}\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tmultiple\n\t\t\t\tsize=\"md\"\n\t\t\t\tstrings={{\n\t\t\t\t\tinstruction: strings.upload.dropTitle,\n\t\t\t\t\thelper: strings.upload.dropHint,\n\t\t\t\t\tdragOver: strings.upload.dragOver,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{stagedFiles.length > 0 ? (\n\t\t\t\t<Stack gap=\"md\" className=\"media-library-upload-panel--staged\">\n\t\t\t\t\t{stagedFiles.map((file) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={file.id}\n\t\t\t\t\t\t\tclassName=\"media-library-upload-panel--staged-file flex items-center gap-space-lg rounded-radius border border-border bg-card px-row-x py-row-y\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MediaPreview className=\"size-10 rounded-inner\">\n\t\t\t\t\t\t\t\t{file.src ? (\n\t\t\t\t\t\t\t\t\t<img src={file.src} alt={file.name} className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t{typeIcon(file.type, 'size-icon')}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<div className=\"flex items-baseline gap-space-lg\">\n\t\t\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<FileSize value={file.size} size=\"xs\" className=\"ml-auto shrink-0\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{(file.status === 'uploading' || file.status === 'done') && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-space-md h-1 overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-full rounded-full bg-primary transition-[width]\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: `${file.progress}%` }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{file.status === 'error' && (\n\t\t\t\t\t\t\t\t\t<Text type=\"error\">\n\t\t\t\t\t\t\t\t\t\t{file.error}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{file.status === 'done' ? (\n\t\t\t\t\t\t\t\t<Badge tone=\"success\">{strings.upload.done}</Badge>\n\t\t\t\t\t\t\t) : file.status === 'uploading' ? (\n\t\t\t\t\t\t\t\t<Percent value={Math.round(file.progress)} scaled size=\"xs\" type=\"secondary\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.upload.removeFile, {\n\t\t\t\t\t\t\t\t\t\tname: file.name,\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tonClick={() => onRemoveFile(file.id)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</Stack>\n\t\t\t) : (\n\t\t\t\tempty\n\t\t\t)}\n\t\t\t<div className=\"media-library-upload-panel--options grid gap-space-lg @2xl/media-library:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]\">\n\t\t\t\t<FormField label={strings.upload.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={uploadOptions.collection ?? collections[0]?.value}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.upload.collection}\n\t\t\t\t\t\tonValueChange={(value) => onOptionsChange({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.upload.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={uploadOptions.tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.upload.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonOptionsChange({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"xl\" className=\"@2xl/media-library:self-end\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\">\n\t\t\t\t\t\t\t{strings.upload.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{strings.upload.publicHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Switch\n\t\t\t\t\t\taria-label={strings.upload.public}\n\t\t\t\t\t\tchecked={uploadOptions.public}\n\t\t\t\t\t\tonValueChange={(checked) => onOptionsChange({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t</div>\n\t\t</Stack>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterSummary({\n\ttab,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tstrings,\n\tonClearSelection,\n\tclassName,\n}: MediaLibraryFooterSummaryProps) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedSize = stagedFiles.reduce((sum, file) => sum + file.size, 0);\n\tconst stagedCount = stagedFiles.length;\n\tconst summaryClassName = cn(\n\t\t'media-library-footer-summary--component flex min-w-0 items-center gap-space-lg',\n\t\tclassName,\n\t);\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{stagedCount === 0\n\t\t\t\t\t\t? strings.footer.noFiles\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.stagedSummary, {\n\t\t\t\t\t\t\tcount: stagedCount,\n\t\t\t\t\t\t\tsize: formatFileSize(stagedSize) ?? strings.unknownSize,\n\t\t\t\t\t\t})}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t{selectedCount > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<Text weight=\"semibold\" className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{formatMediaLibraryString(strings.footer.selectedCount, {\n\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.footer.clear}\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{selectionMode === 'single' ? strings.footer.pickOne : strings.footer.pickMany}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterActions<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonUpload,\n\tonCancelUpload,\n\tclassName,\n}: MediaLibraryFooterActionsProps<TItem>) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedCount = stagedFiles.length;\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={cn('media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end', className)}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\tonClick={onCancelUpload}\n\t\t\t\t>\n\t\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t\t</Button>\n\t\t\t\t<Button tone=\"primary\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled={stagedCount === 0 || uploading}\n\t\t\t\t\tonClick={onUpload}\n\t\t\t\t\tloading={uploading}\n\t\t\t\t\tstrings={{ loading: strings.footer.uploading }}\n\t\t\t\t>\n\t\t\t\t\t{stagedCount <= 1\n\t\t\t\t\t\t? strings.footer.upload\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.uploadMany, { count: stagedCount })}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end', className)}>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tonClick={onCancel}\n\t\t\t>\n\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t</Button>\n\t\t\t<Button tone=\"primary\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={selectedCount === 0}\n\t\t\t\tonClick={onConfirm}\n\t\t\t>\n\t\t\t\t{confirmLabel ??\n\t\t\t\t\t(selectedCount === 0\n\t\t\t\t\t\t? strings.footer.confirmEmpty\n\t\t\t\t\t\t: selectedItems.length === 1\n\t\t\t\t\t\t\t? strings.footer.confirmOne\n\t\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.confirmMany, {\n\t\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t\t}))}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooter<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonClearSelection,\n\tonUpload,\n\tonCancelUpload,\n\tchrome = 'section',\n\tclassName,\n}: MediaLibraryFooterProps<TItem>) {\n\treturn (\n\t\t<footer\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-footer--component',\n\t\t\t\tchrome === 'section' && 'border-t border-border bg-background p-surface',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex min-w-0 flex-col gap-space-lg @md/media-library:flex-row @md/media-library:justify-between\">\n\t\t\t<MediaLibraryFooterSummary\n\t\t\t\ttab={tab}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tstrings={strings}\n\t\t\t\tonClearSelection={onClearSelection}\n\t\t\t/>\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={tab}\n\t\t\t\tselectedItems={selectedItems}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tuploading={uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={onCancel}\n\t\t\t\tonConfirm={onConfirm}\n\t\t\t\tonUpload={onUpload}\n\t\t\t\tonCancelUpload={onCancelUpload}\n\t\t\t/>\n\t\t\t</div>\n\t\t</footer>\n\t);\n}\n","import { ImageIcon, UploadCloud } from 'lucide-react';\nimport { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BatchActionBar } from '../../base/batch-action-bar';\nimport { Button } from '../../base/buttons';\nimport { SurfaceTitle } from '../../base/display/surface-title';\nimport { ErrorState, LoadingState } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { ActionDialog } from '../overlays';\nimport { Number as NumberValue } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { controlGroupHeightClasses, segmentedControlRecipes } from '../../../lib/control-group-recipes';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\n\nimport { defaultMediaLibraryStrings, formatMediaLibraryString } from './media-library.strings';\nimport type { MediaLibraryCollectionOption, MediaLibraryDialogProps, MediaLibraryProps } from './media-library.types';\nimport { useMediaLibrary } from './hooks';\nimport {\n\tMediaLibraryCard,\n\tMediaLibraryDetailPanel,\n\tMediaLibraryEmptyState,\n\tMediaLibraryFooter,\n\tMediaLibraryFooterActions,\n\tMediaLibraryFooterSummary,\n\tMediaLibraryList,\n\tMediaLibraryToolbar,\n\tMediaLibraryUploadPanel,\n} from './partials/media-library-partials';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\ninterface MediaLibraryFooterPortalTarget {\n\telement: HTMLElement | null;\n}\n\nconst MediaLibraryFooterPortalContext = createContext<MediaLibraryFooterPortalTarget | null>(null);\n\nfunction useResolvedCollections<TItem>(\n\texplicit: readonly MediaLibraryCollectionOption[] | undefined,\n\titems: readonly TItem[],\n\tgetCollection: (item: TItem) => string | undefined,\n) {\n\treturn useMemo(() => {\n\t\tif (explicit) return explicit;\n\t\tconst seen = new Set<string>();\n\t\tfor (const item of items) {\n\t\t\tconst collection = getCollection(item);\n\t\t\tif (collection) seen.add(collection);\n\t\t}\n\t\treturn Array.from(seen).map((value) => ({ value, label: value }));\n\t}, [explicit, getCollection, items]);\n}\n\nexport function MediaLibrary<TItem = import('./media-library.types').MediaLibraryItem>({\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\tconfirmLabel,\n\tcancelLabel,\n\tselectionMode = 'multiple',\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\tallowUpload = true,\n\ttypeFilters,\n\tconfirmOnSelect = false,\n\tonConfirm,\n\tonCancel,\n\tonClose,\n\tbulkActions,\n\tstrings: stringsProp,\n\tslots,\n\theightClassName,\n\tclassName,\n\titems,\n\tfetcher,\n\taccessors,\n\tcollections,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonItemReplace,\n\tonItemOpen,\n\tonUpload,\n\tonError,\n\tselecting,\n\tdefaultSelecting,\n\tonSelectingChange,\n\ttab,\n\tdefaultTab,\n\tonTabChange,\n\tview,\n\tdefaultView,\n\tonViewChange,\n\tquery,\n\tdefaultQuery,\n\tonQueryChange,\n\ttype,\n\tdefaultType,\n\tonTypeChange,\n\tcollection,\n\tdefaultCollection,\n\tonCollectionChange,\n\tsort,\n\tdefaultSort,\n\tonSortChange,\n\tuploadOptions,\n\tdefaultUploadOptions,\n\tonUploadOptionsChange,\n\t...props\n}: MediaLibraryProps<TItem>) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(undefined, defaultScale);\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst state = useMediaLibrary<TItem>({\n\t\titems,\n\t\tfetcher,\n\t\taccessors,\n\t\tcollections,\n\t\tselectionMode,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\tonItemUpdate,\n\t\tonItemDelete,\n\t\tonUpload,\n\t\tonError,\n\t\ttab,\n\t\tdefaultTab,\n\t\tonTabChange,\n\t\tview,\n\t\tdefaultView,\n\t\tonViewChange,\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\ttype,\n\t\tdefaultType,\n\t\tonTypeChange,\n\t\tcollection,\n\t\tdefaultCollection,\n\t\tonCollectionChange,\n\t\tsort,\n\t\tdefaultSort,\n\t\tonSortChange,\n\t\tuploadOptions,\n\t\tdefaultUploadOptions,\n\t\tonUploadOptionsChange,\n\t\tselecting,\n\t\t// A picker starts selecting; a library starts browsing, where activation opens.\n\t\tdefaultSelecting: defaultSelecting ?? confirmOnSelect,\n\t\tonSelectingChange,\n\t});\n\tconst resolvedCollections = useResolvedCollections(collections, state.items, state.accessors.getCollection);\n\tconst activeTab = allowUpload ? state.tab : 'library';\n\tconst detailItem = state.detailId\n\t\t? (state.items.find((item) => state.accessors.getId(item) === state.detailId) ?? null)\n\t\t: null;\n\tconst footerPortal = useContext(MediaLibraryFooterPortalContext);\n\tconst usesDefaultFooter = !slots?.footer;\n\tconst dialogSelectionSummary =\n\t\tfooterPortal && usesDefaultFooter ? (\n\t\t\t<MediaLibraryFooterSummary\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tstrings={strings}\n\t\t\t\tonClearSelection={state.clearSelection}\n\t\t\t\tclassName=\"media-library-dialog--selection-summary shrink-0 justify-end\"\n\t\t\t/>\n\t\t) : null;\n\tconst hasHeaderIdentity = Boolean(title || titleSuffix || description || slots?.headerStart);\n\tconst hasHeaderControls = Boolean(allowUpload || slots?.headerEnd || dialogSelectionSummary);\n\tconst hasHeader = hasHeaderIdentity || hasHeaderControls;\n\n\tconst confirm = () => {\n\t\tonConfirm?.(state.selectedItems, state.selectedIds);\n\t\tonClose?.();\n\t};\n\tconst cancel = () => {\n\t\tonCancel?.();\n\t\tonClose?.();\n\t};\n\tconst confirmItem = (item: TItem) => {\n\t\tconst id = state.accessors.getId(item);\n\t\tstate.toggleSelection(id);\n\t\tif (confirmOnSelect) {\n\t\t\tonConfirm?.([item], [id]);\n\t\t\tonClose?.();\n\t\t}\n\t};\n\tconst sectionRef = useRef<HTMLElement>(null);\n\tconst detailOpenerRef = useRef<HTMLElement | null>(null);\n\tconst showDetail = (id: string) => {\n\t\t// Narrow shells hide the grid behind the panel, so focus moves in and comes back.\n\t\tdetailOpenerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\t\tstate.setDetailId(id);\n\t};\n\tconst openItem = (item: TItem) => {\n\t\tif (onItemOpen) onItemOpen(item);\n\t\telse showDetail(state.accessors.getId(item));\n\t};\n\tuseEffect(() => {\n\t\tif (state.detailId !== null) {\n\t\t\tif (detailOpenerRef.current) sectionRef.current?.querySelector<HTMLElement>('[data-media-detail-close]')?.focus();\n\t\t\treturn;\n\t\t}\n\t\tconst opener = detailOpenerRef.current;\n\t\tdetailOpenerRef.current = null;\n\t\tif (opener?.isConnected) opener.focus();\n\t}, [state.detailId]);\n\tconst trimmedQuery = state.query.trim();\n\tconst countLabel =\n\t\ttrimmedQuery.length > 0\n\t\t\t? formatMediaLibraryString(strings.countSearch, {\n\t\t\t\t\tcount: state.filteredCount,\n\t\t\t\t\ttotal: state.totalCount,\n\t\t\t\t\tquery: trimmedQuery,\n\t\t\t\t})\n\t\t\t: state.filteredCount === state.totalCount\n\t\t\t\t? formatMediaLibraryString(strings.countAll, {\n\t\t\t\t\t\tcount: state.totalCount,\n\t\t\t\t\t})\n\t\t\t\t: formatMediaLibraryString(strings.countFiltered, {\n\t\t\t\t\t\tcount: state.filteredCount,\n\t\t\t\t\t\ttotal: state.totalCount,\n\t\t\t\t\t});\n\t// A picker reports its selection in the footer, a browsing library in the\n\t// floating batch bar; never both.\n\tconst isPicker = Boolean(footerPortal) || (Boolean(onConfirm) && !confirmOnSelect);\n\tconst usesBulkBar = Boolean(bulkActions) && !isPicker;\n\tconst resultsRef = useRef<HTMLDivElement>(null);\n\tconst bulkSelectedCount = activeTab === 'library' ? state.selectedIds.length : 0;\n\tconst footer =\n\t\tslots?.footer ??\n\t\t(usesBulkBar && activeTab === 'library' ? null : footerPortal ? (\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.cancelUpload();\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t\tclassName=\"ml-auto\"\n\t\t\t/>\n\t\t) : (\n\t\t\t<MediaLibraryFooter\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonClearSelection={state.clearSelection}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.cancelUpload();\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t/>\n\t\t));\n\n\treturn (\n\t\t/*\n\t\t * The shell is a named container, and its own chrome switches on the\n\t\t * container's width rather than the viewport's. A media picker is routinely\n\t\t * mounted in a drawer or a split pane on a wide screen; keyed to the\n\t\t * viewport, the header laid out for desktop inside a 400px shell and the\n\t\t * tab group was clipped by `overflow-hidden` below.\n\t\t */\n\t\t<section\n\t\t\tref={sectionRef}\n\t\t\tclassName={cn(\n\t\t\t\t'media-library--component @container/media-library flex min-h-0 flex-col overflow-hidden rounded-radius border border-border bg-background',\n\t\t\t\theightClassName ?? 'h-190 max-h-[calc(100vh-7rem)]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-library--header flex flex-col gap-space-lg border-b border-border p-surface @2xl/media-library:flex-row @2xl/media-library:items-center @2xl/media-library:justify-between\">\n\t\t\t\t\t\t{hasHeaderIdentity && (\n\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"start\" gap=\"lg\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t{slots?.headerStart}\n\t\t\t\t\t\t\t\t{(title || titleSuffix || description) && (\n\t\t\t\t\t\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t{!!(title || titleSuffix) && (\n\t\t\t\t\t\t\t\t\t\t\t<SurfaceTitle title={title} suffix={titleSuffix} className=\"media-library--title\" />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{hasHeaderControls && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md',\n\t\t\t\t\t\t\t\t\tdialogSelectionSummary ? 'flex-1 justify-between' : '@2xl/media-library:justify-end',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{allowUpload && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn('media-library--tabs', segmentedControlRecipes.frame, controlGroupHeightClasses[size])}\n\t\t\t\t\t\t\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'library'}\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\tsegmentedControlRecipes.item, 'shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'library'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${interactionRecipes.segmentActive} hover:bg-card`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('library')}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ImageIcon className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.library}\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'upload'}\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\tsegmentedControlRecipes.item, 'shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'upload'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${interactionRecipes.segmentActive} hover:bg-card`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('upload')}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<UploadCloud className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.upload}\n\t\t\t\t\t\t\t\t\t\t\t\t{state.stagedFiles.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<NumberValue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={state.stagedFiles.length}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"rounded-full bg-foreground/8 px-1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{slots?.headerEnd}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t{dialogSelectionSummary}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<div className=\"media-library--body flex min-h-0 flex-1\">\n\t\t\t\t{activeTab === 'upload' ? (\n\t\t\t\t\t<div className=\"min-w-0 flex-1 overflow-y-auto\">\n\t\t\t\t\t\t<MediaLibraryUploadPanel\n\t\t\t\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\t\t\t\tuploadOptions={state.uploadOptions}\n\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\tuploading={state.uploading}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\tonFiles={state.addFiles}\n\t\t\t\t\t\t\tonRemoveFile={state.removeStagedFile}\n\t\t\t\t\t\t\tonOptionsChange={state.updateUploadOptions}\n\t\t\t\t\t\t\tempty={slots?.uploadEmpty}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library--library min-w-0 flex-1 flex-col',\n\t\t\t\t\t\t\tdetailItem ? 'hidden @2xl/media-library:flex' : 'flex',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Stack gap=\"md\" className=\"media-library--toolbar border-b border-border/60 p-surface\">\n\t\t\t\t\t\t\t<MediaLibraryToolbar\n\t\t\t\t\t\t\t\tquery={state.query}\n\t\t\t\t\t\t\t\ttype={state.type}\n\t\t\t\t\t\t\t\ttypeFilters={typeFilters}\n\t\t\t\t\t\t\t\tcollection={state.collection}\n\t\t\t\t\t\t\t\tsort={state.sort}\n\t\t\t\t\t\t\t\tview={state.view}\n\t\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\tonQueryChange={state.setQuery}\n\t\t\t\t\t\t\t\tonTypeChange={state.setType}\n\t\t\t\t\t\t\t\tonCollectionChange={state.setCollection}\n\t\t\t\t\t\t\t\tonSortChange={state.setSort}\n\t\t\t\t\t\t\t\tonViewChange={state.setView}\n\t\t\t\t\t\t\t\tonClearFilters={state.clearFilters}\n\t\t\t\t\t\t\t\ttoolbarEnd={slots?.toolbarEnd}\n\t\t\t\t\t\t\t\tselecting={state.selecting}\n\t\t\t\t\t\t\t\tonSelectingChange={state.setSelecting}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t{countLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={resultsRef}\n\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\taria-label={strings.resultsLabel}\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\tclassName={`media-library--results min-h-0 flex-1 overflow-y-auto p-surface focus-visible:outline-none ${focusRecipes.inset}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{state.loading ? (\n\t\t\t\t\t\t\t\t(slots?.loading ?? <LoadingState className=\"min-h-64\" label={strings.loading} />)\n\t\t\t\t\t\t\t) : state.error ? (\n\t\t\t\t\t\t\t\t(slots?.error ?? <ErrorState title={strings.errorTitle} description={strings.errorDescription} />)\n\t\t\t\t\t\t\t) : state.visibleItems.length === 0 ? (\n\t\t\t\t\t\t\t\t(slots?.empty ?? (\n\t\t\t\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\t\t\t\ttitle={state.hasFilters ? strings.emptyFilteredTitle : strings.emptyLibraryTitle}\n\t\t\t\t\t\t\t\t\t\tdescription={state.hasFilters ? strings.emptyFilteredDescription : strings.emptyLibraryDescription}\n\t\t\t\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\t\t\t\tstate.hasFilters ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"outline\" onClick={state.clearFilters}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : allowUpload ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button tone=\"primary\" type=\"button\" onClick={() => state.setTab('upload')}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.uploadMedia}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t) : state.view === 'table' ? (\n\t\t\t\t\t\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t\t\t\t\t\t<MediaLibraryList\n\t\t\t\t\t\t\t\t\t\titems={state.visibleItems}\n\t\t\t\t\t\t\t\t\t\tselectedSet={state.selectedSet}\n\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\tonToggle={(id) => {\n\t\t\t\t\t\t\t\t\t\t\tconst item = state.items.find((candidate) => state.accessors.getId(candidate) === id);\n\t\t\t\t\t\t\t\t\t\t\tif (item) confirmItem(item);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDetails={showDetail}\n\t\t\t\t\t\t\t\t\t\tselecting={state.selecting}\n\t\t\t\t\t\t\t\t\t\tonOpen={(id) => {\n\t\t\t\t\t\t\t\t\t\t\tconst item = state.items.find((candidate) => state.accessors.getId(candidate) === id);\n\t\t\t\t\t\t\t\t\t\t\tif (item) openItem(item);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-library--grid grid min-w-0 gap-space-lg',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact'\n\t\t\t\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(136px,1fr))]'\n\t\t\t\t\t\t\t\t\t\t\t: 'grid-cols-[repeat(auto-fill,minmax(168px,1fr))]',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{state.visibleItems.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst id = state.accessors.getId(item);\n\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tselected: state.selectedSet.has(id),\n\t\t\t\t\t\t\t\t\t\t\tselectionMode,\n\t\t\t\t\t\t\t\t\t\t\tselecting: state.selecting,\n\t\t\t\t\t\t\t\t\t\t\taccessors: state.accessors,\n\t\t\t\t\t\t\t\t\t\t\ttoggle: () => confirmItem(item),\n\t\t\t\t\t\t\t\t\t\t\topenDetails: () => showDetail(id),\n\t\t\t\t\t\t\t\t\t\t\topen: () => openItem(item),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tconst rendered = slots?.renderItem?.(item, ctx);\n\t\t\t\t\t\t\t\t\t\treturn rendered ? (\n\t\t\t\t\t\t\t\t\t\t\t<div key={id}>{rendered}</div>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<MediaLibraryCard\n\t\t\t\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={ctx.selected}\n\t\t\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\t\t\tshowMeta={showMeta}\n\t\t\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\t\t\tonToggle={ctx.toggle}\n\t\t\t\t\t\t\t\t\t\t\t\tonDetails={ctx.openDetails}\n\t\t\t\t\t\t\t\t\t\t\t\tonOpen={ctx.open}\n\t\t\t\t\t\t\t\t\t\t\t\tselecting={ctx.selecting}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{activeTab === 'library' && (\n\t\t\t\t\t<MediaLibraryDetailPanel\n\t\t\t\t\t\titem={detailItem}\n\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tonClose={() => state.setDetailId(null)}\n\t\t\t\t\t\tonUpdate={(patch) => (detailItem ? state.updateItem(detailItem, patch) : Promise.resolve(false))}\n\t\t\t\t\t\tonReplace={onItemReplace && detailItem ? () => onItemReplace(detailItem) : undefined}\n\t\t\t\t\t\tonRemove={async () => {\n\t\t\t\t\t\t\tif (!detailItem) return false;\n\t\t\t\t\t\t\tconst removed = await state.removeItem(detailItem);\n\t\t\t\t\t\t\tif (removed) state.setDetailId(null);\n\t\t\t\t\t\t\treturn removed;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\trenderDetail={slots?.renderDetail}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{footerPortal ? (footerPortal.element ? createPortal(footer, footerPortal.element) : null) : footer}\n\n\t\t\t{/*\n\t\t\t * Browsing only, and on the library tab. Docked to the viewport so the\n\t\t\t * selection stays reachable while the results scroll; focus returns to\n\t\t\t * the results when the bar goes away with focus in it.\n\t\t\t */}\n\t\t\t{usesBulkBar && (\n\t\t\t\t<BatchActionBar\n\t\t\t\t\tselectedCount={bulkSelectedCount}\n\t\t\t\t\ttotalCount={state.totalCount}\n\t\t\t\t\tonClear={state.clearSelection}\n\t\t\t\t\treturnFocusRef={resultsRef}\n\t\t\t\t\tclassName=\"media-library--bulk-actions\"\n\t\t\t\t\tstrings={{\n\t\t\t\t\t\tsummary: (count) => formatMediaLibraryString(strings.footer.selectedCount, { count }),\n\t\t\t\t\t\tclear: strings.footer.clear,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{bulkSelectedCount > 0 && bulkActions?.({\n\t\t\t\t\t\tselectedItems: state.selectedItems,\n\t\t\t\t\t\tselectedIds: state.selectedIds,\n\t\t\t\t\t\tselectedCount: state.selectedIds.length,\n\t\t\t\t\t\tvisibleCount: state.filteredCount,\n\t\t\t\t\t\ttotalCount: state.totalCount,\n\t\t\t\t\t\tclearSelection: state.clearSelection,\n\t\t\t\t\t})}\n\t\t\t\t</BatchActionBar>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport function MediaLibraryDialog<TItem = import('./media-library.types').MediaLibraryItem>({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tdialogTitle,\n\tdialogDescription,\n\tonClose,\n\tclassName,\n\tdialogClassName,\n\tcontentClassName,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\t...props\n}: MediaLibraryDialogProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, props.strings);\n\tconst [internalOpen, setInternalOpen] = useState(false);\n\tconst [footerElement, setFooterElement] = useState<HTMLDivElement | null>(null);\n\tconst isOpenControlled = open !== undefined;\n\tconst resolvedOpen = isOpenControlled ? open : internalOpen;\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (!isOpenControlled) setInternalOpen(nextOpen);\n\t\tonOpenChange?.(nextOpen);\n\t};\n\tconst closeMediaLibrary = () => {\n\t\thandleOpenChange(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<MediaLibraryFooterPortalContext.Provider value={{ element: footerElement }}>\n\t\t\t<ActionDialog\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={handleOpenChange}\n\t\t\t\tonClose={onClose}\n\t\t\t\ttrigger={trigger}\n\t\t\t\ttitle={dialogTitle ?? strings.title}\n\t\t\t\tdescription={dialogDescription ?? strings.description}\n\t\t\t\tsize=\"full\"\n\t\t\t\tshowCancel={false}\n\t\t\t\tshowConfirm={false}\n\t\t\t\tfooter={<div ref={setFooterElement} className=\"media-library-dialog--footer @container/media-library w-full\" />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))] sm:max-w-[min(1060px,calc(100vw-2rem))]',\n\t\t\t\t\tdialogClassName,\n\t\t\t\t)}\n\t\t\t\tcontentClassName={cn('media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0', contentClassName)}\n\t\t\t\tcloseOnBackdropClick={closeOnBackdropClick}\n\t\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\t>\n\t\t\t\t<MediaLibrary\n\t\t\t\t\t{...(props as MediaLibraryProps<TItem>)}\n\t\t\t\t\t// The dialog is a picker, so it opens in selection mode.\n\t\t\t\t\tdefaultSelecting={props.defaultSelecting ?? true}\n\t\t\t\t\tonClose={closeMediaLibrary}\n\t\t\t\t\tclassName={cn('media-library-dialog--library rounded-none border-0', className)}\n\t\t\t\t\theightClassName={props.heightClassName ?? 'min-h-0 flex-1'}\n\t\t\t\t\tstrings={props.strings}\n\t\t\t\t/>\n\t\t\t</ActionDialog>\n\t\t</MediaLibraryFooterPortalContext.Provider>\n\t);\n}\n","import { ArrowLeft, ArrowRight, File, ImagePlus, Lock, Play, Plus, Star, Trash2, X } from 'lucide-react';\n\nimport { Badge } from '../../base/badge';\nimport { Button } from '../../base/buttons';\nimport { Stack } from '../../base/structure';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultMediaLibraryStrings, formatMediaLibraryString } from './media-library.strings';\nimport type { MediaResourceGalleryItemRenderContext, MediaResourceGalleryProps } from './media-library.types';\nimport { resolveMediaLibraryAccessors } from './hooks';\nimport { MediaLibraryEmptyState } from './partials';\nimport { uploadDropTargetRecipes } from '../../base/upload/upload.recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nfunction moveItem<TItem>(items: readonly TItem[], from: number, to: number) {\n\tconst next = items.slice();\n\tconst [item] = next.splice(from, 1);\n\tif (item === undefined) return next;\n\tnext.splice(to, 0, item);\n\treturn next;\n}\n\nexport function MediaResourceGallery<TItem = import('./media-library.types').MediaLibraryItem>({\n\titems,\n\taccessors: accessorsProp,\n\ttitle,\n\tdescription,\n\tprimaryId,\n\tonPrimaryChange,\n\tonRemove,\n\tonReorder,\n\tonAdd,\n\tmaxItems,\n\tlayout = 'field',\n\tdensity = 'comfortable',\n\treadOnly = false,\n\tempty,\n\taction,\n\trenderItem,\n\tstrings: stringsProp,\n\tclassName,\n\t...props\n}: MediaResourceGalleryProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst accessors = resolveMediaLibraryAccessors(accessorsProp);\n\tconst total = items.length;\n\tconst resolvedPrimaryId = primaryId ?? (total > 0 ? accessors.getId(items[0] as TItem) : undefined);\n\tconst canAdd = !readOnly && Boolean(onAdd) && (maxItems === undefined || total < maxItems);\n\tconst defaultAction =\n\t\tcanAdd && (layout === 'field' || total > 0) ? (\n\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"outline\" icon={Plus} onClick={onAdd}>\n\t\t\t\t{strings.gallery.add}\n\t\t\t</Button>\n\t\t) : maxItems !== undefined && total >= maxItems ? (\n\t\t\t<Badge tone=\"secondary\">{strings.gallery.maxReached}</Badge>\n\t\t) : null;\n\n\tconst move = (from: number, to: number) => {\n\t\tif (to < 0 || to >= total || from === to) return;\n\t\tconst nextItems = moveItem(items, from, to);\n\t\tonReorder?.(\n\t\t\tnextItems.map((item) => accessors.getId(item)),\n\t\t\tnextItems,\n\t\t);\n\t};\n\n\tconst hasHeader = Boolean(title || description || action || defaultAction);\n\tconst shouldShowEmptyState = total === 0 && layout !== 'field';\n\n\tconst renderAddTile = () => {\n\t\tif (!canAdd || layout !== 'field') return null;\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-resource-gallery--add-tile box-border m-0 inline-flex w-full cursor-pointer items-center justify-center p-space-md font-sans rounded-radius border border-dashed border-border bg-background text-muted-foreground shadow-none',\n\t\t\t\t\t`aspect-square ${uploadDropTargetRecipes.hover}`,\n\t\t\t\t)}\n\t\t\t\taria-label={strings.gallery.addTile}\n\t\t\t\tonClick={onAdd}\n\t\t\t>\n\t\t\t\t<Plus className=\"size-icon\" />\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t\t{strings.gallery.addTile}\n\t\t\t\t</Text>\n\t\t\t</button>\n\t\t);\n\t};\n\n\treturn (\n\t\t<section\n\t\t\tclassName={cn(\n\t\t\t\t'media-resource-gallery--component @container/media-resource-gallery rounded-radius border border-border bg-card shadow-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-layout={layout}\n\t\t\tdata-gallery-density={density}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-resource-gallery--header p-surface\">\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdirection={{ base: 'vertical', md: 'horizontal' }}\n\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\talign={{ md: 'start' }}\n\t\t\t\t\t\tjustify={{ md: 'between' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0\">\n\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"media-resource-gallery--actions\">\n\t\t\t\t\t\t\t{action ?? defaultAction}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</Stack>\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t{shouldShowEmptyState ? (\n\t\t\t\t<div className=\"media-resource-gallery--empty px-surface pb-surface\">\n\t\t\t\t\t{empty ?? (\n\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\ttitle={strings.gallery.emptyTitle}\n\t\t\t\t\t\t\tdescription={strings.gallery.emptyDescription}\n\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\tcanAdd ? (\n\t\t\t\t\t\t\t\t\t<Button tone=\"primary\" type=\"button\" icon={ImagePlus} onClick={onAdd}>\n\t\t\t\t\t\t\t\t\t\t{strings.gallery.add}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'grid min-w-0 grid-cols-1',\n\t\t\t\t\t\tlayout === 'list' ? 'gap-space-md' : 'gap-space-lg',\n\t\t\t\t\t\t'media-resource-gallery--items p-surface',\n\t\t\t\t\t\thasHeader && 'pt-0',\n\t\t\t\t\t\tlayout === 'list'\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: layout === 'field'\n\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]'\n\t\t\t\t\t\t\t\t: density === 'compact'\n\t\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(132px,1fr))]'\n\t\t\t\t\t\t\t\t\t: 'grid-cols-[repeat(auto-fill,minmax(164px,1fr))]',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\t\t\tconst alt = accessors.getAlt(item) || name;\n\t\t\t\t\t\tconst isPrimary = id === resolvedPrimaryId;\n\t\t\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\t\t\tconst duration = accessors.getDuration(item);\n\t\t\t\t\t\tconst canMovePrevious = index > 0;\n\t\t\t\t\t\tconst canMoveNext = index < total - 1;\n\t\t\t\t\t\tconst ctx: MediaResourceGalleryItemRenderContext<TItem> = {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\tprimary: isPrimary,\n\t\t\t\t\t\t\taccessors,\n\t\t\t\t\t\t\tcanMovePrevious,\n\t\t\t\t\t\t\tcanMoveNext,\n\t\t\t\t\t\t\tsetPrimary: () => onPrimaryChange?.(id, item),\n\t\t\t\t\t\t\tremove: () => onRemove?.(id, item),\n\t\t\t\t\t\t\tmovePrevious: () => move(index, index - 1),\n\t\t\t\t\t\t\tmoveNext: () => move(index, index + 1),\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst rendered = renderItem?.(item, ctx);\n\t\t\t\t\t\tif (rendered) {\n\t\t\t\t\t\t\treturn <div key={id}>{rendered}</div>;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'field') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-radius border border-border bg-background shadow-xs',\n\t\t\t\t\t\t\t\t\t\t// Its controls draw the shared focus indicator; the tile adds no second focus colour.\n\t\t\t\t\t\t\t\t\t\t`transition-colors ${interactionRecipes.tileHover}`,\n\t\t\t\t\t\t\t\t\t\tisPrimary && 'col-span-2 row-span-2 min-h-52',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center bg-muted text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className={isPrimary ? 'size-7' : 'size-icon-lg'} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrimary && (\n\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"absolute left-2 top-2 bg-background shadow-xs\">\n\t\t\t\t\t\t\t\t\t\t\t{strings.gallery.cover}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"absolute bottom-2 left-2 bg-foreground text-background\">\n\t\t\t\t\t\t\t\t\t\t\t<Play className=\"size-icon-sm fill-current\" />\n\t\t\t\t\t\t\t\t\t\t\t{duration}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrivate && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-xs\">\n\t\t\t\t\t\t\t\t\t\t\t<Lock className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100\"\n\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<X className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'list') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\t\t\t\twrap\n\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item min-w-0 rounded-radius border border-border bg-background px-row-x',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact' ? 'py-row-y-sm' : 'py-row-y',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"relative size-12 shrink-0 overflow-hidden rounded-inner bg-muted\">\n\t\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-icon\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"min-w-0 break-all\">\n\t\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge tone=\"secondary\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t{' · '}\n\t\t\t\t\t\t\t\t\t\t\t<FileSize\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={accessors.getSize(item)}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\temptyLabel={strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"media-resource-gallery--item-actions flex basis-full flex-wrap items-center justify-end gap-space-xs @sm/media-resource-gallery:basis-auto\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\tclassName={`media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background shadow-xs transition-colors ${interactionRecipes.tileHover}`}\n\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"relative aspect-[4/3] bg-muted\">\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-6\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"absolute left-2 top-2 flex flex-wrap gap-space-xs\">\n\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge tone=\"secondary\" className=\"bg-card text-card-foreground\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"bg-card text-card-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item-body',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact' ? 'p-surface-xs' : 'p-surface',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t<FileSize\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={accessors.getSize(item)}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\temptyLabel={strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{renderAddTile()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"media-library.js","names":["_Fragment","NumberValue","useDensityConfig","resolveComponentScale","cn","Button","Text","focusRecipes","Grid","Stack","SurfaceTitle","LoadingState","ErrorState","Progress","ActionDialog","interactionRecipes","formatFileSize","FileSize","Dimensions","Percent","Number$1","Badge","BatchActionBar","Input","FormField","Switch","Select","segmentedControlRecipes","controlGroupHeightClasses","uploadDropTargetRecipes","MetadataList","Dropzone","EmptyState","Fragment$1","defaultMediaLibraryStrings","formatMediaLibraryString","template","values","key","one","other","DEFAULT_UPLOAD_OPTIONS","EMPTY_ITEMS","useControllableState","internal","setInternal","useState","defaultValue","value","controlled","useCallback","resolved","next","onChange","defaultAccessors","item","resolveMediaLibraryAccessors","accessors","formatMediaLibrarySize","bytes","getMediaLibraryDimensions","width","height","getUploadedTime","time","inferFileType","file","createPreviewUrl","revokePreviewUrl","url","normalizeFetchResult","result","mergePatch","patch","filterItems","normalizedQuery","query","items","type","collection","sortItems","sorted","sort","a","b","useMediaLibrary","itemsProp","accessorsProp","tabProp","viewProp","queryProp","typeProp","collectionProp","sortProp","uploadOptionsProp","selectingProp","useMemo","tab","setTab","defaultTab","onTabChange","view","setView","defaultView","onViewChange","setQuery","defaultQuery","onQueryChange","setType","defaultType","onTypeChange","setCollection","defaultCollection","onCollectionChange","setSort","defaultSort","onSortChange","detailId","setDetailId","internalValue","setInternalValue","fetchedItems","setFetchedItems","fetchedTotal","setFetchedTotal","loading","setLoading","error","setError","createdItems","setCreatedItems","removedIds","setRemovedIds","itemPatches","setItemPatches","stagedFiles","setStagedFiles","uploading","setUploading","defaultResolvedUploadOptions","defaultUploadOptions","uploadOptions","setUploadOptions","onUploadOptionsChange","isSelectionControlled","selectedIds","selectedSet","objectUrlRef","useRef","uploadControllerRef","mutationVersionRef","useEffect","fetcher","controller","normalized","nextError","onError","objectUrls","sourceItems","patchedItems","visibleItems","filtered","totalCount","filteredCount","selectedItems","hasFilters","applySelection","nextIds","nextSet","nextItems","onValueChange","toggleSelection","selectionMode","id","clearSelection","selectionRequested","setSelectionRequested","defaultSelecting","onSelectingChange","selecting","setSelecting","clearFilters","addFiles","current","files","src","index","removeStagedFile","target","clearStagedFiles","updateUploadOptions","setUploadFile","fileId","helpers","progress","uploaded","onUpload","uploadedIds","mutationKey","version","previousPatch","onItemUpdate","wasRemoved","onItemDelete","selectedId","selectionTargetClassName","checkClassName","checkSelectedClassName","typeIcon","jsx","ImageIcon","Video","File","className","typeLabel","strings","usedInLabel","count","MediaPreview","tint","MediaPreviewImage","failed","setFailed","MediaLibraryEmptyState","description","action","icon","MediaLibraryToolbar","size","defaultScale","typeOptions","typeFilters","option","collectionOptions","collections","sortOptions","trimmedQuery","hasQuery","hasActiveFilters","event","Search","Icon","active","Grid2X2","LayoutList","onClearFilters","toolbarEnd","MediaLibraryCard","name","alt","usageCount","isPrivate","duration","opens","onOpen","activate","onToggle","selected","density","Check","onDetails","Info","Play","Lock","showMeta","Layers3","MediaLibraryList","DisplayLabel","MediaLibraryDetailPanel","tags","isPublic","custom","renderDetail","onUpdate","onRemove","onReplace","onClose","ArrowLeft","tag","checked","MediaLibraryUploadPanel","onFiles","onRemoveFile","X","empty","onOptionsChange","MediaLibraryFooterSummary","selectedCount","stagedSize","sum","stagedCount","summaryClassName","onClearSelection","MediaLibraryFooterActions","onCancelUpload","cancelLabel","onCancel","onConfirm","confirmLabel","MediaLibraryFooter","chrome","MediaLibraryFooterPortalContext","createContext","useResolvedCollections","explicit","seen","getCollection","MediaLibrary","stringsProp","props","useStrings","state","confirmOnSelect","resolvedCollections","activeTab","allowUpload","detailItem","footerPortal","useContext","usesDefaultFooter","slots","dialogSelectionSummary","hasHeaderIdentity","title","titleSuffix","hasHeaderControls","hasHeader","confirm","cancel","confirmItem","sectionRef","detailOpenerRef","showDetail","openItem","onItemOpen","opener","countLabel","usesBulkBar","bulkActions","resultsRef","bulkSelectedCount","footer","heightClassName","UploadCloud","candidate","ctx","rendered","onItemReplace","removed","createPortal","MediaLibraryDialog","internalOpen","setInternalOpen","footerElement","setFooterElement","isOpenControlled","open","resolvedOpen","handleOpenChange","nextOpen","onOpenChange","closeMediaLibrary","dialogTitle","dialogDescription","dialogClassName","contentClassName","moveItem","from","to","MediaResourceGallery","total","resolvedPrimaryId","primaryId","canAdd","readOnly","onAdd","maxItems","defaultAction","layout","Plus","move","shouldShowEmptyState","renderAddTile","ImagePlus","isPrimary","canMovePrevious","canMoveNext","renderItem","onPrimaryChange","Star","ArrowRight","Trash2"],"sources":["../../src/components/features/media-library/media-library.strings.ts","../../src/components/features/media-library/hooks/use-media-library.ts","../../src/components/features/media-library/partials/media-library-partials.tsx","../../src/components/features/media-library/media-library.tsx","../../src/components/features/media-library/media-resource-gallery.tsx"],"sourcesContent":["export interface MediaLibraryStrings {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Supporting copy shown under the label. */\n\tdescription: string;\n\tclose: string;\n\ttabs: {\n\t\tlibrary: string;\n\t\tupload: string;\n\t};\n\tsearchPlaceholder: string;\n\tclearSearch: string;\n\ttypeFilterLabel: string;\n\tcollectionFilterLabel: string;\n\tsortLabel: string;\n\tviewLabel: string;\n\tallTypes: string;\n\timages: string;\n\tvideos: string;\n\tfiles: string;\n\tallCollections: string;\n\tsortNewest: string;\n\tsortName: string;\n\tsortSize: string;\n\tsortUsage: string;\n\tgridView: string;\n\ttableView: string;\n\tcountAll: string;\n\tcountFiltered: string;\n\tcountSearch: string;\n\tactiveSearchLabel: string;\n\tresultsLabel: string;\n\temptyLibraryTitle: string;\n\temptyLibraryDescription: string;\n\temptyFilteredTitle: string;\n\temptyFilteredDescription: string;\n\tclearFilters: string;\n\tuploadMedia: string;\n\tloading: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tcardDetails: string;\n\t/** Toolbar toggle that turns selection mode on or off. */\n\tselectMode: string;\n\t/** Check control that selects one asset while browsing; `{name}` is the asset. */\n\tselectItem: string;\n\t/** Accessible name of the selected-assets action region. Defaults to \"Batch actions\". */\n\tbatchActionsLabel?: string;\n\tprivateLabel: string;\n\tpublicLabel: string;\n\ttypeImage: string;\n\ttypeVideo: string;\n\ttypeFile: string;\n\tunknownSize: string;\n\tnotUsed: string;\n\tusedIn: string;\n\ttable: {\n\t\tname: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tcollection: string;\n\t\tused: string;\n\t};\n\tdetail: {\n\t\ttitle: string;\n\t\taltText: string;\n\t\taltPlaceholder: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tprivateHint: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tdimensions: string;\n\t\tuploaded: string;\n\t\tusedIn: string;\n\t\treplace: string;\n\t\tdelete: string;\n\t\tclose: string;\n\t};\n\tupload: {\n\t\tdropTitle: string;\n\t\tdropHint: string;\n\t\tdragOver: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tnoFiles: string;\n\t\tstagedCount: string;\n\t\tremoveFile: string;\n\t\tuploading: string;\n\t\tdone: string;\n\t};\n\tfooter: {\n\t\tpickOne: string;\n\t\tpickMany: string;\n\t\tselectedCount: string;\n\t\tclear: string;\n\t\tcancel: string;\n\t\tconfirmEmpty: string;\n\t\tconfirmOne: string;\n\t\tconfirmMany: string;\n\t\tnoFiles: string;\n\t\tstagedSummary: string;\n\t\tupload: string;\n\t\tuploadMany: string;\n\t\tuploading: string;\n\t};\n\tgallery: {\n\t\temptyTitle: string;\n\t\temptyDescription: string;\n\t\tadd: string;\n\t\taddMore: string;\n\t\taddTile: string;\n\t\tcover: string;\n\t\tprimary: string;\n\t\tsetPrimary: string;\n\t\tremove: string;\n\t\tmovePrevious: string;\n\t\tmoveNext: string;\n\t\titemPosition: string;\n\t\tmaxReached: string;\n\t};\n}\n\nexport const defaultMediaLibraryStrings: MediaLibraryStrings = {\n\ttitle: 'Add media',\n\tdescription: 'Pick from the library, or upload new files.',\n\tclose: 'Close media library',\n\ttabs: {\n\t\tlibrary: 'Library',\n\t\tupload: 'Upload',\n\t},\n\tsearchPlaceholder: 'Search by name or tag...',\n\tclearSearch: 'Clear search',\n\ttypeFilterLabel: 'Type',\n\tcollectionFilterLabel: 'Collection',\n\tsortLabel: 'Sort',\n\tviewLabel: 'View',\n\tallTypes: 'All',\n\timages: 'Images',\n\tvideos: 'Videos',\n\tfiles: 'Files',\n\tallCollections: 'All collections',\n\tsortNewest: 'Newest',\n\tsortName: 'Name',\n\tsortSize: 'Size',\n\tsortUsage: 'Most used',\n\tgridView: 'Grid view',\n\ttableView: 'Table view',\n\tcountAll: '{count} items',\n\tcountFiltered: '{count} of {total} items',\n\tcountSearch: '{count} of {total} items for \"{query}\"',\n\tactiveSearchLabel: 'Search',\n\tresultsLabel: 'Media results',\n\temptyLibraryTitle: 'Library is empty',\n\temptyLibraryDescription: 'Upload images or videos to start building the library.',\n\temptyFilteredTitle: 'No media matches',\n\temptyFilteredDescription: 'Try a different search term, or clear the filters.',\n\tclearFilters: 'Clear filters',\n\tuploadMedia: 'Upload media',\n\tloading: 'Loading media...',\n\terrorTitle: 'Media could not load',\n\terrorDescription: 'Try again or adjust your filters.',\n\tcardDetails: 'Details for {name}',\n\tselectMode: 'Select',\n\tselectItem: 'Select {name}',\n\tbatchActionsLabel: 'Batch actions',\n\tprivateLabel: 'Private',\n\tpublicLabel: 'Public',\n\ttypeImage: 'Image',\n\ttypeVideo: 'Video',\n\ttypeFile: 'File',\n\tunknownSize: 'Unknown',\n\tnotUsed: 'Not used yet',\n\tusedIn: '{count} {count, plural, one {place} other {places}}',\n\ttable: {\n\t\tname: 'Name',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tcollection: 'Collection',\n\t\tused: 'Used',\n\t},\n\tdetail: {\n\t\ttitle: 'Details',\n\t\taltText: 'Alt text',\n\t\taltPlaceholder: 'Describe this media for screen readers',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Served from the public CDN',\n\t\tprivateHint: 'Only visible in the admin',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tdimensions: 'Dimensions',\n\t\tuploaded: 'Uploaded',\n\t\tusedIn: 'Used in',\n\t\treplace: 'Replace file',\n\t\tdelete: 'Delete',\n\t\tclose: 'Close details',\n\t},\n\tupload: {\n\t\tdropTitle: 'Drag files here or click to browse',\n\t\tdropHint: 'JPG, PNG, WebP, SVG and MP4 up to 50 MB per file',\n\t\tdragOver: 'Release to stage files',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Serve from the public CDN',\n\t\tnoFiles: 'No files staged',\n\t\tstagedCount: '{count} {count, plural, one {file} other {files}}',\n\t\tremoveFile: 'Remove {name}',\n\t\tuploading: 'Uploading',\n\t\tdone: 'Done',\n\t},\n\tfooter: {\n\t\tpickOne: 'Pick one item',\n\t\tpickMany: 'Pick one or more items',\n\t\tselectedCount: '{count} selected',\n\t\tclear: 'Clear',\n\t\tcancel: 'Cancel',\n\t\tconfirmEmpty: 'Add to product',\n\t\tconfirmOne: 'Add 1 item',\n\t\tconfirmMany: 'Add {count} items',\n\t\tnoFiles: 'No files staged',\n\t\tstagedSummary: '{count} {count, plural, one {file} other {files}} · {size}',\n\t\tupload: 'Upload',\n\t\tuploadMany: 'Upload {count} files',\n\t\tuploading: 'Uploading...',\n\t},\n\tgallery: {\n\t\temptyTitle: 'No media attached',\n\t\temptyDescription: 'Add images, video, or files to this resource.',\n\t\tadd: 'Add media',\n\t\taddMore: 'Add more',\n\t\taddTile: 'Add another media item',\n\t\tcover: 'Cover',\n\t\tprimary: 'Primary',\n\t\tsetPrimary: 'Set primary',\n\t\tremove: 'Remove',\n\t\tmovePrevious: 'Move previous',\n\t\tmoveNext: 'Move next',\n\t\titemPosition: '{index} of {total}',\n\t\tmaxReached: 'Maximum reached',\n\t},\n};\n\nexport function formatMediaLibraryString(\n\ttemplate: string,\n\tvalues: Record<string, string | number>,\n): string {\n\treturn template\n\t\t.replace(\n\t\t\t/\\{(\\w+), plural, one \\{([^}]*)\\} other \\{([^}]*)\\}\\}/g,\n\t\t\t(_, key: string, one: string, other: string) =>\n\t\t\t\tNumber(values[key]) === 1 ? one : other,\n\t\t)\n\t\t.replace(/\\{(\\w+)\\}/g, (_, key: string) => String(values[key] ?? ''));\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { formatFileSize } from '../../../primitives';\n\nimport type {\n\tMediaLibraryAccessors,\n\tMediaLibraryFetchResult,\n\tMediaLibraryItem,\n\tMediaLibraryItemPatch,\n\tMediaLibraryItemType,\n\tMediaLibraryStagedFile,\n\tMediaLibraryUploadOptions,\n\tMediaLibraryUploadStatus,\n\tResolvedMediaLibraryAccessors,\n\tUseMediaLibraryOptions,\n\tMediaLibraryState,\n} from '../media-library.types';\n\nconst DEFAULT_UPLOAD_OPTIONS: MediaLibraryUploadOptions = {\n\tcollection: undefined,\n\ttags: [],\n\tpublic: true,\n};\nconst EMPTY_ITEMS: readonly unknown[] = [];\n\nfunction useControllableState<T>(\n\tcontrolled: T | undefined,\n\tdefaultValue: T,\n\tonChange: ((value: T) => void) | undefined,\n) {\n\tconst [internal, setInternal] = useState(defaultValue);\n\tconst value = controlled ?? internal;\n\tconst setValue = useCallback((next: T | ((current: T) => T)) => {\n\t\tconst resolved = typeof next === 'function'\n\t\t\t? (next as (current: T) => T)(value)\n\t\t\t: next;\n\t\tif (controlled === undefined) setInternal(resolved);\n\t\tonChange?.(resolved);\n\t}, [controlled, onChange, value]);\n\treturn [value, setValue] as const;\n}\n\nconst defaultAccessors: ResolvedMediaLibraryAccessors<MediaLibraryItem> = {\n\tgetId: (item) => item.id,\n\tgetName: (item) => item.name,\n\tgetType: (item) => item.type,\n\tgetSrc: (item) => item.src,\n\tgetAlt: (item) => item.alt,\n\tgetSize: (item) => item.size,\n\tgetWidth: (item) => item.width,\n\tgetHeight: (item) => item.height,\n\tgetDuration: (item) => item.duration,\n\tgetCollection: (item) => item.collection,\n\tgetTags: (item) => item.tags ?? [],\n\tgetPublic: (item) => item.public,\n\tgetUploadedAt: (item) => item.uploadedAt,\n\tgetUsageCount: (item) => item.usageCount,\n\tgetTint: (item) => item.tint,\n\tgetMimeType: (item) => item.mimeType,\n};\n\nexport function resolveMediaLibraryAccessors<TItem = MediaLibraryItem>(\n\taccessors?: MediaLibraryAccessors<TItem>,\n): ResolvedMediaLibraryAccessors<TItem> {\n\treturn {\n\t\t...(defaultAccessors as unknown as ResolvedMediaLibraryAccessors<TItem>),\n\t\t...accessors,\n\t};\n}\n\nexport function formatMediaLibrarySize(bytes?: number): string {\n\treturn formatFileSize(bytes) ?? '';\n}\n\nexport function getMediaLibraryDimensions<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n): string {\n\tconst width = accessors.getWidth(item);\n\tconst height = accessors.getHeight(item);\n\tif (!width || !height) return '';\n\treturn `${width} x ${height}`;\n}\n\nfunction getUploadedTime<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n) {\n\tconst value = accessors.getUploadedAt(item);\n\tif (!value) return 0;\n\tconst date = value instanceof Date ? value : new Date(value);\n\tconst time = date.getTime();\n\treturn Number.isFinite(time) ? time : 0;\n}\n\nfunction inferFileType(file: File): MediaLibraryItemType {\n\tif (file.type.startsWith('image/')) return 'image';\n\tif (file.type.startsWith('video/')) return 'video';\n\treturn 'file';\n}\n\nfunction createPreviewUrl(file: File): string | undefined {\n\tif (!file.type.startsWith('image/')) return undefined;\n\tif (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {\n\t\treturn undefined;\n\t}\n\treturn URL.createObjectURL(file);\n}\n\nfunction revokePreviewUrl(url: string | undefined) {\n\tif (!url || typeof URL === 'undefined' || typeof URL.revokeObjectURL !== 'function') {\n\t\treturn;\n\t}\n\tURL.revokeObjectURL(url);\n}\n\nfunction normalizeFetchResult<TItem>(\n\tresult: MediaLibraryFetchResult<TItem> | TItem[],\n): MediaLibraryFetchResult<TItem> {\n\tif (Array.isArray(result)) return { items: result, total: result.length };\n\treturn result;\n}\n\nfunction mergePatch<TItem>(item: TItem, patch?: MediaLibraryItemPatch): TItem {\n\tif (!patch) return item;\n\tif (typeof item === 'object' && item !== null) {\n\t\treturn { ...(item as object), ...patch } as TItem;\n\t}\n\treturn item;\n}\n\nfunction filterItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tquery: string,\n\ttype: string,\n\tcollection: string,\n) {\n\tconst normalizedQuery = query.trim().toLowerCase();\n\treturn items.filter((item) => {\n\t\tif (type !== 'all' && accessors.getType(item) !== type) return false;\n\t\tif (collection !== 'all' && accessors.getCollection(item) !== collection) return false;\n\t\tif (!normalizedQuery) return true;\n\n\t\tconst haystack = [\n\t\t\taccessors.getName(item),\n\t\t\taccessors.getAlt(item),\n\t\t\taccessors.getCollection(item),\n\t\t\t...accessors.getTags(item),\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\t\t\t.toLowerCase();\n\t\treturn haystack.includes(normalizedQuery);\n\t});\n}\n\nfunction sortItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tsort: string,\n) {\n\tconst sorted = items.slice();\n\tif (sort === 'name') {\n\t\tsorted.sort((a, b) => accessors.getName(a).localeCompare(accessors.getName(b)));\n\t} else if (sort === 'size') {\n\t\tsorted.sort((a, b) => (accessors.getSize(b) ?? 0) - (accessors.getSize(a) ?? 0));\n\t} else if (sort === 'usage') {\n\t\tsorted.sort(\n\t\t\t(a, b) => (accessors.getUsageCount(b) ?? 0) - (accessors.getUsageCount(a) ?? 0),\n\t\t);\n\t} else {\n\t\tsorted.sort((a, b) => getUploadedTime(b, accessors) - getUploadedTime(a, accessors));\n\t}\n\treturn sorted;\n}\n\nexport function useMediaLibrary<TItem = MediaLibraryItem>({\n\titems: itemsProp = EMPTY_ITEMS as readonly TItem[],\n\tfetcher,\n\taccessors: accessorsProp,\n\tselectionMode = 'multiple',\n\tvalue,\n\tdefaultValue = [],\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonUpload,\n\tonError,\n\ttab: tabProp,\n\tdefaultTab = 'library',\n\tonTabChange,\n\tview: viewProp,\n\tdefaultView = 'grid',\n\tonViewChange,\n\tquery: queryProp,\n\tdefaultQuery = '',\n\tonQueryChange,\n\ttype: typeProp,\n\tdefaultType = 'all',\n\tonTypeChange,\n\tcollection: collectionProp,\n\tdefaultCollection = 'all',\n\tonCollectionChange,\n\tsort: sortProp,\n\tdefaultSort = 'newest',\n\tonSortChange,\n\tuploadOptions: uploadOptionsProp,\n\tdefaultUploadOptions,\n\tonUploadOptionsChange,\n\tselecting: selectingProp,\n\tdefaultSelecting = false,\n\tonSelectingChange,\n}: UseMediaLibraryOptions<TItem> = {}): MediaLibraryState<TItem> {\n\tconst accessors = useMemo(\n\t\t() => resolveMediaLibraryAccessors(accessorsProp),\n\t\t[accessorsProp],\n\t);\n\tconst [tab, setTab] = useControllableState(tabProp, defaultTab, onTabChange);\n\tconst [view, setView] = useControllableState(viewProp, defaultView, onViewChange);\n\tconst [query, setQuery] = useControllableState(queryProp, defaultQuery, onQueryChange);\n\tconst [type, setType] = useControllableState(typeProp, defaultType, onTypeChange);\n\tconst [collection, setCollection] = useControllableState(\n\t\tcollectionProp,\n\t\tdefaultCollection,\n\t\tonCollectionChange,\n\t);\n\tconst [sort, setSort] = useControllableState(sortProp, defaultSort, onSortChange);\n\tconst [detailId, setDetailId] = useState<string | null>(null);\n\tconst [internalValue, setInternalValue] = useState<string[]>(() => [...defaultValue]);\n\tconst [fetchedItems, setFetchedItems] = useState<TItem[]>([]);\n\tconst [fetchedTotal, setFetchedTotal] = useState<number | undefined>();\n\tconst [loading, setLoading] = useState(false);\n\tconst [error, setError] = useState<unknown>(null);\n\tconst [createdItems, setCreatedItems] = useState<TItem[]>([]);\n\tconst [removedIds, setRemovedIds] = useState<Set<string>>(() => new Set());\n\tconst [itemPatches, setItemPatches] = useState<Record<string, MediaLibraryItemPatch>>({});\n\tconst [stagedFiles, setStagedFiles] = useState<MediaLibraryStagedFile[]>([]);\n\tconst [uploading, setUploading] = useState(false);\n\tconst defaultResolvedUploadOptions = useMemo<MediaLibraryUploadOptions>(() => ({\n\t\t...DEFAULT_UPLOAD_OPTIONS,\n\t\t...defaultUploadOptions,\n\t\ttags: defaultUploadOptions?.tags ?? DEFAULT_UPLOAD_OPTIONS.tags,\n\t}), [defaultUploadOptions]);\n\tconst controlledUploadOptions = useMemo<MediaLibraryUploadOptions | undefined>(\n\t\t() => uploadOptionsProp ? {\n\t\t\t...DEFAULT_UPLOAD_OPTIONS,\n\t\t\t...uploadOptionsProp,\n\t\t\ttags: uploadOptionsProp.tags ?? DEFAULT_UPLOAD_OPTIONS.tags,\n\t\t} : undefined,\n\t\t[uploadOptionsProp],\n\t);\n\tconst [uploadOptions, setUploadOptions] = useControllableState(\n\t\tcontrolledUploadOptions,\n\t\tdefaultResolvedUploadOptions,\n\t\tonUploadOptionsChange,\n\t);\n\tconst isSelectionControlled = value !== undefined;\n\tconst selectedIds = useMemo(\n\t\t() => (isSelectionControlled ? [...(value ?? [])] : internalValue),\n\t\t[internalValue, isSelectionControlled, value],\n\t);\n\tconst selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\tconst objectUrlRef = useRef<Set<string>>(new Set());\n\tconst uploadControllerRef = useRef<AbortController | null>(null);\n\tconst mutationVersionRef = useRef<Map<string, number>>(new Map());\n\n\tuseEffect(() => {\n\t\tif (!fetcher) return;\n\t\tconst controller = new AbortController();\n\t\tsetLoading(true);\n\t\tsetError(null);\n\t\tfetcher({\n\t\t\tquery,\n\t\t\ttype,\n\t\t\tcollection: collection === 'all' ? undefined : collection,\n\t\t\tsort,\n\t\t\tsignal: controller.signal,\n\t\t})\n\t\t\t.then((result) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tconst normalized = normalizeFetchResult(result);\n\t\t\t\tsetFetchedItems(normalized.items);\n\t\t\t\tsetFetchedTotal(normalized.total);\n\t\t\t})\n\t\t\t.catch((nextError) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (!controller.signal.aborted) setLoading(false);\n\t\t\t});\n\t\treturn () => controller.abort();\n\t}, [collection, fetcher, onError, query, sort, type]);\n\n\tuseEffect(() => {\n\t\tconst objectUrls = objectUrlRef.current;\n\t\treturn () => {\n\t\t\tuploadControllerRef.current?.abort();\n\t\t\tfor (const url of objectUrls) revokePreviewUrl(url);\n\t\t\tobjectUrls.clear();\n\t\t};\n\t}, []);\n\n\tconst sourceItems = useMemo(\n\t\t() => (fetcher ? fetchedItems : [...createdItems, ...itemsProp]),\n\t\t[createdItems, fetchedItems, fetcher, itemsProp],\n\t);\n\tconst patchedItems = useMemo(\n\t\t() =>\n\t\t\tsourceItems\n\t\t\t\t.filter((item) => !removedIds.has(accessors.getId(item)))\n\t\t\t\t.map((item) => mergePatch(item, itemPatches[accessors.getId(item)])),\n\t\t[accessors, itemPatches, removedIds, sourceItems],\n\t);\n\tconst visibleItems = useMemo(() => {\n\t\tconst filtered = fetcher\n\t\t\t? patchedItems\n\t\t\t: filterItems(patchedItems, accessors, query, type, collection);\n\t\treturn fetcher ? filtered : sortItems(filtered, accessors, sort);\n\t}, [accessors, collection, fetcher, patchedItems, query, sort, type]);\n\tconst totalCount = fetchedTotal ?? patchedItems.length;\n\tconst filteredCount = visibleItems.length;\n\tconst selectedItems = useMemo(\n\t\t() => patchedItems.filter((item) => selectedSet.has(accessors.getId(item))),\n\t\t[accessors, patchedItems, selectedSet],\n\t);\n\tconst hasFilters = Boolean(query.trim()) || type !== 'all' || collection !== 'all';\n\n\tconst applySelection = useCallback(\n\t\t(nextIds: string[]) => {\n\t\t\tif (!isSelectionControlled) setInternalValue(nextIds);\n\t\t\tconst nextSet = new Set(nextIds);\n\t\t\tconst nextItems = patchedItems.filter((item) => nextSet.has(accessors.getId(item)));\n\t\t\tonValueChange?.(nextIds, nextItems);\n\t\t},\n\t\t[accessors, isSelectionControlled, onValueChange, patchedItems],\n\t);\n\n\tconst toggleSelection = useCallback(\n\t\t(id: string) => {\n\t\t\tconst next = new Set(selectionMode === 'single' ? [] : selectedSet);\n\t\t\tif (selectedSet.has(id) && selectionMode !== 'single') {\n\t\t\t\tnext.delete(id);\n\t\t\t} else {\n\t\t\t\tnext.add(id);\n\t\t\t}\n\t\t\tapplySelection(Array.from(next));\n\t\t},\n\t\t[applySelection, selectedSet, selectionMode],\n\t);\n\n\tconst clearSelection = useCallback(() => applySelection([]), [applySelection]);\n\tconst [selectionRequested, setSelectionRequested] = useControllableState(\n\t\tselectingProp,\n\t\tdefaultSelecting,\n\t\tonSelectingChange,\n\t);\n\t// Selection mode is explicit (the Select toggle, a picker) or implied by any selection.\n\tconst selecting = selectionRequested || selectedIds.length > 0;\n\tconst setSelecting = useCallback((next: boolean) => {\n\t\tsetSelectionRequested(next);\n\t\t// Leaving selection mode returns to browsing, which shows no selection.\n\t\tif (!next && selectedIds.length > 0) applySelection([]);\n\t}, [applySelection, selectedIds.length, setSelectionRequested]);\n\tconst clearFilters = useCallback(() => {\n\t\tsetQuery('');\n\t\tsetType('all');\n\t\tsetCollection('all');\n\t}, [setCollection, setQuery, setType]);\n\n\tconst addFiles = useCallback((files: File[]) => {\n\t\tsetStagedFiles((current) => [\n\t\t\t...current,\n\t\t\t...files.map((file, index) => {\n\t\t\t\tconst src = createPreviewUrl(file);\n\t\t\t\tif (src) objectUrlRef.current.add(src);\n\t\t\t\treturn {\n\t\t\t\t\tid: `staged-${Date.now()}-${index}`,\n\t\t\t\t\tfile,\n\t\t\t\t\tname: file.name,\n\t\t\t\t\tsize: file.size,\n\t\t\t\t\ttype: inferFileType(file),\n\t\t\t\t\tsrc,\n\t\t\t\t\tprogress: 0,\n\t\t\t\t\tstatus: 'staged' as const,\n\t\t\t\t};\n\t\t\t}),\n\t\t]);\n\t}, []);\n\n\tconst removeStagedFile = useCallback((id: string) => {\n\t\tsetStagedFiles((current) => {\n\t\t\tconst target = current.find((file) => file.id === id);\n\t\t\tif (target?.src) {\n\t\t\t\trevokePreviewUrl(target.src);\n\t\t\t\tobjectUrlRef.current.delete(target.src);\n\t\t\t}\n\t\t\treturn current.filter((file) => file.id !== id);\n\t\t});\n\t}, []);\n\n\tconst clearStagedFiles = useCallback(() => {\n\t\tsetStagedFiles((current) => {\n\t\t\tfor (const file of current) {\n\t\t\t\tif (file.src) {\n\t\t\t\t\trevokePreviewUrl(file.src);\n\t\t\t\t\tobjectUrlRef.current.delete(file.src);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn [];\n\t\t});\n\t}, []);\n\n\tconst updateUploadOptions = useCallback((patch: Partial<MediaLibraryUploadOptions>) => {\n\t\tsetUploadOptions((current) => ({ ...current, ...patch }));\n\t}, [setUploadOptions]);\n\n\tconst setUploadFile = useCallback(\n\t\t(fileId: string, patch: Partial<Pick<MediaLibraryStagedFile, 'progress' | 'status' | 'error'>>) => {\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => (file.id === fileId ? { ...file, ...patch } : file)),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\tconst startUpload = useCallback(async () => {\n\t\tif (uploading || stagedFiles.length === 0) return;\n\t\tconst controller = new AbortController();\n\t\tuploadControllerRef.current?.abort();\n\t\tuploadControllerRef.current = controller;\n\t\tsetError(null);\n\t\tsetUploading(true);\n\t\tsetStagedFiles((current) =>\n\t\t\tcurrent.map((file) => ({ ...file, status: 'uploading', progress: 0 })),\n\t\t);\n\t\tconst helpers = {\n\t\t\tsignal: controller.signal,\n\t\t\tsetProgress: (fileId: string, progress: number) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetUploadFile(fileId, { progress: Math.max(0, Math.min(100, progress)) });\n\t\t\t},\n\t\t\tsetFileStatus: (\n\t\t\t\tfileId: string,\n\t\t\t\tstatus: MediaLibraryUploadStatus,\n\t\t\t\tnextError?: string,\n\t\t\t) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetUploadFile(fileId, { status, error: nextError });\n\t\t\t},\n\t\t};\n\n\t\ttry {\n\t\t\tconst files = stagedFiles.map((file) => file.file);\n\t\t\tconst uploaded = await onUpload?.(files, uploadOptions, helpers);\n\t\t\tif (controller.signal.aborted) return;\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => ({ ...file, status: 'done', progress: 100 })),\n\t\t\t);\n\t\t\tif (uploaded?.length) {\n\t\t\t\tsetCreatedItems((current) => [...uploaded, ...current]);\n\t\t\t\tconst uploadedIds = uploaded.map((item) => accessors.getId(item));\n\t\t\t\tapplySelection(\n\t\t\t\t\tselectionMode === 'single'\n\t\t\t\t\t\t? uploadedIds.slice(0, 1)\n\t\t\t\t\t\t: Array.from(new Set([...uploadedIds, ...selectedIds])),\n\t\t\t\t);\n\t\t\t}\n\t\t\tclearStagedFiles();\n\t\t\tsetTab('library');\n\t\t} catch (nextError) {\n\t\t\tif (controller.signal.aborted) return;\n\t\t\tsetError(nextError);\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) =>\n\t\t\t\t\tfile.status === 'uploading'\n\t\t\t\t\t\t? { ...file, status: 'error', error: 'Upload failed' }\n\t\t\t\t\t\t: file,\n\t\t\t\t),\n\t\t\t);\n\t\t\tonError?.(nextError);\n\t\t} finally {\n\t\t\tif (uploadControllerRef.current === controller) {\n\t\t\t\tuploadControllerRef.current = null;\n\t\t\t\tsetUploading(false);\n\t\t\t}\n\t\t}\n\t}, [\n\t\taccessors,\n\t\tapplySelection,\n\t\tclearStagedFiles,\n\t\tonError,\n\t\tonUpload,\n\t\tselectedIds,\n\t\tselectionMode,\n\t\tsetTab,\n\t\tsetUploadFile,\n\t\tstagedFiles,\n\t\tuploadOptions,\n\t\tuploading,\n\t]);\n\n\tconst cancelUpload = useCallback(() => {\n\t\tuploadControllerRef.current?.abort();\n\t\tuploadControllerRef.current = null;\n\t\tsetUploading(false);\n\t\tsetStagedFiles((current) =>\n\t\t\tcurrent.map((file) =>\n\t\t\t\tfile.status === 'uploading'\n\t\t\t\t\t? { ...file, status: 'staged', progress: 0, error: undefined }\n\t\t\t\t\t: file,\n\t\t\t),\n\t\t);\n\t}, []);\n\n\tconst updateItem = useCallback(\n\t\tasync (item: TItem, patch: MediaLibraryItemPatch): Promise<boolean> => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tconst mutationKey = `update:${id}`;\n\t\t\tconst version = (mutationVersionRef.current.get(mutationKey) ?? 0) + 1;\n\t\t\tmutationVersionRef.current.set(mutationKey, version);\n\t\t\tconst previousPatch = itemPatches[id];\n\t\t\tsetError(null);\n\t\t\tsetItemPatches((current) => ({ ...current, [id]: { ...current[id], ...patch } }));\n\t\t\ttry {\n\t\t\t\tawait onItemUpdate?.(item, patch);\n\t\t\t\treturn true;\n\t\t\t} catch (nextError) {\n\t\t\t\tif (mutationVersionRef.current.get(mutationKey) === version) {\n\t\t\t\t\tsetItemPatches((current) => {\n\t\t\t\t\t\tconst next = { ...current };\n\t\t\t\t\t\tif (previousPatch) next[id] = previousPatch;\n\t\t\t\t\t\telse delete next[id];\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\t[accessors, itemPatches, onError, onItemUpdate],\n\t);\n\n\tconst removeItem = useCallback(\n\t\tasync (item: TItem): Promise<boolean> => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tconst mutationKey = `delete:${id}`;\n\t\t\tconst version = (mutationVersionRef.current.get(mutationKey) ?? 0) + 1;\n\t\t\tmutationVersionRef.current.set(mutationKey, version);\n\t\t\tconst wasRemoved = removedIds.has(id);\n\t\t\tsetError(null);\n\t\t\tsetRemovedIds((current) => new Set(current).add(id));\n\t\t\ttry {\n\t\t\t\tawait onItemDelete?.(item);\n\t\t\t\tif (selectedSet.has(id)) {\n\t\t\t\t\tapplySelection(selectedIds.filter((selectedId) => selectedId !== id));\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} catch (nextError) {\n\t\t\t\tif (\n\t\t\t\t\t!wasRemoved &&\n\t\t\t\t\tmutationVersionRef.current.get(mutationKey) === version\n\t\t\t\t) {\n\t\t\t\t\tsetRemovedIds((current) => {\n\t\t\t\t\t\tconst next = new Set(current);\n\t\t\t\t\t\tnext.delete(id);\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\taccessors,\n\t\t\tapplySelection,\n\t\t\tonError,\n\t\t\tonItemDelete,\n\t\t\tremovedIds,\n\t\t\tselectedIds,\n\t\t\tselectedSet,\n\t\t],\n\t);\n\n\treturn {\n\t\ttab,\n\t\tsetTab,\n\t\tview,\n\t\tsetView,\n\t\tquery,\n\t\tsetQuery,\n\t\ttype,\n\t\tsetType,\n\t\tcollection,\n\t\tsetCollection,\n\t\tsort,\n\t\tsetSort,\n\t\tdetailId,\n\t\tsetDetailId,\n\t\titems: patchedItems,\n\t\tvisibleItems,\n\t\tselectedIds,\n\t\tselectedItems,\n\t\tselectedSet,\n\t\ttoggleSelection,\n\t\tclearSelection,\n\t\tselecting,\n\t\tsetSelecting,\n\t\tclearFilters,\n\t\tloading,\n\t\terror,\n\t\thasFilters,\n\t\ttotalCount,\n\t\tfilteredCount,\n\t\tstagedFiles,\n\t\taddFiles,\n\t\tremoveStagedFile,\n\t\tclearStagedFiles,\n\t\tupdateUploadOptions,\n\t\tuploadOptions,\n\t\tuploading,\n\t\tstartUpload,\n\t\tcancelUpload,\n\t\tupdateItem,\n\t\tremoveItem,\n\t\taccessors,\n\t};\n}\n","import {\n\tArrowLeft,\n\tCheck,\n\tFile,\n\tGrid2X2,\n\tImageIcon,\n\tInfo,\n\tLayoutList,\n\tLayers3,\n\tLock,\n\tPlay,\n\tSearch,\n\tVideo,\n\tX,\n} from 'lucide-react';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { EmptyState } from '../../../blocks/data-display';\nimport { FormField } from '../../../base/forms';\nimport { Input } from '../../../base/text-inputs';\nimport { Select, Switch } from '../../../base/choice-inputs';\nimport { Progress } from '../../../base/feedback';\nimport { MetadataList } from '../../../base/metadata-list';\nimport { Dropzone } from '../../../base/upload';\nimport { Grid, Stack } from '../../../base/structure';\nimport { Dimensions, FileSize, Percent, formatFileSize } from '../../../primitives';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\nimport { controlGroupHeightClasses, segmentedControlRecipes } from '../../../../lib/control-group-recipes';\nimport { useDensityConfig } from '../../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../../lib/ui-provider/scale';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\n\nconst selectionTargetClassName = `${interactionRecipes.nativeButtonReset} absolute inset-0 z-10 block h-full w-full cursor-pointer outline-none ${focusRecipes.inset}`;\n/** The check on a card: a passive indicator in selection mode, a select control while browsing. */\nconst checkClassName = 'media-library-card--check absolute left-2 top-2 inline-flex size-icon-lg items-center justify-center rounded-radius border border-border bg-background p-0 text-transparent shadow-xs';\nconst checkSelectedClassName = 'border-primary bg-primary text-primary-foreground opacity-100';\n\nimport {\n\tformatMediaLibraryString,\n\ttype MediaLibraryStrings,\n} from '../media-library.strings';\nimport type {\n\tMediaLibraryCardProps,\n\tMediaLibraryDetailPanelProps,\n\tMediaLibraryEmptyStateProps,\n\tMediaLibraryFooterActionsProps,\n\tMediaLibraryFooterProps,\n\tMediaLibraryFooterSummaryProps,\n\tMediaLibraryListProps,\n\tMediaLibraryToolbarProps,\n\tMediaLibraryUploadPanelProps,\n\tMediaLibraryItemType,\n} from '../media-library.types';\nimport { EMPTY } from '../../../../lib/format';\n\nfunction typeIcon(type: MediaLibraryItemType, className?: string) {\n\tif (type === 'image') return <ImageIcon className={className ?? 'size-icon'} />;\n\tif (type === 'video') return <Video className={className ?? 'size-icon'} />;\n\treturn <File className={className ?? 'size-icon'} />;\n}\n\nfunction typeLabel(type: MediaLibraryItemType, strings: MediaLibraryStrings) {\n\tif (type === 'image') return strings.typeImage;\n\tif (type === 'video') return strings.typeVideo;\n\treturn strings.typeFile;\n}\n\nfunction usedInLabel(count: number | undefined, strings: MediaLibraryStrings) {\n\tif (!count) return strings.notUsed;\n\treturn formatMediaLibraryString(strings.usedIn, { count });\n}\n\nfunction MediaPreview({\n\tchildren,\n\ttint,\n\tclassName,\n}: {\n\tchildren: ReactNode;\n\ttint?: string;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-preview relative overflow-hidden bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={tint ? { background: tint } : undefined}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nfunction MediaPreviewImage({\n\tsrc,\n\talt,\n\ttype,\n\tclassName,\n\tloading = 'lazy',\n}: {\n\tsrc?: string;\n\talt: string;\n\ttype: MediaLibraryItemType;\n\tclassName?: string;\n\tloading?: 'eager' | 'lazy';\n}) {\n\tconst [failed, setFailed] = useState(false);\n\n\tuseEffect(() => {\n\t\tsetFailed(false);\n\t}, [src]);\n\n\tif (!src || failed) {\n\t\treturn (\n\t\t\t<div className=\"media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t{typeIcon(type, 'size-6')}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tsrc={src}\n\t\t\talt={alt}\n\t\t\tloading={loading}\n\t\t\tclassName={className}\n\t\t\tonError={() => setFailed(true)}\n\t\t/>\n\t);\n}\n\nexport function MediaLibraryEmptyState({\n\ticon,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n}: MediaLibraryEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={title}\n\t\t\tdescription={description ?? false}\n\t\t\tactions={action}\n\t\t\tmedia={icon ?? <ImageIcon className=\"size-icon\" aria-hidden=\"true\" />}\n\t\t\tmediaVariant=\"icon-soft\"\n\t\t\tpadding=\"md\"\n\t\t\tborder\n\t\t\tclassName={cn('media-library-empty-state--component min-h-64 bg-muted/30', className)}\n\t\t/>\n\t);\n}\n\nexport function MediaLibraryToolbar({\n\tquery,\n\ttype,\n\ttypeFilters,\n\tcollection,\n\tsort,\n\tview,\n\tcollections = [],\n\tstrings,\n\tonQueryChange,\n\tonTypeChange,\n\tonCollectionChange,\n\tonSortChange,\n\tonViewChange,\n\tonClearFilters,\n\ttoolbarEnd,\n\tselecting = false,\n\tonSelectingChange,\n}: MediaLibraryToolbarProps) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(undefined, defaultScale);\n\tconst typeOptions = [\n\t\t{ value: 'all', label: strings.allTypes, icon: null },\n\t\t{ value: 'image', label: strings.images, icon: ImageIcon },\n\t\t{ value: 'video', label: strings.videos, icon: Video },\n\t\t{ value: 'file', label: strings.files, icon: File },\n\t].filter((option) => (typeFilters ?? ['all', 'image', 'video']).includes(option.value as typeof type));\n\tconst collectionOptions = [\n\t\t{ value: 'all', label: strings.allCollections },\n\t\t...collections.map((option) => ({\n\t\t\tvalue: option.value,\n\t\t\tlabel: String(option.label),\n\t\t})),\n\t];\n\tconst sortOptions = [\n\t\t{ value: 'newest', label: strings.sortNewest },\n\t\t{ value: 'name', label: strings.sortName },\n\t\t{ value: 'size', label: strings.sortSize },\n\t\t{ value: 'usage', label: strings.sortUsage },\n\t];\n\tconst trimmedQuery = query.trim();\n\tconst hasQuery = trimmedQuery.length > 0;\n\tconst hasActiveFilters = hasQuery || type !== 'all' || collection !== 'all';\n\n\treturn (\n\t\t<Stack direction=\"horizontal\" wrap align=\"start\" gap=\"md\" className=\"media-library-toolbar--component\">\n\t\t\t<Stack gap=\"xs\" className=\"media-library-toolbar--search min-w-52 flex-1\">\n\t\t\t\t<Input\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonChange={(event) => onQueryChange(event.target.value)}\n\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\tstartIcon={Search}\n\t\t\t\t\tclearable\n\t\t\t\t\tonClear={() => onQueryChange('')}\n\t\t\t\t\tstrings={{ clear: strings.clearSearch }}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t\t{!!hasQuery && (\n\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"xs\" wrap={false} className=\"media-library-toolbar--search-value px-space-xs\">\n\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"max-w-full\">\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"text-current\">\n\t\t\t\t\t\t\t\t{strings.activeSearchLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"normal\" className=\"min-w-0 truncate text-current\">\n\t\t\t\t\t\t\t\t{trimmedQuery}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t\t<div className={cn('media-library-toolbar--type-toggle', segmentedControlRecipes.frame, controlGroupHeightClasses[size])} role=\"tablist\" aria-label={strings.typeFilterLabel}>\n\t\t\t\t{typeOptions.map((option) => {\n\t\t\t\t\tconst Icon = option.icon;\n\t\t\t\t\tconst active = type === option.value;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\taria-selected={active}\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tsegmentedControlRecipes.item, 'shadow-none',\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t? `${interactionRecipes.segmentActive} hover:bg-card`\n\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => onTypeChange(option.value as typeof type)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{Icon && <Icon className=\"size-icon-md\" />}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"text-inherit\">{option.label}</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<div className=\"min-w-40\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={collection}\n\t\t\t\t\toptions={collectionOptions}\n\t\t\t\t\tonValueChange={(value) => onCollectionChange(value ?? 'all')}\n\t\t\t\t\tplaceholder={strings.collectionFilterLabel}\n\t\t\t\t\taria-label={strings.collectionFilterLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"min-w-32\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={sort}\n\t\t\t\t\toptions={sortOptions}\n\t\t\t\t\tonValueChange={(value) => onSortChange((value ?? 'newest') as typeof sort)}\n\t\t\t\t\tplaceholder={strings.sortLabel}\n\t\t\t\t\taria-label={strings.sortLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className={cn('media-library-toolbar--view-toggle ml-auto', segmentedControlRecipes.frame, controlGroupHeightClasses[size])}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone={view === 'grid' ? 'neutral' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'grid' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\tclassName={cn(segmentedControlRecipes.item, view === 'grid' && `${interactionRecipes.segmentActive} hover:bg-card`)}\n\t\t\t\t\taria-label={strings.gridView}\n\t\t\t\t\tonClick={() => onViewChange('grid')}\n\t\t\t\t>\n\t\t\t\t\t<Grid2X2 className=\"size-icon-md\" />\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone={view === 'table' ? 'neutral' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'table' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\tclassName={cn(segmentedControlRecipes.item, view === 'table' && `${interactionRecipes.segmentActive} hover:bg-card`)}\n\t\t\t\t\taria-label={strings.tableView}\n\t\t\t\t\tonClick={() => onViewChange('table')}\n\t\t\t\t>\n\t\t\t\t\t<LayoutList className=\"size-icon-md\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{!!hasActiveFilters && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tonClick={onClearFilters}\n\t\t\t\t>\n\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t{!!onSelectingChange && (\n\t\t\t\t// Selection is an explicit mode: while it is off, activating an asset opens it.\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-pressed={selecting}\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tclassName={cn('media-library-toolbar--select', selecting && interactionRecipes.togglePressed)}\n\t\t\t\t\tonClick={() => onSelectingChange(!selecting)}\n\t\t\t\t>\n\t\t\t\t\t{strings.selectMode}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t{toolbarEnd}\n\t\t</Stack>\n\t);\n}\n\nexport function MediaLibraryCard<TItem>({\n\titem,\n\tselected = false,\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n\tonOpen,\n\tselecting = false,\n\tclassName,\n}: MediaLibraryCardProps<TItem>) {\n\tconst type = accessors.getType(item);\n\tconst name = accessors.getName(item);\n\tconst src = accessors.getSrc(item);\n\tconst alt = accessors.getAlt(item) || name;\n\tconst size = accessors.getSize(item);\n\tconst usageCount = accessors.getUsageCount(item);\n\tconst isPrivate = accessors.getPublic(item) === false;\n\tconst duration = accessors.getDuration(item);\n\t// Browsing opens the asset and a separate check selects it; selection mode toggles.\n\tconst opens = !!onOpen && !selecting;\n\tconst activate = opens ? onOpen : onToggle;\n\n\treturn (\n\t\t<div\n\t\t\tdata-selected={selected || undefined}\n\t\t\tdata-selecting={selecting || undefined}\n\t\t\tdata-gallery-density={density}\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-card--component relative group/card overflow-hidden rounded-radius border border-border bg-card text-card-foreground text-left shadow-xs transition-all',\n\t\t\t\t`${interactionRecipes.tileHover} hover:shadow-sm`,\n\t\t\t\tselected && 'media-library-card--selected border-primary ring-1 ring-primary',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tonClick={activate}\n\t\t>\n\t\t\t{!!activate && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label={name}\n\t\t\t\t\taria-pressed={opens ? undefined : selected}\n\t\t\t\t\tclassName={cn('media-library-card--select rounded-radius', selectionTargetClassName)}\n\t\t\t\t\tonClick={(event) => { event.stopPropagation(); activate(); }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<MediaPreview\n\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\tclassName={cn(density === 'compact' ? 'aspect-square' : 'aspect-[4/3]')}\n\t\t\t>\n\t\t\t\t<MediaPreviewImage src={src} alt={alt} type={type} className=\"size-full object-cover\" />\n\t\t\t\t{opens && !!onToggle ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.selectItem, { name })}\n\t\t\t\t\t\taria-pressed={selected}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcheckClassName,\n\t\t\t\t\t\t\t`z-10 cursor-pointer opacity-0 transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100 ${focusRecipes.frame}`,\n\t\t\t\t\t\t\tselected && checkSelectedClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={(event) => { event.stopPropagation(); onToggle(); }}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcheckClassName,\n\t\t\t\t\t\t\t'transition-opacity',\n\t\t\t\t\t\t\tselecting ? 'opacity-100' : 'opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100',\n\t\t\t\t\t\t\tselected && checkSelectedClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{!!onDetails && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tclassName=\"media-library-card--details absolute z-10 right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100\"\n\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tonDetails();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-icon-md\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--duration absolute bottom-2 left-2 bg-inverse-background text-inverse-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Play className=\"size-icon-sm fill-current\" />\n\t\t\t\t\t\t{duration}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t\t{isPrivate && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--private absolute bottom-2 right-2 bg-card text-card-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Lock className=\"size-icon-sm\" />\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</MediaPreview>\n\t\t\t<div className={cn(\n\t\t\t\t'media-library-card--body',\n\t\t\t\tdensity === 'compact' ? 'p-surface-xs' : 'p-surface',\n\t\t\t)}>\n\t\t\t<Grid columns={1} gap=\"xs\">\n\t\t\t\t<Text tag=\"div\" type=\"inherit\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{showMeta && (\n\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t\t\t<FileSize value={size} size=\"xs\" className=\"truncate\" emptyLabel={strings.unknownSize} />\n\t\t\t\t\t\t{!!usageCount && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex items-center gap-space-xs\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Layers3 className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t\t{usageCount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Grid>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryList<TItem>({\n\titems,\n\tselectedSet,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n\tonOpen,\n\tselecting = false,\n}: MediaLibraryListProps<TItem>) {\n\t// Browsing opens the row's asset and its check selects it; selection mode toggles.\n\tconst opens = !!onOpen && !selecting;\n\treturn (\n\t\t<div\n\t\t\tclassName=\"media-library-list--component min-w-180\"\n\t\t>\n\t\t\t<div className=\"sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border bg-background px-row-x py-row-y\">\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.name}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.type}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.size}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.collection}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.table.used}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<span />\n\t\t\t</div>\n\t\t\t{items.map((item) => {\n\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\tconst selected = selectedSet.has(id);\n\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\tdata-selected={selected || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library-list--row relative grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border/60 px-row-x py-row-y last:border-b-0',\n\t\t\t\t\t\t\t`cursor-pointer rounded-inner transition-colors ${interactionRecipes.rowHover}`,\n\t\t\t\t\t\t\tselected && interactionRecipes.rowSelected,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => (opens && onOpen ? onOpen(id) : onToggle(id))}\n\t\t\t\t\t>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label={name}\n\t\t\t\t\t\t\taria-pressed={opens ? undefined : selected}\n\t\t\t\t\t\t\tclassName={cn('media-library-list--select rounded-inner', selectionTargetClassName)}\n\t\t\t\t\t\t\tonClick={(event) => { event.stopPropagation(); if (opens && onOpen) onOpen(id); else onToggle(id); }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{opens ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.selectItem, { name })}\n\t\t\t\t\t\t\t\taria-pressed={selected}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t`relative z-10 inline-flex size-icon-lg cursor-pointer items-center justify-center rounded-radius border border-input bg-background p-0 text-transparent ${focusRecipes.frame}`,\n\t\t\t\t\t\t\t\t\tselected && 'border-primary bg-primary text-primary-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={(event) => { event.stopPropagation(); onToggle(id); }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex size-icon-lg items-center justify-center rounded-radius border border-border text-transparent',\n\t\t\t\t\t\t\t\t\tselected && 'border-primary bg-primary text-primary-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Check className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<MediaPreview\n\t\t\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\t\t\tclassName=\"size-9 rounded-inner\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t<img src={src} alt=\"\" loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{typeIcon(type, 'size-icon')}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t<Text tag=\"div\" type=\"inherit\" weight=\"semibold\" className=\"flex min-w-0 items-center gap-space-xs truncate\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t{isPrivate && <Lock className=\"size-icon-sm shrink-0 text-muted-foreground\" />}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Badge tone=\"secondary\">{typeLabel(type, strings)}</Badge>\n\t\t\t\t\t\t<FileSize value={accessors.getSize(item)} size=\"xs\" emptyLabel={strings.unknownSize} />\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{accessors.getCollection(item) || EMPTY}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{accessors.getUsageCount(item) ? accessors.getUsageCount(item) : EMPTY}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\tclassName=\"relative z-10\"\n\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonDetails(id);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Info className=\"size-icon-md\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryDetailPanel<TItem>({\n\titem,\n\tcollections = [],\n\taccessors,\n\tstrings,\n\tonClose,\n\tonUpdate,\n\tonRemove,\n\tonReplace,\n\trenderDetail,\n}: MediaLibraryDetailPanelProps<TItem>) {\n\tif (!item) return null;\n\tconst name = accessors.getName(item);\n\tconst type = accessors.getType(item);\n\tconst src = accessors.getSrc(item);\n\tconst collection = accessors.getCollection(item) ?? collections[0]?.value ?? '';\n\tconst tags = accessors.getTags(item);\n\tconst isPublic = accessors.getPublic(item) ?? true;\n\tconst custom = renderDetail?.(item, {\n\t\taccessors,\n\t\tupdate: onUpdate,\n\t\tremove: onRemove,\n\t\treplace: onReplace,\n\t\tclose: onClose,\n\t});\n\tif (custom) return <>{custom}</>;\n\n\treturn (\n\t\t<aside className=\"media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background text-foreground @2xl/media-library:w-72\">\n\t\t\t<div className=\"media-library-detail-panel--header border-b border-border p-surface\">\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"md\">\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\taria-label={strings.detail.close}\n\t\t\t\t\tdata-media-detail-close=\"\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-icon-md\" />\n\t\t\t\t</Button>\n\t\t\t\t<Text weight=\"semibold\">{strings.detail.title}</Text>\n\t\t\t</Stack>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-detail-panel--body grid min-h-0 auto-rows-max gap-space-xl overflow-y-auto p-surface\">\n\t\t\t\t<MediaPreview\n\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\tclassName=\"aspect-[4/3] rounded-radius border border-border\"\n\t\t\t\t>\n\t\t\t\t\t<MediaPreviewImage src={src} alt={accessors.getAlt(item) || name} type={type} className=\"size-full object-cover\" />\n\t\t\t\t\t{type === 'video' && !!accessors.getDuration(item) && (\n\t\t\t\t\t\t<Badge className=\"absolute bottom-2 right-2 bg-inverse-background text-inverse-foreground\">\n\t\t\t\t\t\t\t<Play className=\"size-icon-sm fill-current\" />\n\t\t\t\t\t\t\t{accessors.getDuration(item)}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</MediaPreview>\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"break-words\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{/* The shared definition list owns the label/value pairing and the figure column. */}\n\t\t\t\t<MetadataList\n\t\t\t\t\tlayout=\"rows\"\n\t\t\t\t\tvalueAlign=\"end\"\n\t\t\t\t\tdensity=\"compact\"\n\t\t\t\t\tclassName=\"media-library-detail-panel--facts\"\n\t\t\t\t\titems={[\n\t\t\t\t\t\t{ id: 'type', label: strings.detail.type, value: typeLabel(type, strings) },\n\t\t\t\t\t\t{ id: 'size', label: strings.detail.size, value: <FileSize value={accessors.getSize(item)} emptyLabel={strings.unknownSize} /> },\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 'dimensions',\n\t\t\t\t\t\t\tlabel: strings.detail.dimensions,\n\t\t\t\t\t\t\tvalue: (\n\t\t\t\t\t\t\t\t<Dimensions\n\t\t\t\t\t\t\t\t\twidth={accessors.getWidth(item)}\n\t\t\t\t\t\t\t\t\theight={accessors.getHeight(item)}\n\t\t\t\t\t\t\t\t\temptyLabel={strings.unknownSize}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{ id: 'uploaded', label: strings.detail.uploaded, value: String(accessors.getUploadedAt(item) ?? EMPTY) },\n\t\t\t\t\t\t{ id: 'used-in', label: strings.detail.usedIn, value: usedInLabel(accessors.getUsageCount(item), strings) },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t\t<FormField label={strings.detail.altText}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={accessors.getAlt(item) ?? ''}\n\t\t\t\t\t\tplaceholder={strings.detail.altPlaceholder}\n\t\t\t\t\t\tonChange={(event) => onUpdate({ alt: event.target.value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={collection}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.detail.collection}\n\t\t\t\t\t\tonValueChange={(value) => onUpdate({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.detail.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonUpdate({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<div className=\"media-library-detail-panel--public\">\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"xl\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\">\n\t\t\t\t\t\t\t{strings.detail.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{isPublic ? strings.detail.publicHint : strings.detail.privateHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Switch\n\t\t\t\t\t\taria-label={strings.detail.public}\n\t\t\t\t\t\tchecked={isPublic}\n\t\t\t\t\t\tonValueChange={(checked) => onUpdate({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"media-library-detail-panel--actions flex flex-wrap gap-space-md\">\n\t\t\t\t\t{onReplace && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"outline\" onClick={onReplace}>\n\t\t\t\t\t\t{strings.detail.replace}\n\t\t\t\t\t</Button>}\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.detail.delete}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n\nexport function MediaLibraryUploadPanel({\n\tstagedFiles,\n\tuploadOptions,\n\tcollections = [],\n\tuploading = false,\n\tstrings,\n\tonFiles,\n\tonRemoveFile,\n\tonOptionsChange,\n\tempty,\n}: MediaLibraryUploadPanelProps) {\n\treturn (\n\t\t<div className=\"media-library-upload-panel--component p-surface\">\n\t\t<Stack gap=\"xl\">\n\t\t\t<Dropzone\n\t\t\t\tonDrop={onFiles}\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tmultiple\n\t\t\t\tsize=\"md\"\n\t\t\t\tstrings={{\n\t\t\t\t\tinstruction: strings.upload.dropTitle,\n\t\t\t\t\thelper: strings.upload.dropHint,\n\t\t\t\t\tdragOver: strings.upload.dragOver,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{stagedFiles.length > 0 ? (\n\t\t\t\t<Stack gap=\"md\" className=\"media-library-upload-panel--staged\">\n\t\t\t\t\t{stagedFiles.map((file) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={file.id}\n\t\t\t\t\t\t\tclassName=\"media-library-upload-panel--staged-file flex items-center gap-space-lg rounded-radius border border-border bg-card text-card-foreground px-row-x py-row-y\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MediaPreview className=\"size-10 rounded-inner\">\n\t\t\t\t\t\t\t\t{file.src ? (\n\t\t\t\t\t\t\t\t\t<img src={file.src} alt={file.name} className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t{typeIcon(file.type, 'size-icon')}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t\t<Stack gap=\"md\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<div className=\"flex items-baseline gap-space-lg\">\n\t\t\t\t\t\t\t\t\t<Text type=\"inherit\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<FileSize value={file.size} size=\"xs\" className=\"ml-auto shrink-0\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{(file.status === 'uploading' || file.status === 'done') && (\n\t\t\t\t\t\t\t\t\t<Progress value={file.progress} size=\"sm\" aria-label={file.name} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{file.status === 'error' && (\n\t\t\t\t\t\t\t\t\t<Text type=\"error\">\n\t\t\t\t\t\t\t\t\t\t{file.error}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t{file.status === 'done' ? (\n\t\t\t\t\t\t\t\t<Badge tone=\"success\">{strings.upload.done}</Badge>\n\t\t\t\t\t\t\t) : file.status === 'uploading' ? (\n\t\t\t\t\t\t\t\t<Percent value={Math.round(file.progress)} scaled size=\"xs\" type=\"secondary\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.upload.removeFile, {\n\t\t\t\t\t\t\t\t\t\tname: file.name,\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tonClick={() => onRemoveFile(file.id)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</Stack>\n\t\t\t) : (\n\t\t\t\tempty\n\t\t\t)}\n\t\t\t<div className=\"media-library-upload-panel--options grid gap-space-lg @2xl/media-library:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]\">\n\t\t\t\t<FormField label={strings.upload.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={uploadOptions.collection ?? collections[0]?.value}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.upload.collection}\n\t\t\t\t\t\tonValueChange={(value) => onOptionsChange({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.upload.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={uploadOptions.tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.upload.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonOptionsChange({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"xl\" className=\"@2xl/media-library:self-end\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\">\n\t\t\t\t\t\t\t{strings.upload.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{strings.upload.publicHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Switch\n\t\t\t\t\t\taria-label={strings.upload.public}\n\t\t\t\t\t\tchecked={uploadOptions.public}\n\t\t\t\t\t\tonValueChange={(checked) => onOptionsChange({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t</div>\n\t\t</Stack>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterSummary({\n\ttab,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tstrings,\n\tonClearSelection,\n\tclassName,\n}: MediaLibraryFooterSummaryProps) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedSize = stagedFiles.reduce((sum, file) => sum + file.size, 0);\n\tconst stagedCount = stagedFiles.length;\n\tconst summaryClassName = cn(\n\t\t'media-library-footer-summary--component flex min-w-0 items-center gap-space-lg',\n\t\tclassName,\n\t);\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{stagedCount === 0\n\t\t\t\t\t\t? strings.footer.noFiles\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.stagedSummary, {\n\t\t\t\t\t\t\tcount: stagedCount,\n\t\t\t\t\t\t\tsize: formatFileSize(stagedSize) ?? strings.unknownSize,\n\t\t\t\t\t\t})}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t{selectedCount > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<Text weight=\"semibold\" className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{formatMediaLibraryString(strings.footer.selectedCount, {\n\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.footer.clear}\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{selectionMode === 'single' ? strings.footer.pickOne : strings.footer.pickMany}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterActions<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonUpload,\n\tonCancelUpload,\n\tclassName,\n}: MediaLibraryFooterActionsProps<TItem>) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedCount = stagedFiles.length;\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={cn('media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end', className)}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\tonClick={onCancelUpload}\n\t\t\t\t>\n\t\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t\t</Button>\n\t\t\t\t<Button tone=\"primary\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled={stagedCount === 0 || uploading}\n\t\t\t\t\tonClick={onUpload}\n\t\t\t\t\tloading={uploading}\n\t\t\t\t\tstrings={{ loading: strings.footer.uploading }}\n\t\t\t\t>\n\t\t\t\t\t{stagedCount <= 1\n\t\t\t\t\t\t? strings.footer.upload\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.uploadMany, { count: stagedCount })}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end', className)}>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tonClick={onCancel}\n\t\t\t>\n\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t</Button>\n\t\t\t<Button tone=\"primary\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={selectedCount === 0}\n\t\t\t\tonClick={onConfirm}\n\t\t\t>\n\t\t\t\t{confirmLabel ??\n\t\t\t\t\t(selectedCount === 0\n\t\t\t\t\t\t? strings.footer.confirmEmpty\n\t\t\t\t\t\t: selectedItems.length === 1\n\t\t\t\t\t\t\t? strings.footer.confirmOne\n\t\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.confirmMany, {\n\t\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t\t}))}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooter<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonClearSelection,\n\tonUpload,\n\tonCancelUpload,\n\tchrome = 'section',\n\tclassName,\n}: MediaLibraryFooterProps<TItem>) {\n\treturn (\n\t\t<footer\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-footer--component',\n\t\t\t\tchrome === 'section' && 'border-t border-border bg-background text-foreground p-surface',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex min-w-0 flex-col gap-space-lg @md/media-library:flex-row @md/media-library:justify-between\">\n\t\t\t<MediaLibraryFooterSummary\n\t\t\t\ttab={tab}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tstrings={strings}\n\t\t\t\tonClearSelection={onClearSelection}\n\t\t\t/>\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={tab}\n\t\t\t\tselectedItems={selectedItems}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tuploading={uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={onCancel}\n\t\t\t\tonConfirm={onConfirm}\n\t\t\t\tonUpload={onUpload}\n\t\t\t\tonCancelUpload={onCancelUpload}\n\t\t\t/>\n\t\t\t</div>\n\t\t</footer>\n\t);\n}\n","import { ImageIcon, UploadCloud } from 'lucide-react';\nimport { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Badge } from '../../base/badge';\nimport { BatchActionBar } from '../../base/batch-action-bar';\nimport { Button } from '../../base/buttons';\nimport { SurfaceTitle } from '../../base/display/surface-title';\nimport { ErrorState, LoadingState } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { ActionDialog } from '../overlays';\nimport { Number as NumberValue } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { controlGroupHeightClasses, segmentedControlRecipes } from '../../../lib/control-group-recipes';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\n\nimport { defaultMediaLibraryStrings, formatMediaLibraryString } from './media-library.strings';\nimport type { MediaLibraryCollectionOption, MediaLibraryDialogProps, MediaLibraryProps } from './media-library.types';\nimport { useMediaLibrary } from './hooks';\nimport {\n\tMediaLibraryCard,\n\tMediaLibraryDetailPanel,\n\tMediaLibraryEmptyState,\n\tMediaLibraryFooter,\n\tMediaLibraryFooterActions,\n\tMediaLibraryFooterSummary,\n\tMediaLibraryList,\n\tMediaLibraryToolbar,\n\tMediaLibraryUploadPanel,\n} from './partials/media-library-partials';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\ninterface MediaLibraryFooterPortalTarget {\n\telement: HTMLElement | null;\n}\n\nconst MediaLibraryFooterPortalContext = createContext<MediaLibraryFooterPortalTarget | null>(null);\n\nfunction useResolvedCollections<TItem>(\n\texplicit: readonly MediaLibraryCollectionOption[] | undefined,\n\titems: readonly TItem[],\n\tgetCollection: (item: TItem) => string | undefined,\n) {\n\treturn useMemo(() => {\n\t\tif (explicit) return explicit;\n\t\tconst seen = new Set<string>();\n\t\tfor (const item of items) {\n\t\t\tconst collection = getCollection(item);\n\t\t\tif (collection) seen.add(collection);\n\t\t}\n\t\treturn Array.from(seen).map((value) => ({ value, label: value }));\n\t}, [explicit, getCollection, items]);\n}\n\nexport function MediaLibrary<TItem = import('./media-library.types').MediaLibraryItem>({\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\tconfirmLabel,\n\tcancelLabel,\n\tselectionMode = 'multiple',\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\tallowUpload = true,\n\ttypeFilters,\n\tconfirmOnSelect = false,\n\tonConfirm,\n\tonCancel,\n\tonClose,\n\tbulkActions,\n\tstrings: stringsProp,\n\tslots,\n\theightClassName,\n\tclassName,\n\titems,\n\tfetcher,\n\taccessors,\n\tcollections,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonItemReplace,\n\tonItemOpen,\n\tonUpload,\n\tonError,\n\tselecting,\n\tdefaultSelecting,\n\tonSelectingChange,\n\ttab,\n\tdefaultTab,\n\tonTabChange,\n\tview,\n\tdefaultView,\n\tonViewChange,\n\tquery,\n\tdefaultQuery,\n\tonQueryChange,\n\ttype,\n\tdefaultType,\n\tonTypeChange,\n\tcollection,\n\tdefaultCollection,\n\tonCollectionChange,\n\tsort,\n\tdefaultSort,\n\tonSortChange,\n\tuploadOptions,\n\tdefaultUploadOptions,\n\tonUploadOptionsChange,\n\t...props\n}: MediaLibraryProps<TItem>) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(undefined, defaultScale);\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst state = useMediaLibrary<TItem>({\n\t\titems,\n\t\tfetcher,\n\t\taccessors,\n\t\tcollections,\n\t\tselectionMode,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\tonItemUpdate,\n\t\tonItemDelete,\n\t\tonUpload,\n\t\tonError,\n\t\ttab,\n\t\tdefaultTab,\n\t\tonTabChange,\n\t\tview,\n\t\tdefaultView,\n\t\tonViewChange,\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\ttype,\n\t\tdefaultType,\n\t\tonTypeChange,\n\t\tcollection,\n\t\tdefaultCollection,\n\t\tonCollectionChange,\n\t\tsort,\n\t\tdefaultSort,\n\t\tonSortChange,\n\t\tuploadOptions,\n\t\tdefaultUploadOptions,\n\t\tonUploadOptionsChange,\n\t\tselecting,\n\t\t// A picker starts selecting; a library starts browsing, where activation opens.\n\t\tdefaultSelecting: defaultSelecting ?? confirmOnSelect,\n\t\tonSelectingChange,\n\t});\n\tconst resolvedCollections = useResolvedCollections(collections, state.items, state.accessors.getCollection);\n\tconst activeTab = allowUpload ? state.tab : 'library';\n\tconst detailItem = state.detailId\n\t\t? (state.items.find((item) => state.accessors.getId(item) === state.detailId) ?? null)\n\t\t: null;\n\tconst footerPortal = useContext(MediaLibraryFooterPortalContext);\n\tconst usesDefaultFooter = !slots?.footer;\n\tconst dialogSelectionSummary =\n\t\tfooterPortal && usesDefaultFooter ? (\n\t\t\t<MediaLibraryFooterSummary\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tstrings={strings}\n\t\t\t\tonClearSelection={state.clearSelection}\n\t\t\t\tclassName=\"media-library-dialog--selection-summary shrink-0 justify-end\"\n\t\t\t/>\n\t\t) : null;\n\tconst hasHeaderIdentity = Boolean(title || titleSuffix || description || slots?.headerStart);\n\tconst hasHeaderControls = Boolean(allowUpload || slots?.headerEnd || dialogSelectionSummary);\n\tconst hasHeader = hasHeaderIdentity || hasHeaderControls;\n\n\tconst confirm = () => {\n\t\tonConfirm?.(state.selectedItems, state.selectedIds);\n\t\tonClose?.();\n\t};\n\tconst cancel = () => {\n\t\tonCancel?.();\n\t\tonClose?.();\n\t};\n\tconst confirmItem = (item: TItem) => {\n\t\tconst id = state.accessors.getId(item);\n\t\tstate.toggleSelection(id);\n\t\tif (confirmOnSelect) {\n\t\t\tonConfirm?.([item], [id]);\n\t\t\tonClose?.();\n\t\t}\n\t};\n\tconst sectionRef = useRef<HTMLElement>(null);\n\tconst detailOpenerRef = useRef<HTMLElement | null>(null);\n\tconst showDetail = (id: string) => {\n\t\t// Narrow shells hide the grid behind the panel, so focus moves in and comes back.\n\t\tdetailOpenerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\t\tstate.setDetailId(id);\n\t};\n\tconst openItem = (item: TItem) => {\n\t\tif (onItemOpen) onItemOpen(item);\n\t\telse showDetail(state.accessors.getId(item));\n\t};\n\tuseEffect(() => {\n\t\tif (state.detailId !== null) {\n\t\t\tif (detailOpenerRef.current) sectionRef.current?.querySelector<HTMLElement>('[data-media-detail-close]')?.focus();\n\t\t\treturn;\n\t\t}\n\t\tconst opener = detailOpenerRef.current;\n\t\tdetailOpenerRef.current = null;\n\t\tif (opener?.isConnected) opener.focus();\n\t}, [state.detailId]);\n\tconst trimmedQuery = state.query.trim();\n\tconst countLabel =\n\t\ttrimmedQuery.length > 0\n\t\t\t? formatMediaLibraryString(strings.countSearch, {\n\t\t\t\t\tcount: state.filteredCount,\n\t\t\t\t\ttotal: state.totalCount,\n\t\t\t\t\tquery: trimmedQuery,\n\t\t\t\t})\n\t\t\t: state.filteredCount === state.totalCount\n\t\t\t\t? formatMediaLibraryString(strings.countAll, {\n\t\t\t\t\t\tcount: state.totalCount,\n\t\t\t\t\t})\n\t\t\t\t: formatMediaLibraryString(strings.countFiltered, {\n\t\t\t\t\t\tcount: state.filteredCount,\n\t\t\t\t\t\ttotal: state.totalCount,\n\t\t\t\t\t});\n\t// A picker reports its selection in the footer, a browsing library in the\n\t// floating batch bar; never both.\n\tconst isPicker = Boolean(footerPortal) || (Boolean(onConfirm) && !confirmOnSelect);\n\tconst usesBulkBar = Boolean(bulkActions) && !isPicker;\n\tconst resultsRef = useRef<HTMLDivElement>(null);\n\tconst bulkSelectedCount = activeTab === 'library' ? state.selectedIds.length : 0;\n\tconst footer =\n\t\tslots?.footer ??\n\t\t(usesBulkBar && activeTab === 'library' ? null : footerPortal ? (\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.cancelUpload();\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t\tclassName=\"ml-auto\"\n\t\t\t/>\n\t\t) : (\n\t\t\t<MediaLibraryFooter\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonClearSelection={state.clearSelection}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.cancelUpload();\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t/>\n\t\t));\n\n\treturn (\n\t\t/*\n\t\t * The shell is a named container, and its own chrome switches on the\n\t\t * container's width rather than the viewport's. A media picker is routinely\n\t\t * mounted in a drawer or a split pane on a wide screen; keyed to the\n\t\t * viewport, the header laid out for desktop inside a 400px shell and the\n\t\t * tab group was clipped by `overflow-hidden` below.\n\t\t */\n\t\t<section\n\t\t\tref={sectionRef}\n\t\t\tclassName={cn(\n\t\t\t\t'media-library--component @container/media-library box-border flex min-h-0 flex-col overflow-hidden rounded-radius border border-border bg-background text-foreground',\n\t\t\t\theightClassName ?? 'h-190 max-h-[calc(100vh-7rem)]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-library--header flex flex-col gap-space-lg border-b border-border p-surface @2xl/media-library:flex-row @2xl/media-library:items-center @2xl/media-library:justify-between\">\n\t\t\t\t\t\t{hasHeaderIdentity && (\n\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"start\" gap=\"lg\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t{slots?.headerStart}\n\t\t\t\t\t\t\t\t{(title || titleSuffix || description) && (\n\t\t\t\t\t\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t{!!(title || titleSuffix) && (\n\t\t\t\t\t\t\t\t\t\t\t<SurfaceTitle title={title} suffix={titleSuffix} className=\"media-library--title\" />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{hasHeaderControls && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md',\n\t\t\t\t\t\t\t\t\tdialogSelectionSummary ? 'flex-1 justify-between' : '@2xl/media-library:justify-end',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{allowUpload && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn('media-library--tabs', segmentedControlRecipes.frame, controlGroupHeightClasses[size])}\n\t\t\t\t\t\t\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'library'}\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\tsegmentedControlRecipes.item, 'shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'library'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${interactionRecipes.segmentActive} hover:bg-card`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('library')}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ImageIcon className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.library}\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'upload'}\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\tsegmentedControlRecipes.item, 'shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'upload'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${interactionRecipes.segmentActive} hover:bg-card`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('upload')}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<UploadCloud className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.upload}\n\t\t\t\t\t\t\t\t\t\t\t\t{state.stagedFiles.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"media-library--staged-count\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<NumberValue value={state.stagedFiles.length} size=\"inherit\" weight=\"inherit\" type=\"inherit\" align=\"center\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{slots?.headerEnd}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t{dialogSelectionSummary}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<div className=\"media-library--body flex min-h-0 flex-1\">\n\t\t\t\t{activeTab === 'upload' ? (\n\t\t\t\t\t<div className=\"min-w-0 flex-1 overflow-y-auto\">\n\t\t\t\t\t\t<MediaLibraryUploadPanel\n\t\t\t\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\t\t\t\tuploadOptions={state.uploadOptions}\n\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\tuploading={state.uploading}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\tonFiles={state.addFiles}\n\t\t\t\t\t\t\tonRemoveFile={state.removeStagedFile}\n\t\t\t\t\t\t\tonOptionsChange={state.updateUploadOptions}\n\t\t\t\t\t\t\tempty={slots?.uploadEmpty}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library--library min-w-0 flex-1 flex-col',\n\t\t\t\t\t\t\tdetailItem ? 'hidden @2xl/media-library:flex' : 'flex',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Stack gap=\"md\" className=\"media-library--toolbar border-b border-border/60 p-surface\">\n\t\t\t\t\t\t\t<MediaLibraryToolbar\n\t\t\t\t\t\t\t\tquery={state.query}\n\t\t\t\t\t\t\t\ttype={state.type}\n\t\t\t\t\t\t\t\ttypeFilters={typeFilters}\n\t\t\t\t\t\t\t\tcollection={state.collection}\n\t\t\t\t\t\t\t\tsort={state.sort}\n\t\t\t\t\t\t\t\tview={state.view}\n\t\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\tonQueryChange={state.setQuery}\n\t\t\t\t\t\t\t\tonTypeChange={state.setType}\n\t\t\t\t\t\t\t\tonCollectionChange={state.setCollection}\n\t\t\t\t\t\t\t\tonSortChange={state.setSort}\n\t\t\t\t\t\t\t\tonViewChange={state.setView}\n\t\t\t\t\t\t\t\tonClearFilters={state.clearFilters}\n\t\t\t\t\t\t\t\ttoolbarEnd={slots?.toolbarEnd}\n\t\t\t\t\t\t\t\tselecting={state.selecting}\n\t\t\t\t\t\t\t\tonSelectingChange={state.setSelecting}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t{countLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={resultsRef}\n\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\taria-label={strings.resultsLabel}\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\tclassName={`media-library--results min-h-0 flex-1 overflow-y-auto p-surface focus-visible:outline-none ${focusRecipes.inset}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{state.loading ? (\n\t\t\t\t\t\t\t\t(slots?.loading ?? <LoadingState className=\"min-h-64\" label={strings.loading} />)\n\t\t\t\t\t\t\t) : state.error ? (\n\t\t\t\t\t\t\t\t(slots?.error ?? <ErrorState title={strings.errorTitle} description={strings.errorDescription} />)\n\t\t\t\t\t\t\t) : state.visibleItems.length === 0 ? (\n\t\t\t\t\t\t\t\t(slots?.empty ?? (\n\t\t\t\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\t\t\t\ttitle={state.hasFilters ? strings.emptyFilteredTitle : strings.emptyLibraryTitle}\n\t\t\t\t\t\t\t\t\t\tdescription={state.hasFilters ? strings.emptyFilteredDescription : strings.emptyLibraryDescription}\n\t\t\t\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\t\t\t\tstate.hasFilters ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"outline\" onClick={state.clearFilters}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : allowUpload ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button tone=\"primary\" type=\"button\" onClick={() => state.setTab('upload')}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.uploadMedia}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t) : state.view === 'table' ? (\n\t\t\t\t\t\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t\t\t\t\t\t<MediaLibraryList\n\t\t\t\t\t\t\t\t\t\titems={state.visibleItems}\n\t\t\t\t\t\t\t\t\t\tselectedSet={state.selectedSet}\n\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\tonToggle={(id) => {\n\t\t\t\t\t\t\t\t\t\t\tconst item = state.items.find((candidate) => state.accessors.getId(candidate) === id);\n\t\t\t\t\t\t\t\t\t\t\tif (item) confirmItem(item);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDetails={showDetail}\n\t\t\t\t\t\t\t\t\t\tselecting={state.selecting}\n\t\t\t\t\t\t\t\t\t\tonOpen={(id) => {\n\t\t\t\t\t\t\t\t\t\t\tconst item = state.items.find((candidate) => state.accessors.getId(candidate) === id);\n\t\t\t\t\t\t\t\t\t\t\tif (item) openItem(item);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-library--grid grid min-w-0 gap-space-lg',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact'\n\t\t\t\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(136px,1fr))]'\n\t\t\t\t\t\t\t\t\t\t\t: 'grid-cols-[repeat(auto-fill,minmax(168px,1fr))]',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{state.visibleItems.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst id = state.accessors.getId(item);\n\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tselected: state.selectedSet.has(id),\n\t\t\t\t\t\t\t\t\t\t\tselectionMode,\n\t\t\t\t\t\t\t\t\t\t\tselecting: state.selecting,\n\t\t\t\t\t\t\t\t\t\t\taccessors: state.accessors,\n\t\t\t\t\t\t\t\t\t\t\ttoggle: () => confirmItem(item),\n\t\t\t\t\t\t\t\t\t\t\topenDetails: () => showDetail(id),\n\t\t\t\t\t\t\t\t\t\t\topen: () => openItem(item),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tconst rendered = slots?.renderItem?.(item, ctx);\n\t\t\t\t\t\t\t\t\t\treturn rendered ? (\n\t\t\t\t\t\t\t\t\t\t\t<div key={id}>{rendered}</div>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<MediaLibraryCard\n\t\t\t\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={ctx.selected}\n\t\t\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\t\t\tshowMeta={showMeta}\n\t\t\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\t\t\tonToggle={ctx.toggle}\n\t\t\t\t\t\t\t\t\t\t\t\tonDetails={ctx.openDetails}\n\t\t\t\t\t\t\t\t\t\t\t\tonOpen={ctx.open}\n\t\t\t\t\t\t\t\t\t\t\t\tselecting={ctx.selecting}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{activeTab === 'library' && (\n\t\t\t\t\t<MediaLibraryDetailPanel\n\t\t\t\t\t\titem={detailItem}\n\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tonClose={() => state.setDetailId(null)}\n\t\t\t\t\t\tonUpdate={(patch) => (detailItem ? state.updateItem(detailItem, patch) : Promise.resolve(false))}\n\t\t\t\t\t\tonReplace={onItemReplace && detailItem ? () => onItemReplace(detailItem) : undefined}\n\t\t\t\t\t\tonRemove={async () => {\n\t\t\t\t\t\t\tif (!detailItem) return false;\n\t\t\t\t\t\t\tconst removed = await state.removeItem(detailItem);\n\t\t\t\t\t\t\tif (removed) state.setDetailId(null);\n\t\t\t\t\t\t\treturn removed;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\trenderDetail={slots?.renderDetail}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{footerPortal ? (footerPortal.element ? createPortal(footer, footerPortal.element) : null) : footer}\n\n\t\t\t{/*\n\t\t\t * Browsing only, and on the library tab. Docked to the viewport so the\n\t\t\t * selection stays reachable while the results scroll; focus returns to\n\t\t\t * the results when the bar goes away with focus in it.\n\t\t\t */}\n\t\t\t{usesBulkBar && (\n\t\t\t\t<BatchActionBar\n\t\t\t\t\tselectedCount={bulkSelectedCount}\n\t\t\t\t\ttotalCount={state.totalCount}\n\t\t\t\t\tonClear={state.clearSelection}\n\t\t\t\t\treturnFocusRef={resultsRef}\n\t\t\t\t\tclassName=\"media-library--bulk-actions\"\n\t\t\t\t\tstrings={{\n\t\t\t\t\t\tlabel: strings.batchActionsLabel,\n\t\t\t\t\t\tsummary: (count) => formatMediaLibraryString(strings.footer.selectedCount, { count }),\n\t\t\t\t\t\tclear: strings.footer.clear,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{bulkSelectedCount > 0 && bulkActions?.({\n\t\t\t\t\t\tselectedItems: state.selectedItems,\n\t\t\t\t\t\tselectedIds: state.selectedIds,\n\t\t\t\t\t\tselectedCount: state.selectedIds.length,\n\t\t\t\t\t\tvisibleCount: state.filteredCount,\n\t\t\t\t\t\ttotalCount: state.totalCount,\n\t\t\t\t\t\tclearSelection: state.clearSelection,\n\t\t\t\t\t})}\n\t\t\t\t</BatchActionBar>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport function MediaLibraryDialog<TItem = import('./media-library.types').MediaLibraryItem>({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tdialogTitle,\n\tdialogDescription,\n\tonClose,\n\tclassName,\n\tdialogClassName,\n\tcontentClassName,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\t...props\n}: MediaLibraryDialogProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, props.strings);\n\tconst [internalOpen, setInternalOpen] = useState(false);\n\tconst [footerElement, setFooterElement] = useState<HTMLDivElement | null>(null);\n\tconst isOpenControlled = open !== undefined;\n\tconst resolvedOpen = isOpenControlled ? open : internalOpen;\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (!isOpenControlled) setInternalOpen(nextOpen);\n\t\tonOpenChange?.(nextOpen);\n\t};\n\tconst closeMediaLibrary = () => {\n\t\thandleOpenChange(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<MediaLibraryFooterPortalContext.Provider value={{ element: footerElement }}>\n\t\t\t<ActionDialog\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={handleOpenChange}\n\t\t\t\tonClose={onClose}\n\t\t\t\ttrigger={trigger}\n\t\t\t\ttitle={dialogTitle ?? strings.title}\n\t\t\t\tdescription={dialogDescription ?? strings.description}\n\t\t\t\tsize=\"full\"\n\t\t\t\tshowCancel={false}\n\t\t\t\tshowConfirm={false}\n\t\t\t\tfooter={<div ref={setFooterElement} className=\"media-library-dialog--footer @container/media-library w-full\" />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))] sm:max-w-[min(1060px,calc(100vw-2rem))]',\n\t\t\t\t\tdialogClassName,\n\t\t\t\t)}\n\t\t\t\tcontentClassName={cn('media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0', contentClassName)}\n\t\t\t\tcloseOnBackdropClick={closeOnBackdropClick}\n\t\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\t>\n\t\t\t\t<MediaLibrary\n\t\t\t\t\t{...(props as MediaLibraryProps<TItem>)}\n\t\t\t\t\t// The dialog is a picker, so it opens in selection mode.\n\t\t\t\t\tdefaultSelecting={props.defaultSelecting ?? true}\n\t\t\t\t\tonClose={closeMediaLibrary}\n\t\t\t\t\tclassName={cn('media-library-dialog--library rounded-none border-0', className)}\n\t\t\t\t\theightClassName={props.heightClassName ?? 'min-h-0 flex-1'}\n\t\t\t\t\tstrings={props.strings}\n\t\t\t\t/>\n\t\t\t</ActionDialog>\n\t\t</MediaLibraryFooterPortalContext.Provider>\n\t);\n}\n","import { ArrowLeft, ArrowRight, File, ImagePlus, Lock, Play, Plus, Star, Trash2, X } from 'lucide-react';\n\nimport { Badge } from '../../base/badge';\nimport { Button } from '../../base/buttons';\nimport { Stack } from '../../base/structure';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultMediaLibraryStrings, formatMediaLibraryString } from './media-library.strings';\nimport type { MediaResourceGalleryItemRenderContext, MediaResourceGalleryProps } from './media-library.types';\nimport { resolveMediaLibraryAccessors } from './hooks';\nimport { MediaLibraryEmptyState } from './partials';\nimport { uploadDropTargetRecipes } from '../../base/upload/upload.recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nfunction moveItem<TItem>(items: readonly TItem[], from: number, to: number) {\n\tconst next = items.slice();\n\tconst [item] = next.splice(from, 1);\n\tif (item === undefined) return next;\n\tnext.splice(to, 0, item);\n\treturn next;\n}\n\nexport function MediaResourceGallery<TItem = import('./media-library.types').MediaLibraryItem>({\n\titems,\n\taccessors: accessorsProp,\n\ttitle,\n\tdescription,\n\tprimaryId,\n\tonPrimaryChange,\n\tonRemove,\n\tonReorder,\n\tonAdd,\n\tmaxItems,\n\tlayout = 'field',\n\tdensity = 'comfortable',\n\treadOnly = false,\n\tempty,\n\taction,\n\trenderItem,\n\tstrings: stringsProp,\n\tclassName,\n\t...props\n}: MediaResourceGalleryProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst accessors = resolveMediaLibraryAccessors(accessorsProp);\n\tconst total = items.length;\n\tconst resolvedPrimaryId = primaryId ?? (total > 0 ? accessors.getId(items[0] as TItem) : undefined);\n\tconst canAdd = !readOnly && Boolean(onAdd) && (maxItems === undefined || total < maxItems);\n\tconst defaultAction =\n\t\tcanAdd && (layout === 'field' || total > 0) ? (\n\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"outline\" icon={Plus} onClick={onAdd}>\n\t\t\t\t{strings.gallery.add}\n\t\t\t</Button>\n\t\t) : maxItems !== undefined && total >= maxItems ? (\n\t\t\t<Badge tone=\"secondary\">{strings.gallery.maxReached}</Badge>\n\t\t) : null;\n\n\tconst move = (from: number, to: number) => {\n\t\tif (to < 0 || to >= total || from === to) return;\n\t\tconst nextItems = moveItem(items, from, to);\n\t\tonReorder?.(\n\t\t\tnextItems.map((item) => accessors.getId(item)),\n\t\t\tnextItems,\n\t\t);\n\t};\n\n\tconst hasHeader = Boolean(title || description || action || defaultAction);\n\tconst shouldShowEmptyState = total === 0 && layout !== 'field';\n\n\tconst renderAddTile = () => {\n\t\tif (!canAdd || layout !== 'field') return null;\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-resource-gallery--add-tile box-border m-0 inline-flex w-full cursor-pointer items-center justify-center p-space-md font-sans rounded-radius border border-dashed border-border bg-background text-muted-foreground shadow-none',\n\t\t\t\t\t`aspect-square ${uploadDropTargetRecipes.hover}`,\n\t\t\t\t)}\n\t\t\t\taria-label={strings.gallery.addTile}\n\t\t\t\tonClick={onAdd}\n\t\t\t>\n\t\t\t\t<Plus className=\"size-icon\" />\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t\t{strings.gallery.addTile}\n\t\t\t\t</Text>\n\t\t\t</button>\n\t\t);\n\t};\n\n\treturn (\n\t\t<section\n\t\t\tclassName={cn(\n\t\t\t\t'media-resource-gallery--component @container/media-resource-gallery rounded-radius border border-border bg-card text-card-foreground shadow-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-layout={layout}\n\t\t\tdata-gallery-density={density}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-resource-gallery--header p-surface\">\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdirection={{ base: 'vertical', md: 'horizontal' }}\n\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\talign={{ md: 'start' }}\n\t\t\t\t\t\tjustify={{ md: 'between' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0\">\n\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t<Text tag=\"div\" type=\"inherit\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"media-resource-gallery--actions\">\n\t\t\t\t\t\t\t{action ?? defaultAction}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</Stack>\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t{shouldShowEmptyState ? (\n\t\t\t\t<div className=\"media-resource-gallery--empty px-surface pb-surface\">\n\t\t\t\t\t{empty ?? (\n\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\ttitle={strings.gallery.emptyTitle}\n\t\t\t\t\t\t\tdescription={strings.gallery.emptyDescription}\n\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\tcanAdd ? (\n\t\t\t\t\t\t\t\t\t<Button tone=\"primary\" type=\"button\" icon={ImagePlus} onClick={onAdd}>\n\t\t\t\t\t\t\t\t\t\t{strings.gallery.add}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'grid min-w-0 grid-cols-1',\n\t\t\t\t\t\tlayout === 'list' ? 'gap-space-md' : 'gap-space-lg',\n\t\t\t\t\t\t'media-resource-gallery--items p-surface',\n\t\t\t\t\t\thasHeader && 'pt-0',\n\t\t\t\t\t\tlayout === 'list'\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: layout === 'field'\n\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]'\n\t\t\t\t\t\t\t\t: density === 'compact'\n\t\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(132px,1fr))]'\n\t\t\t\t\t\t\t\t\t: 'grid-cols-[repeat(auto-fill,minmax(164px,1fr))]',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\t\t\tconst alt = accessors.getAlt(item) || name;\n\t\t\t\t\t\tconst isPrimary = id === resolvedPrimaryId;\n\t\t\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\t\t\tconst duration = accessors.getDuration(item);\n\t\t\t\t\t\tconst canMovePrevious = index > 0;\n\t\t\t\t\t\tconst canMoveNext = index < total - 1;\n\t\t\t\t\t\tconst ctx: MediaResourceGalleryItemRenderContext<TItem> = {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\tprimary: isPrimary,\n\t\t\t\t\t\t\taccessors,\n\t\t\t\t\t\t\tcanMovePrevious,\n\t\t\t\t\t\t\tcanMoveNext,\n\t\t\t\t\t\t\tsetPrimary: () => onPrimaryChange?.(id, item),\n\t\t\t\t\t\t\tremove: () => onRemove?.(id, item),\n\t\t\t\t\t\t\tmovePrevious: () => move(index, index - 1),\n\t\t\t\t\t\t\tmoveNext: () => move(index, index + 1),\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst rendered = renderItem?.(item, ctx);\n\t\t\t\t\t\tif (rendered) {\n\t\t\t\t\t\t\treturn <div key={id}>{rendered}</div>;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'field') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-radius border border-border bg-background text-foreground shadow-xs',\n\t\t\t\t\t\t\t\t\t\t// Its controls draw the shared focus indicator; the tile adds no second focus colour.\n\t\t\t\t\t\t\t\t\t\t`transition-colors ${interactionRecipes.tileHover}`,\n\t\t\t\t\t\t\t\t\t\tisPrimary && 'col-span-2 row-span-2 min-h-52',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center bg-muted text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className={isPrimary ? 'size-7' : 'size-icon-lg'} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrimary && (\n\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"absolute left-2 top-2 bg-background shadow-xs\">\n\t\t\t\t\t\t\t\t\t\t\t{strings.gallery.cover}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"absolute bottom-2 left-2 bg-foreground text-background\">\n\t\t\t\t\t\t\t\t\t\t\t<Play className=\"size-icon-sm fill-current\" />\n\t\t\t\t\t\t\t\t\t\t\t{duration}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrivate && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-xs\">\n\t\t\t\t\t\t\t\t\t\t\t<Lock className=\"size-icon-sm\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100\"\n\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<X className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'list') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\t\t\t\twrap\n\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item min-w-0 rounded-radius border border-border bg-background text-foreground px-row-x',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact' ? 'py-row-y-sm' : 'py-row-y',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"relative size-12 shrink-0 overflow-hidden rounded-inner bg-muted\">\n\t\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-icon\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"min-w-0 break-all\">\n\t\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge tone=\"secondary\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t{' · '}\n\t\t\t\t\t\t\t\t\t\t\t<FileSize\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={accessors.getSize(item)}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\temptyLabel={strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"media-resource-gallery--item-actions flex basis-full flex-wrap items-center justify-end gap-space-xs @sm/media-resource-gallery:basis-auto\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\tclassName={`media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background text-foreground shadow-xs transition-colors ${interactionRecipes.tileHover}`}\n\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"relative aspect-[4/3] bg-muted\">\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-6\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"absolute left-2 top-2 flex flex-wrap gap-space-xs\">\n\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge tone=\"secondary\" className=\"bg-card text-card-foreground\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"bg-card text-card-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item-body',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact' ? 'p-surface-xs' : 'p-surface',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t<FileSize\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={accessors.getSize(item)}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\temptyLabel={strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{renderAddTile()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n"],"mappings":"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AAerO;CAAK,CAAC;AACpC;AAEA,SAAgBsO,GAAuE,EACtF,UACA,gBACA,gBACA,iBACA,gBACA,mBAAgB,YAChB,aAAU,eACV,cAAW,IACX,iBAAc,IACd,gBACA,qBAAkB,IAClB,cACA,aACA,YACA,iBACA,SAASC,IACT,UACA,oBACA,cACA,UACA,YACA,eACA,iBACA,UACA,iBACA,mBACA,iBACA,kBACA,kBACA,gBACA,cACA,aACA,eACA,sBACA,uBACA,SACA,gBACA,iBACA,UACA,iBACA,iBACA,WACA,kBACA,mBACA,UACA,iBACA,kBACA,gBACA,uBACA,wBACA,UACA,iBACA,kBACA,mBACA,0BACA,0BACA,GAAGC,MACyB;CAC5B,IAAM,EAAE,qBAAiBnT,EAAiB,GACpCkO,KAAOjO,EAAsB,KAAA,GAAWkO,EAAY,GACpDd,IAAU+F,EAAWpR,IAA4BkR,EAAW,GAC5DG,IAAQlO,GAAuB;EACpC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,kBAAkB4F,MAAoBuI;EACtC;CACD,CAAC,GACKC,KAAsBV,GAAuBrE,IAAa6E,EAAM,OAAOA,EAAM,UAAU,aAAa,GACpGG,IAAYC,IAAcJ,EAAM,MAAM,WACtCK,IAAaL,EAAM,WACrBA,EAAM,MAAM,MAAM,MAASA,EAAM,UAAU,MAAMhQ,CAAI,MAAMgQ,EAAM,QAAQ,KAAK,OAC/E,MACGM,KAAeC,GAAWjB,EAA+B,GACzDkB,KAAoB,CAACC,GAAO,QAC5BC,KACLJ,MAAgBE,KACf,kBAACjC,IAAD;EACC,KAAK4B;EACL,aAAaH,EAAM;EACJ;EACf,aAAaA,EAAM;EACV;EACT,kBAAkBA,EAAM;EACxB,WAAU;CACV,CAAA,IACE,MACCW,KAAoB,GAAQC,KAASC,KAAepG,KAAegG,GAAO,cAC1EK,KAAoB,GAAQV,KAAeK,GAAO,aAAaC,KAC/DK,KAAYJ,MA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"}