themelia-ui 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (746) hide show
  1. package/.agents/skills/themelia-ui/SKILL.md +60 -33
  2. package/.agents/skills/themelia-ui/manifest.json +23 -0
  3. package/.agents/skills/themelia-ui/references/api-compatibility.md +5 -4
  4. package/.agents/skills/themelia-ui/references/blocks.md +123 -0
  5. package/.agents/skills/themelia-ui/references/composition-ladder.md +8 -8
  6. package/.agents/skills/themelia-ui/references/composition.md +100 -19
  7. package/.agents/skills/themelia-ui/references/forms.md +23 -3
  8. package/.agents/skills/themelia-ui/references/framework-wiring.md +41 -13
  9. package/.agents/skills/themelia-ui/references/i18n.md +4 -2
  10. package/.agents/skills/themelia-ui/references/imports.md +104 -104
  11. package/.agents/skills/themelia-ui/references/installation.md +60 -31
  12. package/.agents/skills/themelia-ui/references/migration.md +156 -5
  13. package/.agents/skills/themelia-ui/references/provider-and-scoping.md +37 -25
  14. package/.agents/skills/themelia-ui/references/reference-workflows.md +43 -0
  15. package/.agents/skills/themelia-ui/references/structure-and-spacing.md +147 -0
  16. package/.agents/skills/themelia-ui/references/theming.md +174 -131
  17. package/.agents/skills/themelia-ui/references/troubleshooting.md +88 -30
  18. package/.agents/skills/themelia-ui/references/verification.md +60 -5
  19. package/CHANGELOG.md +212 -0
  20. package/README.md +48 -60
  21. package/dist/accordion-CHuzMmWL.js +143 -0
  22. package/dist/{action-menu-BNLURfMK.js → action-menu-BwiL_F6I.js} +35 -33
  23. package/dist/{alert-dialog-BMVo6Z-8.js → alert-dialog-Cg2HhuBe.js} +1 -1
  24. package/dist/avatar-Dc_BNYfB.js +93 -0
  25. package/dist/badge-VlJVZjdm.js +45 -0
  26. package/dist/base/accordion.js +1 -1
  27. package/dist/base/action-menu.js +1 -1
  28. package/dist/base/alert-dialog.js +1 -1
  29. package/dist/base/aspect-ratio.js +3 -1
  30. package/dist/base/avatar.js +1 -1
  31. package/dist/base/badge.js +2 -2
  32. package/dist/base/batch-action-bar.js +1 -1
  33. package/dist/base/buttons.js +1 -1
  34. package/dist/base/cards.js +1 -1
  35. package/dist/base/carousel.js +6 -4
  36. package/dist/base/chart.js +1 -1
  37. package/dist/base/choice-inputs.js +1 -1
  38. package/dist/base/combobox.js +1 -1
  39. package/dist/base/command.js +1 -1
  40. package/dist/base/context-menu.js +22 -21
  41. package/dist/base/copyable.js +1 -1
  42. package/dist/base/date-pickers.js +1 -1
  43. package/dist/base/dialog.js +1 -1
  44. package/dist/base/display.js +1 -1
  45. package/dist/base/dropdown-menu.js +1 -1
  46. package/dist/base/feedback.js +1 -1
  47. package/dist/base/forms-numeric.js +1 -1
  48. package/dist/base/forms.js +1 -1
  49. package/dist/base/hover-card.js +26 -23
  50. package/dist/base/input-group.js +1 -1
  51. package/dist/base/item.js +1 -1
  52. package/dist/base/label.js +1 -1
  53. package/dist/base/menubar.js +20 -14
  54. package/dist/base/navigation-menu.js +47 -38
  55. package/dist/base/navigation.js +1 -1
  56. package/dist/base/otp-input.js +36 -30
  57. package/dist/base/overlay.js +1 -1
  58. package/dist/base/popover-menu.js +1 -1
  59. package/dist/base/popover.js +1 -1
  60. package/dist/base/qr-code.js +51 -47
  61. package/dist/base/repeaters.js +1 -1
  62. package/dist/base/resizable.js +2 -0
  63. package/dist/base/sheet.js +1 -1
  64. package/dist/base/sidebar.js +1 -1
  65. package/dist/base/skeleton.js +1 -1
  66. package/dist/base/spinner.js +1 -1
  67. package/dist/base/structure.js +1 -1
  68. package/dist/base/table.js +1 -1
  69. package/dist/base/text-inputs.js +1 -1
  70. package/dist/base/timeline.js +1 -1
  71. package/dist/base/toaster.js +1 -1
  72. package/dist/base/toggle.js +21 -15
  73. package/dist/base/toolbar.js +1 -1
  74. package/dist/base/tooltip.js +1 -1
  75. package/dist/base/typography.js +2 -2
  76. package/dist/base/upload.js +1 -1
  77. package/dist/base/value-inputs.js +1 -1
  78. package/dist/{batch-action-bar-BZYNKXdV.js → batch-action-bar-DZVMVW83.js} +11 -8
  79. package/dist/{admin/patterns → blocks/admin}/access.js +79 -76
  80. package/dist/blocks/admin/commerce.js +2493 -0
  81. package/dist/{patterns → blocks}/analytics.js +312 -303
  82. package/dist/{patterns → blocks}/onboarding.js +27 -23
  83. package/dist/{patterns → blocks}/timelines.js +1 -1
  84. package/dist/buttons-BX2JfL5X.js +173 -0
  85. package/dist/cards-Ddhz43Bz.js +279 -0
  86. package/dist/chart-BkK3Xm10.js +201 -0
  87. package/dist/choice-inputs-NwRxvmZN.js +694 -0
  88. package/dist/combobox-519ubijc.js +292 -0
  89. package/dist/command-JjApYFds.js +156 -0
  90. package/dist/comments-CCQ2QRaU.js +1443 -0
  91. package/dist/components/base/action-menu/action-menu.d.ts +1 -1
  92. package/dist/components/base/action-menu/action-menu.types.d.ts +2 -2
  93. package/dist/components/base/avatar/avatar.d.ts +5 -2
  94. package/dist/components/base/badge/badge.d.ts +10 -10
  95. package/dist/components/base/badge/badge.variants.d.ts +1 -2
  96. package/dist/components/base/badge/index.d.ts +1 -2
  97. package/dist/components/base/buttons/button.d.ts +9 -8
  98. package/dist/components/base/buttons/button.types.d.ts +2 -2
  99. package/dist/components/base/buttons/index.d.ts +1 -1
  100. package/dist/components/base/buttons/text-button.d.ts +1 -1
  101. package/dist/components/base/cards/card-actions.d.ts +1 -1
  102. package/dist/components/base/cards/card.d.ts +3 -1
  103. package/dist/components/base/cards/partials/card-header.d.ts +2 -1
  104. package/dist/components/base/choice-inputs/choice.types.d.ts +2 -2
  105. package/dist/components/base/choice-inputs/partials/choice-parts.d.ts +3 -3
  106. package/dist/components/base/command/command.d.ts +5 -2
  107. package/dist/components/base/display/icon-badge.d.ts +5 -3
  108. package/dist/components/base/display/index.d.ts +1 -1
  109. package/dist/components/base/display/metadata-list.d.ts +6 -6
  110. package/dist/components/base/display/metadata-value.d.ts +1 -1
  111. package/dist/components/base/display/separator.d.ts +2 -2
  112. package/dist/components/base/feedback/alert.d.ts +3 -2
  113. package/dist/components/base/feedback/empty.d.ts +5 -4
  114. package/dist/components/base/feedback/progress-circle.d.ts +2 -2
  115. package/dist/components/base/feedback/progress.d.ts +3 -1
  116. package/dist/components/base/forms/form-field.d.ts +2 -2
  117. package/dist/components/base/input-group/input-group.d.ts +8 -10
  118. package/dist/components/base/item/item.d.ts +2 -2
  119. package/dist/components/base/overlay/index.d.ts +1 -1
  120. package/dist/components/base/overlay/overlay.types.d.ts +7 -5
  121. package/dist/components/base/qr-code/qr-code.d.ts +4 -4
  122. package/dist/components/base/sheet/sheet.d.ts +1 -1
  123. package/dist/components/base/sidebar/sidebar.d.ts +9 -13
  124. package/dist/components/base/spinner/spinner.d.ts +2 -2
  125. package/dist/components/base/structure/adaptive-grid.d.ts +3 -3
  126. package/dist/components/base/structure/bleed.d.ts +4 -2
  127. package/dist/components/base/structure/grid.d.ts +10 -4
  128. package/dist/components/base/structure/index.d.ts +1 -1
  129. package/dist/components/base/structure/split.d.ts +4 -3
  130. package/dist/components/base/structure/stack.d.ts +5 -5
  131. package/dist/components/base/structure/structure.maps.d.ts +2 -1
  132. package/dist/components/base/structure/structure.types.d.ts +10 -4
  133. package/dist/components/base/toggle/toggle.d.ts +2 -2
  134. package/dist/components/base/toolbar/toolbar.d.ts +3 -3
  135. package/dist/components/base/typography/index.d.ts +2 -0
  136. package/dist/components/base/typography/rich-text/rich-text.variants.d.ts +9 -0
  137. package/dist/components/base/typography/text/index.d.ts +1 -0
  138. package/dist/components/base/typography/text/text.d.ts +15 -8
  139. package/dist/components/base/typography/text/text.variants.d.ts +41 -0
  140. package/dist/components/base/value-inputs/color-input.d.ts +1 -7
  141. package/dist/components/base/value-inputs/slider.d.ts +2 -7
  142. package/dist/components/{admin/patterns → blocks/admin}/commerce/vendor-profile.d.ts +2 -1
  143. package/dist/components/{patterns → blocks}/analytics/analytics.strings.d.ts +2 -5
  144. package/dist/components/features/actions/action-adapters.d.ts +3 -3
  145. package/dist/components/features/actions/actions.types.d.ts +3 -5
  146. package/dist/components/features/actions/index.d.ts +1 -1
  147. package/dist/components/features/activities/activities-feed.d.ts +1 -1
  148. package/dist/components/features/activities/activities.types.d.ts +4 -4
  149. package/dist/components/features/activities/activity-parts.d.ts +3 -3
  150. package/dist/components/features/activities/activity-row.d.ts +4 -4
  151. package/dist/components/features/activities/index.d.ts +1 -1
  152. package/dist/components/features/ai-chat/ai-chat.types.d.ts +10 -3
  153. package/dist/components/features/ai-chat/ai-message-surfaces.d.ts +1 -1
  154. package/dist/components/features/ai-chat/ai-work-surfaces.d.ts +1 -1
  155. package/dist/components/features/combobox/combobox.strings.d.ts +2 -2
  156. package/dist/components/features/combobox/fetching-combobox.d.ts +2 -1
  157. package/dist/components/features/combobox/resource-combobox.d.ts +3 -0
  158. package/dist/components/features/combobox/use-suggestions.d.ts +7 -0
  159. package/dist/components/features/event-calendar/event-calendar.types.d.ts +3 -0
  160. package/dist/components/features/media-library/index.d.ts +1 -1
  161. package/dist/components/features/media-library/media-library-parts.d.ts +4 -3
  162. package/dist/components/features/media-library/media-library-views.d.ts +4 -3
  163. package/dist/components/features/media-library/media-library.d.ts +1 -1
  164. package/dist/components/features/media-library/media-library.strings.d.ts +12 -13
  165. package/dist/components/features/media-library/media-library.types.d.ts +11 -9
  166. package/dist/components/features/media-library/media-resource-gallery.d.ts +1 -1
  167. package/dist/components/features/media-library/use-media-library.d.ts +1 -4
  168. package/dist/components/features/overlays/action-overlay-frame.d.ts +1 -1
  169. package/dist/components/features/overlays/index.d.ts +1 -1
  170. package/dist/components/features/overlays/overlay-parts.d.ts +3 -3
  171. package/dist/components/features/overlays/overlays.types.d.ts +8 -7
  172. package/dist/components/features/rich-text-editor/index.d.ts +0 -1
  173. package/dist/components/features/table/data-table-body.d.ts +1 -1
  174. package/dist/components/features/table/data-table-expanded-row.d.ts +27 -0
  175. package/dist/components/features/table/data-table-header.d.ts +1 -1
  176. package/dist/components/features/table/data-table-size.d.ts +1 -1
  177. package/dist/components/features/table/data-table.d.ts +1 -1
  178. package/dist/components/features/table/index.d.ts +1 -1
  179. package/dist/components/features/table/table-helpers.d.ts +9 -3
  180. package/dist/components/features/table/table.strings.d.ts +11 -0
  181. package/dist/components/features/table/table.types.d.ts +60 -2
  182. package/dist/components/features/theme-tweaker/index.d.ts +1 -1
  183. package/dist/components/features/theme-tweaker/theme-tweaker.strings.d.ts +1 -1
  184. package/dist/components/features/theme-tweaker/theme-tweaker.types.d.ts +6 -10
  185. package/dist/components/features/theme-tweaker/theme-tweaker.utils.d.ts +22 -6
  186. package/dist/components/layout/app-shell/topbar-sidebar-layout.d.ts +1 -1
  187. package/dist/components/layout/auth/auth.d.ts +1 -1
  188. package/dist/components/layout/auth/auth.types.d.ts +1 -1
  189. package/dist/components/primitives/value.d.ts +3 -1
  190. package/dist/containers-B8d8U9GS.js +2 -0
  191. package/dist/{copyable-H1TUEY-H.js → copyable-D9Okb1w6.js} +12 -11
  192. package/dist/core.css +2 -2
  193. package/dist/css/access.css +2 -1
  194. package/dist/css/accordion.css +2 -1
  195. package/dist/css/action-menu.css +2 -1
  196. package/dist/css/activities.css +2 -1
  197. package/dist/css/ai-chat.css +2 -1
  198. package/dist/css/analytics.css +2 -1
  199. package/dist/css/app-shell.css +2 -1
  200. package/dist/css/aspect-ratio.css +2 -1
  201. package/dist/css/async-preview.css +2 -1
  202. package/dist/css/auth.css +2 -1
  203. package/dist/css/avatar.css +2 -1
  204. package/dist/css/badge.css +2 -1
  205. package/dist/css/batch-action-bar.css +2 -1
  206. package/dist/css/buttons.css +2 -1
  207. package/dist/css/cards.css +2 -1
  208. package/dist/css/carousel.css +2 -1
  209. package/dist/css/chart.css +2 -1
  210. package/dist/css/choice-inputs.css +2 -1
  211. package/dist/css/combobox.css +2 -1
  212. package/dist/css/combobox2.css +2 -1
  213. package/dist/css/command.css +2 -1
  214. package/dist/css/comments.css +2 -1
  215. package/dist/css/commerce.css +2 -1
  216. package/dist/css/containers.css +2 -1
  217. package/dist/css/copyable.css +2 -1
  218. package/dist/css/data-view.css +2 -1
  219. package/dist/css/date-pickers.css +2 -1
  220. package/dist/css/display.css +2 -1
  221. package/dist/css/dropdown-menu.css +2 -1
  222. package/dist/css/event-calendar.css +2 -1
  223. package/dist/css/feedback.css +2 -1
  224. package/dist/css/filters.css +2 -1
  225. package/dist/css/forms-numeric.css +2 -1
  226. package/dist/css/forms.css +2 -1
  227. package/dist/css/global-search.css +2 -1
  228. package/dist/css/header.css +2 -1
  229. package/dist/css/hover-card.css +2 -1
  230. package/dist/css/input-group.css +2 -1
  231. package/dist/css/item.css +2 -1
  232. package/dist/css/kanban.css +2 -1
  233. package/dist/css/label.css +2 -1
  234. package/dist/css/map.css +2 -1
  235. package/dist/css/media-library.css +2 -1
  236. package/dist/css/mentions.css +2 -1
  237. package/dist/css/menubar.css +2 -1
  238. package/dist/css/navigation-menu.css +2 -1
  239. package/dist/css/navigation.css +2 -1
  240. package/dist/css/navigation2.css +2 -1
  241. package/dist/css/onboarding.css +2 -1
  242. package/dist/css/otp-input.css +2 -1
  243. package/dist/css/overlay.css +2 -1
  244. package/dist/css/overlays.css +2 -1
  245. package/dist/css/page.css +2 -1
  246. package/dist/css/popover-menu.css +2 -1
  247. package/dist/css/popover.css +2 -1
  248. package/dist/css/primitives.css +2 -1
  249. package/dist/css/products.css +2 -1
  250. package/dist/css/qr-code.css +2 -1
  251. package/dist/css/repeaters.css +2 -1
  252. package/dist/css/resizable.css +2 -1
  253. package/dist/css/resource-assignment.css +2 -1
  254. package/dist/css/resource.css +2 -1
  255. package/dist/css/rich-text-editor.css +2 -1
  256. package/dist/css/schema-form.css +2 -1
  257. package/dist/css/sidebar.css +2 -1
  258. package/dist/css/sidebar2.css +2 -1
  259. package/dist/css/skeleton.css +2 -1
  260. package/dist/css/spinner.css +2 -1
  261. package/dist/css/structure.css +2 -1
  262. package/dist/css/sync.css +2 -1
  263. package/dist/css/table.css +2 -1
  264. package/dist/css/table2.css +2 -1
  265. package/dist/css/text-inputs.css +2 -1
  266. package/dist/css/theme-tweaker.css +2 -1
  267. package/dist/css/timeline.css +2 -1
  268. package/dist/css/timelines.css +2 -1
  269. package/dist/css/toaster.css +2 -1
  270. package/dist/css/toggle.css +2 -1
  271. package/dist/css/toolbar.css +2 -1
  272. package/dist/css/tooltip.css +2 -1
  273. package/dist/css/typography.css +2 -1
  274. package/dist/css/upload.css +2 -1
  275. package/dist/css/value-inputs.css +2 -1
  276. package/dist/css/workspace.css +2 -1
  277. package/dist/css-graph.json +1027 -0
  278. package/dist/date-pickers-BwCwKIVM.js +685 -0
  279. package/dist/{dialog-CtFCuTUF.js → dialog-CAnwRNrm.js} +1 -1
  280. package/dist/display-a7AoX_u7.js +664 -0
  281. package/dist/dropdown-menu-Br8kvjrF.js +235 -0
  282. package/dist/empty.js +0 -0
  283. package/dist/features/actions.js +6 -6
  284. package/dist/features/activities.js +219 -216
  285. package/dist/features/ai-chat.js +593 -565
  286. package/dist/features/async-preview.js +105 -286
  287. package/dist/features/combobox.js +328 -314
  288. package/dist/features/comments.js +1 -1
  289. package/dist/features/data-view.js +56 -55
  290. package/dist/features/event-calendar.js +189 -185
  291. package/dist/features/filters.js +1 -1
  292. package/dist/features/global-search.js +259 -260
  293. package/dist/features/kanban.js +39 -37
  294. package/dist/features/map.js +357 -354
  295. package/dist/features/media-library.js +931 -931
  296. package/dist/features/mentions.js +1 -1
  297. package/dist/features/overlays.js +1 -1
  298. package/dist/features/products.js +950 -942
  299. package/dist/features/resource-assignment.js +39 -37
  300. package/dist/features/resource.js +70 -71
  301. package/dist/features/rich-text-editor.js +2 -2
  302. package/dist/features/schema-form.js +342 -338
  303. package/dist/features/sync.js +14 -12
  304. package/dist/features/table.js +1 -1
  305. package/dist/features/theme-tweaker.js +1002 -962
  306. package/dist/feedback-D4qVsKlD.js +430 -0
  307. package/dist/{filters-DOLKRSmb.js → filters-BhsTkWpZ.js} +386 -383
  308. package/dist/forms-C0WeNPFF.js +250 -0
  309. package/dist/forms-numeric-IwQ1ltNf.js +582 -0
  310. package/dist/hooks/use-native-dialog.d.ts +1 -1
  311. package/dist/index.js +2 -2
  312. package/dist/input-group-HS_Z0Ei_.js +119 -0
  313. package/dist/item-M2pmpWXh.js +150 -0
  314. package/dist/{label-DumoMDm6.js → label-HOBXAscw.js} +7 -5
  315. package/dist/layout/app-shell.js +4 -2
  316. package/dist/layout/auth.js +102 -100
  317. package/dist/layout/header.js +190 -180
  318. package/dist/layout/navigation.js +1 -1
  319. package/dist/layout/page.js +18 -16
  320. package/dist/layout/settings.js +2 -2
  321. package/dist/layout/sidebar.js +50 -46
  322. package/dist/layout/workspace.js +71 -69
  323. package/dist/lib/action-presentation.d.ts +3 -3
  324. package/dist/lib/component-vocabulary.d.ts +2 -2
  325. package/dist/lib/css-length.d.ts +2 -0
  326. package/dist/lib/responsive.d.ts +1 -1
  327. package/dist/lib/theming/index.d.ts +1 -0
  328. package/dist/lib/theming/recipes.d.ts +2 -2
  329. package/dist/lib/theming/themes/dense.d.ts +3 -0
  330. package/dist/lib/theming/themes/editorial.d.ts +3 -0
  331. package/dist/lib/theming/themes/index.d.ts +8 -0
  332. package/dist/lib/theming/themes/pair.d.ts +7 -0
  333. package/dist/lib/theming/themes/sharp.d.ts +3 -0
  334. package/dist/lib/theming/themes/soft.d.ts +3 -0
  335. package/dist/lib/theming/themes/types.d.ts +12 -0
  336. package/dist/lib/ui-provider/index.d.ts +1 -1
  337. package/dist/lib/ui-provider/scope.d.ts +5 -8
  338. package/dist/lib/ui-provider/tokens.d.ts +11 -3
  339. package/dist/lib/ui-provider/tokens.generated.d.ts +6 -4
  340. package/dist/lib/ui-provider/types.d.ts +17 -19
  341. package/dist/lib/ui-provider/ui-scope.d.ts +1 -1
  342. package/dist/{mentions-BbsEHlcH.js → mentions-BOxbigwp.js} +113 -111
  343. package/dist/navigation-Bgu7Vc0M.js +622 -0
  344. package/dist/navigation-DiYACqpE.js +216 -0
  345. package/dist/overlay-BuQOl8aP.js +356 -0
  346. package/dist/{overlays-DvVoS3td.js → overlays-1sULyytH.js} +77 -75
  347. package/dist/popover-CA7SP_iz.js +127 -0
  348. package/dist/popover-menu-QXgQeWeG.js +192 -0
  349. package/dist/{primitives-D0bdDozz.js → primitives-BskKlf35.js} +181 -178
  350. package/dist/primitives.js +1 -1
  351. package/dist/profiles/admin.json +6 -36
  352. package/dist/profiles/general.json +6 -96
  353. package/dist/repeaters-CeH20dvr.js +445 -0
  354. package/dist/rich-text-editor-D_Ppm8yh.js +491 -0
  355. package/dist/{sheet-CKcmRbJ9.js → sheet-CJ1-OAla.js} +3 -3
  356. package/dist/sidebar-D8uGqxio.js +421 -0
  357. package/dist/skeleton-BTKNKTdj.js +173 -0
  358. package/dist/spinner-Tc1QCnxM.js +30 -0
  359. package/dist/{structure-D0WGQAP3.js → structure-CynEZ-OY.js} +15 -23
  360. package/dist/style.css +1 -1
  361. package/dist/styles/TOKENS.md +116 -275
  362. package/dist/styles/animation.css +114 -0
  363. package/dist/styles/base.css +7 -6
  364. package/dist/styles/fields.css +45 -63
  365. package/dist/styles/focus.css +12 -0
  366. package/dist/styles/forced-colors.css +11 -10
  367. package/dist/styles/index.css +23 -30
  368. package/dist/styles/map.css +45 -34
  369. package/dist/styles/mentions.css +14 -52
  370. package/dist/styles/overlays.css +7 -7
  371. package/dist/styles/tailwind.css +76 -127
  372. package/dist/styles/targets.css +3 -3
  373. package/dist/styles/theme/colour.css +86 -0
  374. package/dist/styles/theme/density.css +31 -0
  375. package/dist/styles/theme/elevation.css +9 -0
  376. package/dist/styles/theme/layout.css +18 -0
  377. package/dist/styles/theme/motion.css +18 -0
  378. package/dist/styles/theme/shape.css +12 -0
  379. package/dist/styles/theme/size.css +10 -0
  380. package/dist/styles/theme/spacing.css +11 -0
  381. package/dist/styles/theme/typography.css +20 -0
  382. package/dist/styles/tone.css +61 -0
  383. package/dist/table-B7dtIFUx.js +1262 -0
  384. package/dist/table-Ds_eO9av.js +191 -0
  385. package/dist/tailwind.css +76 -127
  386. package/dist/text-inputs-BboE77nZ.js +395 -0
  387. package/dist/theming-C5ygF5uf.js +292 -0
  388. package/dist/theming.js +2 -2
  389. package/dist/{timeline-BdaGRyj-.js → timeline-BR_jNgvz.js} +57 -49
  390. package/dist/{timelines-BB7550mz.js → timelines-DXG1BfIN.js} +69 -67
  391. package/dist/{toaster-bBMgXm8z.js → toaster-CXL8L7Mm.js} +106 -99
  392. package/dist/tokens.json +1027 -636
  393. package/dist/toolbar-DBK-c4yy.js +74 -0
  394. package/dist/tooltip-BPYP-jUm.js +76 -0
  395. package/dist/{typography-BkxEiwQ1.js → typography-DmeR05Er.js} +87 -53
  396. package/dist/{ui-provider-Cmoq6i_D.js → ui-provider-DpzLUD12.js} +117 -69
  397. package/dist/ui-provider.js +1 -1
  398. package/dist/upload-CYuoJykZ.js +968 -0
  399. package/dist/use-async-preview-BFwf9ElY.js +188 -0
  400. package/dist/value-inputs-ng8aVJJZ.js +728 -0
  401. package/docs/README.md +13 -3
  402. package/docs/build/browser-composition-fixture.ts +28 -0
  403. package/docs/build/recipes.md +11484 -10723
  404. package/docs/generated/component-index.json +9809 -9169
  405. package/docs/generated/components/INDEX.md +5 -5
  406. package/docs/generated/components/base--accordion.md +51 -2
  407. package/docs/generated/components/base--action-menu.md +14 -15
  408. package/docs/generated/components/base--alert-dialog.md +3 -4
  409. package/docs/generated/components/base--aspect-ratio.md +3 -4
  410. package/docs/generated/components/base--avatar.md +7 -7
  411. package/docs/generated/components/base--badge.md +159 -27
  412. package/docs/generated/components/base--batch-action-bar.md +6 -7
  413. package/docs/generated/components/base--buttons.md +151 -47
  414. package/docs/generated/components/base--cards.md +107 -14
  415. package/docs/generated/components/base--carousel.md +1 -2
  416. package/docs/generated/components/base--chart.md +44 -8
  417. package/docs/generated/components/base--choice-inputs.md +10 -11
  418. package/docs/generated/components/base--combobox.md +3 -4
  419. package/docs/generated/components/base--command.md +6 -6
  420. package/docs/generated/components/base--context-menu.md +1 -2
  421. package/docs/generated/components/base--copyable.md +6 -7
  422. package/docs/generated/components/base--date-pickers.md +6 -7
  423. package/docs/generated/components/base--dialog.md +6 -7
  424. package/docs/generated/components/base--direction.md +1 -1
  425. package/docs/generated/components/base--display.md +234 -54
  426. package/docs/generated/components/base--dropdown-menu.md +6 -7
  427. package/docs/generated/components/base--feedback.md +71 -18
  428. package/docs/generated/components/base--forms-numeric.md +6 -7
  429. package/docs/generated/components/base--forms.md +84 -14
  430. package/docs/generated/components/base--hover-card.md +3 -4
  431. package/docs/generated/components/base--input-group.md +27 -30
  432. package/docs/generated/components/base--item.md +8 -9
  433. package/docs/generated/components/base--label.md +2 -3
  434. package/docs/generated/components/base--menubar.md +2 -4
  435. package/docs/generated/components/base--navigation-menu.md +2 -3
  436. package/docs/generated/components/base--navigation.md +2 -3
  437. package/docs/generated/components/base--otp-input.md +3 -4
  438. package/docs/generated/components/base--overlay.md +56 -47
  439. package/docs/generated/components/base--popover-menu.md +7 -8
  440. package/docs/generated/components/base--popover.md +9 -10
  441. package/docs/generated/components/base--qr-code.md +7 -8
  442. package/docs/generated/components/base--repeaters.md +6 -7
  443. package/docs/generated/components/base--resizable.md +2 -3
  444. package/docs/generated/components/base--sheet.md +12 -13
  445. package/docs/generated/components/base--sidebar.md +9 -11
  446. package/docs/generated/components/base--skeleton.md +6 -7
  447. package/docs/generated/components/base--slot.md +1 -1
  448. package/docs/generated/components/base--spinner.md +5 -7
  449. package/docs/generated/components/base--structure.md +320 -70
  450. package/docs/generated/components/base--table.md +61 -3
  451. package/docs/generated/components/base--text-inputs.md +17 -18
  452. package/docs/generated/components/base--timeline.md +45 -4
  453. package/docs/generated/components/base--toaster.md +43 -12
  454. package/docs/generated/components/base--toggle.md +11 -12
  455. package/docs/generated/components/base--toolbar.md +7 -8
  456. package/docs/generated/components/base--tooltip.md +5 -6
  457. package/docs/generated/components/base--typography.md +317 -32
  458. package/docs/generated/components/base--upload.md +8 -9
  459. package/docs/generated/components/base--value-inputs.md +9 -38
  460. package/docs/generated/components/{admin--patterns--access.md → blocks--admin--access.md} +15 -6
  461. package/docs/generated/components/{admin--patterns--commerce.md → blocks--admin--commerce.md} +40 -41
  462. package/docs/generated/components/{patterns--analytics.md → blocks--analytics.md} +57 -14
  463. package/docs/generated/components/{patterns--onboarding.md → blocks--onboarding.md} +6 -7
  464. package/docs/generated/components/{patterns--timelines.md → blocks--timelines.md} +6 -7
  465. package/docs/generated/components/features--actions.md +8 -18
  466. package/docs/generated/components/features--activities.md +31 -32
  467. package/docs/generated/components/features--ai-chat.md +15 -15
  468. package/docs/generated/components/features--async-preview.md +5 -6
  469. package/docs/generated/components/features--combobox.md +71 -5
  470. package/docs/generated/components/features--comments.md +0 -1
  471. package/docs/generated/components/features--data-view.md +63 -8
  472. package/docs/generated/components/features--event-calendar.md +1 -2
  473. package/docs/generated/components/features--filters.md +11 -2
  474. package/docs/generated/components/features--global-search.md +1 -2
  475. package/docs/generated/components/features--kanban.md +1 -2
  476. package/docs/generated/components/features--map.md +1 -2
  477. package/docs/generated/components/features--media-library.md +105 -38
  478. package/docs/generated/components/features--mentions.md +7 -7
  479. package/docs/generated/components/features--overlays.md +75 -22
  480. package/docs/generated/components/features--products.md +10 -11
  481. package/docs/generated/components/features--resource-assignment.md +2 -3
  482. package/docs/generated/components/features--resource.md +3 -4
  483. package/docs/generated/components/features--rich-text-editor.md +42 -13
  484. package/docs/generated/components/features--schema-form.md +1 -2
  485. package/docs/generated/components/features--sync.md +2 -3
  486. package/docs/generated/components/features--table.md +162 -12
  487. package/docs/generated/components/features--theme-tweaker.md +30 -15
  488. package/docs/generated/components/forms.md +2 -2
  489. package/docs/generated/components/layout--app-shell.md +41 -11
  490. package/docs/generated/components/layout--auth.md +8 -9
  491. package/docs/generated/components/layout--containers.md +40 -1
  492. package/docs/generated/components/layout--header.md +2 -3
  493. package/docs/generated/components/layout--navigation.md +0 -1
  494. package/docs/generated/components/layout--page.md +33 -5
  495. package/docs/generated/components/layout--settings.md +0 -1
  496. package/docs/generated/components/layout--sidebar.md +47 -7
  497. package/docs/generated/components/layout--workspace.md +3 -4
  498. package/docs/generated/components/primitives.md +128 -17
  499. package/docs/generated/components/theming.md +147 -4
  500. package/docs/generated/components/ui-provider.md +96 -78
  501. package/docs/generated/composition-ladder.md +8 -8
  502. package/docs/generated/consumer-contract.json +5736 -0
  503. package/docs/generated/imports.md +104 -104
  504. package/docs/generated/migration-broad-imports.json +267 -90
  505. package/docs/generated/migration-broad-imports.md +266 -101
  506. package/docs/generated/migration-codemod.json +365 -70
  507. package/docs/generated/migration.md +665 -95
  508. package/docs/generated/profiles.md +27 -27
  509. package/docs/generated/public-api.md +104 -102
  510. package/docs/generated/recipes.json +755 -810
  511. package/docs/generated/workflows/communications-overview/analytics/communications-reference.tsx +19 -0
  512. package/docs/generated/workflows/index.json +691 -0
  513. package/docs/generated/workflows/media-picking/media-library/media-picking-reference.tsx +63 -0
  514. package/docs/generated/workflows/media-picking/media-library/reference-data.ts +3 -0
  515. package/docs/generated/workflows/multi-section-form/form-workflow/multi-section-reference.tsx +46 -0
  516. package/docs/generated/workflows/nested-action-flow/action-overlays/nested-action-reference.tsx +39 -0
  517. package/docs/generated/workflows/record-detail/page-layout/record-detail-reference.tsx +24 -0
  518. package/docs/generated/workflows/resource-index/data-view/resource-index-reference.tsx +51 -0
  519. package/docs/generated/workflows/scoped-resource-selection/combobox/scoped-resource-reference.tsx +50 -0
  520. package/docs/generated/workflows/website-content-editor/media-library/reference-data.ts +3 -0
  521. package/docs/generated/workflows/website-content-editor/rich-text-editor/website-content-reference.tsx +33 -0
  522. package/docs/generated/workflows/workspace-navigation/app-shell/workspace-navigation-reference.tsx +26 -0
  523. package/docs/learn/api-compatibility.md +5 -4
  524. package/docs/learn/blocks.md +123 -0
  525. package/docs/learn/composition.md +100 -19
  526. package/docs/learn/forms.md +23 -3
  527. package/docs/learn/framework-wiring.md +41 -13
  528. package/docs/learn/i18n.md +4 -2
  529. package/docs/learn/installation.md +60 -31
  530. package/docs/learn/migration.md +156 -5
  531. package/docs/learn/provider-and-scoping.md +37 -25
  532. package/docs/learn/reference-workflows.md +43 -0
  533. package/docs/learn/structure-and-spacing.md +147 -0
  534. package/docs/learn/theming.md +174 -131
  535. package/docs/learn/troubleshooting.md +88 -30
  536. package/docs/learn/verification.md +60 -5
  537. package/package.json +42 -473
  538. package/scripts/consumer/codemod.mjs +50 -32
  539. package/scripts/consumer/contract-reader.mjs +42 -0
  540. package/scripts/consumer/css-scan.mjs +51 -0
  541. package/scripts/consumer/diagnose.mjs +136 -0
  542. package/scripts/consumer/find-component.mjs +30 -17
  543. package/scripts/consumer/install-skill.mjs +93 -11
  544. package/src/styles/TOKENS.md +116 -275
  545. package/dist/accordion-6YPJ9XRO.js +0 -135
  546. package/dist/admin/patterns/access.css +0 -15
  547. package/dist/admin/patterns/commerce.css +0 -29
  548. package/dist/admin/patterns/commerce.js +0 -2493
  549. package/dist/avatar-CS7zow2q.js +0 -85
  550. package/dist/badge-CxOuTfVr.js +0 -63
  551. package/dist/base/accordion.css +0 -3
  552. package/dist/base/action-menu.css +0 -6
  553. package/dist/base/alert-dialog.css +0 -4
  554. package/dist/base/aspect-ratio.css +0 -2
  555. package/dist/base/avatar.css +0 -4
  556. package/dist/base/badge.css +0 -2
  557. package/dist/base/batch-action-bar.css +0 -5
  558. package/dist/base/buttons.css +0 -4
  559. package/dist/base/cards.css +0 -13
  560. package/dist/base/carousel.css +0 -5
  561. package/dist/base/chart.css +0 -2
  562. package/dist/base/choice-inputs.css +0 -10
  563. package/dist/base/combobox.css +0 -3
  564. package/dist/base/command.css +0 -9
  565. package/dist/base/context-menu.css +0 -2
  566. package/dist/base/copyable.css +0 -6
  567. package/dist/base/date-pickers.css +0 -11
  568. package/dist/base/dialog.css +0 -4
  569. package/dist/base/display.css +0 -8
  570. package/dist/base/dropdown-menu.css +0 -2
  571. package/dist/base/feedback.css +0 -5
  572. package/dist/base/forms-numeric.css +0 -12
  573. package/dist/base/forms.css +0 -14
  574. package/dist/base/hover-card.css +0 -2
  575. package/dist/base/input-group.css +0 -6
  576. package/dist/base/item.css +0 -9
  577. package/dist/base/label.css +0 -3
  578. package/dist/base/menubar.css +0 -2
  579. package/dist/base/navigation-menu.css +0 -2
  580. package/dist/base/navigation.css +0 -12
  581. package/dist/base/otp-input.css +0 -9
  582. package/dist/base/overlay.css +0 -4
  583. package/dist/base/popover-menu.css +0 -11
  584. package/dist/base/popover.css +0 -3
  585. package/dist/base/qr-code.css +0 -2
  586. package/dist/base/repeaters.css +0 -18
  587. package/dist/base/resizable.css +0 -2
  588. package/dist/base/sheet.css +0 -4
  589. package/dist/base/sidebar.css +0 -12
  590. package/dist/base/skeleton.css +0 -9
  591. package/dist/base/spinner.css +0 -2
  592. package/dist/base/structure.css +0 -2
  593. package/dist/base/table.css +0 -3
  594. package/dist/base/text-inputs.css +0 -2
  595. package/dist/base/timeline.css +0 -9
  596. package/dist/base/toaster.css +0 -2
  597. package/dist/base/toggle.css +0 -2
  598. package/dist/base/toolbar.css +0 -5
  599. package/dist/base/tooltip.css +0 -2
  600. package/dist/base/typography.css +0 -2
  601. package/dist/base/upload.css +0 -10
  602. package/dist/base/value-inputs.css +0 -14
  603. package/dist/buttons-CqXKWty3.js +0 -179
  604. package/dist/cards-C6Ulbkw7.js +0 -271
  605. package/dist/chart-nomhJ87z.js +0 -193
  606. package/dist/choice-inputs-OUDn0kQw.js +0 -680
  607. package/dist/combobox-C8oP92bT.js +0 -266
  608. package/dist/command-Bp3B6pUu.js +0 -143
  609. package/dist/comments-CAnDlyXO.js +0 -1438
  610. package/dist/components/admin/patterns/index.d.ts +0 -2
  611. package/dist/components/features/rich-text-editor/exec-command-engine.d.ts +0 -2
  612. package/dist/components/patterns/index.d.ts +0 -3
  613. package/dist/css/styles.css +0 -1
  614. package/dist/date-pickers-DOwIT-Nk.js +0 -661
  615. package/dist/display-B3Q17h5z.js +0 -645
  616. package/dist/dropdown-menu-TyNLCLML.js +0 -223
  617. package/dist/features/actions.css +0 -11
  618. package/dist/features/activities.css +0 -25
  619. package/dist/features/ai-chat.css +0 -14
  620. package/dist/features/async-preview.css +0 -10
  621. package/dist/features/combobox.css +0 -12
  622. package/dist/features/comments.css +0 -24
  623. package/dist/features/data-view.css +0 -31
  624. package/dist/features/event-calendar.css +0 -17
  625. package/dist/features/filters.css +0 -24
  626. package/dist/features/global-search.css +0 -19
  627. package/dist/features/kanban.css +0 -7
  628. package/dist/features/map.css +0 -15
  629. package/dist/features/media-library.css +0 -27
  630. package/dist/features/mentions.css +0 -17
  631. package/dist/features/overlays.css +0 -11
  632. package/dist/features/products.css +0 -29
  633. package/dist/features/resource-assignment.css +0 -14
  634. package/dist/features/resource.css +0 -15
  635. package/dist/features/rich-text-editor.css +0 -8
  636. package/dist/features/schema-form.css +0 -22
  637. package/dist/features/sync.css +0 -11
  638. package/dist/features/table.css +0 -20
  639. package/dist/features/theme-tweaker.css +0 -27
  640. package/dist/feedback-DRerHGuV.js +0 -469
  641. package/dist/forms-CPrGGif_.js +0 -242
  642. package/dist/forms-numeric-CPVsL7Vf.js +0 -569
  643. package/dist/index.css +0 -3
  644. package/dist/input-group-BYe0rhoB.js +0 -126
  645. package/dist/item-B3yQ26as.js +0 -146
  646. package/dist/layout/app-shell.css +0 -13
  647. package/dist/layout/auth.css +0 -14
  648. package/dist/layout/containers.css +0 -2
  649. package/dist/layout/header.css +0 -20
  650. package/dist/layout/navigation.css +0 -11
  651. package/dist/layout/page.css +0 -15
  652. package/dist/layout/settings.css +0 -16
  653. package/dist/layout/sidebar.css +0 -16
  654. package/dist/layout/workspace.css +0 -15
  655. package/dist/navigation-CsqTA16F.js +0 -614
  656. package/dist/navigation-DzxzPuwg.js +0 -202
  657. package/dist/overlay-WQOsLd69.js +0 -345
  658. package/dist/patterns/analytics.css +0 -15
  659. package/dist/patterns/onboarding.css +0 -11
  660. package/dist/patterns/timelines.css +0 -11
  661. package/dist/popover-DriLnIFc.js +0 -123
  662. package/dist/popover-menu-C2UCMAe7.js +0 -189
  663. package/dist/primitives.css +0 -3
  664. package/dist/repeaters-DuP1N0nw.js +0 -438
  665. package/dist/rich-text-editor-BQXFe9oN.js +0 -595
  666. package/dist/sidebar-D0N6ckJL.js +0 -412
  667. package/dist/skeleton-DGR9df28.js +0 -172
  668. package/dist/spinner-CUAVFecI.js +0 -52
  669. package/dist/styles/FACTORS.md +0 -36
  670. package/dist/styles/SCOPES.md +0 -86
  671. package/dist/styles/themes/default.css +0 -164
  672. package/dist/styles/theming/animation.css +0 -143
  673. package/dist/styles/theming/colors.css +0 -97
  674. package/dist/styles/theming/feedback.css +0 -17
  675. package/dist/styles/theming/field.css +0 -21
  676. package/dist/styles/theming/focus.css +0 -88
  677. package/dist/styles/theming/layers.css +0 -13
  678. package/dist/styles/theming/layout.css +0 -21
  679. package/dist/styles/theming/motion.css +0 -42
  680. package/dist/styles/theming/overlay.css +0 -52
  681. package/dist/styles/theming/sizing.css +0 -118
  682. package/dist/styles/theming/text.css +0 -30
  683. package/dist/styles/theming/typography.css +0 -26
  684. package/dist/styles/tokens/components.css +0 -22
  685. package/dist/styles/tokens/foundation.css +0 -80
  686. package/dist/styles/tokens/layout.css +0 -19
  687. package/dist/styles/tokens/palette.css +0 -88
  688. package/dist/styles/tokens/primitives.css +0 -18
  689. package/dist/styles/tokens/states.css +0 -77
  690. package/dist/table-BC4qqsUb.js +0 -180
  691. package/dist/table-BHDpjajL.js +0 -982
  692. package/dist/text-inputs-DF_lD7pA.js +0 -385
  693. package/dist/theming-D6KRU7hO.js +0 -104
  694. package/dist/toolbar-DWRywF0R.js +0 -68
  695. package/dist/tooltip-t1VQQ2tZ.js +0 -73
  696. package/dist/upload-B38YZeFJ.js +0 -938
  697. package/dist/value-inputs-Q4ymjXlV.js +0 -716
  698. package/src/styles/FACTORS.md +0 -36
  699. package/src/styles/SCOPES.md +0 -86
  700. /package/dist/components/{admin/patterns → blocks/admin}/access/admin.strings.d.ts +0 -0
  701. /package/dist/components/{admin/patterns → blocks/admin}/access/credential-list.d.ts +0 -0
  702. /package/dist/components/{admin/patterns → blocks/admin}/access/index.d.ts +0 -0
  703. /package/dist/components/{admin/patterns → blocks/admin}/access/role-permissions.d.ts +0 -0
  704. /package/dist/components/{admin/patterns → blocks/admin}/access/sensitive-action.d.ts +0 -0
  705. /package/dist/components/{admin/patterns → blocks/admin}/commerce/account.d.ts +0 -0
  706. /package/dist/components/{admin/patterns → blocks/admin}/commerce/address-lines.d.ts +0 -0
  707. /package/dist/components/{admin/patterns → blocks/admin}/commerce/booking.d.ts +0 -0
  708. /package/dist/components/{admin/patterns → blocks/admin}/commerce/cart.d.ts +0 -0
  709. /package/dist/components/{admin/patterns → blocks/admin}/commerce/commerce.strings.d.ts +0 -0
  710. /package/dist/components/{admin/patterns → blocks/admin}/commerce/commerce.types.d.ts +0 -0
  711. /package/dist/components/{admin/patterns → blocks/admin}/commerce/format-amount.d.ts +0 -0
  712. /package/dist/components/{admin/patterns → blocks/admin}/commerce/index.d.ts +0 -0
  713. /package/dist/components/{admin/patterns → blocks/admin}/commerce/inventory-section.d.ts +0 -0
  714. /package/dist/components/{admin/patterns → blocks/admin}/commerce/invoice.d.ts +0 -0
  715. /package/dist/components/{admin/patterns → blocks/admin}/commerce/loyalty.d.ts +0 -0
  716. /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-customer.d.ts +0 -0
  717. /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-detail.d.ts +0 -0
  718. /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-line-item.d.ts +0 -0
  719. /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-transactions.d.ts +0 -0
  720. /package/dist/components/{admin/patterns → blocks/admin}/commerce/order.d.ts +0 -0
  721. /package/dist/components/{admin/patterns → blocks/admin}/commerce/seo-listing.d.ts +0 -0
  722. /package/dist/components/{admin/patterns → blocks/admin}/commerce/seo-score.d.ts +0 -0
  723. /package/dist/components/{admin/patterns → blocks/admin}/commerce/summary-panel.d.ts +0 -0
  724. /package/dist/components/{patterns → blocks}/analytics/activity-heatmap.d.ts +0 -0
  725. /package/dist/components/{patterns → blocks}/analytics/analytics.types.d.ts +0 -0
  726. /package/dist/components/{patterns → blocks}/analytics/chart-card.d.ts +0 -0
  727. /package/dist/components/{patterns → blocks}/analytics/format-metric-value.d.ts +0 -0
  728. /package/dist/components/{patterns → blocks}/analytics/index.d.ts +0 -0
  729. /package/dist/components/{patterns → blocks}/analytics/metric-bar.d.ts +0 -0
  730. /package/dist/components/{patterns → blocks}/analytics/metric-comparison.d.ts +0 -0
  731. /package/dist/components/{patterns → blocks}/analytics/metric-gradient.d.ts +0 -0
  732. /package/dist/components/{patterns → blocks}/analytics/metric-grid.d.ts +0 -0
  733. /package/dist/components/{patterns → blocks}/analytics/metric-micro-grid.d.ts +0 -0
  734. /package/dist/components/{patterns → blocks}/analytics/metric-skeleton.d.ts +0 -0
  735. /package/dist/components/{patterns → blocks}/analytics/metric-trend-chip.d.ts +0 -0
  736. /package/dist/components/{patterns → blocks}/analytics/metric.d.ts +0 -0
  737. /package/dist/components/{patterns → blocks}/analytics/time-ruler.d.ts +0 -0
  738. /package/dist/components/{patterns → blocks}/onboarding/checklist.d.ts +0 -0
  739. /package/dist/components/{patterns → blocks}/onboarding/index.d.ts +0 -0
  740. /package/dist/components/{patterns → blocks}/onboarding/onboarding.strings.d.ts +0 -0
  741. /package/dist/components/{patterns → blocks}/timelines/changelog-timeline.d.ts +0 -0
  742. /package/dist/components/{patterns → blocks}/timelines/index.d.ts +0 -0
  743. /package/dist/components/{patterns → blocks}/timelines/milestones-timeline.d.ts +0 -0
  744. /package/dist/components/{patterns → blocks}/timelines/steps.d.ts +0 -0
  745. /package/dist/components/{patterns → blocks}/timelines/timelines.strings.d.ts +0 -0
  746. /package/dist/styles/{theming/breakpoints.css → breakpoints.css} +0 -0
@@ -1,385 +0,0 @@
1
- import { t as e } from "./cx--CBrhWH0.js";
2
- import { ChevronDownIcon as t, CircleXIcon as n, EyeIcon as r, EyeOffIcon as i, Loader2Icon as a, SearchIcon as o } from "lucide-react";
3
- import * as s from "react";
4
- import { useCallback as c, useId as l, useMemo as u, useState as d } from "react";
5
- import { jsx as f, jsxs as p } from "react/jsx-runtime";
6
- //#region src/components/base/text-inputs/input.strings.ts
7
- var m = {
8
- clear: "Clear input",
9
- characterCount: (e, t) => `${e} of ${t} characters`
10
- }, h = {
11
- ...m,
12
- clear: "Clear search"
13
- }, g = {
14
- textarea: "text-inputs__textarea___bzqKy",
15
- textareaFrame: "text-inputs__textareaFrame___4VXbv",
16
- affordance: "text-inputs__affordance___W4UeX",
17
- affordanceTextareaEnd: "text-inputs__affordanceTextareaEnd___PciWh",
18
- addon: "text-inputs__addon___91UZA",
19
- revealButton: "text-inputs__revealButton___85A9f",
20
- selectFrame: "text-inputs__selectFrame____HFj1",
21
- select: "text-inputs__select___r5Ors",
22
- selectChevron: "text-inputs__selectChevron___lhayj",
23
- search: "text-inputs__search___IKkd-",
24
- frame: "text-inputs__frame___T8iew",
25
- affordanceStart: "text-inputs__affordanceStart___vT_Ak",
26
- affordanceEnd: "text-inputs__affordanceEnd___-eqXP",
27
- affordanceText: "text-inputs__affordanceText___eJ6Nv",
28
- clear: "text-inputs__clear___uRgV6",
29
- spinner: "text-inputs__spinner___14Abc",
30
- count: "text-inputs__count___al9Xc",
31
- countOver: "text-inputs__countOver___Ov34M"
32
- };
33
- //#endregion
34
- //#region src/components/base/text-inputs/use-field-value.ts
35
- function _({ controlledValue: e, defaultValue: t, maxLength: n, showCharacterCount: r, providedId: i, idPrefix: a = "field" }) {
36
- let o = l(), s = i ?? `${a}-${o}`, f = e !== void 0, [p, m] = d(String(t ?? "")), h = f ? String(e ?? "") : p, g = typeof n == "number" && n > 0, _ = h.length, v = c((e) => g && e.length > n, [g, n]), y = c((e) => !v(e) && (f || m(e), !0), [f, v]), b = c(() => {
37
- f || m("");
38
- }, [f]);
39
- return u(() => ({
40
- id: s,
41
- value: h,
42
- isControlled: f,
43
- characterCount: _,
44
- hasCharacterLimit: g,
45
- showCount: !!r && g,
46
- hasValue: h.length > 0,
47
- updateValue: y,
48
- clearValue: b,
49
- wouldExceedLimit: v
50
- }), [
51
- s,
52
- h,
53
- f,
54
- _,
55
- g,
56
- r,
57
- y,
58
- b,
59
- v
60
- ]);
61
- }
62
- //#endregion
63
- //#region src/components/base/text-inputs/input.tsx
64
- function v(e) {
65
- return e ? s.isValidElement(e) ? e : typeof e == "function" || typeof e == "object" && e && "$$typeof" in e ? /* @__PURE__ */ f(e, { "aria-hidden": !0 }) : e : null;
66
- }
67
- function y(e, t, n) {
68
- return e && `${typeof t == "string" ? t : ""}${e}${typeof n == "string" ? n : ""}`;
69
- }
70
- var b = s.forwardRef(function({ className: t, type: r = "text", startIcon: i, endIcon: o, startAddon: c, endAddon: l, maxLength: u, showCharacterCount: d, clearable: h, onClear: b, loading: x = !1, invalid: S, returnValueWithAddons: C = !1, strings: w, value: T, defaultValue: E, onChange: D, id: O, ...k }, A) {
71
- let j = {
72
- ...m,
73
- ...w
74
- }, M = s.useRef(null), N = s.useCallback((e) => {
75
- M.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
76
- }, [A]), P = _({
77
- controlledValue: T,
78
- defaultValue: E,
79
- maxLength: u,
80
- showCharacterCount: d,
81
- providedId: O,
82
- idPrefix: "input"
83
- }), F = (e) => {
84
- let t = e.target.value;
85
- if (!P.updateValue(t) || !D) return;
86
- if (!C) {
87
- D(e);
88
- return;
89
- }
90
- let n = y(t, c, l);
91
- D({
92
- ...e,
93
- target: {
94
- ...e.target,
95
- value: n
96
- },
97
- currentTarget: {
98
- ...e.currentTarget,
99
- value: n
100
- }
101
- });
102
- }, I = () => {
103
- if (k.disabled || k.readOnly) return;
104
- P.clearValue();
105
- let e = M.current;
106
- e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), D?.({
107
- target: e,
108
- currentTarget: e,
109
- type: "change"
110
- })), b?.(), M.current?.focus();
111
- }, L = !!h && P.hasValue && !x, R = x ? "loading" : L ? "clear" : P.showCount ? "count" : o ? "icon" : l ? "addon" : null, z = P.hasCharacterLimit && P.characterCount >= u;
112
- return /* @__PURE__ */ p("span", {
113
- "data-slot": "input-frame",
114
- className: g.frame,
115
- "data-start-icon": i ? "" : void 0,
116
- "data-start-addon": c ? "" : void 0,
117
- "data-end-icon": R === "icon" || R === "clear" || R === "loading" ? "" : void 0,
118
- "data-end-addon": R === "addon" ? "" : void 0,
119
- "data-count": R === "count" ? "" : void 0,
120
- children: [
121
- (i || c) && /* @__PURE__ */ p("span", {
122
- className: e(g.affordance, g.affordanceStart),
123
- children: [v(i), !!c && /* @__PURE__ */ f("span", {
124
- className: g.affordanceText,
125
- children: c
126
- })]
127
- }),
128
- /* @__PURE__ */ f("input", {
129
- ...k,
130
- ref: N,
131
- id: P.id,
132
- type: r,
133
- "data-slot": "input",
134
- "data-field-control": "",
135
- "aria-invalid": S || k["aria-invalid"] || void 0,
136
- maxLength: u,
137
- value: T,
138
- defaultValue: E,
139
- onChange: F,
140
- className: e("input--component", t)
141
- }),
142
- R !== null && /* @__PURE__ */ p("span", {
143
- className: e(g.affordance, g.affordanceEnd),
144
- children: [
145
- R === "loading" && /* @__PURE__ */ f(a, {
146
- "aria-hidden": !0,
147
- className: g.spinner
148
- }),
149
- R === "clear" && /* @__PURE__ */ f("button", {
150
- type: "button",
151
- "data-hit-area": !0,
152
- className: g.clear,
153
- "aria-label": j.clear,
154
- disabled: k.disabled || k.readOnly,
155
- onClick: I,
156
- children: /* @__PURE__ */ f(n, { "aria-hidden": !0 })
157
- }),
158
- R === "count" && /* @__PURE__ */ p("span", {
159
- className: e(g.count, z && g.countOver),
160
- "aria-label": j.characterCount(P.characterCount, u),
161
- children: [
162
- P.characterCount,
163
- " / ",
164
- u
165
- ]
166
- }),
167
- R === "icon" && v(o),
168
- R === "addon" && /* @__PURE__ */ f("span", {
169
- className: g.affordanceText,
170
- children: l
171
- })
172
- ]
173
- })
174
- ]
175
- });
176
- }), x = s.forwardRef(function({ className: t, strings: r, maxLength: i, showCharacterCount: o, clearable: c, onClear: l, loading: u = !1, invalid: d, minRows: h, maxRows: v, value: y, defaultValue: b, onChange: x, id: S, rows: C, style: w, ...T }, E) {
177
- let D = {
178
- ...m,
179
- ...r
180
- }, O = s.useRef(null), k = h ?? C, A = _({
181
- controlledValue: y,
182
- defaultValue: b,
183
- maxLength: i,
184
- showCharacterCount: o,
185
- providedId: S,
186
- idPrefix: "textarea"
187
- }), j = s.useCallback((e) => {
188
- O.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
189
- }, [E]), M = () => {
190
- if (T.disabled || T.readOnly) return;
191
- let e = O.current;
192
- e && ((Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus()), A.clearValue(), l?.();
193
- }, N = c && A.value.length > 0, P = u ? "loading" : N ? "clear" : A.showCount ? "count" : null, F = A.hasCharacterLimit && A.characterCount >= i;
194
- return /* @__PURE__ */ p("span", {
195
- "data-slot": "textarea-frame",
196
- className: g.textareaFrame,
197
- "data-field-shell": "",
198
- "data-invalid": d ? "" : void 0,
199
- "data-trailing": P ?? void 0,
200
- children: [/* @__PURE__ */ f("textarea", {
201
- ...T,
202
- ref: j,
203
- id: A.id,
204
- rows: C ?? h,
205
- maxLength: i,
206
- "aria-invalid": d || T["aria-invalid"] || void 0,
207
- "data-slot": "textarea",
208
- "data-field-control": "",
209
- className: e("textarea--component", g.textarea, t),
210
- style: {
211
- ...k ? { minHeight: `calc(${k}lh + var(--space-md) * 2 + var(--border-width) * 2)` } : null,
212
- ...v ? { maxHeight: `calc(${v}lh + var(--space-md) * 2 + var(--border-width) * 2)` } : null,
213
- ...w
214
- },
215
- value: y === void 0 ? void 0 : A.value,
216
- defaultValue: y === void 0 ? b : void 0,
217
- onChange: (e) => {
218
- A.updateValue(e.target.value), x?.(e);
219
- }
220
- }), !!P && /* @__PURE__ */ p("span", {
221
- className: e(g.affordance, g.affordanceTextareaEnd),
222
- children: [
223
- P === "loading" && /* @__PURE__ */ f(a, {
224
- "aria-hidden": !0,
225
- className: g.spinner
226
- }),
227
- P === "clear" && /* @__PURE__ */ f("button", {
228
- type: "button",
229
- "data-hit-area": !0,
230
- className: g.clear,
231
- "aria-label": D.clear,
232
- disabled: T.disabled || T.readOnly,
233
- onClick: M,
234
- children: /* @__PURE__ */ f(n, { "aria-hidden": !0 })
235
- }),
236
- P === "count" && /* @__PURE__ */ p("span", {
237
- className: e(g.count, F && g.countOver),
238
- "aria-label": D.characterCount(A.characterCount, i),
239
- children: [
240
- A.characterCount,
241
- " / ",
242
- i
243
- ]
244
- })
245
- ]
246
- })]
247
- });
248
- });
249
- //#endregion
250
- //#region src/components/base/text-inputs/field-shell.tsx
251
- function S({ start: t, end: n, className: r, children: i, id: a, "aria-labelledby": o, "aria-invalid": c, "aria-describedby": l, "aria-required": u, ...d }) {
252
- let m = typeof i == "function", h = {
253
- id: a,
254
- "aria-labelledby": o,
255
- "aria-invalid": c,
256
- "aria-describedby": l,
257
- "aria-required": u
258
- }, _ = (e) => s.cloneElement(e, {
259
- id: e.props.id ?? h.id,
260
- "aria-labelledby": e.props["aria-labelledby"] ?? (e.props["aria-label"] === void 0 ? h["aria-labelledby"] : void 0),
261
- "aria-invalid": e.props["aria-invalid"] ?? h["aria-invalid"],
262
- "aria-describedby": e.props["aria-describedby"] ?? h["aria-describedby"],
263
- "aria-required": e.props["aria-required"] ?? h["aria-required"]
264
- }), v = m ? [] : s.Children.toArray(i), y = !m && s.isValidElement(i) ? -1 : v.findIndex((e) => s.isValidElement(e)), b = m ? i(h) : s.isValidElement(i) ? _(i) : y === -1 ? i : v.map((e, t) => t === y ? _(e) : e);
265
- return /* @__PURE__ */ p("div", {
266
- "data-slot": "field-shell",
267
- "data-field-shell": "",
268
- className: e("field-shell--component", r),
269
- ...d,
270
- children: [
271
- !!t && /* @__PURE__ */ f("span", {
272
- className: g.addon,
273
- children: t
274
- }),
275
- b,
276
- !!n && /* @__PURE__ */ f("span", {
277
- className: g.addon,
278
- children: n
279
- })
280
- ]
281
- });
282
- }
283
- //#endregion
284
- //#region src/components/base/text-inputs/password-input.strings.ts
285
- var C = {
286
- ...m,
287
- reveal: "Show password",
288
- hide: "Hide password"
289
- }, w = s.forwardRef(function({ strings: t, className: n, ...a }, o) {
290
- let c = {
291
- ...C,
292
- ...t
293
- }, [l, u] = s.useState(!1);
294
- return /* @__PURE__ */ f(S, {
295
- className: e("password-input--component", n),
296
- end: /* @__PURE__ */ f("button", {
297
- type: "button",
298
- className: g.revealButton,
299
- "data-hit-area": !0,
300
- "aria-label": l ? c.hide : c.reveal,
301
- disabled: a.disabled,
302
- onClick: () => u((e) => !e),
303
- children: f(l ? i : r, {})
304
- }),
305
- children: /* @__PURE__ */ f(b, {
306
- ref: o,
307
- type: l ? "text" : "password",
308
- strings: t,
309
- ...a
310
- })
311
- });
312
- }), T = s.forwardRef(function({ onClear: t, className: n, strings: r, ...i }, a) {
313
- return /* @__PURE__ */ f(b, {
314
- ref: a,
315
- type: "search",
316
- className: e("search-input--component", g.search, n),
317
- startIcon: /* @__PURE__ */ f(o, { "aria-hidden": !0 }),
318
- clearable: !0,
319
- onClear: t,
320
- strings: {
321
- ...h,
322
- ...r
323
- },
324
- ...i
325
- });
326
- }), E = s.forwardRef(function({ className: n, placeholder: r, children: i, ...a }, o) {
327
- return /* @__PURE__ */ p("span", {
328
- "data-slot": "native-select-frame",
329
- className: g.selectFrame,
330
- children: [/* @__PURE__ */ p("select", {
331
- ref: o,
332
- "data-slot": "native-select",
333
- "data-field-control": "",
334
- className: e("native-select--component", g.select, n),
335
- ...a,
336
- children: [!!r && /* @__PURE__ */ f("option", {
337
- value: "",
338
- disabled: !0,
339
- children: r
340
- }), i]
341
- }), /* @__PURE__ */ f(t, {
342
- "aria-hidden": !0,
343
- className: g.selectChevron
344
- })]
345
- });
346
- });
347
- //#endregion
348
- //#region src/components/base/text-inputs/slugify.ts
349
- function D(e, { separator: t = "-", lowercase: n = !0, trim: r = !0 } = {}) {
350
- let i = t || "-", a = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = String(e ?? "").normalize("NFKD").replace(/[̀-ͯ]/g, "").replace(/&/g, " and ").replace(/['’]/g, "");
351
- return n && (o = o.toLowerCase()), o = o.replace(/[^\p{Letter}\p{Number}]+/gu, i).replace(RegExp(`${a}{2,}`, "g"), i), r && (o = o.replace(RegExp(`^${a}|${a}$`, "g"), "")), o;
352
- }
353
- //#endregion
354
- //#region src/components/base/text-inputs/slug-field.tsx
355
- var O = s.forwardRef(function({ value: t, transform: n, separator: r = "-", lowercase: i = !0, trim: a = !0, prefix: o, className: c, ...l }, u) {
356
- let d = s.useMemo(() => n?.(t) ?? D(t, {
357
- separator: r,
358
- lowercase: i,
359
- trim: a
360
- }), [
361
- i,
362
- r,
363
- n,
364
- a,
365
- t
366
- ]), m = /* @__PURE__ */ f(b, {
367
- ref: u,
368
- ...l,
369
- type: "text",
370
- value: d,
371
- readOnly: !0,
372
- className: e(!o && "slug-field--component", c)
373
- });
374
- return o ? /* @__PURE__ */ p("div", {
375
- "data-field-shell": "",
376
- className: "slug-field--component",
377
- children: [/* @__PURE__ */ f("span", {
378
- "data-slot": "slug-field-prefix",
379
- className: g.affordanceText,
380
- children: o
381
- }), m]
382
- }) : m;
383
- });
384
- //#endregion
385
- export { w as a, x as c, m as d, h as f, T as i, b as l, D as n, C as o, E as r, S as s, O as t, _ as u };
@@ -1,104 +0,0 @@
1
- import { wcagContrast as e } from "culori";
2
- //#region src/lib/theming/contrast.ts
3
- var t = "oklch(0.18 0.01 260)", n = "oklch(0.985 0 0)";
4
- function r(e, r = "light", a = [t, n]) {
5
- let o = a.map((t) => {
6
- let n = i(t, e);
7
- return n === null ? null : {
8
- color: t,
9
- ratio: n
10
- };
11
- }).filter((e) => e !== null);
12
- if (o.length === 0) return {
13
- color: r === "dark" ? t : n,
14
- ratio: 0,
15
- meetsAA: !1,
16
- measured: !1
17
- };
18
- let s = o.reduce((e, t) => t.ratio > e.ratio ? t : e);
19
- return {
20
- color: s.color,
21
- ratio: Number(s.ratio.toFixed(2)),
22
- meetsAA: s.ratio >= 4.5,
23
- measured: !0
24
- };
25
- }
26
- function i(t, n) {
27
- try {
28
- let r = e(t, n);
29
- return Number.isFinite(r) ? r : null;
30
- } catch {
31
- return null;
32
- }
33
- }
34
- //#endregion
35
- //#region src/lib/theming/recipes.ts
36
- function a(e, t, n) {
37
- return Math.min(n, Math.max(t, e));
38
- }
39
- function o(e, t) {
40
- return r(e, t).color;
41
- }
42
- function s({ primary: e, mode: t = "light" }) {
43
- return {
44
- "--primary": e,
45
- "--primary-foreground": o(e, t),
46
- "--secondary": "color-mix(in oklch, var(--primary) 10%, var(--background))",
47
- "--secondary-foreground": "var(--foreground)",
48
- "--muted": "color-mix(in oklch, var(--primary) 7%, var(--background))",
49
- "--muted-foreground": "color-mix(in oklch, var(--foreground) 62%, var(--background))",
50
- "--accent": "color-mix(in oklch, var(--primary) 14%, var(--background))",
51
- "--accent-foreground": "var(--foreground)",
52
- "--border": "color-mix(in oklch, var(--primary) 14%, var(--background))",
53
- "--input": "color-mix(in oklch, var(--primary) 18%, var(--background))",
54
- "--ring": "var(--primary)",
55
- "--link-color": "var(--primary)",
56
- "--chart-1": "var(--primary)",
57
- "--chart-2": "color-mix(in oklch, var(--primary) 68%, var(--info))",
58
- "--chart-3": "color-mix(in oklch, var(--primary) 60%, var(--success))",
59
- "--chart-4": "color-mix(in oklch, var(--primary) 58%, var(--warning))",
60
- "--chart-5": "color-mix(in oklch, var(--primary) 52%, var(--destructive))",
61
- "--sidebar-primary": "var(--primary)",
62
- "--sidebar-primary-foreground": "var(--primary-foreground)",
63
- "--sidebar-accent": "var(--accent)",
64
- "--sidebar-accent-foreground": "var(--accent-foreground)",
65
- "--sidebar-border": "var(--border)",
66
- "--sidebar-ring": "var(--ring)"
67
- };
68
- }
69
- var c = {
70
- xs: .75,
71
- pxs: .8125,
72
- sm: .875,
73
- base: 1
74
- }, l = [
75
- "lg",
76
- "xl",
77
- "2xl"
78
- ];
79
- function u({ baseSize: e, ratio: t = 1.2 }) {
80
- let n = a(e, 14, 20), r = a(t, 1.125, 1.333), i = {};
81
- for (let [e, t] of Object.entries(c)) {
82
- let r = Math.max(12, n * t);
83
- i[`--text-${e}`] = `${Number((r / 16).toFixed(4))}rem`, i[`--text-${e}--line-height`] = `${Number((Math.max(r + 6, r * 1.45) / r).toFixed(4))}`;
84
- }
85
- return l.forEach((e, t) => {
86
- let o = n * r ** (t + 1);
87
- i[`--text-${e}`] = `${Number((o / 16).toFixed(4))}rem`, i[`--text-${e}--line-height`] = `${Number(a(1.55 - t * .065, 1, 1.5).toFixed(4))}`;
88
- }), i;
89
- }
90
- function d({ intensity: e }) {
91
- let t = a(e, 0, 1), n = (e) => `color-mix(in oklab, var(--shadow-ink) ${Number((t / .8 * e).toFixed(2))}%, transparent)`;
92
- return {
93
- "--shadow-2xs": `0 1px 2px 0px ${n(4)}`,
94
- "--shadow-xs": `0 1px 2px 0px ${n(6)}, 0 1px 1px -1px ${n(6)}`,
95
- "--shadow-sm": `0 1px 2px 0px ${n(6)}, 0 2px 4px -2px ${n(10)}`,
96
- "--shadow": `0 1px 3px 0px ${n(8)}, 0 4px 8px -4px ${n(12)}`,
97
- "--shadow-md": `0 2px 4px -1px ${n(8)}, 0 8px 16px -8px ${n(16)}`,
98
- "--shadow-lg": `0 4px 8px -2px ${n(10)}, 0 12px 24px -12px ${n(18)}`,
99
- "--shadow-xl": `0 8px 16px -4px ${n(12)}, 0 20px 40px -20px ${n(22)}`,
100
- "--shadow-2xl": `0 16px 32px -8px ${n(18)}, 0 32px 64px -28px ${n(28)}`
101
- };
102
- }
103
- //#endregion
104
- export { n as a, t as i, s as n, r as o, u as r, d as t };
@@ -1,68 +0,0 @@
1
- import { t as e } from "./cx--CBrhWH0.js";
2
- import { c as t } from "./buttons-CqXKWty3.js";
3
- import "react";
4
- import { jsx as n } from "react/jsx-runtime";
5
- import { Toolbar as r } from "@base-ui/react/toolbar";
6
- var i = {
7
- root: "toolbar__root___WfXZ-",
8
- group: "toolbar__group___XA-d4",
9
- button: "toolbar__button___Bnb_5",
10
- link: "toolbar__link___-qbUF",
11
- input: "toolbar__input___mbE52",
12
- separator: "toolbar__separator___XbvK5"
13
- };
14
- //#endregion
15
- //#region src/components/base/toolbar/toolbar.tsx
16
- function a({ className: t, ...a }) {
17
- return /* @__PURE__ */ n(r.Root, {
18
- "data-slot": "toolbar",
19
- className: e("toolbar--component", i.root, t),
20
- ...a
21
- });
22
- }
23
- function o({ className: t, ...a }) {
24
- return /* @__PURE__ */ n(r.Group, {
25
- "data-slot": "toolbar-group",
26
- className: e("toolbar--group", i.group, t),
27
- ...a
28
- });
29
- }
30
- function s({ render: a, tone: o = "neutral", buttonStyle: s = "ghost", iconOnly: c, loading: l, fullWidth: u, className: d, ...f }) {
31
- return /* @__PURE__ */ n(r.Button, {
32
- ...f,
33
- disabled: f.disabled || l,
34
- render: a ?? /* @__PURE__ */ n(t, {
35
- tone: o,
36
- buttonStyle: s,
37
- iconOnly: c,
38
- loading: l,
39
- fullWidth: u
40
- }),
41
- "data-slot": "toolbar-button",
42
- className: e("toolbar--button", i.button, d)
43
- });
44
- }
45
- function c({ className: t, ...a }) {
46
- return /* @__PURE__ */ n(r.Link, {
47
- "data-slot": "toolbar-link",
48
- className: e("toolbar--link", i.link, t),
49
- ...a
50
- });
51
- }
52
- function l({ className: t, ...a }) {
53
- return /* @__PURE__ */ n(r.Input, {
54
- "data-slot": "toolbar-input",
55
- "data-field-control": "",
56
- className: e("toolbar--input", i.input, t),
57
- ...a
58
- });
59
- }
60
- function u({ className: t, ...a }) {
61
- return /* @__PURE__ */ n(r.Separator, {
62
- "data-slot": "toolbar-separator",
63
- className: e("toolbar--separator", i.separator, t),
64
- ...a
65
- });
66
- }
67
- //#endregion
68
- export { c as a, l as i, s as n, u as o, o as r, a as t };
@@ -1,73 +0,0 @@
1
- import { t as e } from "./cx--CBrhWH0.js";
2
- import { u as t } from "./ui-provider-Cmoq6i_D.js";
3
- import { createContext as n, useContext as r, useId as i, useState as a } from "react";
4
- import { jsx as o, jsxs as s } from "react/jsx-runtime";
5
- import { Tooltip as c } from "@base-ui/react/tooltip";
6
- var l = {
7
- positioner: "tooltip__positioner___l9j7s",
8
- content: "tooltip__content___3Ln0A",
9
- arrow: "tooltip__arrow___aJN0q"
10
- };
11
- //#endregion
12
- //#region src/components/base/tooltip/tooltip.tsx
13
- function u({ delay: e, delayDuration: t, ...n }) {
14
- return /* @__PURE__ */ o(c.Provider, {
15
- "data-slot": "tooltip-provider",
16
- delay: t ?? e,
17
- ...n
18
- });
19
- }
20
- var d = n(null);
21
- function f({ open: e, defaultOpen: t, onOpenChange: n, ...r }) {
22
- let s = i(), [l, u] = a(t ?? !1);
23
- return /* @__PURE__ */ o(d.Provider, {
24
- value: {
25
- id: s,
26
- open: e ?? l
27
- },
28
- children: /* @__PURE__ */ o(c.Root, {
29
- "data-slot": "tooltip",
30
- open: e,
31
- defaultOpen: t,
32
- onOpenChange: (e, t) => {
33
- u(e), n?.(e, t);
34
- },
35
- ...r
36
- })
37
- });
38
- }
39
- function p({ render: e, children: t, ...n }) {
40
- let i = r(d), a = typeof e == "function" ? (t, n) => {
41
- let { nativeButton: r, ...i } = t;
42
- return e(i, n);
43
- } : e;
44
- return /* @__PURE__ */ o(c.Trigger, {
45
- "data-slot": "tooltip-trigger",
46
- render: a,
47
- ...n,
48
- "aria-describedby": [n["aria-describedby"], i?.open ? i.id : void 0].filter(Boolean).join(" ") || void 0,
49
- children: t
50
- });
51
- }
52
- function m({ container: n, className: i, side: a = "top", sideOffset: u = 6, align: f = "center", alignOffset: p = 0, children: m, ...h }) {
53
- let g = t(n), _ = r(d);
54
- return /* @__PURE__ */ o(c.Portal, {
55
- container: g,
56
- children: /* @__PURE__ */ o(c.Positioner, {
57
- align: f,
58
- alignOffset: p,
59
- side: a,
60
- sideOffset: u,
61
- className: l.positioner,
62
- children: /* @__PURE__ */ s(c.Popup, {
63
- id: h.id ?? _?.id,
64
- "data-slot": "tooltip-content",
65
- className: e("tooltip-content--component", l.content, i),
66
- ...h,
67
- children: [m, /* @__PURE__ */ o(c.Arrow, { className: l.arrow })]
68
- })
69
- })
70
- });
71
- }
72
- //#endregion
73
- export { p as i, m as n, u as r, f as t };